/*reset css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body {font-family:Tahoma; font-size:12px; color:#333}

h1 {font-size:21px; color:#27435C; font-weight:lighter !important; margin-bottom:16px; line-height:26px }
h2, .newsModTitle {font-size:16px; color:#726257; margin-bottom:12px}
h3 {color:#000; font-size:14px; margin-bottom:13px;}
p, ul {margin-bottom:16px}
strong {font-weight:bold}
em {font-style:italic}
.light {color:#666}
.big, .searchTitle {font-size:14px}
.medium {font-size:12px;}
.nopnom {margin:0 !important; padding:0 !important}

#container { width:960px; margin:0 auto;}
.clear {clear:both}
#top {position:relative}
#logo { position:absolute; top:0; left:0;}
#logo img {display:block}
#search { background-color:#325677; height:30px; overflow:hidden; text-align:right; padding-right:20px; padding-top:5px; }
#search .input, #ctl00_Zone2_15_tbQuery, .searchCourse .input { background:#fff url('/images/search.png') center left no-repeat; padding:2px 6px; padding-left:20px; }
.searchCourse .input { background-image:none; padding:2px 6px;}
#search .input {border:1px solid #fff;}
#private {background-color:#E1DDD1; padding:0 20px 12px 20px; height:100%; *padding-top:9px; padding-top:10px}
#private .input {padding:2px 6px; }
#private .pTop {padding-top:2px}

#search input {display:none}

#private ul { float:left; margin-bottom:0}
#private li {display:inline; float:left; margin-right: 10px; padding-right:10px}
#private #log .title {font-weight:bold; letter-spacing:0.2em; padding-top:3px; *padding-top:5px;}
#private .sub {margin-top:3px; *padding-top:2px;}
#private .input {border:1px solid #fff;}
#private li {display:inline; float:left; border-right:1px solid #fff; margin-right: 10px; padding-right:10px}
#private #log li {margin-right: 5px; padding-right:5px; border-right:0;}
#private a {color:#000; text-decoration:none; }
#private a:hover, #private .subMenuSel a  {text-decoration:underline}
#private li:last-child {margin-right: 0; padding-right:0; border-right:0}
#privatenav {float:left; padding-bottom:5px; *padding-bottom:3px }

#mainnav {height:100%; background-color:#325677; border-top:2px solid #27435C; }
#mainnav li {border-right:1px solid #406D97}
#mainnav li a {float:left; color:#fff; text-decoration: none; padding:10px 18px; border-right:1px solid #27435C; border-bottom:1px solid #27435C; font-size:14px;}
#mainnav li a:active, #mainnav li a:hover, #mainnav li.current a, #mainnav li:hover a {color:#E1DDD1 !important;text-decoration: underline;}
#mainnav li a:visited {color:#fff;}

.sf-menu ul {position:absolute;top:-999em;width:290px; }
.sf-menu ul li {margin-bottom:1px; border:0 !important; background-color:#325677; width:100%;}
.sf-menu li.sfHover ul a {width:254px; border:0 !important; text-decoration:none !important; font-size:12px !important}
.sf-menu li.sfHover ul a:hover, .sf-menu li.sfHover ul li.current a {text-decoration:underline !important}
.sf-menu li:hover {visibility:	inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:	relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:39px;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:290px;top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:290px;top:0;}

#header { padding-top:30px; background:#587590 url('/images/header.gif') center right no-repeat}
#header h1 {margin:0; padding:0; color:#99ABBB; margin-left:18px; letter-spacing:-0.05em; font-size:25px; margin-bottom:16px; line-height:20px !important}
#navpath {color:#6d6d6d; border-bottom:1px dotted #E1DDD1; padding:3px 20px; margin-top:5px; font-size:11px}
#navpath a {color:#325677; text-decoration:none}

#content { margin-top:20px; line-height:18px; padding-left:20px; padding-right:20px; padding-bottom:40px}
#content ul li { margin-left:1.5em; list-style: square }
#content a:link, #content a:visited {color:#325677}
#content a:hover, #content a:active  { text-decoration:none}

#left, #center, #right {float:left}
#left { width:192px; margin-right:30px; }
#center { width:383px; margin-right:30px;}
#right { width:285px; }
#left.fullA {width:567px;}
#center.fullA {width:323px; margin-right:0;}
#left.fullB {width:192px;}
#center.fullB {width:698px; margin-right:0;}

/*submenu, samelevel menu*/
 #left .sub { margin-bottom:2em}
 #left .sub li {margin-bottom:0.5em; list-style: none; margin-left:0;}
 #left .sub a {display:block}
 #left .sub a:link,  #left .sub a:visited { text-decoration:none; border-bottom:1px dotted #E1DDD1}
 #left .sub a:hover, #left .sub a:active, #left .sub li.subMenuSel a  {text-decoration:none; background:transparent url('/images/li.gif') center right no-repeat; border-bottom:1px solid #E1DDD1 }

