﻿#FontsContainer{margin:0 10 0 10;width:880px;height:420px;height:expression(400);}

#FontsSideBar{width:121px;height:400px;margin:20px 0px 0px 38px;float:left;}
#FontsSideBarHeader{background-color:#525657;width:121px;height:5px;}
#FontsSideBarMain{background-color:#727677;width:121px;height:336px;height:expression(337);}
#FontsSideBarFooter{height:58px;}
#FontsMain{margin-bottom:5px;float:left;width:721px}

/*################### LIST ######################*/
#FontsHeaderTitle{margin-left:30px;padding-top:5px;height:15px;height:expression(20);width:200px;float:left}
#FontList{
	border: 1px solid #9BA3A9;
	background-image:url(../img/fonts/TileBack.gif);
	background-repeat:no-repeat;
	width: 688px;
	width:expression(690);
	height:397px;
	height:expression(400);
	float:left;
}

#FontsPager{width:27px;height:399px;height:expression(400);background-color:Black;margin:0 0 0 4;float:left;}

#PagerRight{padding: 15 0 0 6;}
#PagerLeft{padding: 20 0 0 6;}
#Pager{padding: 295 0 0 0;vertical-align:bottom;}
#SamplesPager{padding: 295 0 0 0;vertical-align:bottom;padding-top:expression(290)}

/*################### CHARACTER SETS ######################*/
#FontsCharacterSets{margin-top:20px;border:1px solid #9BA3A9;width:688px;width:expression(690);height:397px;height:expression(399);float:left;border-bottom:expression(0)}
#FontsCharacterSetsSpace{margin-top:20px;width:31px;float:left;height:397px;height:expression(400);}
#CharacterSetsIntro{padding:7 20 7 20;}
.CharacterSetItem{border-bottom: 1px solid #7b8182;padding:10 20 6 20;height:55px;height:expression(72);}

/*################### STYLES ######################*/

#FontData{width:148px;height:397px;border:1px solid #9BA3A9;width:expression(150);height:expression(400);float:left;margin-top:20px;}
#FontDataDetails{padding:5 5 0 5;padding-top:expression(0);}
#StylesPager{width:27px;height:399px;height:expression(400);background-color:Black;margin:20 0 5 4;float:left;}

#FontStyles{
	margin-top:20px;width:524px;height:380px;border:1px solid #9BA3A9;width:expression(536);height:expression(400);
	float:left;margin-left:4px;padding:17 0 0 10;
}

.StylesTile{width:234px;height:27px;border:1px solid #D5D7DB;width:expression(236);height:expression(27);margin-left:10px;}
#StylesDIV{padding-top:15px;padding-top:expression(5)}

/*################### SAMPLE ######################*/

#FontSampleTitle{padding:0 10 0 15;padding-top:6px;width:expression(690);height:14px;height:expression(20);text-align:left;}
#FontSampleContainer{border:1px solid #9BA3A9;
	width:534px;height:397px;width:expression(536);height:expression(400);
	float:left;margin-left:4px;margin-top:20px;

}

#FontSampleContainerZooomer{width:690px;height:417px;width:expression(536);height:expression(400);
	float:left;margin-left:0px;margin-top:0px;

}
#FontSample{
	width:534px;height:397px;border:0px solid #9BA3A9;width:expression(536);height:expression(400);
}
#SamplePager{width:27px;height:399px;height:expression(400);background-color:Black;margin:20 0 5 4;float:left;}


/*################### OPENTYPE ######################*/

#OpenTypeDIV{
	width:507px;height:380px;border:1px solid #9BA3A9;width:expression(536);height:expression(400);float:left;
	margin-left:4px;margin-right:31px;margin-top:20px;margin-bottom:5px;padding:17 10 0 17;
}

/*################### TEST DRIVE ######################*/

#TestDriveDIV{width:690;height:400;float:left;margin-top:20px;margin-left:0px;margin-right:31px;margin-bottom:4px;}
#TestDrivePreview{width:690px;height:127px;}
#TestDriveInput1{margin-top:6px;background-color:#3C3F42;width:690px;height:21px;}
#TestDriveInput2{margin-top:6px;background-color:#3C3F42;width:690px;height:21px;}
#TestDriveText{
	width:659px;height:190px;border:1px solid #9BA3A9;width:expression(690);height:expression(210);
	padding:15 15 0 15;margin-top:9px;
}