@import url("home_panels.css"); 
@import url("lhs.css"); 
@import url("mainnav.css");
@import url("rhs.css"); 
@import url("utilities.css");
@import url("welcome_panel.css");
@import url("footer.css"); 

* { margin: 0; padding: 0; }

body { text-align: center; background: url("../images/bg.jpg") 0% 0% repeat-x #fff; font: 62.5%  Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 100%; }

img { border: 0; }

div.clear { height: 0; line-height: 0px; clear: both; }
.float-left { float: left; }
.float-right { float: right; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { margin: 0 auto; padding: 0; width: 960px; min-height: 100%; height: auto !important; height: 100%; }

#header { margin: 0; padding: 0; width: 960px; height: 280px; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

#content { margin: 0; padding: 0; width: 960px; text-align: left; }

#content #contentText { margin: 20px 0 0 0; padding: 0 20px; width: 720px; float: left; }
#content #contentText2 { margin: 20px 0 0 0; padding: 0 20px; width: 920px; float: left; }

#content h1 { margin: 25px 0 10px 0; padding: 0; color: #0176ab; font-weight: bold; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; }
#content h2 { margin: 15px 0 0 0; padding: 0; color: #0176ab; font-weight: bold; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; }
#content h3 { margin: 25px 0 10px 0; padding: 0; color: #0176ab; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#content h4 { margin: 25px 0 10px 20px; padding: 0; color: #0176ab; font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
#content h5 { margin: 15px 0 10px 0px; padding: 0; color: #0176ab; font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }

#content b { color: #0176ab; font-weight: normal; }
#content p { margin: 20px; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; }
#content a { color: #003670; font-weight: bold; font-size: 11px; }
#content ul { margin: 10px 10px 10px 20px; padding: 0; list-style: none; font-size: 1.1em; color: #333333; }
#content ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url("../images/arrows/navy_arrow.gif") 0% 0% no-repeat; line-height: 1.8em; }

#content ol { margin: 10px 10px 10px 50px; padding: 0; font-size: 1.1em; color: #333333; }
#content ol li { margin: 0; padding: 0 0 8px 0; line-height: 1.8em; }

#content .breadcrumbs { margin: 0 0 5px 0; padding: 0; font-size: 1.1em; color: #003670; font-weight: normal; text-transform: lowercase; }
#content .breadcrumbs a { font-weight: bold; color: #003670; }

#content .column { margin: 0; padding: 0; width: 360px; float: left; }
#content .column span {  margin: 20px; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; }

#content .steps { margin: 10px 0 20px 0; }
.diagram { margin: 0; padding: 10px 0 0 20px; }
.pdf { background: url("../images/download.gif") 0% 0% no-repeat; height: 40px; }
.pdf a { margin: 0; padding: 0 0 0 40px; }

#content th { padding: 0 5px 0 20px; font-size: 1.1em; font-weight: bold; color: #333333; line-height: 2.0em; vertical-align: top; }
#content td { padding: 0 5px 15px 20px; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; vertical-align: top; }

#content ul.doclist p { margin: 0 0 20px 0; padding: 0 0 0 10px; font-size: 1.0em; }

#content #download { margin: 0 0 0 20px; padding: 3px 0 0 30px; font-size: 1.1em; background: url("../images/steps/download.gif") 0% 0% no-repeat; height: 27px; }
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#content #red h1, #content #red h2, #content #red h3, #content #red h4, #content #red b { color: #900705; }
#content #red ul li { background: url("../images/arrows/red_arrow.gif") 0% 0% no-repeat; }

#content #green h1, #content #green h2, #content #green h3, #content #green h4, #content #green b { color: #248313; }
#content #green ul li { background: url("../images/arrows/green_arrow.gif") 0% 0% no-repeat; }

#content #purple h1, #content #purple h2, #content #purple h3, #content #purple h4, #content #purple b { color: #0f2a87; }
#content #purple ul li { background: url("../images/arrows/purple_arrow.gif") 0% 0% no-repeat; }

#content #gold h1, #content #gold h2, #content #gold h3, #content #gold h4, #content #gold b { color: #a67100; }
#content #gold ul li { background: url("../images/arrows/gold_arrow.gif") 0% 0% no-repeat; }

#content #blue h1, #content #blue h2, #content #blue h3, #content #blue h4, #content #blue b { color: #376cbe; }
#content #blue ul li { background: url("../images/arrows/blue_arrow.gif") 0% 0% no-repeat; }

#content #pink h1, #content #pink h2, #content #pink h3, #content #pink h4, #content #pink b { color: #a5347d; }
#content #pink ul li { background: url("../images/arrows/pink_arrow.gif") 0% 0% no-repeat; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.contact_form { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 1.1em; margin: 20px 0; padding: 0; }
.contact_form br { clear:left; }
.contact_form label b { color: #FF0000; margin-right: 5px;  }
.contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_CustomValidator1 { display: block; float: left; margin: 13px 0 0 10px; text-align: left; }
.contact_form label { display: block; float: left; width: 220px; padding: 0; margin: 15px 0 0 0; text-align: right; }
.contact_form label strong { font-weight: bold; color: #0176ab;  }
.contact_form input { width:auto; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.contact_form textarea { width:auto; margin: 10px 0 0 10px; padding: 3px; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.contact_form select { width:auto; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; }
.contact_form input.submitButton { margin: 0; padding: 0; width: 110px; height: 20px; border: none; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold;  position: absolute; top: 15px; left: 350px; }
.contact_form .boxes { margin: 0; float: left; }
.contact_form .boxes input { margin: 10px 0 0 0; padding: 0px; width: 1em; float: left; display: inline-block;  }
.contact_form .boxes label { float: left; margin: 10px 0 0 5px; padding: 0; text-align: left; line-height: 1.8; vertical-align: top; width: 30px; }

.brochure_form { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 1.1em; margin: 20px 0; padding: 0; }
.brochure_form br { clear:left; }
.brochure_form label b { color: #FF0000; margin-right: 5px;  }
.brochure_form label { display: block; float: left; width: 230px; padding: 0; margin: 15px 0 0 0; text-align: right; }
.brochure_form span { display: block; float: left; margin: 12px 0 0 10px; text-align: left; }
.brochure_form label strong { font-weight: bold; color: #0176ab;  }
.brochure_form input { width: 169px; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.brochure_form textarea { width: 169px; margin: 10px 0 0 10px; padding: 3px; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.brochure_form select { min-width: 179px; width: auto !important; width: 179px; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; }
.brochure_form input.submitButton { margin: 15px 0 0 10px; padding: 0; width: 110px; height: 20px; border: none; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold; }

.brochure_form span.boxes { margin: 5px 0 0 10px; float: left; }
.brochure_form span.boxes input { margin: 10px 0 0 0; padding: 0px; width: 1em; float: left; display: inline-block;  }
.brochure_form span.boxes label { float: left; margin: 10px 0 0 5px; padding: 0; text-align: left; line-height: 1.8; vertical-align: top; width: auto; }

.red { color: #FF0000; }
.contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rfvTitle, .contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rfvFirstname, .contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rfvLastname, .contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rfvGender, .contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_CVDOB, .contact_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rfvEmail { line-height: 35px; margin-left: 10px }

#content #courseinfo { margin: 30px 20px 0 20px; padding: 40px 10px 0 10px; width: 660px; background:   url("../images/table/infoBg.gif") 0% 0% no-repeat #0176ab; font-size: 1.1em; color: #fff; text-align: left; }
#content #courseinfo a { color: #fff; }
#content #courseinfo th { margin: 0; padding: 8px 10px 8px 0; font-weight: bold; vertical-align: top; line-height: 1.6em; border-bottom: 1px solid #80bad5; text-align: left; color: #fff; font-size: 1.0em; }
#content #courseinfo td { margin: 0; padding: 8px 10px 8px 5px; font-weight: normal; vertical-align: top; line-height: 1.6em;  border-bottom: 1px solid #80bad5;  text-align: left; color: #fff; font-size: 1.0em; }
#content #courseinfo tr.selectedrow { background: #fff; }
#content #courseinfo tr.selectedrow td { color: #0176ab; }
#content #courseinfo .noborder { margin: 0; border-bottom: none !important; }
#content #courseinfo a.arrow { margin: 0; padding: 0 25px 5px 0; height: 15px; background: url("../images/table/arrow.gif") 100% 50% no-repeat; float: right; color: #fff; }
#content #courseinfo a.disabled { margin: 0; padding: 0 25px 5px 0; height: 15px; background: url("../images/table/arrow_disabled.gif") 100% 50% no-repeat; float: right; color: #c8c8c8; }

#content #courseinfoend { margin: 0 20px; padding: 0; width: 680px; height: 15px; background:   url("../images/table/infoBgEnd.gif") 0% 0% no-repeat; }


#content #courseinfo .selected { font-size: 1.2em; display: block; background: url("../images/steps/tick.gif") 8% 50% no-repeat; color: #fff; }
#content #red #courseinfo .selected { background: url("../images/steps/tick_red.gif") 8% 50% no-repeat; }
#content #green #courseinfo .selected { background: url("../images/steps/tick_green.gif") 8% 50% no-repeat; }
#content #purple #courseinfo .selected { background: url("../images/steps/tick_purple.gif") 8% 50% no-repeat; }
#content #gold #courseinfo .selected { background: url("../images/steps/tick_gold.gif") 8% 50% no-repeat; }
#content #blue #courseinfo .selected { background: url("../images/steps/tick_blue.gif") 8% 50% no-repeat; }
#content #pink #courseinfo .selected { background: url("../images/steps/tick_pink.gif") 8% 50% no-repeat; }


#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_radlstpaymenttype_0, #ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_radlstpaymenttype_1, #ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_radlstpaymenttype_2, #ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_radlstpaymenttype_3 { margin-right: 5px; }

#content #red #courseinfo { background:   url("../images/table/redinfoBg.gif") 0% 0% no-repeat #900705; }
#content #red #courseinfo th, #content #red #courseinfo td { border-bottom: 1px solid #bf6b6a; }
#content #red #courseinfo tr.selectedrow td { color: #900705; }
#content #red #courseinfo a.arrow { background: url("../images/table/red-arrow.gif") 100% 50% no-repeat; }
#content #red #courseinfo a.disabled { background: url("../images/table/red-arrow_disabled.gif") 100% 50% no-repeat; }
#content #red #courseinfoend { background:   url("../images/table/redinfoBgEnd.gif") 0% 0% no-repeat; }

#content #green #courseinfo { background:   url("../images/table/greeninfoBg.gif") 0% 0% no-repeat #248313; }
#content #green #courseinfo th, #content #green #courseinfo td { border-bottom: 1px solid #91c189; }
#content #green #courseinfo tr.selectedrow td { color: #248313; }
#content #green #courseinfo a.arrow { background: url("../images/table/green-arrow.gif") 100% 50% no-repeat; }
#content #green #courseinfo a.disabled { background: url("../images/table/green-arrow_disabled.gif") 100% 50% no-repeat; }
#content #green #courseinfoend { background:   url("../images/table/greeninfoBgEnd.gif") 0% 0% no-repeat; }

#content #purple #courseinfo { background:   url("../images/table/purpleinfoBg.gif") 0% 0% no-repeat #0f2a87; }
#content #purple #courseinfo th, #content #purple #courseinfo td { border-bottom: 1px solid #9faacf; }
#content #purple #courseinfo tr.selectedrow td { color: #0f2a87; }
#content #purple #courseinfo a.arrow { background: url("../images/table/purple-arrow.gif") 100% 50% no-repeat; }
#content #purple #courseinfo a.disabled { background: url("../images/table/purple-arrow_disabled.gif") 100% 50% no-repeat; }
#content #purple #courseinfoend { background:   url("../images/table/purpleinfoBgEnd.gif") 0% 0% no-repeat; }

#content #gold #courseinfo { background:   url("../images/table/goldinfoBg.gif") 0% 0% no-repeat #a67100; }
#content #gold #courseinfo th, #content #gold #courseinfo td { border-bottom: 1px solid #dbc699; }
#content #gold #courseinfo tr.selectedrow td { color: #a67100; }
#content #gold #courseinfo a.arrow { background: url("../images/table/gold-arrow.gif") 100% 50% no-repeat; }
#content #gold #courseinfo a.disabled { background: url("../images/table/gold-arrow_disabled.gif") 100% 50% no-repeat; }
#content #gold #courseinfoend { background:   url("../images/table/goldinfoBgEnd.gif") 0% 0% no-repeat; }

#content #blue #courseinfo { background:   url("../images/table/blueinfoBg.gif") 0% 0% no-repeat #376cbe; }
#content #blue #courseinfo th, #content #blue #courseinfo td { border-bottom: 1px solid #afc4e5; }
#content #blue #courseinfo tr.selectedrow td { color: #376cbe; }
#content #blue #courseinfo a.arrow { background: url("../images/table/blue-arrow.gif") 100% 50% no-repeat; }
#content #blue #courseinfo a.disabled { background: url("../images/table/blue-arrow_disabled.gif") 100% 50% no-repeat; }
#content #blue #courseinfoend { background:   url("../images/table/blueinfoBgEnd.gif") 0% 0% no-repeat; }

#content #pink #courseinfo { background:   url("../images/table/pinkinfoBg.gif") 0% 0% no-repeat #a5347d; }
#content #pink #courseinfo th, #content #pink #courseinfo td { border-bottom: 1px solid #dbaecb; }
#content #pink #courseinfo tr.selectedrow td { color: #a5347d; }
#content #pink #courseinfo a.arrow { background: url("../images/table/pink-arrow.gif") 100% 50% no-repeat; }
#content #pink #courseinfo a.disabled { background: url("../images/table/pink-arrow_disabled.gif") 100% 50% no-repeat; }
#content #pink #courseinfoend { background:   url("../images/table/pinkinfoBgEnd.gif") 0% 0% no-repeat; }


#content .summary {  margin: 10px 0 20px 0; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; }
#content .summary p { margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; color: #333333; line-height: 1.6em;  }
#content .summary ul { margin: 10px 10px 10px 20px; padding: 0; list-style: none; font-size: 11px; color: #333333; }
#content .summary ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url("../images/arrows/navy_arrow.gif") 0% 0% no-repeat; line-height: 1.8em; }

#content .summary table th, #content .summary table td { font-size: 11px; }

#content #job_details h4 { margin: 25px 0 10px 20px; font-size: 1.2em; }
#content #job_details p { margin: 20px; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 2.0em; }
#content #job_details p span.title { font-weight: bold; }

#content #job_details a { margin: 0 0 0 20px; padding: 2px 0 0 35px; width: 75px; height: 18px; display: block; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff;}
#content #red #job_details a { background: url("../images/buttons/red.gif") 0% 0% no-repeat; }
#content #green #job_details a { background: url("../images/buttons/green.gif") 0% 0% no-repeat; }
#content #purple #job_details a { background: url("../images/buttons/purple.gif") 0% 0% no-repeat; }
#content #gold #job_details a { background: url("../images/buttons/gold.gif") 0% 0% no-repeat; }
#content #blue #job_details a { background: url("../images/buttons/blue.gif") 0% 0% no-repeat; }
#content #pink #job_details a { background: url("../images/buttons/pink.gif") 0% 0% no-repeat; }

#content input.apply { margin: 0; padding: 0; width: 110px; height: 20px; border: none; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold; }
#content #red input.apply { background: url("../images/buttons/red.gif") 0% 0% no-repeat; }
#content #green input.apply { background: url("../images/buttons/green.gif") 0% 0% no-repeat; }
#content #purple input.apply { background: url("../images/buttons/purple.gif") 0% 0% no-repeat; }
#content #gold input.apply { background: url("../images/buttons/gold.gif") 0% 0% no-repeat; }
#content #blue input.apply { background: url("../images/buttons/blue.gif") 0% 0% no-repeat; }
#content #pink input.apply { background: url("../images/buttons/pink.gif") 0% 0% no-repeat; }

#mainContent_searchResults p { font-size: 11px; }

#mainContent_searchForm { margin: 0 0 0 60px; padding: 0; width: 572px; height: 71px; background: url("../images/searchBg.gif") 0% 0% no-repeat; position: relative; }
#mainContent_searchForm input { width: 150px; margin: 0 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; position: absolute; top: 15px; left: 170px; }
#mainContent_searchForm span { width: auto; padding: 0; margin: 0; text-align: right; position: absolute; top: 20px; left: 50px; font-size: 11px; font-weight: bold; color: #003670;  }
#mainContent_searchForm input.search { margin: 0; padding: 0; width: 110px; height: 20px; border: none; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold;  position: absolute; top: 15px; left: 350px; }

#mainContent_prevNext { margin: 20px 0; width: 100%; }
#mainContent_prevNext a.button_next { margin: 0 0 0 10px; padding: 3px 0 0 0; width: 110px; height: 17px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold; }
#mainContent_prevNext a.button_prev { margin: 0; padding: 3px 0 0 0; width: 110px; height: 17px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/buttons/default.gif") 0% 0% no-repeat; color: #fff; font-size: 11px; font-weight: bold; }

em { font-weight: bold; font-style: normal; color: #f00; }

#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rblEU input {  margin: 4px 0 0; float: left; width: auto; height: 10px }
#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_rblEU label { margin: 0 0 0 5px; float: left; display: block; width: 100px; height: 10px }

input.next { margin: 20px 0 0 5px; float: right; border: none; width: 133px; height: 30px; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/steps/next.gif") no-repeat; color: #fff; font-size: 14px; font-family: "Tahoma"; font-weight: bold; }
input.nextDisabled { margin: 20px 0 0 5px; float: right; border: none; width: 133px; height: 30px; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/steps/nextDisabled.gif") no-repeat; color: #aca899; font-size: 14px; font-family: "Tahoma"; font-weight: normal; }

input.proceed { margin: 20px 0 0 5px; float: right; border: none; width: 170px; height: 30px; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/steps/proceed.gif") no-repeat; color: #fff; font-size: 14px; font-family: "Tahoma"; font-weight: bold; }

#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_radlstpaymenttype { margin: 0 0 0 205px; padding: 0; }

.checkout_form { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 1.1em; margin: 20px 0; padding: 0; }
.checkout_form br { clear:left; }
.brochure_form span { display: block; float: left; margin: 12px 0 0 10px !important; text-align: left; }
.checkout_form span#ctl00_ctl00_ContentPlaceHolder_Main_ContextGroups_lblusebilL { margin: 0; padding: 0; line-height: normal; }
.checkout_form label b { color: #FF0000; margin-right: 5px;  }
.checkout_form label { display: block; float: left; width: 160px; padding: 0; margin: 15px 0 0 0; text-align: right; }
.checkout_form label strong { font-weight: bold; color: #0176ab;  }
.checkout_form input { width:auto; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.checkout_form textarea { width:auto; margin: 10px 0 0 10px; padding: 3px; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
.checkout_form select { width:auto; margin: 10px 0 0 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; }
.checkout_form .boxes { margin: 0; float: left; }
.checkout_form .boxes input { margin: 10px 0 0 10px; padding: 0px; width: 1em; float: left; display: inline-block;  }


input.submitButton { border: none; width: 133px; height: 30px; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/steps/next.gif") no-repeat; color: #fff; font-size: 14px; font-family: "Tahoma"; font-weight: bold; }

.flag { margin: 0 10px 20px 0; padding: 0; width: 50px; height: 33px; float: left; }

.jobListDetails th { margin: 0; padding: 0; font-size: 11px; font-weight: bold; vertical-align: top; }
.jobListDetails td { margin: 0; padding: 0; font-size: 11px; font-weight: normal; vertical-align: top; }
.jobListDetails td .description p { margin: 0 0 8px 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 16px !important; }