/***************************************************
Design & Technology by Reading Room
www.readingroom.com (020) 7173 2800
* Author: Lucy Kavanagh
* Date: November 2008
* Client: BPP Professional Education
***************************************************/

/*~~~~~~~~~~~~~~~~~~~BASIC~~~~~~~~~~~~~~~~~~~  */
* { background:none; border:0; font-size:100%; line-height:100%; margin:0; outline:0; padding:0; vertical-align:baseline }
html { height:100%; width:100% }
body { background:#FFF; color:#000; font:62.5% arial, helvetica, sans-serif; text-align:center; width:100% }
table, table.ImmTS_Default { border-collapse:collapse; border-spacing:0; border:0; clear:both; margin:0; width:100%; }
tr, table.ImmTS_Default tr { margin:0; vertical-align:middle; }
table.ImmTS_Default td { border:1px solid #CCC; display:table-cell; margin:0; padding:5px; vertical-align:top }
th, table.ImmTS_Default th { background:#17A4D1; border:1px solid #17A4D1; color:#FFF; font-weight:bold; margin:0; padding:10px 5px }
td { border:none; display:table-cell; margin:0; padding:5px; vertical-align:top }
table.ImmTS_MyTableStyles { border-collapse:collapse; border-spacing:0; border:0; clear:both; margin:0; width:100%; }
table.ImmTS_MyTableStyles th { background:#17A4D1; }
table.ImmTS_MyTableStyles td { border:1px solid #CCC; display:table-cell; margin:0; }
table.ImmTS_MyTableStyles tr { margin:0; vertical-align:middle; }
hr { background-color:#CCC; clear:both; color:#CCC; display:block; float:left; height:1px; margin:1em 0; padding:0; width:100% }
/*~~~~~~~~~~~~~~~~~~~STRUCTURE~~~~~~~~~~~~~~~~~~~  */
#wrapper { font-size:1.3em; margin:0 auto; position:relative; text-align:left; width:100%; }
#content { width:960px }
.landingContainer { float:right; width:725px }
.promoArea { width:960px; margin-top: 10px; margin-bottom: 10px; background-color: transparent; } /* Added */
.spotlightRow { clear:both; width:100%; }
.spotlight { float:right; width:233px }
.spotlight img { width:auto!important; height:auto!important; }
/*~~~~~~~~~~~~~~~~~~~TYPOGRAHY: HEADERS~~~~~~~~~~~~~~~~~~~   */
h1, h2, h3, h4, h5, h6, .headerText { font-family:"Trebuchet MS", Arial }
/*.headerText{color:#02456f;font-size:2em;font-weight:bold;left:134px;position:absolute;top:40px;width:300px} orignal*/

h2, h3 { color:#305982; font-size:1.2em; font-weight:bold; clear:both }
.boxContent h3 { margin:1em 0; clear:both }
.homepage .boxContent h3, .boxContent .col3 h3, .boxContent .col4 h3, .boxContent .snippet h3 { margin:0 0 0.5em 0 }
h4, h5, h6 { color:#036; font-size:1em; padding-top:0.5em; clear:both }
/*----------------- HEADER -------------------*/
.container { width:960px; margin:0 auto; }
.header { background-color:#fff; position:relative; *position:none;
}
.header .sub_nav { float:right; margin-top:7px; }
.header .sub_nav li { color:#069; float:left; border-left:solid 1px #448fb4; font-size:1.1em; text-decoration:capitalize; padding:0 4px; }
.header .sub_nav li a, .header .search p a { color:#069; }
.header li.first, #footer li.first { border-left:0; padding-left:0; }
.header li.last, #footer li.last { padding-right:0; }
.header .user_bar { clear:both; overflow:hidden; }
.header .logo {/*background:transparent url(../../../../images/v2/logo.gif) no-repeat 0 0;*/ width:152px; height:75px; float:left; }
.header .search { float:right; margin-top:14px; }
.header .search fieldset { float:right; margin-bottom:6px; }
.header .search p { color:#069; font-size:1.4em; clear:both; padding-bottom:1px; float:right }
.header .search input.query { border:solid 1px #00a2d3; color:#414141; width:157px; margin-right:7px; padding:4px 7px; }
.headerText { color:#02456F; font-weight:normal; left:174px; position:absolute; top:20px; width:400px; }
.headerText { color:#02456F; font-weight:normal; width:400px; float:left!important; margin-left:20px; }
.headerText .line1 { clear:both; color:#003366; display:block; font-size:2.4em; font-style:normal; padding:0.5em 0; width:350px; }
.headerText .line2 { clear:both; color:#17A4D1; display:block; font-size:1.8em; font-style:normal; padding:0.3em 0; width:420px; margin-top:16px; font-family:'Arial', Helvetica, sans-serif; }
body#bppcp #navigation { clear:both; margin-top:16px; line-height:39px; height:39px; width:100%; background:#3878a3 url(../../../../images/v2/nav_background.gif) repeat-x 0 0; padding-bottom:0; }
body#bppcp #navigation li { float:left; font-family:Gill Sans MT; font-size:1.7em; text-align:center; font-weight:normal; }
body#bppcp #navigation li:hover { background:transparent url(../../../../images/v2/nav_selected.gif) no-repeat bottom center; }
body#bppcp #navigation li a { color:#fff; display:block; background:transparent url(../../../../images/v2/nav_break.gif) no-repeat 0 0; padding:11px 13px; text-decoration:none; }
body#bppcp #navigation li.selected { background:#00a2d3 url(../../../../images/v2/nav_selected.gif) no-repeat bottom center; color:#000; }
body#bppcp #navigation li.selected a { color:#000; background:none; }
input#Template_ctl13_ctl00_ibtnGo2 img { display:none }
body#bppnew label, body#bppNewCP label { position:absolute; left:-1000em; }
body#bppnew #Template_ctl13_ctl00_divCourseFinder { padding:10px 0 0 0 }
/*body#bppnew input#Template_ctlSiteSearch_txtSearch { height:20px; float:left; font-size:1.2em; }*/
.search .button { display:inline; margin-left:0.5em; }
.course_finder .button, .course_finder .button img { float:right; margin:0; }
.course_finder select {/*border:solid 1px #038cb5;font-size:1.2em;width:180px;height:25px;*/ margin:0.2em 0 0.8em; width:213px; }
body#bppcp #wrapper .container .header { font-size:0.75em; }
body#bppcp #navigation { margin-top:5px; }
body#bppcp .search label { left: -1000em; position: absolute; }
body#bppcp input.searchtext { height:16px; float:left; font-size:1.4em; border:1px solid #7F9DB9; width:150px; }
/*~~~~~~~~~~~~~~~~~~~TYPOGRAHY: GENERAL~~~~~~~~~~~~~~~~~~~   */
cite, blockquote, q { font-style:italic; quotes:none }
blockquote { margin:0 0 1em 1.5em }
ins { text-decoration:none }
del { text-decoration:line-through }
strong, b, .bold { font-weight:bold; }
em, i { font-style:italic }
pre, code { font-family:monospace }
acronym, abbr { border-bottom:1px dotted #666; color:#666; font-weight:bold; margin:0 0.1em; position:relative }
/*~~~~~~~~~~~~~~~~~~~TYPOGRAHY: PARAGRAPHS & LINKS~~~~~~~~~~~~~~~~~~~   */
p { line-height:1.5em; margin:0.5em 0 1em }
p.date { color:#999 }
p.caseStudy { clear:both; float:left; margin:1em 0; width:100%; }
a:link, a:visited { color:#2970a6; cursor:pointer; text-decoration:none }
a:hover, a:active, a:focus { cursor:pointer; text-decoration:underline }
.boxContent a, .boxContent a:visited { color:#679000; font-weight:bold }
.boxContent a.leadLink, .boxContent a.leadLink:visited { color:#036; padding-bottom:0.3em; display:block }
.boxContent th a, .boxContent th a:visited { color:#FFF; }
/*~~~~~~~~~~~~~~~~~~~BASIC LISTS~~~~~~~~~~~~~~~~~~~   */
ul, ol, dl { list-style-type:none }
.boxContent ul, .boxContent ol { clear:both; float:left; margin:0.5em 0 1em; width:100% }
.boxContent ul ul, .boxContent ol ol { padding-left:1em; }
.boxContent ul li { background:transparent url(../../../../images/elements/bullet_black.gif) 0 10px no-repeat; clear:both; float:left; line-height:1.4em; padding:5px 0 5px 15px; width:95% }
.boxContent ol li { list-style-position:inside; list-style-type:decimal; line-height:1.4em; padding:5px 0; }
ul.split li { clear:none; width:40% }
dl { float:left; margin:0.5em 0 1em; width:100% }
dt, dd { padding:0.5em 0 1em }
dt { clear:both; float:left; font-weight:bold; width:25% }
dd { float:right; width:73% }
.col1 dd, .col1 dt, .col2 dd, .col2 dt { width:49% }
/*~~~~~~~~~~~~~~~~~~~images~~~~~~~~~~~~~~~~~~~   */
.boxContent img { border:1px solid #CCC; display:inline; float:left; margin:0.5em 1em 0.5em 0; *margin-right:0!important;
}
/*Added by SAMAR on 03/03/2010 to clear the text around images with ImmControlAlign_Left class--
.boxContent .ImmControlAlign_Left {float:none!important; display:inline}*/

.boxContent .ImmControlAlign_Right { float:right; }
.homepage .boxContent img, .boxContent img.sm, .spotlight img { width:60px }
.boxContent .miniProduct img { margin-top:0.1em; width:75px }
.boxContent .snippet img { width:auto }
.spotlight .courseFinder img { width:auto }
.boxContent img.overlayLeft { border:0; bottom:-15px; left:0; margin:0; position:absolute; width:auto }
.boxContent img.overlayRight { border:0; bottom:-15px; margin:0; position:absolute; right:0; width:auto }
div.overlayLeft p { padding-left:100px }
div.overlayRight p { padding-right:100px }
.boxContent p.caseStudy img { margin:0 1em 0 0; }
/*~~~~~~~~~~~~~~~~~~~FORMS~~~~~~~~~~~~~~~~~~~   */
/*forms */
.boxContent .form { float:left; width:100% }
.oneRow { padding-bottom:0.5em }
/*.boxContent .courseFinder{width:290px}*/
/*fieldsets */
legend, .form h3 { clear:both; color:#305982; font:bold 1.2em "Trebuchet MS", Arial; padding-bottom:0.5em }
.largeForm h3 { border-top:1px solid #CCC; display:block; float:left; margin-top:0.5em; padding:1em 20px 0.5em 0; width:413px; background:transparent url(../../../../images/elements/arrow_wht_up.gif) 0 22px no-repeat; cursor:pointer; padding-left:15px; }
.largeForm h3.closed { background-image:url(../../../../images/elements/arrow_wht_down.gif) }
fieldset { clear:both; padding:0.5em 0 }
.courseFinder fieldset { padding:0; }
.topBar fieldset { float:right; padding:10px 0 0 0 }
/*form rows */
.boxContent .largeForm div, .boxContent .smallForm div { clear:both; float:left; padding:0.5em 0 }
.largeForm div { width:440px }
.largeForm div#Template_ctl12_ctl00_divContactFeedbackType { width:100%; }
.smallForm div { width:325px }
/*labels */
label { clear:both; float:left; font-weight:bold }
.error { color:#F00 }
.largeForm label, table label { width:200px }
.smallForm label { width:112px }
.oneRowMulti label { clear:none; float:left; margin-right:0.5em }
.oneRow label, .courseFinder label, .basket label, .topBar label { left:-1000em; position:absolute }
/*form help */
.boxContent .error { color:#F00 }
.boxContent .error input { border:1px solid #F00 }
.boxContent .error p { clear:both; color:#666; display:block; float:left; margin:0.5em 0 0; width:207px }
.boxContent .courseFinder .error p { margin:0; }
.boxContent .smallForm .error p, .boxContent .smallForm .tip { margin-left:112px }
.boxContent .largeForm .error p, .boxContent .largeForm .tip { margin-left:200px }
.boxContent .largeForm .tip { padding:10px; width:191px; }
.boxContent .tip { border:1px dotted #5d7800; color:#5d7800; display:block; font-weight:bold; margin:1em 0; padding:10px; width:190px }
/*inputs */
.sector { display:none; }
input, textarea, select { background:#FFFFFF none repeat scroll 0 0; border:1px solid #BFBFBF; float:left; font-family:arial; padding:4px 2px 2px; width:207px; }
input.button { background:transparent; cursor:pointer; }
select { background:#EFEFEF; font-size:0.9em; padding:0.1em 0; width:auto }
select.marginRight { clear:none; display:inline; margin-right:0.8em }
.oneRow input, .oneRowMulti input { margin-right:0.5em; width:130px }
.courseFinder select { float:left; margin:0.2em 0 0.8em; width:213px }
.smallForm select { width:213px }
.checkbox, .radio { background:none; border:none; padding:0; width:auto }
/*button */
.boxContent .button img { border:0; cursor:pointer; }
.button, .button img { border:0; float:left; margin:0; padding:0; width:auto }
.topBar .button { display:inline; margin-left:0.5em }
.userArea .button { float:none; margin:0; }
.userArea .button img { display:block; float:right; margin:0 }
.smallForm .button { float:right; margin:0 }
.largeForm .button { float:right }
.boxContent .oneRow .button, .boxContent .oneRowMulti .button { display:inline; float:left; margin:-0.1em 0 0 0.5em; width:auto }
.courseFinder .button, .courseFinder .button img { float:right; margin:0 }
table .button { float:left; margin:0; padding:0; vertical-align:middle }
.buttonRow { clear:both; float:left; width:100% }
.buttonRow .button { margin-left:0.3em }
/*~~~~~~~~~~~~~~~~~~~HEADER~~~~~~~~~~~~~~~~~~~   */


/*~~~~~~~~~~~~~~~~~~~MAIN NAV~~~~~~~~~~~~~~~~~~~  */
#mainNav { background:#00789E url(../../../../images/nav/nav_normal.gif) 0 0 repeat-x; clear:both; float:left; width:960px }
#mainNav ul li { border-right:1px solid #084d6b; float:left }
#mainNav a, #mainNav a:visited { color:#FFF; float:left; font:1.2em "Trebuchet MS", Arial; text-align:center; text-transform:uppercase; line-height:1em }
#mainNav a { width:135px }
#mainNav .mainNav1 a, #mainNav .mainNav3 a { width:225px }
#mainNav li a { padding:8px 0 }
#mainNav .home a { padding:0; width:100px }
#mainNav .mainNav4 { border-right:none }
#mainNav .mainNav4 a { padding:0; }
/*first & last backgrounds*/
#mainNav .home a span, #mainNav .mainNav4 a span { background-color:transparent; background-image:url(../../../../images/nav/nav_tc.gif); background-repeat:no-repeat; cursor:pointer; float:left }
#mainNav .home a span { background-position:top left; width:100px }
#mainNav .home a span span { background-image:url(../../../../images/nav/nav_blc.gif); background-position:bottom left; padding:8px 0; }
#mainNav .mainNav4 a span { background-position:top right; width:135px /*--ADDED 1px to width:135px by Samar on 23042010*/ }
#mainNav .mainNav4 a span span { background-image:url(../../../../images/nav/nav_brc.gif); background-position:bottom right; padding:8px 0; }
/*hover & active*/
#mainNav a:hover, #mainNav a.active { background:#005387 url(../../../../images/nav/nav_active.gif) 0 0 repeat-x; text-decoration:none }
#mainNav .home a:hover span, #mainNav .home span:hover, #mainNav .home a.active span, #mainNav .mainNav4 a:hover span, #mainNav .mainNav4 span:hover, #mainNav .mainNav4 a.active span { background-color:#005387; background-image:url(../../../../images/nav/nav_tc_active.gif) }
#mainNav .home a:hover span span, #mainNav .home a.active span span { background-color:transparent; background-image:url(../../../../images/nav/nav_blc_active.gif) }
#mainNav .mainNav4 a:hover span span, #mainNav .mainNav4 a.active span span { background-color:transparent; background-image:url(../../../../images/nav/nav_brc_active.gif) }
/*~~~~~~~~~~~~~~~~~~~SUB NAV~~~~~~~~~~~~~~~~~~~   */
.subNav { clear:both; display:inline; float:left;/*font size increased from 0.9em to 1em on 04/03/2010 font-size:0.9em;*/ font-size:1em; margin-top:10px; width:235px }
.subNavList ul, .subNavList li, .subNavList a, .subNavList a:visited, .subNavList span { clear:both; color:#FFF; display:block; float:left; margin:0; padding:0 }
/*LEVEL 1 */
.subNavList li { background:#005488 url(../../../../images/nav/subnav-top.gif) no-repeat top left; margin:0.1em 0; width:215px }
.subNavList a, .subNavList a:visited { background:#005488 url(../../../../images/nav/subnav-bottom.gif) no-repeat bottom left; margin-top:5px; width:215px }
.subNavList span { background:transparent url(../../../../images/nav/arrow_darkBlue_forward.gif) no-repeat center left; float:right; margin-bottom:5px; padding-left:15px; padding-right:5px; text-transform:uppercase; width:190px }
.subNavList li.active { background:#00a7d6 url(../../../../images/nav/subnav-active-top.gif) no-repeat top left }
.subNavList li.active a, .subNavList li.active a:visited { background:#00a7d6 url(../../../../images/nav/subnav-active-bottom.gif) no-repeat bottom left }
.subNavList li.active span { background-image:url(../../../../images/nav/arrow_lightBlue_down.gif) }
/*LEVEL 2 */
.subNavList li ul { display:none }
.subNavList li.active ul { background:#005488 url(../../../../images/nav/subnav-bottom.gif) no-repeat bottom left; display:block; margin:0; padding:0 0 5px; width:215px }
.subNavList li.active ul li { background:#005488; margin:0.3em 0; padding:0 0 0 20px; width:195px }
.subNavList li.active ul li.first { background:#005488 url(../../../../images/nav/subnav-top-faux.gif) no-repeat top left; margin-top:0; padding-top:10px }
.subNavList li.active ul li a, .subNavList li.active ul li a:visited { background:none; margin:0; padding:0; width:175px }
/* for ease of development, immediacy may need to add spans to all nav items, even at lower levels where it is unneeded. this style is covering that possibility*/
.subNavList li.active ul li span { background:none; float:none; margin:0; padding:0; text-transform:none; width:auto }
/*LEVEL 3 */
.subNavList li.active ul li ul { background:none; border:1px solid #FFF; border-width:1px 0; margin-top:0.5em;/*15px replaced by 10px by SAMAR on 04/03/2010 padding-left:15px;*/ padding-left:10px; width:170px }
.subNavList li.active ul li.on1 ul { display:block }
.subNavList li.active ul li ul li { background:none; padding-left:0; width:170px }
/*LEVEL 4 */
.subNavList li.active ul li ul ul, .subNavList li.active ul li ul li li, .subNavList li.active ul li ul li li a, .subNavList li.active ul li ul li li a:visited { border:0; padding-bottom:0; width:155px }
/*LEVEL 5 */
.subNavList li.active ul li ul ul ul, .subNavList li.active ul li ul li li li, .subNavList li.active ul li ul li li li a, .subNavList li.active ul li ul li li li a:visited { width:140px; }
.subNavList li.active ul li ul li li li {/*font size increased from 0.9em to 1em on 04/03/2010font-size:0.9em;*/ font-size:1em; }
/*LEVEL 6 */
.subNavList li.active ul li ul ul ul ul, .subNavList li.active ul li ul li li li li, .subNavList li.active ul li ul li li li li a, .subNavList li.active ul li ul li li li li a:visited { width:125px; }
/*SUB NAV BOXES*/
.promoBox { background:url(../../../../images/box/box_promo_top.gif) 0 0 no-repeat; float:left; margin-top:10px; padding-top:15px; position:relative; width:215px; float:left; clear:both }
.promoBoxInner { background:#f8f8f8; border:1px solid #ccc; border-width:0 1px; padding-bottom:1px; padding-left:8px; width:205px; float:left; clear:both }
.promoBoxBottom { background:transparent url(../../../../images/box/box_promo_bottom.gif) left bottom no-repeat; height:10px; padding-bottom:0; width:215px; float:left; clear:both }
.promoBox p { padding:0; margin-bottom:0 }
/*~~~~~~~~~~~~~~~~~~PAGE TOOLS~~~~~~~~~~~~~~~~~~~   */
.pageTools { float:left; margin-top:10px; padding-bottom:1px; text-align:right; width:960px }
.pageTools ul li { border-right:1px solid #000; float:right; padding:1px 5px }
.pageTools ul li.last { border:0; padding-right:0; }
.pageTools a, .pageTools a:visited { color:#679000 }
.breadCrumb { float:left; padding:1px 0 }
.breadCrumb li { /*display:inline; removed 10/08/10 by samar to wrap the long breadcrum links*/ margin-right:5px; /*Added 10/08/10 by samar*/ float:left; line-height:1.3em; }
.breadCrumb li a { background:transparent url(../../../../images/elements/bullet_black.gif) right center no-repeat; padding-right:15px; }
.breadCrumb li.active { background:none; padding:0; margin:0; }
.boxContent .pagination { border:0; clear:both; color:#666; float:left; margin:0; padding:10px 0; width:100% }
.boxContent .pagination li { background:none; border-right:1px solid #000; clear:none; float:left; font-size:0.9em; margin:0; padding:0 5px; width:auto }
.boxContent .pagination li a, .boxContent .pagination li a:visited { font-weight:normal }
.boxContent .tabs { clear:both; float:left; font-weight:bold; margin:0; padding:0; width:100% }
.boxContent .tabs li { background:none; border:1px solid #CCC; border-bottom:0; clear:none; display:inline; float:left; margin-left:1em; padding:0; width:auto }
.boxContent .tabs li a, .tabs li a:visited { background:#fff; color:#000; display:block; padding:0.5em 1em; text-decoration:none }
.boxContent .tabs li a.selected, .searchTabs li a.selected:visited, .tabs li a:hover { background:#17A4D1; color:#FFF }
.toolLinks { float:left; display:inline; clear:both; float:left; width:100%; margin:0; padding:0 }
.toolLinks li { float:left; background:none; padding:0.3em 0; width:100% }
.toolLinks a, .toolLinks a:visited { background-color:transparent; background-position:center left; background-repeat:no-repeat; color:#679000; padding:5px 0 5px 21px; margin:0; width:auto }
.toolLinks .bookVisit { background-image:url(../../../../images/elements/icon-bookVisit.gif) }
.toolLinks .callBack { background-image:url(../../../../images/elements/icon-callBack.gif) }
.toolLinks .learnMaterials { background-image:url(../../../../images/elements/icon-learnMaterials.gif) }
.toolLinks .becomeMember { background-image:url(../../../../images/elements/icon-becomeMember.gif) }
.toolLinks .findCentre { background-image:url(../../../../images/elements/icon-findCentre.gif) }
.toolLinks .dlBrochure { background-image:url(../../../../images/elements/icon-pdf.gif) }
.toolLinks .rss { background-image:url(../../../../images/elements/icon-rss.gif) }
/*~~~~~~~~~~~~~~~~~~~EXTENSIBLE BLOCKS~~~~~~~~~~~~~~~~~~~   */
/*quarter*/ .box25 { background:transparent url(../../../../images/box/235_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:235px }
/*third without subnav*/ .box33 { background:transparent url(../../../../images/box/313_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:313px }
/*third with subnav*/ .box37 { background:transparent url(../../../../images/box/355_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:355px }
/*half*/ .box50 { background:transparent url(../../../../images/box/475_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:475px }
/*two thirds*/ .box66 { background:transparent url(../../../../images/box/635_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:635px }
/*three quarters without subnav*/ .box70 { background:transparent url(../../../../images/box/710_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:710px }
/*three quarters with subnav*/ .box75 { background:transparent url(../../../../images/box/725_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:725px }
/*full width*/ .box100 { background:transparent url(../../../../images/box/960_bottom.gif) 0 bottom no-repeat; float:left; margin-right:10px; margin-top:10px; padding-bottom:17px; width:960px }
.boxContent { background:#FEFEFE url(../../../../images/box/box_bg.gif) bottom left repeat-x; border:1px solid #C6C6C6; border-width:0 1px; float:left; min-height:10em; padding:10px 10px 0 10px; position:relative }
.box25 .boxContent { width:213px }
.box33 .boxContent { width:291px }
.box37 .boxContent { width:333px }
.box50 .boxContent { width:453px }
.box66 .boxContent { width:613px }
.box70 .boxContent { width:688px }
.box75 .boxContent { width:703px }
.box100 .boxContent { min-height:300px; width:938px }
.col1, .col2 { width:48% }
.col3 { width:63% }
.col4 { width:33% }
.col2, .col4 { border-left:1px solid #CCC; float:right; padding-left:10px }
.col1, .col3 { clear:both; display:inline; float:left }
.homepage .boxContent { min-height:200px }
/*//Added two new columns for Contact us page*/
.colA, .colB { width:48%; min-height:150px; border-bottom:1px solid #ccc }
.colA { float:left; display:inline }
.colB { border-left:1px solid #CCC; float:right; padding-left:27px; }
/*~~~~~~~~~~~~~~~~~~~EXTENSIBLE H2S~~~~~~~~~~~~~~~~~~~   */
.tl h2, .tl h1 { background-position:center left; background-repeat:no-repeat; color:#FFF; font-size:1.2em; font-weight:normal; padding:3px 3px 6px 35px; text-transform:uppercase; }
.tl { background-position:top left; background-color:transparent; background-repeat:no-repeat; display:block; float:left; width:100% }
.tr { padding-top:3px; background-position:top right; background-color:transparent; background-repeat:no-repeat; display:block; float:left; width:100% }
.bl { background-position:bottom left; background-color:transparent; background-repeat:no-repeat; display:block; float:left; width:100% }
.br { padding-bottom:4px; background-position:bottom right; background-color:transparent; background-repeat:no-repeat; display:block; float:left; width:100% }
.schemeA .tl h2, .schemeA .tl h1 { background-color:#5d7800; background-image:url(../../../../images/box/h2a_bg.gif) }
.schemeB .tl h2, .schemeB .tl h1 { background-color:#2b7e84; background-image:url(../../../../images/box/h2b_bg.gif) }
.schemeA .tl { background-image:url(../../../../images/box/h2a_tl.gif) }
.schemeA .tr { background-image:url(../../../../images/box/h2a_tr.gif) }
.schemeA .bl { background-image:url(../../../../images/box/h2a_bl.gif) }
.schemeA .br { background-image:url(../../../../images/box/h2a_br.gif) }
.schemeB .tl { background-image:url(../../../../images/box/h2b_tl.gif) }
.schemeB .tr { background-image:url(../../../../images/box/h2b_tr.gif) }
.schemeB .bl { background-image:url(../../../../images/box/h2b_bl.gif) }
.schemeB .br { background-image:url(../../../../images/box/h2b_br.gif) }
.boxContent h2 { font-weight:bold; }
/*~~~~~~~~~~~~~~~~~~~OTHER~~~~~~~~~~~~~~~~~~~   */
.alertStripBox { clear:both; float:left; line-height:1px; width:100%; }
.alertStripBox p, .alertStripBox ul { background-color:#eee; border:1px solid #ccc; font-size:1em; line-height:1.2em; margin:1em 0 0; padding:0.5em; }
#map { clear:both; float:left; height:453px; margin-bottom:1em; width:100%; }
.mapDetails { padding-bottom:20px }
.rollover, .rolloverB { font-style:normal; left:0.5em; margin:0 1em; padding:0.5em; position:absolute; top:1.5em; width:200px; z-index:999; font-size:1.2em; }
.rollover { background:#FFF; border:1px solid #005488; color:#005488; }
.rolloverB { background:#FFF; border:1px solid #667F12; color:#667F12; }
.miniProduct { border-bottom:1px solid #CCC; clear:both; float:left; margin-bottom:1em; padding-bottom:0.5em; width:100% }
.snippet { border-bottom:1px solid #CCC; clear:both; float:left; margin-bottom:1em; padding-bottom:0.5em; width:100% }
.miniProduct h4 { margin-bottom:0.5em }
.miniProduct p { line-height:1em; margin:0 0 0.3em 0 }
.addressList h3 { border-top:1px solid #CCC; padding-top:1em; clear:both }
.addressList p { padding:0; margin:0 }
.addressList ul { float:left }
.addressList li { width:30%; float:left; clear:none }
.language { margin-top:0; text-align:right }
.language a, .language a:visited { background-repeat:no-repeat; background-position:0 2px; padding-left:20px }
.bg { background-image:url(../../../../images/elements/flag-bg.gif) }
.cn { background-image:url(../../../../images/elements/flag-cn.gif) }
.cz { background-image:url(../../../../images/elements/flag-cz.gif) }
.en { background-image:url(../../../../images/elements/flag-en.gif) }
.hu { background-image:url(../../../../images/elements/flag-hu.gif) }
.mt { background-image:url(../../../../images/elements/flag-mt.gif) }
.nl { background-image:url(../../../../images/elements/flag-nl.gif) }
.pl { background-image:url(../../../../images/elements/flag-pl.gif) }
.ro { background-image:url(../../../../images/elements/flag-ro.gif) }
.si { background-image:url(../../../../images/elements/flag-si.gif) }
.sk { background-image:url(../../../../images/elements/flag-sk.gif) }
.boxContent .sitemap, .boxContent .sitemap ul { margin:0; padding:0; }
.boxContent .sitemap li { background:none; margin:0; padding:5px 0; }
.boxContent .sitemap li a, .boxContent .sitemap li a:visited { color:#305982; font:1.4em "Trebuchet MS", arial; }
.boxContent .sitemap li li { background:transparent url(../../../../images/elements/bullet_black.gif) 0 10px no-repeat; padding:5px 0 0 15px; }
.boxContent .sitemap li li a, .boxContent .sitemap li li a:visited { color:#679000; font:bold 1em arial, sans-serif; }
.boxContent .sitemap li li li { }
.boxContent .sitemap li li li a, .boxContent .sitemap li li li a:visited { font-weight:normal; }
.courseFinder p { clear:both; margin:0; }
.courseFinder div { clear:both; float:left; width:100%; }
.courseFinder hr { margin:0.25em 0; }
/*~~~~~~~~~~~~~~~~~~~IMMEDIACY SEARCH RESULTS PLUG IN~~~~~~~~~~~~~~~~~~~   */
.searchResults, .searchResults tr, .searchResults td { border:0; padding:0; margin:0; }
.searchResults { clear:both; float:left; width:100%; }
.searchResults select { background:#FFF; }
.searchResults table { background:#EEE; border:1px solid #17A4D1; }
.searchResults table table { border:0; }
.searchResults td td { padding:0.5em; }
.searchResults label { clear:none; padding:0 0.5em; width:auto; }
.searchResults div p { padding:0.5em 0; }
.searchResults div h3 { border-top:1px solid #CCC; display:block; margin-top:0.5em; padding-top:1em; width:100%; }
.searchtop { font-weight:bold; padding-top:0.5em; }
/*~~~~~~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~~~~   */
/*#footer{background:transparent url(../../../../images/box/footer_top.gif) 0 0 no-repeat;float:left;margin:1em 0 1em 0;padding-top:10px; width:960px}
#footer a{color:#036}
#footer li{font-size:0.8em}
.footerBottom{width:100%;background:#f9f9f9 url(../../../../images/box/footer_bottom.gif) bottom left no-repeat;height:10px;clear:both;float:left}
.footerContent{background:#f9f9f9;border:1px solid #C4C4C4;border-width:0 1px;float:left;clear:both;padding:10px;width:938px}
.footerContent .col1 ul{width:33%}
.footerContent .col2 ul{width:50%}
.footerContent ul{float:left;margin-top:1em; width:100%;}
.footerContent li{padding:0.3em 0; width:156px; float:left;}
.footerTools{clear:both;float:left;padding:1em 0;width:100%}
.footerTools a{padding:0.5em}
.footerTools li{float:left;padding:0}
#footer span {font-size:0.8em}*/


#footer { background-color:#deeef7; color:#42474a; padding:18px 0 8px; clear:both; display:block; margin-top:2em; float:left; width:100%; }
#footer li a { color:#42474a; font-size:0.90em; }
#footer ul { margin-bottom:12px; height:24px; }
#footer li { float:left; border-left:solid 1px #6c7478; padding:0 4px; }
#footer p { text-align:left; }
/*~~~~~~~~~~~~~~~~~~~GENERIC OVERRIDES~~~~~~~~~~~~~~~~~~~   */
.floatRight { float:right; margin-right:0 }
.clearBoth { clear:both }
.right { text-align:right }
.noBttmMargin { margin-bottom:0 }
.noTopMargin { margin-top:0 }
.topMargin { margin-top:2em }
.hidden { left:-1000em; position:absolute }
.hide { display:none }
.noBorder, .noBorder img, .noBorder * { border:0 }
noscript div, noscript p { display:none; } /*hides repeating default immediacy errors when js disabled*/
/* Rss Feed Styles */
UL.rssFeed { list-style:none; margin:0px; margin-bottom:20px; width:40em; }
UL.rssFeed LI { margin-bottom:.75em; }
UL.rssFeed A { font-size:120%; font-weight:bold; }
Ul.rssFeed .desc { margin-bottom:.2em; }
Ul.rssFeed .meta { }
/* Appollo footer*/
span.smark { font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */ line-height: 0; /* keep the leading consistent in a paragraph */ }
/* ~~~~~Added by Poornima Nayar Web Team for the Open days plugin~~~~~ */
.formLabel { clear:both; float:left; font-weight:bold; padding:3px; margin:2px; }
.formLabelShort { clear:both; float:left; font-weight:bold; padding:3px; margin:2px; width:120px; }
.checkbox td { border:0px none #CCCCCC; display:table-cell; clear:none; margin:0; }
.checkbox td input { border:0px solid #BFBFBF; float:left; margin-top:2px; font-family:arial; padding:2px; width:15px; }
.checkbox td label { border:0px none #CCCCCC; clear:none; margin:0; font-weight:normal; padding:2px; width:175px; }
.dropdown { float:left; margin:1px; padding:2px; }
.rad td { border:0px none #CCCCCC; display:table-cell; clear:none; margin:0; }
.rad td input { border:0px solid #BFBFBF; float:left; margin-top:2px; font-family:arial; padding:2px; width:15px; }
.rad td label { border:0px none #CCCCCC; clear:none; margin:0; font-weight:normal; padding:2px; width:120px; }
.openday { border:solid 1px #BFBFBF; }
.openday td { border:solid 1px #BFBFBF; background-color:#17A4D1; font-weight :bold; line-height:1.5em; }
.dg { border:solid 1px #BFBFBF; }
.dg td { border:solid 1px #BFBFBF; font-weight :bold; line-height:1.5em; vertical-align:middle; }
.discount td label { border:0px none #CCCCCC; clear:none; margin:0; font-weight:normal; padding:2px; width:250px; }
.discount td { border:0px none #CCCCCC; display:table-cell; clear:none; margin:0; }
.discount td input { border:0px solid #BFBFBF; float:left; margin-top:2px; font-family:arial; padding:2px; width:15px; }
.checkbox input { border: 0px solid #BFBFBF; float:left; margin-top: 2px; font-family: arial; padding: 2px; width: 15px; }
.checkbox label { border: 0px none #CCCCCC; clear: none; margin: 0; font-weight: bold; width:90%; padding: 2px; }
/*~~~~~Added to remove the margin-top:0.5em for Brochure pages [Samar:19/03/2010]~~~~*/
.boxContent .brochure-img img { margin-top:0!important }
.mini, .mini img { border:0; float:left; margin-left:5px; padding:0; width:auto; }
/*--FAQ non-plugin: LIST WITH JQUERY***Added by: Samar*/
.expand_top { padding:0px; margin:0px 0px 5px 0px; float:right; }
h3.expand_heading { background:url(/images/expand-arrow.gif) no-repeat left -4px; font-size:1em; }
h3.expand_heading a { text-decoration: none; display: block; padding-left:20px; line-height:1.4em; color:#00406B!important; }
h3.expand_heading a:hover { color: #000; text-decoration:underline; }
h3.active { background:transparent url(/images/collapse-arrow.gif) no-repeat left 4px; }
.expand_all { cursor:default; }
.toggle_container { margin: 0 0 5px; padding: 0; overflow: hidden; clear: both; }
p.toggle_container { padding-left:0; padding-bottom:10px; margin-left:20px; border-bottom:1px solid #e1e1e1; }
.toggle_container { padding: 2px 0; margin: 2px 0; }
.toggle_container img { float: left; margin: 10px 15px 15px 0; padding: 5px; background: #fff; }
.expand_all { width:200px; height:15px; float:right; cursor:pointer; margin-bottom:30px; }
.expand_all a.ec { text-decoration:underline; color:#00406B }
.expand_all a:hover { text-decoration:none }
.expanded { background-position:bottom left; }
ul.faqlist { margin-left:25px }
/*FAQ sections divider*/
h2.faq-section { font-size:1.2em; border-bottom:1px solid #e9e9e9; color:#788D36; padding-bottom:4px }
/*~~~~~~~~~~~FAQ STYLES - BEGIN~~~~~~~~~~~*/
.faq h3, .faq h3:visited { font-size:1em; padding-bottom:1px; display:block; margin:1em 0; }
.faq a { color:#036!important; }
.faq div { background:none; clear:both; float:left; padding:0; width:453px }
.faq h3.collapsable, .faq h3.collapsable:visited { background:transparent url(../../../../images/elements/arrow_wht_up.gif) 0 3px no-repeat; padding-left:15px; width:438px }
.faq h3.closed, .faq h3:visited.closed { background-image:url(../../../../images/elements/arrow_wht_down.gif) }
.faq div a.editfaq { font-weight:normal!important; }
/*~~~~~~~~~~~FAQ STYLES WITHOUT UP/DOWN ARROW - BEGIN~~~~~~~~~~~*/
.faqGeneric h3, .faqGeneric h3:visited { font-size:1em; padding-bottom:1px; display:block; margin:1em 0; }
div.faqGeneric h3.expand_heading { background-image:none!important; }
div.faqGeneric .toggle_container img { padding:0!important; }
div.faqGeneric h3.expand_heading a { padding-left:0!important; }
.faqGeneric a { color:#036!important; }
.faqGeneric div { background:none; clear:both; float:left; padding:0; width:80% }
.faqGeneric div a.editfaq { font-weight:normal!important; }
/*~~~~~~~~~~~ Blogging Plugin  Styles ~~~~~~~~~~~~~ */
.BloggingAboutBox { padding: 10px; }
.BloggingAboutBox A { display: block; }
.RSSFeedLink { float:right; margin-top: -30px; margin-right: 5px; }
.BlogItem { margin-bottom: 30px; }
.BlogItem .CreatedDate { font-size: x-large; color: navy; border-bottom: 1px dashed navy; padding-bottom: 10px; margin-bottom: 10px; }
.BlogItem h1.Title { font-size: large; }
.BlogItem .Content { margin-bottom: 10px; }
.CommentItem { border-bottom: 1px lightgrey dashed; padding-bottom: 10px; margin-bottom: 10px; }
.CommentItem .Title { font-weight: bold; margin-bottom: 5px; }
.CommentItem .MetaData { font-style: italic; color: gray; margin-bottom: 10px; }
.CommentItem .Content { margin-bottom: 10px; }
.CommentItem .CreatedDate { font-weight: bold; }
/*~~~~~~~~~~~ New comment form layout ~~~~~~~~~~*/
.BlogEntryNewCommentForm fieldset { margin-bottom: 10px; }
.BlogEntryNewCommentForm legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

.BlogEntryNewCommentForm fieldset ol, .BlogEntryNewCommentForm fieldset ul { margin: 0; padding: 0; }
.BlogEntryNewCommentForm fieldset li { list-style: none; list-style-image: none; padding: 5px; margin: 0; clear: both; border: 0; }
.BlogEntryNewCommentForm fieldset li input, .BlogEntryNewCommentForm fieldset li textarea { width: 350px; }
.BlogEntryNewCommentForm fieldset li div.captcha { line-height: 1.8em; margin-bottom: 5px; float: left; }
.BlogEntryNewCommentForm fieldset label, .captchaLabel { width: 120px; /* Width of labels */ vertical-align:top; line-height: 1.8em; float: left; margin-right: 5px; }
.BlogEntryNewCommentForm fieldset li div.captcha img { margin-bottom: 2px; }
/* Form styles */
              
.BlogEntryNewCommentForm legend { padding-left: 0; color: #333; }
.BlogEntryNewCommentForm fieldset { border: none;/*border-top: 1px solid #C9DCA6;*/ }
.BlogEntryNewCommentForm fieldset li { padding: 5px 10px 7px; border-top: 1px solid #C9DCA6; }
/* End blogging styles */

/*--------------SEARCH BUTTON: CSS-BASED----24/03/2011---*/
input.searchbutton { padding:0px; border:1px solid #2A85B6; color:#fff; text-shadow: 0px -1px 0px #3076a0; width:72px; height:24px; padding:0 0 4px 0; background: -moz-linear-gradient(top, #2A85B6, #339ad1); line-height:24px; outline:none; font-weight:bold; cursor:pointer; background-color:#2B87B9; font-size:1.3em; }
input.searchbutton:hover { background: -moz-linear-gradient(bottom, #2A85B6, #339ad1); background-color:#3298CE; }
/*~~~~~~~~~STYLES: NEW CONTENT PAGE: ACCOUTANCY --*/
#QualContent { width: 720px; padding: 5px; background-color:#FFF; }
#QualContent .contentText { margin: 15px 15px; height:130px; }
.AF { width: 345px; display: block; overflow: none; float: left; margin: 5px; height: 290px; background: url(../../../../images/v2/assest/qual_box.gif) no-repeat top center; }
#QualContent ul { margin: 0 0 0 4px; padding: 0 1px 0 5px; background-color: transparent; }
.AF li { text-align: center; text-decoration: none; line-height: 33px; list-style: none; height: 33px; float: left; display: block; }
.AF li a { text-align: center; height: 33px; text-decoration: none; color: #fff; display: block; font-size:1.2em; }
.AF li a:hover { text-align: center; height: 33px; text-decoration: none; display: block; }
.button-76x70 a { background: url(../../../../images/v2/assest/rollover-76x70.png) no-repeat scroll 0 0; width:77px }
.button-76x70 a:hover { background: url(../../../../images/v2/assest/rollover-76x70.png) no-repeat scroll 0 -36px; width: 77px }
.button-157x70 a { background: url(../../../../images/v2/assest/rollover-157x70.png) no-repeat scroll 0 0; width: 158px }
.button-157x70 a:hover { background: url(../../../../images/v2/assest/rollover-157x70.png) no-repeat scroll 0 -36px; width: 158px }
.smallText { font-size: 14px; line-height: 12px !important; }
.smallTextHeading { line-height: 14px; *line-height: 13px !important;
*padding: 1px 10px 2px 15px !important;
}
.twoline-padding { padding-top: 3px; }
.QualHeader { background:#E6F6FB url(../../../../images/v2/assest/menuGradient.gif) repeat-x left bottom; height:25px; font-size:1.5em; font-weight:bold; width:316px; }
p.QualHeader { padding:6px 10px 6px 15px; margin: 5px 1px 15px; }
/*~~~~~~~~~STYLES: NEW CONTENT PAGE: COURSES --*/
.courselist .QualHeader { background:#E6F6FB url(../../../../images/v2/assest/menuGradient.gif) repeat-x left bottom; height:25px; font-size:1.2em; font-weight:bold; width:316px; }
.courselist { width: 370px; display: block; overflow: none; float: left; border: 1px solid #ccc; margin: 5px; height: 530px; }
.courselist li { text-align: center; text-decoration: none; line-height: 26px; list-style: none; width: 154px; height: 33px; float: left; background: url(../../../../images/v2/assest/rollover-153x70.png) no-repeat scroll 0 0; display: block; margin: 3px; }
.courselist li a { text-align: center; height: 33px; width: 154px; text-decoration: none; color: #fff; display: block; }
.courselist li a:hover { text-align: center; height: 33px; width: 154px; text-decoration: none; background: url(../../../../images/v2/assest/rollover-153x70.png) no-repeat scroll 0 -36px; display: block; }
.courseline { background: url(../../../../images/v2/assest/rule-370x12.gif) no-repeat; width: 332px; height: 12px; border: none; margin-left:8px; }
.coursearrow { background: url(../../../../images/v2/assest/arrow-down.gif) no-repeat scroll 125px 5px; padding: 0 0 0 15px; font-size: 17px; font-weight: bold; }