/*
** combine.css 
** PROJECT Mediasphere Website
** CSS - regroup all css for screen
** Author: Steve Tangue
** Date: 19.01.10
** Last edited: 04.03.10 by Geoff FRANKLIN
*/
 


/*
** reset.css 
** CSS - handles the mass reset
** Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, /*pre,*/
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td */{
	margin: 0;padding: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*vertical-align: baseline;*//*border: 0;*/}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;/*color: black;background: white;*/}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}*/
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table {border-spacing: 0;border:0;}
table tr, table td{border:0;}
/* reset.css end of file */



/*
** layout.css 
** CSS - handles the layout grid
** Author: Steve Tangue
** Date: 15.04.09
** Last edited: 21.04.09 by Steve Tangue 
*/

/* general */
html, body {height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;background:#fff url(../img/body_bg.jpg) center 0px no-repeat;	line-height:1.3em;	padding:0; margin:0;}
h1 {color:#000;font-family:Verdana, Arial Narrow, Arial, Helvetica, sans-serif, "Arial Narrow";font-size:20px;font-weight: bold;margin-bottom: 0.75em;}
h2 {color: #1DC1FF;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;margin-bottom: 0.60em;}
h3 {color: #000;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold; margin-bottom: 0.55em;}
h4 {color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal; margin-bottom: 0.45em;}
h5 {color: #000;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; margin-bottom: 0.45em;}
a{color:#2E84B8;text-decoration: none;}a:hover{text-decoration: underline;}
.left{float:left;}.right{float:right;}
p {font-size: 11px;}
img { border:none;}
.center {text-align:center;}

hr {height: 0px; border-top:1px dashed #ddd;}

/* container */
#container{width: 100%; margin:0 auto; min-height:100%; position:relative;	background:url(../img/content_bg.jpg) repeat-x bottom;}
#special_offer {display:none;width: 174px; height:144px; padding: 8px 0 0 8px;position:absolute;left:0; top: 0; background:url(../img/specialoffer_topleft.png) no-repeat;z-index:9999999; font-style:italic;color:#fff;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;text-align:left;line-height: 1.4em;}
#special_offer:hover {text-decoration:none; color:#FFC;}
#special_offer span {font-size: 10px;font-style:italic;}


#header{width:100%; height:100px;margin: 0 auto;color:#fff;background:#222;font-size: 13px;border-bottom:1px solid #fff;}
#header span {font-size:16px; color:#FF9900; line-height:1.0em;}
.mediasphere_phone {width:960px; margin: 0 auto; text-align:right; padding: 10px 0 0 0;}
.mediasphere_phone b {float:right; font-weight:normal;}
#logo{width:158px; height:28px;float:left; background:url(../img/mediasphere_logo.jpg) 0 20px no-repeat!important;margin:0 0 0 0;background:none; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/mediasphere_logo.png',sizingMethod='crop');*/}
#logo_contentpage{width:158px; height:28px;float:left; background:url(../img/mediasphere_logo.jpg) 0 20px no-repeat!important;margin:0;background:none; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/logo_contentpage.png',sizingMethod='crop');*/}
#logo span, #logo_contentpage span {margin-left: -99999em;margin-top: -99999em; position:absolute;}
#logo_print{display:none;}
.listcontainerlogo {height: 72px;margin-bottom:0;}
* html .listcontainerlogo {margin-bottom:-60px; }

.top_nav {width:100%;height:35px;padding:0;background:#111; margin:0 auto;border-bottom:1px solid #333;}


/* menu #nav style
** menu.css 
** CSS and Javascript Accessible menu drop down 
** -----------------------------------------------------------------------------------------------
** Source: Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
** 		   Dropdowns by Patrick Griffiths and Dan Webb. 
** 		   http://carroll.org.uk/sandbox/suckerfish/bones2.html
** ------------------------------------------------------------------------------------------------
*/
#nav {width:960px; height:76px; margin: 0 auto 30px auto; margin-top: -67px;}
* html #nav {margin-bottom: 10px;}
#nav ul { width: 960px; height: 38px;	padding: 0;	margin: 0 auto;	list-style: none;	line-height: 1;	z-index:9999;	padding-left: 0; 	position:relative;	}
/* all list items */
#nav ul li {float: left;} 
#nav ul li a {text-decoration:none;display:block;padding:15px 8px 26px 8px;margin: 0 5px 0 4px;font-size: 13px;color:#fff; position:relative;margin-top:12px;z-index:9999;/*background:url(../img/mainmenu.jpg) no-repeat right top;*/}
#nav ul li a:hover {color:#fff; background:url(../img/mainmenu_on.jpg) no-repeat right top;}
#nav ul li a:hover span { width: 6px; height: 41px;background:url(../img/mainmenu_left.jpg) no-repeat left top;position:absolute; left: 0; top:0;}
#nav ul li.separator {border-left:1px dotted #666;width:1px; height: 28px; margin: 18px 4px 0 4px;}
#nav ul li.listcontainerlogo {cursor: pointer;}
#nav ul li.listcontainerlogo a {border-left:none; margin-top: 0; margin-right: 14px; background:none;position:relative; z-index:999;cursor: pointer;}
#nav ul li.listcontainerlogo a:hover { border:none; background:none;position:relative;cursor: pointer;}
#nav ul li a span {font-size: 10px;color:#717174; position:absolute; left: 20px; top: 30px; width: 120px;}
#nav ul li a.main_menu_selected span {font-size: 10px;color:#000;}
#nav ul li a.main_menu_selected {color:#666; background:url(../img/mainmenu_selected.jpg) no-repeat right top;padding-bottom: 10px;padding:15px 10px 26px 10px;}
#nav ul li a.main_menu_selected span{width: 6px; height: 41px;background:url(../img/mainmenu_selected_left.jpg) no-repeat left top;position:absolute; left: 0; top:0;}

#nav ul ul {height:auto;border:1px solid #055772;}
#nav li ul ul {height:auto;padding: 0 0 10px 0;margin: 0;list-style: none;line-height: 1;position:relative; z-index: 999;color:#ddd;border:1px solid #055772;background: #098EBA;filter: alpha(opacity=95);	opacity: .95;}

/* all list items */
#nav ul ul li { width: 14em;float: left;background: #098EBA;z-index: 999;}
#nav ul ul li a {font-size: 12px;color:#fff; border-bottom:1px solid #098EBA;background:none;padding:5px 10px 8px 10px;}
#nav ul ul li a:hover, #nav ul ul li a.selected {background:none;color:#FFF; color:#BDEAF9;border-bottom:1px solid #0CA4D6;}
/* second-level lists */
#nav ul li ul { position: absolute;	z-index:999;width: 14em;margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
/* third-and-above-level lists */
#nav ul li ul ul {margin: -1em 0 0 -1000em;}
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {margin-left: -1000em;}
/* lists nested under hovered list items */ 	
#nav ul li:hover ul, #nav ul li.sfhover ul {margin-left: 0;}
#nav ul li li:hover ul, #nav ul li li.sfhover ul {margin-left: 14em;margin-top: -38px;}

/* second-level lists */
#nav li ul ul{position: absolute; z-index:999px;width: 14em;margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}



/* banner fading width menu tab */
.banner {width: 920px;height: 302px; overflow: hidden;position: relative;margin: 0px auto 12px auto!important; margin: 12px auto 4px auto;}
.banner ul {position: absolute;	top: 0;	list-style: none;padding: 0;margin: 0; }

#tabs { z-index: 2; position:absolute; top: 258px;right:25px;}
#tabs li {float:left; margin: 0; padding: 0;}
#tabs li a {color: #FF4213; display: inline-block; width: 20px; height: 17px; background: url(../img/icon_banner_nav.png) top right no-repeat !important; border:none !important;background:none;border:1px solid #fff; text-align: center; margin-right: 5px;}
#tabs li a:hover {color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}
#tabs li a.current {color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}

#output {right: 0; width: 920px; height: 302px;}
#output li {position: absolute;width: 960px;height: 302px;/*background:transparent url(../img/curveoverlay_bg.png) no-repeat right;*/ z-index:1;}
#output li a {text-decoration: none;font-size: 13px;color: #FFCC00;}
#output li a:hover {text-decoration:underline;}
#output li a.banner_btn {width: 124px; height: 24px; color:#000; position:absolute; right: 300px; bottom: 40px; background:transparent url(../img/banner_button.png) no-repeat; padding-top: 4px; text-align:center;filter: alpha(opacity=65);opacity: .65;}
#output li b {
	width:auto; height: 30px;
	z-index: 99999; 
	font-size: 36px; font-family: "Arial Black", Gadget, sans-serif; 
	font-weight: normal; 
	position:absolute;
	top: 50px;
	right:100px;
	padding:6px 6px 16px 4px; 
	color:#fff;
	text-shadow: #000000 4px 0px 4px;height: 1em;filter: Shadow(Color=#000000,Direction=135,Strength=4);
}
#output li span {
	width:40%; height: 80px;
	position:absolute;
	z-index: 99999; 
	right:100px; text-align:right;
	font-size: 16px;
	margin: 100px 0px 8px 200px;
	padding-bottom: 4px;
	color:#fff;
	line-height:1.3em;
	text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3);
}

#output li#banner_gov {}	
#output li#banner_e-learning {}
#output li#banner_community {}
#output li#banner_community b {top: 40px; right:80px;}
#output li#banner_community span {width: 500px;margin-top: 90px;right: 90px;}
#output li#banner_community a.banner_btn {right: 340px; bottom: 70px;}
/* banner web packaages */
#output li#banner_web {}
/* banner web design */
#output li#banner_design {}
#output li#banner_design b {top: 40px; right: 310px;text-align:right;}
#output li#banner_design span {margin-top: 90px;right: 220px; width: 34%; text-align:left;}
#output li#banner_design a.banner_btn {right: 420px; bottom: 42px;}

.bannermenu_wrapper{z-index: 99999;position: absolute;bottom: 20px;right: 15px; color:#fff; text-align:right; width: 620px; height: auto;}
/* end banner slider file */







/* Sliders */
#bottom_content {width: 920px; margin:34px auto 0 auto;}
.slide {width:920px; height:110px; position:relative; margin:0 auto;}
.slide a.slidenav {width:16px; height:32px; padding:0; display:block; position:absolute; top:30px;}
.slide a.slidenav.left {background:url(../img/btn_arrow_left.png) no-repeat; left:0;} 	 .slide a.slidenav.left:hover {}
.slide a.slidenav.right {background:url(../img/btn_arrow_right.png) no-repeat; right:0;} .slide a.slidenav.right:hover {}
/* Slider items wrapper */
.slide .wrap {width: 920px;height:110px; margin: 0 0 0 66px; position:relative; }
.slide .wrap ul {height:110px;}
.slide .wrap ul li {height:110px;float:left;}
.slide .wrap ul li a {width: 116px;height:110px; margin-left:10px; float:left;display: block;text-align: center; text-decoration:none;}
.slide .wrap ul li a img {}
.slide .wrap ul li a span {display:block; padding:2px;}
.slide .wrap ul li a:hover span {text-decoration:underline;}



/* content */
#content {width: 960px;height: auto;padding: 0; padding-bottom:500px; margin:0 auto;}
.contentpage {width: 100%; background:#fff url(../img/bodycontentpage_bg.jpg) center 0px repeat-x; }
.contentpage_portfolio {width: 100%; background:#fff url(../img/bodycontentpage_bg_portfolio.jpg) center 0 repeat-x; }
.contentpage p {font-size: 12px;color:#666; line-height: 1.3em;}
.contentpage ul {list-style:disc;  margin:  10px 0  20px 30px; font-size: 12px;color:#666; line-height: 1.3em;}
.contentpage ol { list-style:decimal; margin:  10px 0  20px 30px; font-size: 12px;color:#666; line-height: 1.3em;}
.contentpage img {margin: 15px 15px 15px 15px}
/*.contentpage img { padding: 4px; border:1px solid #717174; background:#E5E5E5; float:none;}
#footer_awards a img  {border:none; padding:0;} 
#footer_awards a:hover img {border:none;padding:0;} */


/* home items  */
.home_item 		{width: 24%; height:auto; margin: 0 1% 5% 0!important; margin:0 0 4% 0;float:left;text-align:center;}
.home_item h1	{text-align:left;padding-top: 6%!important;padding-top:3%;}
.home_item a 	{text-align:left;}
.home_item p 	{text-align:left;color:#666666; font-size:12px; line-height: 1.3em;} 
.home_item img 	{width:192px;}
.home_item span {width: 0%; height: 0;float:left; margin: -9999em 0 0 -9999em;}
/* home latest news items  */
.home_news 		{width:44%; width:32%; font-size:11px; height:auto; margin: 0 1% 5% 0!important; margin:0 0.8% 3% 0;float:left;text-align:left;}
.home_news h1 	{text-align:left; padding:12px 0;font-size:16px; font-weight:normal; font-family:tahoma;}
.home_news a 	{width:90%;height:auto;}
.home_news ul {list-style:square; padding:0 0 0 20px;}	
.home_news ul li {list-style:square;}
/* twitter widget */
.twtr-ft {background:none; height:auto; margin-top:-20px;}

/* EVENTS view page */
.event-details {width:98%;height:auto;  padding:1%; float:left;}
.google_map {width:auto; float:right; }
.contentpage div#page_content_left .google_map img { background: none; border: none; margin: 0; padding: 0; }
.VForm_error_wrapper { height: 30px;}
/* Event Error Messages */
.eventError {color: red; float: none; font-size: 10px; line-height: 1.2em; margin-left: 10px;}
.pitchError {color: red; float: left; font-size: 10px; line-height: 1.2em; margin-left: 10px; padding-top: 7px;}
/* event registration review label */
#event-registration-review label, #event-registration-review span {font-size: 12px; line-height:2.2em;}
#event-registration-review label {width: 150px;float:left;text-align:right;font-weight:bold;}

.news_link_right {color:#fff; background:#098EBA; border:1px soliD #098EBA; padding:6px 12px; font-size: 12px; text-decoration:none;margin-top:10px; }
a:hover.news_link_right {color:#fff; background:#333; border:1px solid #098EBA;text-decoration:none;}

.css_label_events {width: 140px; float:left; text-align:left; margin: 10px 0 6px 0;font-size:12px; color:#666;}
.css_input_events {width:180px; height: 18px; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;}
.rss_link {color:#D20000;}





/* breadcrumb */
#ms_breadcrumb {font-size: 10px; margin:0px 0 20px 10px;}

/* left menu */
#content_left {width: 205px; height: auto; float:left;margin-right: 20px!important;margin-left: 10px!important;margin: 0 16px 50px 0;}
#content_left_menu {width: 205px; float:left; background:url(../img/leftmenu_bg.png) left top no-repeat; padding-bottom:10px;}

/* left menu level 1 */
#content_left_menu ul a {cursor:pointer;}
#content_left_menu a:hover {color:#000;cursor:pointer;}

#content_left_menu ul {list-style:none; margin: 0 0 0 20px; padding:0;}
#content_left_menu ul li a {width: 164px;font-size: 14px;color:#FFFFCC;cursor:default;display:inline-block; padding: 5px 20px 5px 0; margin-top: 10px;}
#content_left_menu ul li a:hover {text-decoration:none;}
#content_left_menu ul li a.selected {cursor: default;color:#FFFFCC;background: url(../img/leftmenu_linkarrow.png) right top no-repeat!important; background: url(../img/leftmenu_linkarrow_ie6.gif) right top no-repeat;}
/* left menu level 2 */
#content_left_menu ul ul li a {width: 144px;color:#fff;font-size: 12px;}
#content_left_menu ul ul li a.selected {cursor: default;width: 144px;color:#000; background: url(../img/leftmenu_linkarrow.png) right top no-repeat!important; background: url(../img/leftmenu_linkarrow_ie6.gif) right top no-repeat;}
/* left menu level 3 */
#content_left_menu ul ul ul li a { width: 124px;color:#fff; font-size: 11px; margin-top: 4px;}
#content_left_menu ul ul ul li a.selected { width: 124px;}
/* left menu level 4 */
#content_left_menu ul ul ul ul li a { width: 104px;color:#fff; font-size: 10px; margin-top: 0;}
#content_left_menu ul ul ul ul li a.selected { width: 104px;cursor: default;}

.leftmenu_bottom {width: 205px;height: 10px; background:url(../img/leftmenu_bottom.png) left top no-repeat; float:left; bottom: 0; margin-bottom: -10px;}

/* right content */
#content_right {width: 725px; float:left; padding-bottom: 40px;}
#contactusform {width:360px; float:left;}
.contactus_gmap {float:right; margin:0;}
#map_display {width:340px; height:364px;}

/* gallery style */
.thumbnails {list-style:none; margin:0; padding:0;}
.thumbnails li {width: 120px; height: 80px; overflow:hidden; list-style:none;float:left; background:#000; margin:15px 10px 5px 0; padding:0;text-align:center;border:4px solid #ddd;}
.thumbnails li img {height: auto;border:none; padding:0;float:left;}

.album li {border:5px solid #C3CBDF;}
.album li img {}
.image_gallery li{}
.image_gallery li img {}

/* PORTFOLIO style */
#portfolio_wrapper {width: 100%; float:left; padding-bottom:60px;}

.portfolio_album {list-style:none; margin:0; padding:0;}
.portfolio_album li {width: 220px; height:100px; overflow:hidden; list-style:none;float:left; background:#000; margin:15px 10px 5px 0; padding:0;text-align:center;border:4px solid #ddd;}
.portfolio_album li img {height: auto;border:none; padding:0;float:left;}

.image_portfolio {list-style:none; margin:0; padding:0;}
.image_portfolio li {width: 820px; overflow:hidden; list-style:none;float:left; background:#000; margin:15px 10px 5px 0; padding:0;text-align:center;border:4px solid #ddd;}
.image_portfolio li img {height: auto;border:none; padding:0;float:left;}

#portfolio_wrapper table {width:100%;}
#portfolio_wrapper table td{padding:1%; }


/* BLOG style */
#sidebar ul {list-style:none;}
#breadcrumb {display:none;}
#main-inner{width:640px;padding-bottom:20px;}
.article {width:640px;position:absolute; top:190px; }

/* form */
/* custom */
.css_label {width: 140px; float:left; text-align:left; margin: 10px 0 6px 0;font-size:12px; color:#666;}
.css_input {width:180px; height: 18px; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;}
.css_textarea {width:186px;padding: 6px;background:#FFF; border:1px solid #CDCDCD; }

button {height:26px;cursor:pointer; background:#098EBA; border:1px soliD #098EBA; color:#fff; border:none; }
button.btn {height:26px; padding:0 8px;line-height:1em;} 
button:hover {background:#000;}
.success {width: 95%;padding: 10px; color:#009900; border:1px solid #009900; background:#E1FFE1;}
.errorBText {margin-left: 130px; margin-bottom: 10px;float:left;}
.basicForm span {font-size: 12px; line-height:1.3em;}


/* footer */
#footer { width:100%; height:500px; background:#000 url(../img/footer_bg.jpg) repeat-x; position:absolute; bottom:0; color:#fff; padding: 0;}

/* footer content */
#footer_content { width: 960px; height: auto; margin: 0 auto;}
#footer_content a { font-size:10px; color:#A7AFB6;}
#footer_content a:hover {color:#fff;}
#footer_content ul {width: 100%;margin:0; padding:0; list-style:none; float:left;}
#footer_content ul li {width: 100%;border:0px solid red}



/* copyright */
#footer_content a.mediasphere {color:#00CCFF;}
#footer_content a.powerhouse {color:#FFCC00;}
#footercopyright {width:280px;height: 20px; float:right; text-align:right; font-size: 10px; padding-top:8px;}
#footercopyright ul {float:right;}
#footercopyright ul li {float:right; color:#fff; font-size:10px;margin-bottom:3px;}
#footercopyright ul li a {float:right;}
#footercopyright ul li a.nofloat {float:none;}
#footercopyright p {font-size: 10px;color:#fff; float:right;}

.footer_wrapper {width: 160px; height: 400px; float:left; background:url(../img/footer_separator.jpg) top right no-repeat; color:#fff; margin-right: 10px; padding-top: 8px;}
.footer_wrapper li {float:left; margin-bottom:3px;}
.footer_wrapper li b {color: #ccc;}

.social_network li {margin-bottom: 12px;}
#footer_content li.mini {height: 1px;}

.facebook {width: 20px; height: 20px; float:left; background: url(../img/facebook.jpg); margin: -3px 10px 0 0;}
.twitter {width: 20px; height: 20px; float:left; background: url(../img/twitter.jpg); margin:  -3px  10px 0 0;}
.linkedin {width: 20px; height: 20px; float:left; background: url(../img/linkedin.jpg); margin: -3px  10px 0 0;}
.flickr {width: 20px; height: 20px; float:left; background: url(../img/flickr.jpg); margin: -3px  10px 0 0;}
.youtube {width: 20px; height: 20px; float:left; background: url(../img/youtube.jpg); margin: -3px  10px 0 0;}
.teachertube {width: 20px; height: 20px; float:left; background: url(../img/teachertube.jpg); margin: -3px  10px 0 0;}
.blog {width: 20px; height: 20px; float:left; background: url(../img/blog.png); margin: -3px  10px 0 0;}

.lms {width: 24px; height: 21px; float:left; background: url(../img/lms.png); margin:  -2px  10px 0 0;}
.cms {width: 24px; height: 21px; float:left; background: url(../img/cms.png); margin: -2px  10px 0 0;}
.camp {width: 24px; height: 21px; float:left; background: url(../img/camp.png); margin: -2px  10px 0 0;}
.earlylearning {width: 24px; height: 21px; float:left; background: url(../img/earlylearning.png); margin: -2px  10px 0 0;}
.ielts {width: 24px; height: 20px; float:left; background: url(../img/ielts.png); margin: -2px  10px 0 0;}




#footer_awards {width: 262px; height: 121px;background:url(../img/award_bg.png) no-repeat!important; background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/award_bg.png',sizingMethod='crop');float:left; margin-top:10px; padding:10px 10px 10px 12px!important; padding:8px 8px 8px 10px;}
#footer_awards a { float:left; margin: 0 1px 1px 0; position:relative;}
#footer_awards a img {float:left; margin:0;	filter: alpha(opacity=30);opacity: .30;}
#footer_awards a:hover img {filter: alpha(opacity=100);opacity: 1.0;}
#footer_awards a span {position:absolute; margin-left: -9999; top:-4444px; right:0;}

.spacer {margin-bottom:5px; clear:both;}

/* reset div */
.reset, .clr {border:medium none;clear:both;display:block;font-size:0px;height:0px;line-height:0px;margin:0;padding:0; }
/* layout.css end of file */










/* DARIAN: downloads-and-trial CSS */
#downloads-and-trial LABEL {width: 135px;}
#downloads-and-trial INPUT[type=text],#downloads-and-trial TEXTAREA {width: 185px;}



/* LMS style */
/* COURSE LMS STYLE */

/* course topic box */
.lms_dashboard {width: 100%;float:left; padding-bottom:40px;}
.lms_dashboard ul li{list-style:none;}
.lms_dashboard ul li a {color:#990000;}

.course_contentpage {width: 98%;margin: 0 auto; padding-bottom: 40px;}
.coursetitle a{	width: 100%;height:50px;float:left;text-align: center;font-weight:bold;line-height: 1.3em;font-size: 12px;}
.topic_box { width:170px;height:230px;float:left;  margin:0 22px 15px 0;}
.courseimage { width:117px;height:98px; margin:5px auto;border:1px solid #ccc;}
.courseimage span { cursor:pointer; float:left; margin-top:45px; text-align:center; width:100%;  }
.course_contentpage .courseimage img { height:80px; width:100px; border:none;padding:8px;  }
.status {float:left;text-align: center;width: 100%;position: relative;}
.red {color:#B01A48;}.darkgreen {color: #336666;}.black {color: #000;}.green {color: #CCCC99;}.blue {color:#0080FF;} .grey {color:#999999;}

/* course page content */
.lms_pagecontent {width:940px; height:auto; min-height:350px; margin:0 auto;}

/* leftmenu | index */
#left_menu {width:18%; margin:0 2% 2% 0; padding-bottom:30px; border:1px solid #ddd; float:left;}
#left_menu b {width:90%; float:left; color:#fff; font-size:14px; font-weight:normal; line-height:1.3em; padding:2%; text-align:left; background:#35256D; margin:0 0 0.4em 0; }
#left_menu a {width:170px; font-size:13px; float:left; border-bottom:1px solid #fff; text-decoration:none;}
#left_menu a:hover, #left_menu a.selected {color:#000; font-weight:normal; background:none;text-decoration:none; }
#left_menu a.subselected {color:#000; font-weight:normal; background:none;text-decoration:none; }
#left_menu li {padding:0; margin:0; float:left;}
#left_menu ul {list-style:none; margin: 0; padding: 0; vertical-align:top;}
#left_menu ul ul a {width: 150px; padding:5px 5px 5px 10px;text-decoration:underline;background:#eee;}
#left_menu ul ul li {padding:0 0 0 0px; margin:0 0 10px 0; line-height:1.3em;}
#left_menu ul ul ul { float:left; margin: 10px 0 0 0;}
#left_menu ul ul ul li a {width: 140px;padding:5px 5px 5px 20px;font-size: 11px;}

#content_right {}

/* List Styling 
#content_right ol {list-style: decimal;padding: 0 0 15px 40px;}
#content_right ol li {padding: 5px 0;}
#content_right ul {list-style: disc;padding: 0 0 15px 33px;}
#content_right ul li {padding: 5px 0 5px 5px;}
#content_right ul#sitemap, #content_right ul#sitemap ul {list-style:none;}
*/

/* Assessment page content right 
#page_content_right {margin-bottom: 20px;}
#page_content_right .questionTable{width: 96%; margin: 0 auto;}
#page_content_right .questionTable td {line-height: 1.3em;}
*/


/* course topic box */
.course_dashboard {float:left;}
.course_dashboard ul li{list-style:none;}
.coursetitle a{	width: 100%;height:50px;float:left;text-align: center;font-weight:bold;line-height: 1.3em;font-size: 12px;}
.topic_box { width:170px;height:230px;float:left;  margin:0 22px 15px 0;}
.courseimage { width:117px;height:98px; background: url(../img/img_bg.png) left no-repeat;  margin:5px auto;}
.courseimage span { cursor:pointer; float:left; margin-top:45px; text-align:center; width:100%;  }
#content_right .courseimage img { height:80px; width:100px; border:none;padding:8px;  }

.status {float:left;text-align: center;width: 100%;position: relative;}
.red {color:#B01A48;}.darkgreen {color: #336666;}.black {color: #000;}.green {color: #CCCC99;}.blue {color:#0080FF;} .grey {color:#999999;}

.lms_pagecontent{width:940px; margin:0 auto;min-height:350px; height:auto;}

.coursefolder {font-size:13px;color:#002D53; line-height: 1.8em;}
/* paging_nav */
.paging_nav {width: 940px;height: 27px; padding:5px 0; margin:0 auto 20px auto; font-size:11px; background:#f3f3f3; border:1px solid #ddd;}
.paging_nav a {float:left; padding:5px 10px 7px 10px; background:#f3f3f3; border:1px solid #ccc; margin-left:10px;}
.paging_nav b{float:left; padding:5px 10px 7px 10px;}
.paging_nav a.previous_btn {width:50px; height:13px; float:right;}
.paging_nav a.next_btn {width:50px; height:13px; float:right;margin-right:10px;}
.paging_nav a span {float:left;}
.paging_nav a.next_btn span {float:left;margin-left:10px;}
.paging_nav a.previous_btn img{float:left;margin-right:10px;}
.paging_nav a.next_btn img{float:right; }



a.btn_coursedashboard {width:auto; height:13px;float:left;/*background:url(../img/icon_coursedashboard.gif) no-repeat; margin-left: 5px;padding:0;*/}
a:hover.btn_coursedashboard {/*background:url(../img/icon_coursedashboard_on.gif) no-repeat;*/}
a.btn_coursedashboard span {/*text-indent:-9999em; position:absolute;*/}
/* btn_index */
#content_right a.btn_index {width: 34px; height: 13px;float:left; /*background:url(../img/icon_index.gif) bottom no-repeat;*/ padding: 6px 6px 6px 26px; margin: 0 0 0 6px;}
#content_right a:hover.btn_index {/*background:url(../img/icon_index_on.gif) bottom no-repeat;*/}
/* btn_glossary */
#content_right a.btn_glossary{width: 48px; height: 13px;float:left; /*background:url(../img/icon_glossary.gif) bottom no-repeat;*/padding: 6px 0 6px 26px; margin: 0 0 0 6px;}
#content_right a:hover.btn_glossary{/*background:url(../img/icon_glossary_on.gif) bottom no-repeat;*/}
/* btn_documents */
#content_right a.btn_documents {width: 60px; height: 13px;float:left; /*background:url(../img/icon_documents.gif) bottom no-repeat;*/ padding: 6px 0px 6px 30px; margin: 0 0 0 6px;}
#content_right a:hover.btn_documents {/*background:url(../img/icon_documents_on.gif) bottom no-repeat;*/}
/* btn_video */
#content_right a.btn_video {width: 36px; height: 13px;float:left; /*background:url(../img/icon_video.gif) bottom no-repeat;*/ padding: 6px 0px 6px 30px; margin: 0 0 0 6px;}
#content_right a:hover.btn_video {/*background:url(../img/icon_video_on.gif) bottom no-repeat;*/}
/* btn_audio */
#content_right a.btn_audio {width: 36px; height: 13px;float:left; /*background:url(../img/icon_audio.gif) bottom no-repeat;*/padding: 6px 0px 6px 30px; margin: 0 0 0 6px;}
#content_right a:hover.btn_audio {/*background:url(../img/icon_audio_on.gif) bottom no-repeat;*/}
/* save_btn */

#content_right .prev_next_btn_wrapper a.save_btn {width: 36px; height: 13px;float:right; /*background:url(../img/icon_save.gif) bottom no-repeat;*/padding: 6px 0px 6px 30px; margin: 0 5px 0 5px;}
#content_right .prev_next_btn_wrapper a:hover.save_btn {/*background:url(../img/icon_save_on.gif) bottom no-repeat;*/}


/* View My Result page */
.view_result_row { width:94%; height:96px;background:#FFF; float:left;  margin-bottom:10px; padding:2%; font-size: 13px;border:1px solid #ddd;}
:hover.view_result_row {background:#D9E2EA; border:1px solid #D1D6E4;}
.view_result_row span { float:left; font-weight:bold; line-height:2em; text-align:center;width: 100%; cursor:pointer; }
.view_result_row img {  width:101px;height:82px; background: url(../img/img_bg.png) left top no-repeat; padding:8px; margin: 0 14px 0 0;}
/* row hover none */
.hovernone {background:none; border:none;}
:hover.hovernone {background:none; border:none;}

.topic_title {width:100%;; float:left;  font-size: 12px; font-weight:bold;margin: 0 0 5px 0;}

.button, .gototopic  {width:auto;height: 30px; text-align:center; padding: 0px 10px;background:#35256D;border:none;color:#fff;cursor:pointer;}
:hover.button, :hover.gototopic {background:#000;}

.view_result_row_img_border { width:117px;height:98px; background: url(../img/img_bg.png) left no-repeat;  margin:5px auto;}
.menu_wrapper_results {font-weight:normal; float:right; text-align:right;}
.menu_wrapper_results a.gototopic  {width: 100px;height: 30px; font-size:normal;text-align:center; padding: 10px 10px;background:#FCB31C;border:none;color:#fff;cursor:pointer;}
.menu_wrapper_results a:hover.gototopic {background:#E79C03;}
.menu_wrapper_results span {padding: 10px;font-size: 12px;}
.button_green{width:auto;height: 16px; background:#006600; padding: 10px 15px; color:#fff;text-align:center; margin-right: 10px;font-size:12px;float:right;margin-left: 10px;}
.button_red{width:auto;height: 16px; background:#9B0004; padding: 10px 15px; color:#fff;text-align:center;font-size:12px;float:right;}
:hover.button_green{background:#005500;}
:hover.button_red{background:#770009;}
/* SLIDING BANNER start */
/* Assessment Style */
ul.questionlist {list-style-type:none;margin:0px;padding:0px;}
ul.questionlist li {padding:10px;}
ul.questionlist li.answer {padding:10px 10px 10px 25px;	clear:both;}
table.questionTable td {padding:5px;}

/* Event Attendee table style */
table#event_attendee { width:100%; border:0px solid #DDD;}
table#event_attendee td { border:1px solid #DDD; padding:5px; }
table#event_attendee td.attendee_header { background-color:#DDD; border:1px solid #CCC; font-weight:bold;} 
table#event_attendee td.attendee_name { width:25%;  }
table#event_attendee td.attendee_title { width:10%;  }
table#event_attendee td.first { border-right:0px solid #DDD; }
table#event_attendee td.attendee_email { width:30%;  }
table#event_attendee td.attendee_text { border-top:0px; }
table#event_attendee td.attendee_separator { height:10px; width:100%; border:0px solid #CCC; padding:0; line-height:1em; }

table#main_attendee { width:100%; border:0px solid #DDD;}
table#main_attendee td { border:1px solid #DDD; padding:6px 10px; }
table#main_attendee td.attendee_header { background:#900; color:#FFF; border:1px solid #CCC; font-weight:bold;} 
table#main_attendee td.attendee_label { width:35%; font-weight:bold; border-top:0px; border-right:0px;  }
table#main_attendee td.first { border-right:0px solid #DDD; }
table#main_attendee td.attendee_text { border-top:0px; }

.event_venue_details { border:1px solid #0c8dd3; background-color: #d7f2ff; float:left; width:94%; color:#000; font-size:1.1em; padding: 10px; margin:5px 0; -moz-border-radius: 6px; border-radius:6px;}


/* KAL : just error message box */
.msgbox { float:left; width:96%; color: #000; font-size:11px; font-weight:bold; padding: 10px; margin:5px 0; -moz-border-radius: 6px; border-radius:6px;}
.msgbox.red {border:1px solid #ae0000; background-color:#ffd5d5;}
.msgbox.blue {border:1px solid #0c8dd3; background-color:#d7f2ff;}
.msgbox.yellow {border:1px solid #ff8040; background-color:#ffffc4;}
.msgbox.green {border:1px solid #53a600; background-color:#d5ffaa;}


/* For simple modal dialog */
#simplemodal-overlay {background:#000;}
#simplemodal-container {background:#f3f3f3 url(../img/bg_titlebar.jpg) repeat-x scroll left bottom;border:8px solid #098EBA; padding:12px;font-size:12px;text-align:center;}
#simplemodal-container a.modalCloseImg { width:25px;height:29px;background:url(../img/x.png) no-repeat;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer;}