




/* **********general styles start**************/
    html{overflow:-moz-scrollbars-vertical;}
	body{font-size:100%; color:#656565;}
	h1,h2,h3,h4,pre,form,body,li,ul,ol,html,p,blockquote,fieldset,input { margin: 0; padding:0; } /* Undo some default browser margins and padding */
	body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.0em; color: #656565; background: #fff;text-align:center;}
	p { margin-bottom: 0.4em; margin-top: 0.2em; padding:0; font-size: 0.8em;}
	form {margin-bottom:0; margin-top:0}
	fieldset{border:none;}
	input{font-size:0.9em; margin-right:3px;}
	ol{	font-size: 0.8em;list-style: decimal inside;padding-left: 0px;padding: 0;margin-top: 0;	padding-bottom: 0;margin-left: 70px;margin-right:20px;}
	ol li{padding-left: 0px;padding-top: 5px;	text-indent: -30px;margin-left:0px;}
	li ol li{font-size:1.3em;}
	img {border: 0;padding:0px;}
	.button{background-image: url();background-repeat: repeat-x;font-size:0.9em;font-weight:bold;color:#345a91; border:1px solid #94969c;height:1.35em;width: 5em;vertical-align:middle;padding-bottom:2px;}
	.clearboth {clear:both;}
	.leftflow {	float: left; vertical-align: top;}
	.rightflow {float: right; vertical-align: top;}
	.marginleft{margin-left:2px;}
	.marginright{margin-right:2px;}
	.paddingleft{padding-left:5px;}
	.paddingright{padding-right:5px;}
	.clearright {clear:right;}
	.clearleft {clear:left;}
	.imgpadding {padding:5px;padding-top:15px;}
    .caption{font-size:0.6em; color:#444444; margin-left: 10px;margin-top:0px; margin-bottom:1em;}
	blockquote{font-style:italic; padding-top:0.3em; padding-bottom:0.3em;padding-left:10px;}
/* **********END general styles**************/


/* ******** START DIFFERENT MEDIUM STYLES******** */
	#logoprint{	display:none; visibility: hidden; }
	.hidescreen {display:none; visibility: hidden; }
	.hideprint {}
	.hidehandheld {}
/* ******** END DIFFERENT MEDIUM STYLES******** */
	
/* ******** START FRAMEWORK STYLES******** */
	#container{background: #fff; text-align:left; font-size:0.85em;border: 1px solid #2b3f5c; border-right: 4px solid #2b3f5c;border-bottom: 2px solid #2b3f5c;}
	#footer{border-top: 1px solid #7195c3;}
    .footerarea {float:left; width: 30%;}
/* ******** END FRAMEWORK STYLES******** */


/* ******** START BREADCRUMB STYLES******** */
	#crumb { background:none;font-size: 0.8em; color: #1E5DA8; font-weight:normal;margin-top:1em; margin-bottom:1em;background:#ffffff; padding-left:10px;clear:left;}
	#crumb a:link, #crumb a:visited, #crumb a:active {background:#ffffff; text-decoration:underline; color:#1E5DA8;font-weight:normal;}
	#crumb a:hover {color:#1E5DA8; text-decoration:underline;font-weight:normal;}
/* ******** END BREADCRUMB STYLES******** */

/* ******** START HEADER STYLES******** */
	#banner{height:95px;background-image: url(/cs/digitalAssets/106967_bannerbackground.gif);background-repeat: repeat;}
	#esollogo{padding-top: 15px; padding-left:20px;}
	#sitetitle{height: 43px;background: #4160AF;font-family: Trebuchet MS,Arial, Helvetica, sans-serif;font-size:2em;color:#FFF;border-top:1px solid #BBBCBE; border-bottom:1px solid #BBBCBE;padding-left: 10px;}
	#search{float:right; background-image: url();	background-repeat: repeat-x;width:17em;position:relative;top:-1px;}
	#search fieldset{float:right;border:0px; width:17em;margin-top:3px;}
       #search fieldset .button{position:relative;top:-2px;}
    #search fieldset label{color: #4e6172;font-weight:bold;}
/* ******** END HEADER STYLES******** */		
	
   
/* ******** START HEADINGS STYLES******** */
    h1 {font-family:Verdana, arial, sans-serif;color:#1A5EA7; font-size:1.6em;font-weight:normal; border:none;margin-right:10px;padding:1px;padding-left:5px;}   
	h1.heropanelheading{font-family:Trebuchet MS, verdana, arial, sans-serif;color:#fff; font-size:2.2em;font-weight:normal; border:none;margin-top:10px;}
	h2{padding-left:5px;padding-top: 5px; height:1.90em; border:0; font-family:Verdana, arial, sans-serif;color:#fff; font-size:0.8em;font-weight:bold;margin-top:0;}
    h2 a:link{font-weight:bold;color:#fff;}
	h2 a:visited{font-weight:bold;color:#fff;}
	h2 a:active{font-weight:bold;color:#fff;}
	h2 a:hover{font-weight:bold;color:#fff;}
	h3{color :#656565;padding:2px;margin-left:5px;font-size:0.8em;margin-bottom: 0;padding-bottom:0;margin-top:10px;}
	h3.headinginsidepanel{color:#3e647e;float:left;margin-bottom: 5px;}
	h4{font-size:0.80em; font-weight:bold;color:#333;margin-top:15px;}
    .taborder h2{border:none;}
/* ******** END HEADINGS STYLES******** */

	
/* ******** START LINKS STYLES******** */
	a:link {color:#1a5ea7;	text-decoration:none;font-weight : bold; margin: 0; padding:0;}
	a:visited {color:#1a5ea7; text-decoration:none;	font-weight : bold; margin: 0; padding:0;}
	a:active {color:#1a5ea7; text-decoration:none;font-weight : bold; margin: 0; padding:0;}
	a:hover {color:#661a5ea75ba;text-decoration:underline;	font-weight : bold; margin: 0; padding:0;}
	.mainareapanel h2 a:link{color:#fff;}
	.mainareapanel h2 a:visited{color:#fff;}
	.mainareapanel h2 a:active{color:#fff;}
	.mainareapanel h2 a:hover{color:#fff;}
/* ******** END LINKS STYLES******** */
	

/* ******** START PANEL STYLES******** */
	.adpanel{margin-bottom: 5px;}
	#content p{padding-left: 10px;}
	#mainimagedpanel{color: #fff;float: left;height: 16.4em;background-color: #4160AF;background-image: url(/cs/digitalAssets/106968_homePic.jpg);background-repeat: no-repeat;background-position: right top;}
	#mainimagedpanel p{padding:10px;margin-bottom:0; padding-bottom:0;}
	#mainimageparagraph{width: 20em;}
	.mainareapanel{width:31%; float:left;margin-right:8px;margin-left:8px;margin-bottom:2em;}
	.mainareapanel h2{background:#1A5EA7;color:#fff;border:none;text-align:left; padding-left:7px;height:2em;vertical-align:middle;margin:0;padding-top:7px;margin-top:15px;margin-bottom:3px;font-size:0.95em;}
	.mainareapanel .panelcontent{padding:5px;font-size:1em;height: 17em;}
	#content .mainareapanel .panelcontent p{padding:0px;margin-left:0px;padding-left:5px;}
	.sidepanel {border:0px;width:230px;margin-bottom:10px;}
	.sidepanel .panelcontent {background:#FFFFFF; color:#4C5050; border:1px solid #4160AF; padding:5px; font-size:0.8em; border-right:2px solid #4160AF; border-bottom:2px solid #4160AF;padding-left:10px;}
	.sidepanel h2 {padding-left:7px;height:2em;vertical-align:middle;padding-top:7px;letter-spacing: 0.05em;background: #4160AF;color: #fff;border: none;font-size: 0.8em;font-family: "Trebuchet MS", verdana, arial, sans-serif;}
    .boxborder {width: 94.5%;padding:1px;border: 1px solid #c6c6c6;}
	.pageheaderpanel{color:#fff;float: left;height: 16.5em;width:100%;margin-bottom:10px;background:#4160AF;}
	.pageheaderpanel p{width: 25em; padding:10px;margin-bottom:0; padding-bottom:0;}
	.pageheaderpanel h1 {padding:10px; color:#fff;font-size:1.6em;font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;font-weight:normal;border:none;}

	.general_englishimage{background-color: #96AE40;background-image: url(/cs/digitalAssets/106969_general_english_pic.jpg);background-position: right top;background-repeat: no-repeat;}
	
	
	
	.professional_englishimage{background-color: #A64683;background-image: url(/cs/digitalAssets/106970_friends_big.jpg);background-position: right top;background-repeat: no-repeat;}
	.yl_englishimage{background-color: #AF5942;background-image: url(/cs/digitalAssets/106971_yl_big.jpg);background-position: right top;background-repeat: no-repeat;}
	.helpwithexamsimage{background-color: #4160AF;background-image: url(/cs/digitalAssets/106972_helpwithexamsimage.jpg);background-position: right top;background-repeat: no-repeat;}
	.eportfolioimage{background-color: #4160AF;background-image: url(/cs/digitalAssets/106973_eportfolioimage.jpg);background-position: right top;background-repeat: no-repeat;}
	.resultsonlineimage{background-color: #4160AF;background-image: url(/cs/digitalAssets/106974_results3.jpg);background-position: right top;background-repeat: no-repeat;}
	.recognitionimage{background-color: #4160AF;background-image: url(/cs/digitalAssets/106991_recognitionPic.jpg);background-position: right top;background-repeat: no-repeat;}
	.contactusimage{background-color: #4160AF;background-image: url(/cs/digitalAssets/106975_contactus.jpg);background-position: right top;background-repeat: no-repeat;}
	.fce_englishimage{background-color: #96AE40;background-image: url(/cs/digitalAssets/106976_fceExamPic.jpg);background-position: right top;background-repeat: no-repeat;}
	.bec_englishimage{background-color: #a64683;background-image: url(/cs/digitalAssets/106977_becExamPic.jpg);background-position: right top;background-repeat: no-repeat;}
	.yle_englishimage{background-color: #AF5941;background-image: url(/cs/digitalAssets/106992_Younglearners-1-220x110.jpg);background-position: right top;background-repeat: no-repeat;}
	.panelimagearea{float:right; width:120px;text-align:center;padding-top:10px;height:75px;margin-right:0; padding-right:10px;}
	.panelimagearearight{text-align:center;padding-top:10px;padding-bottom:10px;height:auto;}
	.paneltextarea{float:left;width:300px;padding-top:10px;height:100px;margin-right:10; padding-right:10;}
    #steps{height:80px;margin-right:10px;padding:5px;margin-left:5px;display:block;}
    #steps #textinfo{float:left; width: 200px;}  
    #steps #progressionimage{float:left; width: 520px;}
	#textinfo a{font-weight:bold;}


	/* GENERAL EXAMS STYLES */
	.gepanel {margin:1em 5px 1em 8px;padding-bottom:1em;border-top:1px solid #f5f5f5;border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-left:1px solid #f5f5f5;height:auto;}
	.gepanel h2{background-color:#96ae40; padding-left:5px; height:1.90em; border:0; font-family:Verdana, arial, sans-serif;color:#fff; font-size:0.8em;font-weight:bold;margin-top:0;}
	.gepanel h3{color :#656565;padding:2px;margin-left:5px;font-size:0.8em;}
	.gepanel p{color :#656565;padding:2px;margin-left:5px;}
	.gepanel .examtable th{background-color:#c8d793;}
	.gepanel .examtable td{background-color:#f7fedf;}
	.gepanel ul.inlinelist{font-size:0.8em;margin:10px;padding-left:0px;margin-left:7px;margin-right:0px; padding-right:0;width:90%;}
	.gepanel ul.inlinelist li{display:inline;float:left; width: 20em;padding:5px;padding-left:0;}
	ul.ge li{background-color:#c8d793; } /*paper tab colour */
	.gepanel .divtitlebar {background:#ebf2d4;}
	ul.ge li.tabactive a#selectedtab { font-weight:bold; color:#5E7703; text-decoration:underline; padding: 4px;}


	/* END GENERAL EXAMS STYLES */

	/* PROFESSIONAL EXAMS STYLES */
	.pepanel {margin:1em 5px 1em 5px;padding-bottom:1em;border-top:1px solid #f5f5f5;border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-left:1px solid #f5f5f5;height:auto;}
	.pepanel h2{background-color:#A64683; padding-left:5px; height:1.90em; border:0; font-family:Verdana, arial, sans-serif;color:#fff; font-size:0.8em;font-weight:bold;margin-top:0;}
	.pepanel p{color :#656565;padding:2px;margin-left:5px;}
	.pepanel .examtable th{background-color:#c391ae;}
	.pepanel .examtable td{background-color:#f4ecf1;}
	.pepanel ul.inlinelist{font-size:0.8em;margin:10px;padding-left:0px;margin-left:7px;margin-right:0px; padding-right:0;width:90%;}
	.pepanel ul.inlinelist li{display:inline;float:left; width: 20em;padding:5px;padding-left:0;}
	ul.pe li{background-color:#c4aebb; } /*paper tab colour */
	.pepanel .divtitlebar {background:#f4ecf1;}
	ul.pe li.tabactive a#selectedtab { font-weight:bold; color:#771d50; text-decoration:underline; padding: 4px;}
	/* END PROFESSIONAL EXAMS STYLES */

	/* YL EXAMS STYLES */
	.ylpanel {margin:1em 5px 1em 5px;padding-bottom:1em;border-top:1px solid #f5f5f5;border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-left:1px solid #f5f5f5;height:auto;}
	.ylpanel h2{background-color:#AF5941; padding-left:5px; height:1.90em; border:0; font-family:Verdana, arial, sans-serif;color:#fff; font-size:0.8em;font-weight:bold;margin-top:0;}
	.ylpanel p{color :#656565;padding:2px;margin-left:5px;}
	.ylpanel .examtable th{background-color:#c8d793;}
	.ylpanel .examtable td{background-color:#f7fedf;}
	.ylpanel ul.inlinelist{font-size:0.8em;margin:10px;padding-left:0px;margin-left:7px;margin-right:0px; padding-right:0;width:90%;}
	.ylpanel ul.inlinelist li{display:inline;float:left; width: 20em;padding:5px;padding-left:0;}
	ul.yl li{background-color:#c8d793; } /*paper tab colour */
	.ylpanel .divtitlebar {background:#ebf2d4;}
	ul.yl li.tabactive a#selectedtab { font-weight:bold; color:#5E7703; text-decoration:underline; padding: 4px;}
	/* END YL EXAMS STYLES */




	
/* ******** END PANEL STYLES******** */

	
/* ******** START NAVIGATION STYLES******** */
	#navigationbar	{color: #4E6172;width: 100%;margin-top: 0;margin-bottom: 0;	border-bottom: 1px solid #BBBCBE;padding: 0;vertical-align: middle;clear: both;
	background: url(/cs/digitalAssets/106978_gnavbackground.gif) repeat-x;	height: 1.85em;}
	#navcontainer {width:62%; float:left;}
	#navcontainer ul {padding-left: 0;margin-left: 0;float: left;font-family: trebuchet MS, arial, helvetica, sans-serif;font-size:0.95em;}
	#navcontainer ul li { display: inline; }
	#navcontainer ul li a {padding: 0.3em 1em 0.2em 1em;  text-decoration: none; float: left;border-right: 1px solid #BFC1C4;font-weight:bold;color: #1F5FA9;}
	#navcontainer ul li a:hover	{background: #758698;	color: #fff;}
	#navcontainer ul li#active a {background:#4160AF;color: #fff;}
	#subnav{background:#E8E9EA; height:26px;width:100%;margin-bottom:3px;border-bottom:1px solid #BFC1C4;}
	#subnav ul{width:100%;height:25px;font-size:0.8em; font-weight:bold; padding-left: 0;margin-left: 0;background-color: #E8E9EA; color: #1A5EA7;float: left;font-family: arial, helvetica, sans-serif;	}
	#subnav li { display: inline;}
	#subnav ul li a {padding: 0.6em 1em 0.5em 1em; background-color: #E8E9EA; color: #1A5EA7; text-decoration: none; float: left; font-weight:bold;}
	#subnav ul li a#subnavselected{text-decoration:underline;}
	#subnav ul li a#subnavlinkselected{text-decoration:underline;}
    #selectedtab {text-decoration:underline;}
/* ******** END NAVIGATION STYLES******** */

	
/* ******** START UNORDERED LISTS STYLES******** */
    .panelcontent ul{font-size: 0.8em;list-style: none;padding-left: 5px;padding: 0;	margin-top:0; padding-bottom: 0;}
	.panelcontent ul li{padding-left: 31px;padding-top: 2px;	text-indent: -30px;}
	.panelcontent ul li img{margin-right:10px;}
	.documentsgroup{padding-left:7px;margin-top:0.5em;}
	ul.ladder{padding:0;margin:0;vertical-align:bottom;}
    ul.ladder li{list-style-type: none;line-height: 1.2em;margin:0;padding-top:0;padding-bottom:0;}
    ul.bulletedlist{font-size: 0.8em;list-style: disc;padding: 0;	margin-top:0; padding-bottom: 0;margin-left:25px;  list-style-position: inside; }
	ul.bulletedlist li{padding-bottom:0.2em;}
	ul.bulletedlist li img{margin-right:10px;}
/* ******** END UNORDERED LISTS STYLES******** */
	
/* ******** START TAB PANEL STYLES ******** */
	.tabpanel{margin-left: 5px;margin-top:15px;}
	ul.tablist	{font-size:0.8em; font-weight:bold; color:#fff;list-style-type: none;padding-bottom: 2.3em;	border-bottom: 1px solid #c6c6c6;margin-right: 37px;}
	ul.tablist li {float: left;height: 2em;	margin: 2px 2px 0 2px;border: 1px solid #c6c6c6;padding:0 5px 0 5px;width: 11em;color:#656565;}
/*	ul.tablist li.tabactive	{background-image: url(/cs/digitalAssets/106979_tabcorner2.gif);  background-position: top right;  background-repeat: no-repeat;  }
	li.tabactive a.current { font-weight:bold; color:#656565; text-decoration:underline; padding: 4px; } */
	ul.tablist li.tabactive	{background:#fff; font-weight:bold;border-bottom:none;}
	li.tabactive a.current { font-weight:bold; color:#656565; text-decoration:underline; padding: 4px; }
	.tablist a	{float: left;display: block;font-weight:bold; color:#656565;	text-decoration: none;padding: 4px;}
    .tablist a:link {padding:4px;font-weight:bold; color:#656565;}
    .tablist a:visited {padding:4px;font-weight:bold; color:#656565;}
	.tablist a:hover {font-weight:bold; color:#656565; padding: 4px; text-decoration:underline;}
	.tablist a:active {padding:4px;font-weight:bold; color:#656565;}
	.tabborder{	border-left: 1px solid #c6c6c6; border-right: 1px #c6c6c6 solid; border-bottom: 1px #c6c6c6 solid;width: 94.5%;padding:1px;}
	.tabborder .content {padding:10px 15px 15px 15px;}
/* ******** END TAB PANEL STYLES ******** */

/* ******** START PROFESSIONAL TAB PANEL STYLES ******** */
	.tabpanel{margin-left: 5px;margin-top:15px;}
	ul.tablist	{font-size:0.8em; font-weight:bold; color:#fff;list-style-type: none;padding-bottom: 2.3em;	border-bottom: 1px solid #c6c6c6;margin-right: 37px;}
	ul.tablist li {float: left;height: 2em;	margin: 2px 2px 0 2px;border: 1px solid #c6c6c6;padding:0 5px 0 5px;width: 11em;color:#656565;}
	ul.tablist li.tabactive	{background:#fff; font-weight:bold;border-bottom:none;}
	li.tabactive a.current { font-weight:bold; color:#656565; text-decoration:underline; padding: 4px; }
	.tablist a	{float: left;display: block;font-weight:bold; color:#656565;	text-decoration: none;padding: 4px;}
    .tablist a:link {padding:4px;font-weight:bold; color:#656565;}
    .tablist a:visited {padding:4px;font-weight:bold; color:#656565;}
	.tablist a:hover {font-weight:bold; color:#656565; padding: 4px; text-decoration:underline;}
	.tablist a:active {padding:4px;font-weight:bold; color:#656565;}
	.tabborder{	border-left: 1px solid #c6c6c6; border-right: 1px #c6c6c6 solid; border-bottom: 1px #c6c6c6 solid;width: 94.5%;padding:1px;}
	.tabborder .content {padding:10px 15px 15px 15px;}
/* ******** END PROFESSIONAL TAB PANEL STYLES ******** */
	
/* **************TABLE STYLES *************** */
    .examtable{border:1px dotted #d0d0d0;padding:2px; margin-left:5px;width:717px; margin-right:5px;}
	.examtable th {height:2.2em; margin-left:2px;padding-left:1em;font-family:Verdana, arial, sans-serif;color:#656565; font-size:0.8em;font-weight:bold;}
	.examtable td {font-family:Verdana, arial, sans-serif;color:#656565;font-size:0.8em;border-right:1px dotted #d0d0d0;	vertical-align : middle;padding-left:1em;}
    .examtable td.mark, .examtable th.mark {text-align:center;font-weight:bold; border-right:0;border-collapse:collapse;}
    .examtable td a:link{font-weight:bold;text-decoration:underline;}
    .examtable td a:visited{font-weight:bold;text-decoration:underline;}
    .examtable td a:hover{font-weight:bold;text-decoration:underline;}
    .examtable td a:active{font-weight:bold;text-decoration:underline;}
	.examtable #examcol{width:200px;}
	.examtable #contentcol{width:190px;}
	.examtable #timecol{width:190px;}
	.examtable #markscol{width:138px;font-size:0.8em;}
/* **************TABLE STYLES *************** */

/* **************PROFESSIONAL TABLE STYLES *************** */
    .peexamtable{border:1px dotted #d0d0d0;padding:2px; margin-left:5px;width:717px; margin-right:5px;}
	.peexamtable th {height:2.2em; margin-left:2px;padding-left:1em;font-family:Verdana, arial, sans-serif;color:#656565; font-size:0.8em;font-weight:bold;}
	.peexamtable td {font-family:Verdana, arial, sans-serif;color:#656565;font-size:0.8em;border-right:1px dotted #d0d0d0;	vertical-align : middle;padding-left:1em;}
    .peexamtable td.mark, .examtable th.mark {text-align:center;font-weight:bold; border-right:0;border-collapse:collapse;}
    .peexamtable td a:link{font-weight:bold;text-decoration:underline;}
    .peexamtable td a:visited{font-weight:bold;text-decoration:underline;}
    .peexamtable td a:hover{font-weight:bold;text-decoration:underline;}
    .peexamtable td a:active{font-weight:bold;text-decoration:underline;}
	.peexamtable #examcol{width:169px;}
	.peexamtable #contentcol{width:239px;}
	.peexamtable #timecol{width:230px;}
	.peexamtable #markscol{width:79px;}
/* **************PROFESSIONAL TABLE STYLES *************** */
	
	
	.curve { float: right;display: block;height: 20px;clear: right; }
	#curve1 { width: 440px; }
	#curve2 { width: 440px; }
	#curve3 { width: 430px; }
	#curve4 { width: 420px; }
	#curve5 { width: 420px; }
	#curve6 { width: 420px; }
	#curve7 { width: 410px; }
	#curve8 { width: 390px; }
	#curve9 { width: 380px; }
	#curve10 { width: 370px; }
	#curve11 { width: 350px; }
	#curve12 { width: 330px; }
	#curve13 { width: 320px; }
	#curve14 { width: 290px; }

	
	.norightmargin{margin-right:0px;}
	.pollquestion {font-weight:bold;font-size:1.1em;}
	#submitpoll {float:right;display:block;}


	
	
		
   .particon {vertical-align:middle;margin-right:10px;}
   #colleft {width:33em; margin:2px auto;border:0;float:left;margin-left:0px;height:auto;}
   #colright {width:21em; margin:2px auto;border:0;margin-left:px;float:right;height:auto;}
   
   .intextimage{padding-left: 5px; padding-right:5px; position:relative; top: 4px;padding-top:0; margin-top:0;}
   #browsetestimonials{text-align:center;}
   #browsetestimonials img{vertical-align:middle;position:relative; top:-2px;}
   
   /*  ***** Exam Papers Expand/collapse panels ***** */
  .divtitlebar{height:1.6em;vertical-align:middle;margin-top:10px;padding:0.3em 0.4em 0.2em 0.4em;}
  .divtitlebar img{vertical-align:middle;position:relative;top:-2px;margin:0;padding:0;}
  .divtitlebar p a:link,.divtitlebar p a:hover,.divtitlebar p a:visited,.divtitlebar p a:active{vertical-align:middle;padding:0 0.5em 0 0.5em;font-weight:bold;font-size:1.0em;color:#656565;}
  
  .tabborder .content dl   {font-size:0.8em;margin-left:10px;}
  .tabborder .content dl dt{float:left;width: 16em;padding-bottom:0.5em;margin-right:5px;}
  .tabborder .content dl dd{float:left;width: 41em;clear:right;padding-bottom:0.5em;margin-left:0px;}
  
  .practicepanel{background-image: url(/cs/digitalAssets/106980_clock2.gif);background-position:left;background-repeat:no-repeat;background-color:#f5f5f5;}
  .practicepanel h3{margin-left: 50px;}
  .practicepanel p{margin-left: 50px;}
  
  .dospanel{background-image: url(/cs/digitalAssets/106981_Dos.gif);background-position:top left;background-repeat:no-repeat;background-color:#f5f5f5;margin-bottom:5px;}
  .dospanel h3{margin-left: 70px;}
  .dospanel ul{margin-left: 86px;}
  .dontspanel{background-image: url(/cs/digitalAssets/106982_Donts.gif);background-position:top left;background-repeat:no-repeat;background-color:#f5f5f5;margin-bottom:5px;}
  .dontspanel h3{margin-left: 70px;}
  .dontspanel ul{margin-left: 86px;} 
  
  .faqspanel{background-color:#f5f5f5;margin-bottom:5px;} 

  
  	/* ******** START ORDER FORM STYLES ******** */
	.formpositiondivlabel{float:left;width:100px;margin-right:10px;vertical-align:middle;padding-top:5px;padding-bottom:5px;}
    .formpositiondivlabelwide{float:left;width:270px;margin-right:10px;vertical-align:middle;padding-top:5px;padding-bottom:5px;}
    .formpositiondivinput{float:left;width:230px;margin-right:40px;padding-top:5px;padding-bottom:5px;vertical-align:middle;}
	.formpositiondivwide{float:left;width:300px;margin-right:40px;padding-top:5px;padding-bottom:5px;vertical-align:middle;}
    .formpositiondivwider{float:left;width:400px;margin-right:40px;padding-top:5px;padding-bottom:5px;vertical-align:middle;}	
	.formpositiondivwider input{margin-right:15px;}
	#genericform label{font-size:0.8em;font-weight:bold;}
	.radiocaption{font-size:0.8em;padding-right:10px;}
	select{width: 20em;font-size:0.8em;margin-left:10px;}
	#genericform .button{margin-right:10px;margin-left:10px;}
	#genericform {margin-left:10px;}
   	/* ******** END ORDER FORM STYLES ******** */

	
	.storyheadlinediv{min-height:110px;height:auto; padding:10px;vertical-align:top;}
	.storyheadline{font-weight:bold;color:#5E7703;vertical-align:top;}
	.storydate{font-style:italic;color:#5E7703;}

.quote{font-style: italic;font-weight: normal;font-size: 1.6em;font-family:Trebuchet MS, verdana, arial, sans-serif;color:#1A5EA7;border:none; }
  	#content {padding-left:0px;width: 755px;}
	.mainareapanel .panelcontent{height: 23em;}

/*==== Hide Show Panel ====*/

div.hideShowPanel {
    width: 218px;
    margin: 0 10px 1.5em 0;
}
div.hideShowPanel .hideShowTrigger {
}
div.hideShowPanel .hideShowTrigger a, div.hideShowPanel .hideShowTrigger a:link, div.hideShowPanel .hideShowTrigger a:visited, div.hideShowPanel .hideShowTrigger a:hover, div.hideShowPanel .hideShowTrigger a:active {
	display: inline-block;
	width: 66.3%;
}
div.hideShowPanel .hideShowTrigger span {
}
div.hideShowPanel h4 {
    margin: 0;
}
div.hideShowPanel h4 span a {
    width: 26.3% !important;
	text-align: right !important;
}
div.hideShowPanel .hideShowTrigger span.open {
}
div.hideShowPanel .hideShowTrigger span.close {
}
div.hideShowPanel div.hideShowTarget {
}
div.hideShowPanel div.hideShowTarget ul, div.hideShowPanel div.hideShowTarget p {
}
div.hideShowPanel div.hideShowTarget p.closePanel {
    margin: 0;
}
div.hideShowPanel div.hideShowTarget p.closePanel a {
    display: inline-block;
}

/*==== Hide Show Panel Style ====*/

div.green {
/*	border-top: solid #4160af 0.0833em;
	border-right: solid #4160af 2px;
	border-bottom: solid #4160af 0.1666em;
	border-left: solid #4160af 1px;*/
	border-top: solid #f5f5f5 0.0833em;
	border-right: solid #d0d0d0 2px;
	border-bottom: solid #d0d0d0 0.1666em;
	border-left: solid #f5f5f5 1px;
	background: #ffffff;
}
div.green .hideShowTrigger {
        padding: 0.1666em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: #4160af;*/
	background: #96AE40;
}
div.green .hideShowTrigger a, div.green .hideShowTrigger a:link, div.green .hideShowTrigger a:visited, div.green .hideShowTrigger a:hover, div.green .hideShowTrigger a:active {
	font-weight: bold;
}
div.green .hideShowTrigger a, div.green .hideShowTrigger a:link, div.green .hideShowTrigger a:visited, div.green .hideShowTrigger a:hover, div.green .hideShowTrigger a:active, div.green p.closePanel a, div.green p.closePanel a:link, div.green p.closePanel a:visited, div.green p.closePanel a:hover, div.green p.closePanel a:active {
    padding: 0.25em 3px;
	font-size: 1.0em;
	line-height: 1.5em;
	text-decoration: none;
	color: #ffffff;
}
.hideShowTrigger span a {
    font-weight: normal !important;
}
div.green div.hideShowTarget {
	padding-top: 1.5em;
	background: #ffffff;
}
div.green div.hideShowTarget ul, div.green div.hideShowTarget p {
    margin: 0 1.5em 1.5em 1.5em;
}
div.green div.hideShowTarget ul li {
	list-style: outside disc;
}
div.green div.hideShowTarget ul li a {
	/*font-weight: normal;*/
        color: #1A5EA7;
        font-size: 0.8em;
}
div.green div.hideShowTarget p.closePanel {
	background: #96AE40;
}
div.green div.hideShowTarget p.closePanel a {
	font-weight: normal;
        text-decoration: underline;
}

/*---------- Announcements ----------*/

.announcementsHeaderPanel{color:#fff;float: left;height:7.90em;width:100%;margin-bottom:10px;background:#4160AF;}
.announcementsHeaderPanel p{width: 45em; padding:10px;margin-bottom:0; padding-bottom:0;}
.announcementsHeaderPanel h1 {padding:8px; color:#fff;font-size:1.6em;font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;font-weight:normal;border:none;}
.announcementsImage{background-color: #4160AF;background-image: url();background-position: right top;background-repeat: no-repeat;}


/*---------- Special Needs ----------*/

#specialNeeds {
    margin: 0 8px 1.5em 0;
}

/*---------- ESOL shop ----------*/

.ESOLshopHeaderPanel{color:#fff;float: left;height:7.90em;width:100%;margin-bottom:10px;background:#4160AF;}
.ESOLshopHeaderPanel p{width: 45em; padding:10px;margin-bottom:0; padding-bottom:0;}
.ESOLshopHeaderPanel h1 {padding:8px; color:#fff;font-size:1.6em;font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;font-weight:normal;border:none;}
.ESOLshopImage{background-color: #4160AF;background-image: url();background-position: right top;background-repeat: no-repeat;}

/*
========================================
START: Exam Steps
========================================*/





.marginRight {
	margin-right: 18px !important;
}

#examSteps, #examSteps li {list-style:none;margin:0;padding:0;}
#examSteps{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
#examSteps, #examSteps li, #examSteps a, #examSteps a span {float: left;}
#examSteps a {text-decoration: none;color: #333;}
#examSteps a span {
	width: 84px; /* This is the width of all steps */
	border: solid #fff 1px;
	cursor: pointer;
}
#examSteps .bar {
	height: 0%; /* IE6 & IE7 hack */
	overflow: hidden; /* IE6 hack */
}
#examSteps .linkText {
	clear: left;
	border-top-width: 8px;
	text-align: center;
}

#examSteps a:link {}
#examSteps a:visited {}
#examSteps a:focus {}
#examSteps a:hover {zoom: 1; /* IE6 hack */}
#examSteps a:active {}

/*==== Step heights ====*/
#examSteps .step1 .bar {margin-top: 33px;border-top-width: 7px;}
#examSteps .step2 .bar {margin-top: 27px;border-top-width: 13px;}
#examSteps .step3 .bar {margin-top: 20px;border-top-width: 20px;}
#examSteps .step4 .bar {margin-top: 13px;border-top-width: 27px;}
#examSteps .step5 .bar {margin-top: 7px;border-top-width: 33px;}
#examSteps .step6 .bar {margin-top: 0;border-top-width: 40px;}


/*==== Academic English ====*/
#examSteps.acEng .active .linkText {border-color: #224152 !important;}
#examSteps.acEng a:hover .linkText {border-top-color: #224152 !important;}
#examSteps.acEng .step1 .bar {border-top-color: #d0e0e8;}
#examSteps.acEng .step2 .bar {border-top-color: #a2c1d2;}
#examSteps.acEng .step3 .bar {border-top-color: #74a1bc;}
#examSteps.acEng .step4 .bar {border-top-color: #4582a5;}
#examSteps.acEng .step5 .bar {border-top-color: #34617c;}
#examSteps.acEng .step6 .bar {border-top-color: #224152;}

/*
========================================
END: Exam Steps
========================================*/

