/* The Training Surgery - Copyright 2010 All Rights Reserved. Reproduction in whole or in part without the expressed written permission is prohibited. */
/* IE6 png fix */
img, div, a, ul, li, span, #text, p, h1, h2,h3 { behavior: url(../iepngfix.htc) }
/* GLOBAL CONTENT */
body {margin: 0;padding:0;background:#ccc;font-family:Tahoma, Arial, Helvetica, sans-serif;color:#999;}
strong, b{}
em, i{}
u{}
h1, h2, h3, h4, h5{font: lighter 2.0em Georgia, "Times New Roman", Times, serif;}
h1 {color: #E02B7A; margin: 0 0 10px; }
a {color:#999}
a:hover, #widgetbar a:hover {color:#f5329c;text-decoration:none;}
a:visited, #widgetbar a:visited {color:#f57fc5;}
.spacer{ clear:both;}
a img{border:none;}
ul, ol { margin: 0; padding: 0; }
li { margin-left:15px; padding: 0;}
/* HEADER */
#header { float:right; width:841px; height:102px; padding:0;margin-top:18px;background:url(../images/header.png) no-repeat left top; }
/* PAGE */
#page { width:1001px; margin:0 auto; padding:0p; background:url(../images/pagebg.gif) no-repeat center top; color: #CCC;  }
#page-pad { padding: 0 24px 0 14px; background: url(../images/whitebg.png) no-repeat 0 175px; }
/* NAVIGATION SIDEBAR*/
#navbar { float:left; width:100px; min-height:555px; background:url(../images/navigationbg.png) no-repeat left top;margin-top:18px; }
#navigation{height:555px;}
#navigation ul{ display:block; margin:10px 0 0; padding:0; }
#navigation li{ margin:0 0 7px; padding:0; list-style: none; text-indent:-9999em; }
#navigation li a{display:block;width:98px;height:53px;}
	/* start navigation buttons */
	#navigation li.nav-home{background:url(../images/navigation/home-off.gif) no-repeat left top;}
	#navigation li.nav-home:hover{background:url(../images/navigation/home-on.gif) no-repeat left top;}
	#navigation li.nav-aboutus{background:url(../images/navigation/aboutus-off.gif) no-repeat left top;}
	#navigation li.nav-aboutus:hover{background:url(../images/navigation/aboutus-on.gif) no-repeat left top;}
	#navigation li.nav-services{background:url(../images/navigation/services-off.gif) no-repeat left top;}
	#navigation li.nav-services:hover{background:url(../images/navigation/services-on.gif) no-repeat left top;}
    #navigation li.nav-contact{background:url(../images/navigation/contact-off.gif) no-repeat left top;}
	#navigation li.nav-contact:hover{background:url(../images/navigation/contact-on.gif) no-repeat left top;}
    #navigation li.nav-courses{background:url(../images/navigation/courses-off.gif) no-repeat left top;}
	#navigation li.nav-courses:hover{background:url(../images/navigation/courses-on.gif) no-repeat left top;}
    #navigation li.nav-tips{background:url(../images/navigation/tips-and-tricks-off.gif) no-repeat left top;}
	#navigation li.nav-tips:hover{background:url(../images/navigation/tips-and-tricks-on.gif) no-repeat left top;}
    #navigation li.nav-testimonials{background:url(../images/navigation/testimonials-off.gif) no-repeat left top;}
	#navigation li.nav-testimonials:hover{background:url(../images/navigation/testimonials-on.gif) no-repeat left top;}
    #navigation li.nav-clients{background:url(../images/navigation/our-clients-off.gif) no-repeat left top;}
	#navigation li.nav-clients:hover{background:url(../images/navigation/our-clients-on.gif) no-repeat left top;}
    #navigation li.nav-partners{background:url(../images/navigation/partners-off.gif) no-repeat left top;}
	#navigation li.nav-partners:hover{background:url(../images/navigation/partners-on.gif) no-repeat left top;} 
	/* end navigation buttons */
#logobox{margin-top:5px;width:100%;height:92px; background:url(../images/iit_logo.gif) no-repeat center top;}
/* CONTENT */
#content { float:left; width:540px; margin:35px 37px 0 23px; color: #E02B7A; }
#content ul, #content ol{margin:5px 0; padding:10px;  }
#content li{margin-left:15px;}
#content .info{ margin:0 0 15px;font-size:0.75em;padding:0;color:#000000; }
#content h2{ width:534px; background-color:#79787d; margin:0; padding:3px; color:#FFF; font-size:1.2em; font-weight: lighter; }
#content .info h3 { color: #E02B7A; font-size: 1.4em; font-weight: bold; }
#content .info h4 { color: #E02B7A; font-size: 1.2em; font-style: italic; }
#content .info h5 { color: #E02B7A; font-size: 1.0em; font-weight: bold; }

/* about us */
#content.about p{ padding:5px 3px; margin:0; }
#content.about p.new{font-weight:bold;color:#f5329c;}
#content.about .info div{margin-bottom:10px;background:#fde5f3; }
/* course icons - level 1 */
ul.l1-nav{ list-style:none; margin:20px 0 0; padding:0; }
ul.l1-nav li{ display:inline; padding:0; margin:0; }
ul.l1-nav img{margin:0 0 15px;}
ul.l1-nav a{border:none; text-decoration:none;}
ul.l1-nav span{text-indent:-999em; display:none;}
/* course list  - level 2 */
#content.courses .info table{margin-bottom:10px;}
#content.courses .info td{padding:5px; vertical-align:top;}
#content.courses .info td.title{width:100px;color:#f5329c; font:bold;}
#content.courses .info td.title a{color: #f5329c; text-decoration: none; }
#content.courses .info td.title a:hover{text-decoration: underline; }
#content.courses .info td.desc{width:330px;}
#content.courses .info td.icon{width:35px; text-align:center;}
/* course information  - level 3 */
#content.courses .pricefrom{width:100%; clear:both; background:#fff; text-align:right;margin-bottom:5px;}
#content.courses .csstable { border-bottom: 3px solid #FFF; background:none;padding:5px;background:#fde5f3;}
#content.courses .csstable .leftcell{float:left; width:120px;color:#f5329c;font-weight:bold;} 
#content.courses .csstable .rightcell{float:right; width:400px;} 
#content.courses .csstable .rightcell p{ margin:0 0 5px; }
/* course dates */
.c-date{}
.c-title{font-weight:bold;}
.c-price{}
/* tips and tricks */
div.pinkbg{background:#f5329c;color:#FFF;padding:5px;}
#content.tips .info table{margin-top:10px;}
#content.tips .info td{padding:5px; vertical-align:top;}
#content.tips .info td.number{width:20px;color:#f5329c; font:bold; text-align:center;}
#content.tips .info td.desc{width:220px;}
#content.tips .info td.image{width:270px; text-align:left;}
#content.tips .info td p{ padding:0; margin:0 0 10px; }
/* WIDGET SIDEBAR */
#widgetbar {float:right;width:263px;margin-top:35px;background:url(../images/widget-bg.gif) repeat-y center top;}
#widgetbar a{color:#FFF;}
#widgetheader{background:url(../images/widget-header.gif) no-repeat center top; width:263px;height:75px;}
#widgetheader.register{background:url(../images/widget-header-small.gif) no-repeat center top; width:263px;height:13px;}
#widgetheader p{ padding:5px 5px 0 15px; margin:0; color:#FFF; font: 1.1em Georgia, "Times New Roman", Times, serif; }
#widgetcontent{width:263px;}
#widgetbar a.registernow { background-color: #ffffff; }
#widgetbar a.registernow img { padding-bottom: 7px;}
/* widget info */
#infobox{padding-left:4px;margin-bottom:10px;padding-top:10px;}
#infobox img{margin:5px;}
#infobox span.centerimg{text-align:center;display:block}
#infobox p{ padding:0 10px; font-size:0.75em; color:#FFF; }
#infobox p.contact{ font: bold 0.9em Georgia, "Times New Roman", Times, serif; }
/* widget info - courses */
#infobox.courses ul{padding:0; list-style-type:none; color:#FFF; margin-bottom:5px; font-size:0.75em;}
#infobox.courses li{display:block; padding: 0; margin: 0 0 0 10px;}
#widgetfooter{background:url(../images/widget-footer.gif) no-repeat center top; width:263px;height:13px;margin:0;}
/* widget info - form */
input{width:225px; color:#999;}
input.submit{ width:auto; padding:3px; background:#f5329c; color: #FFF; margin: 10px 0 0 10px; border:none; }
a.submit{ width:auto; padding:3px; background:#f5329c; color: #FFF; font-size: larger; font-weight: bold; margin: 10px 0 0 0px; text-decoration: none;}
a.submit:hover { background: #FFFFFF; text-decoration: underline; }
a.submit:visited { color: #FFF; }
a.submit:active { color: #FFF; }
input.opt-out{padding:0;margin-left:10px; width:auto;}
label{padding:0 10px; display:block;margin-bottom:10px;color:#FFF; font-size:0.75em;}
#infobox h3{ padding:0 10px; color:#FFF; margin:0 0 10px; font-size:1.5em; }
/* BUTTON BOX */
#buttonbox{clear:both;width:540px;float:right;}
.pdfbox{float:left;}
.buttons{ float:right; background:#79787D; color:#FFF; font: lighter 1em Georgia, "Times New Roman", Times, serif; padding:5px; }
div.buttons a, div.buttons a:hover, div.buttons a:visited{color:#FFF;text-decoration:none;}
/* FOOTER */
#footer { width: 1001px; height:50px; margin: 0 auto; padding:74px 0 0; font-size:0.7em; color:#79787d; background: url(../images/footer.gif) no-repeat center top; }
#footer .nav{float:left;margin-left:90px;margin-top:5px;}
#footer .nav a{ text-decoration:none; color:#79787d;}
#footer .nav a:hover{color:#f5329c;}
#footer .copyright{float:right; text-align:right;margin-right:35px;margin-top:5px;}
#footer .copyright a {text-decoration:none; color:#79787d;}
#footer .copyright a:hover {text-decoration:underline; color:#79787d;}
/* POPUP DIV */
#frmDiv { background:url(../images/registerpopup.png) no-repeat center top; }
#frmDiv div.popupHead { height: 10px; width: 263px; text-align: right; margin: 5px 0px 0px 0px; }
#frmDiv div.popupForm { margin: 0px 15px 0px 23px; }
#frmDiv div.popupForm label { color: #999999; padding-left: 0px; margin-bottom: 0px; padding-top: 5px; }
#frmDiv div.popupForm h3 {color: #E02B7A; margin-top: 10px; margin-bottom: 10px;}
#frmDiv div.popupForm a { background-color: White; color: #000000; }
#frmDiv a,#frmDiv a:visited { text-decoration: none; font-size: 0.85em; font-weight: bolder; color: #ffffff; }
#frmDiv a:hover { text-decoration: underline; color: #000000; }