#footer {position: relative; height:100%; border-top:1px dotted #ccc; padding-top:10px; width:960px; margin:0 auto; color:#6d6d6d; border-bottom:6px solid #E1DDD1; font-size:11px}
#footer ul { float:left; margin-left:20px; height:100%; margin-bottom:0; }
#footer li { padding-bottom:6px; }
#footer a {color:#325677; text-decoration:none; display:block;}
#footer a:hover, #footer .subMenuSel a { text-decoration:underline}
#footer #corporate {width:100%;}
#footer #corporate .sub {float:right; }
#footer #corporate .sub li {display:inline; float:left; margin-left:10px}
#footer #partner {height:100%;}
#footer #partner li {display:inline; float:left;}

/*courses*/
.course {border-bottom:1px dotted #E1DDD1; padding-bottom:0.5em;margin-bottom:0.5em; height:100%}
.course .date { width:80px !important;}
.course div {float:left;}
#regTr  {}


#center.fullB .course div {width:618px;}
#left.fullA .course div {width:487px}
#right .course div {width:205px}

/*search module */
#searchHeader {border-bottom:1px solid #E1DDD1; padding:0 1em 0.2em 1em; text-align:right; margin: 0 0 1.5em 0;}
#searchHeader p, .searchItem {padding:0;margin:0;}
#searchFileFound {margin-left:0.2em; color:#666}
.searchItem {padding-bottom:1em; margin-bottom:1em; border-bottom:1px dotted #E1DDD1}
.searchPath {color:green}
.searchPaging {margin-top:1em}

/*news module */
#newsModNavigator {border-top:1px solid #E1DDD1; padding-top:0.2em; text-align:right}
.newsModShowAll {text-align:right}
.newsModImage img {margin:0 1em 0 0; float:left; border:6px solid #E1DDD1;}
.newsModItem {border-bottom:1px dotted #E1DDD1; padding-bottom:1em;margin-bottom:1em; float:left; width:100%; clear:both;}

/*downloads module */
.dwnldModImage img {margin:0 0.2em 0 0; float:left; border:4px solid #E1DDD1;}
.dwnldModItem {padding-bottom:0.2em;margin-bottom:0.2em; float:left; width:100%; clear:both;}

/*form builder */
fieldset legend {display:none}
fieldset label {float: left;width: 120px; padding-top:7px; *padding-top:9px}
fieldset .repeatRadioCheck label {float:none; margin:0;padding: 0; }
.input {background-color:#fff; border:1px solid #E1DDD1; padding:6px;}
.input, .button {font-size:12px; font-family: Tahoma; color:#000; -moz-border-radius:10px; -webkit-border-radius:10px;}
.button {width: auto; padding:6px;}
fieldset .formRow, fieldset .formButtonRow {padding:4px 0;margin:0; clear:both; }
fieldset .formRow span {margin-left:0.5em;}
fieldset .formButtonRow {margin:1em 0; border:0}
fieldset .formHideInput {display: none}
.checkbox input { width:auto !important;}
.eduReg label {width: 160px;}
.eduReg .input, .eduReg textarea, .longInput {width: 300px;}
.eduReg select {width: 314px !important;}
.formRowContent {margin-top:1em !important; padding-top:1em !important;}

/*.searchCourse*/
.searchCourse {margin-bottom:2em; background-color:#f1f1f1; padding:0.5em; }
.searchCourse .button, #private .button, #search .button, #ctl00_Zone2_15_lbSearch { padding:0 ;}
#courseInfo td {padding-bottom:0.5em}

/*tables*/
.genericTable { width:100%}
.genericTable td {vertical-align:top}
.genericTable .th { font-weight:bold}

/*export courses */
#exportCoursesModule { background-color:#f1f1f1;  margin-bottom:2em}
#exportCoursesModule h3 {background-color:#ccc; margin:0; padding:0.5em 1em;}
#exportCoursesModule fieldset {padding:0 1em 0 1em;}
#exportCoursesModule label {display:block; float:none; width:auto;}
#exportCoursesModule .input { width:168px}
#exportCoursesModule .formRow {padding:0;}

.checkboxList label { width:auto; float:none; margin-left:1em}

#privateDoc { width:100%}
#privateDoc td.last {padding-right:0 !important;}
#privateDoc td { vertical-align:top; padding-right:2em; padding-bottom:0.5em}
#privateDoc h3 { border-bottom:1px solid #E1DDD1}
#privateDoc .trItem td {border-bottom:1px dotted #E1DDD1}
#privateDoc .dwnload { text-align:right}

#chartMembers {margin:0; padding:0; border:1px dotted #E1DDD1; padding:1em 1em 0 1em; margin-bottom:1em}
#chartMembers li {margin-left:0 !important; list-style-type:none !important; margin-bottom:1em;}