html, body{
	height: 100%;
}

body{
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	background: #fff url('../images/bg-page.jpg') top left repeat-x;
}

body#custom{
	background: #fff url('../images/bg-50.jpg') top left repeat-x;
}

body#train{
	background: #fff url('../images/bg-50.jpg') top left repeat-x;
}

body#clean-blue{
	background-color: #1475ba;
	background-image: none;
}

/* default header sizes */

hr{
	margin: 10px 0;
	border: 1px #1575BB solid;
}

h1 {  
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 18px;
	font-weight: bold;
}  

h2 {  
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;  
	font-weight: bold;
	color: #333;
}

h2 a{ color: #1575BB; /*font-size: 0.7em;*/ }

h2 a:hover{ text-decoration: underline; color: #EFA34A; }

h2 a em{ text-decoration: underline; }

h3 {  
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

h3 a{ color: #1575BB; text-decoration: underline;}

h3 a:hover{ text-decoration: underline; color: #EFA34A; }

h3 a em{ text-decoration: underline; }

h4 {  
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}  

/* defaults continued */

p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

p a, .course-detail-item ul li a{
	text-decoration: underline;
	color: #1575BB;
}

p a:hover, .course-detail-item ul li a:hover{
	color: #EFA34A;
}

.col-third ul, .col-two-third ul, .col-whole ul{
	
list-style: disc;
font-size: 12px;
line-height: 18px;
margin-left: 20px;

}

blockquote, q{
font-style: italic;
line-height: 18px;
display: inline-block;
margin-bottom: 18px;
             
}

.col-two-third{
	float: left;
	width: 620px;
	margin: 0 10px;
	display: inline; /* fixing double margin explorer */	
}

.col-two-third-right{
	float: right;
	width: 620px;
	margin: 0 10px;
	display: inline; /* fixing double margin explorer */
}

.col-third{
	float: left;
	width: 300px;
	margin: 0 10px;
	display: inline; /* fixing double margin explorer */
}

.col-whole{
	clear: both;
	width: 960px;
}

.col-fifth{
	float: left;
	width: 115px;
	margin-right: 10px;
}

.col-one-fifth{
	float: left;
	width: 174px;
	margin-right: 22px;
}

.col-one-fifth h4{
	text-align: center;
	font-size: 13px;
}
.col-one-fifth h4 a{
	color: #1475BA;
}
.col-one-fifth h4 a:hover{
	color: #F19A3D;
}


.large-text{
	font-size: 16px;	
}

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

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

#footer, .push {
 height: 400px;
}

.push{
	clear: both;
}

#footer{width: 100%; background: #E1E1E1 url('../images/bg-footer.png') top left repeat-x; padding: 0 0}
#footer #footer-content{ height: 400px; background: #E1E1E1 url('../images/bg-footer.png') top left repeat-x; width: 960px; margin: 0 auto; padding: 0 20px 0; }
#footer #footer-content #mid-left{ margin: 0 27px 0 27px; }
#footer #footer-content #mid-right{ margin: 0 27px 0 13px; }

#footer #footer-content .footer-boxes{
	width: 300px;
	margin: 0 0 0;
	padding: 20px 0 0;
	float: left;
}

#footer #footer-content #footer-memberships{
	margin: 40px auto 0;
	width: 800px;
}

#footer #footer-content #footer-memberships h3{
	text-align: center;
	margin: 0 0 10px;
	color: #333;
	font-weight: 900;
	font-size: 18px;
	text-shadow: 0 1px 0 #fff;
}

#footer #footer-content #footer-memberships ul li{
	display: inline;
}

#footer #footer-content #footer-memberships ul li img{
	border: 5px #BFBFBF solid;
}

#footer #footer-content .footer-boxes h3{
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	text-shadow: 0px 2px 2px #333;
	color: #fff;
	font-size: 1.2em;
}

#footer #footer-content .footer-boxes h3 a:hover{
	color: #7FD2FF
}

#footer #footer-content .footer-boxes h3 a{
	color: #fff;
}

#footer #footer-content .footer-boxes p{
	font-size: 0.7em;
	color: #bbb;
	padding: 10px 0 0;
	line-height: 1.2em;
	margin-bottom: 5px;
}

#footer #footer-content .footer-boxes p.less-margin{
	margin-bottom: 0;
}

#footer #footer-content .footer-boxes p a#footer-twitter{
	padding: 3px 0 2px 18px;
	background: transparent url('../images/icon-twitter.png') 0 4px no-repeat;
}

#footer #footer-content .footer-boxes p a.footer-rss{
	padding: 3px 0 2px 18px;
	background: transparent url('../images/icon-rss-small.png') 0 4px no-repeat;
}

#footer #footer-content .footer-boxes p b{
	color: #fff;
}

#footer #footer-content .footer-boxes ul{
	padding: 5px 0 0;
}

#footer #footer-content .footer-boxes ul li{
	padding: 2px 0;
}

#footer #footer-content .footer-boxes ul li a{
	color:#fff;
	font-size: 0.75em;
	text-decoration: underline;
}

#footer #footer-content .footer-boxes ul li a:hover{
	color: #4FC0FF;
}

#footer #footer-content .footer-boxes a{
	color: #fff;
}

#footer #footer-content .footer-boxes a:hover{
	color: #4FC0FF;
}

#footer #footer-content .footer-boxes img{
	margin: 8px 0 0;
}

#header{
	width: 960px;
	margin: 0 auto 0;
	padding: 8px 20px 0 20px;
}

#header #logo{
	float: left;
}

#header #primary{
	width: 100%;
	float: left;
}

#primary ul{
	float: left;
	margin: 24px 0 0 0;
	line-height: 0.94em;
}

#primary ul li{
	display: inline;
	margin: 0 0px;
	float: left;
}

#primary ul li a{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding: 14px 16px 15px;
}

#primary ul li a:hover{
	background: #406618 url('../images/bg-nav.jpg') left top repeat-x;
	color: #fff;
	text-shadow: 0px 1px 1px #374F18;
}


#primary ul .active a{
	background: #406618 url('../images/bg-nav.jpg') left top repeat-x;
	text-shadow: 0px 1px 1px #374F18;
	color: #fff;
}

#secondary{
	margin: 20px 0 0 0;
	float: right;
}

#secondary ul{
	float: right;
}

#secondary ul li{
	display: inline;
	padding: 0 0 0 4px;
}

#secondary ul li a{
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 7px 8px;
	background: #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 1px #fff solid;
}

#secondary ul li a:hover{
	color: #8CC63E;
}

a.live-chat{
	margin: -14px 0 0 7px;
}

#submenu{
	float: left;
	width: 100%;
	margin: 26px 0 20px;
}

#submenu ul{
}

#submenu ul li{
	display: inline;
	margin: 0 0 0 2px;
}

#submenu ul li a{
	color: #1575BB;
	font-size: 0.75em;
	font-weight: 900;
	padding: 15px 10px 5px 0px;
	text-shadow: 0 1px 1px #999;
}

#submenu ul li a:hover{
	color: #68982B;
}

#submenu ul .subactive  a{
	color: #68982B;
}

#submenu ul .subactive  a:hover{
	border-bottom: none;
}

#content-wrap{
	width: 960px;
	margin: 20px auto 0 auto;
	padding: 0 20px;
}

#content-wrap h1{
	/* float: left; */
	color: #333;
	padding: 0 0 10px 0;
}

#main h2{
	color: #333;
}

#main .excerpt{
	color: #115C8F;
	font-size: 0.9em;
	padding: 20px 0 20px;
	text-align: justify;
	line-height: 1.2em;
}

#focal-point{
	width: 100%;
	height: 170px;
	float: left;
	margin-top: 16px;
	padding: 0px 0 0 0;
	background: transparent url('../images/focal-courses.jpg') bottom right no-repeat;
}

#focal-point #f-left{
	width: 420px;
	float: right;
	margin: 20px 0 0 0;
}

#focal-point #f-right{
	width: 540px;
	float: left;
	margin: 10px 0 0 0;
}

#focal-point #f-right h1{
	text-align: left;
	color: #0d3856;
	padding: 0px 0;
	margin-bottom: 10px;
	width: 100%;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-0.018em;
}

#focal-point #f-right h2{
	text-align: left;
	font-size: 1em;
	font-weight: 900;
	color: #E7B81C;
	padding: 5px 0;
	
}

#focal-point #f-right p{
	text-align: left;
	font-size: 0.8em;
	color: #fff;
	padding: 5px 0;
	line-height: 1.5em;
	width: 450px;
}

#focal-point #f-right a{
	float: right;
	font-size: 0.8em;
	font-weight: 900;
	color: #2E57B3;
	padding: 5px 0;
}

#focal-point #f-right a:hover{
	color: #DF971B;
	border-bottom: 1px #DF971B solid;
}

/* ---- Training Pages ---- */

.train-calendar-wrap{
	padding: 20px;
}

.focal-point-train{
	width: 100%;
	height: 170px;
	float: left;
	margin-top: 16px;
	padding: 0px 0 0 0;
}

.focal-point-train #f-left{
	width: 420px;
	float: right;
	margin: 20px 0 0 0;
}

.focal-point-train #f-right{
	width: 540px;
	float: left;
	margin: 10px 0 0 0;
}

.focal-point-train #f-right h1{
	text-align: left;
	color: #0d3856;
	padding: 0px 0;
	margin-bottom: 15px;
	width: 100%;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-0.018em;
}

.focal-point-train #f-right h2{
	text-align: left;
	font-size: 1em;
	font-weight: 900;
	color: #E7B81C;
	padding: 5px 0;
	
}

.focal-point-train #f-right p{
	text-align: left;
	font-size: 0.8em;
	color: #fff;
	padding: 5px 0;
	line-height: 1.5em;
	width: 90%;
	margin: 0 0 10px;
}


.focal-point-train #f-right a{
	float: left;
	padding: 10px 20px;
	color: #fff;
	font-size: 0.9em;
	font-weight: 900;
	background: #82B93A url('../images/bg-nav.jpg') repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px #86BF3B solid;
}

.focal-point-train #f-right a:hover{
	background: #82B93A url('../images/bg-nav.jpg') repeat-x 0 -20px;
	border-bottom: 1px #75A832 solid;
}
#focal-courses{
	background: transparent url('../images/focal-courses.jpg') bottom right no-repeat;
}

#focal-recruitment{
	background: transparent url('../images/focal-recruitment.jpg') bottom right no-repeat;
}

#focal-blog{
	background: transparent url('../images/focal-blog.jpg') bottom right no-repeat;
}

#focal-services{
	background: transparent url('../images/focal-services.jpg') bottom right no-repeat;
}

#focal-kbase{
	background: transparent url('../images/focal-kbase.jpg') bottom right no-repeat;
}

#fiber-optics-technician, #advanced-fiber-optics-technician{
	background: transparent url('../images/focal-point-fiberoptics.jpg') top right no-repeat;
}

#rov-pilot-technician-2-imca-r04{
	background: transparent url('../images/focal-point-rov-pilot.jpg') top right no-repeat;
}

#train-menu{
	float: left;
	width: 100%;
	margin: 6px 0 0;
}

#train-menu ul li{
	display: inline;
	padding: 0 3px;
	float: left;
	margin: 0;
}

#train-menu ul li a{
	padding: 8px 10px 8px;
	background: #c5c5c5 url('../images/gray-gradient.jpg') repeat-x left bottom;
	color: #1574B8;
	font-size: 0.75em;
	font-weight: normal;
	border: 1px #BFBFBF solid;
	border-top: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
	border-radius-bottomleft: 4px;
	border-radius-bottomright: 4px;
	display: inline;
}

#train-menu ul li a:hover{
	background: #1F7DBB;
	color: #fff;
}

#train-menu ul li.active a{
	background: #1F7DBB;
	color: #fff;
}

#main .train-full-wrap{
	width: 100%;
	float: left;
	margin: 10px 0 20px;
}

#main .train-full-wrap h2{
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
	color: #1F7DBB;
	font-size: 1.5em;
	padding: 20px 0 30px;
}

#main .train-full-wrap img{
	float: left;
	border: 1px #fff solid;
	-moz-box-shadow: 0px 0px 5px #555;
	-webkit-box-shadow: 0px 0px 5px #555;
	box-shadow: 0px 0px 5px #555;
	margin: 5px 20px 10px 0;
}

#main .train-full-wrap img.no-style{
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#main .train-full-wrap p{
	font-size: 0.8em;
	color: #333;
	line-height: 1.5em;
	/*padding: 0 0 15px;
	text-align: justify;*/
	clear: both;
}

.train-full-wrap table{
	width: 100%;
	margin: 10px 0 20px;
	clear: both;
}

.train-full-wrap table thead{
}

.train-full-wrap table thead tr th{
	border-right: 1px #8F8F8F solid;
	background: #474747 url('../images/dark-gradient.jpg') repeat-x left top;
	-moz-border-radius-topleft: 4px;
	-webkit-border-radius-topleft: 4px;
	border-radius-topleft: 4px;
	vertical-align: middle;
}

.train-full-wrap table thead tr td{
	border-left: 1px #2F2F2F solid;
	border-right: 1px solid #8F8F8F;
	background: #474747 url('../images/dark-gradient.jpg') repeat-x left top;
	vertical-align: middle;
}

.train-full-wrap table thead tr td.last-column{
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topright: 4px;
	border-radius-topright: 4px;
	border-right: none;
}

.train-full-wrap table tr th, .train-full-wrap table tr td{
	padding: 8px;
	color: #fff;
	font-size: 0.9em;
	font-weight: 900;
}

.train-full-wrap table tbody tr th, .train-full-wrap table tbody tr td{
	color: #333;
	font-size: 0.8em;
}

.train-full-wrap table tbody tr.odd{
	background: #fff;
}

.train-full-wrap table th{
	/*width: 50%;*/
}

#main .train-left-75{
	width: 600px;
	float: left;
	clear: both;
}

.train-block{
	float: left;
	padding: 5px 20px;
	width: 100%;
	-moz-box-shadow: 0px 0px 3px #333;
	-webkit-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
	margin: 0 0 20px;
	background: #F5F5F5;
}

.train-block h3, .train-block h4{
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
	color: #fff;
	font-size: 1.2em;
	padding: 10px 20px 30px 20px;
	float: left;
	margin: 0 0 0 -31px;
	clear: both;
}

.train-block h4{
	font-size: 1em;
	margin: 10px 0 -10px -31px;
}

.blue-block h3{
	background: transparent url('../images/header-ribbon-blue.png') no-repeat left 5px;
}

.orange-block{
	background: #f5f5f5 url('../images/fiber-optics/foa-black.jpg') no-repeat center 80px;
	padding: 5px 0;
}

.orange-block h3, .orange-block h4{
	background: transparent url('../images/header-ribbon-orange.png') no-repeat left 5px;
	margin: 0 0 0 -11px;
}

.orange-block h4{
	color: #6F3007;
	text-shadow: 0px 1px 0px #FFAE4F;
}

.teal-block h3, .teal-block h4{
	background: transparent url('../images/header-ribbon-teal.png') no-repeat left 5px;
}

.teal-block h4{
	color: #00363F;
	text-shadow: 0px 1px 0px #009AAF;
}

.train-block p{
	width: 100%;
	float: left;
}

.train-block ul{
	float: left;
	margin: 0 0 20px;
	clear: both;
	width: 100%;
}

.train-block ul li{
	display: block;
	font-size: 0.9em;
	padding: 5px 0 5px 20px;
	font-weight: 900;
	color: #333;
	line-height: 1.5em;
	background: transparent url('../images/bullet-black.png') left 8px no-repeat;
}

.train-left-25{
	float: right;
	width: 290px;
}

.train-left-35{
	float: right;
	width: 290px;
	margin-right: 30px;
}

.train-block-right{
	width: 100%;
	margin: 0 0 20px;
}

.right-blue h3, .right-orange h3, .right-teal h3{
	color: #fff;
	font-size: 0.9em;
	font-weight: 900;
	margin: 0;
	padding: 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 94%;

}

.right-blue h3{
	background: #1574B8;
}

.right-orange h3{	
	background: #F3901D;
}

.right-teal h3{
	background: #008499;
}

.train-block-right ul{
	margin: 10px 0;
}

.train-block-right ul li{
	display: block;
	font-size: 0.7em;
	padding: 5px 0 5px 20px;
	font-weight: 900;
	color: #333;
	line-height: 1.5em;
	background: transparent url('../images/bullet-black.png') left 6px no-repeat;
}

.train-block-right h5{
	font-size: 0.9em;
	font-weight: 900;
	color: #333;
	padding: 15px 0 5px;
	clear: both;
	float: left;
	width: 100%;	
}

.train-block-right a{
	font-size: 0.8em;
	font-weight: 900;
	color: #1574B8;
	clear: both;
	float: left;
	width: 100%;
}

.train-block-right a:hover{
	color: #8CC63E;
}

.train-block-45-left{
	width: 44%;
	float: left;
}

.train-block-45-right{
	width: 44%;
	float: right;
}

.has-line{
	background: none; 
	background-image: url('../images/wg-line.jpg');
	background-position: top right;
	background-repeat: repeat-y;
	margin: 0 0 20px;
}

.has-line ul{
	padding-left: 20px;
}

.blue-full-wrap, .orange-full-wrap, .teal-full-wrap{
	float: left;
	padding: 5px 0px;
	width: 100%;
	margin: 0 0 20px;
	background: #F5F5F5;
}

.blue-full-wrap h3, .orange-full-wrap h3, .teal-full-wrap h3{
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
	color: #fff;
	font-size: 1.2em;
	padding: 10px 20px 30px 20px;
	float: left;
	margin: 0 0 0 -11px;
	clear: both;
}

.blue-full-wrap h3{
	background: transparent url('../images/header-ribbon-blue.png') no-repeat left 5px;
}

.teal-full-wrap h3{
	background: transparent url('../images/header-ribbon-teal.png') no-repeat left 5px;
}

.blue-full-wrap ul{
	width: 100%;
	clear: both;
}

.blue-full-wrap ul li{
	padding: 10px 0 10px;
}

.blue-full-wrap ul li span{
	float: left;
	font-size: 1.1em;
	font-weight: 900;
	margin: 0 0 10px;
}

.orange-full-wrap h3{
	background: transparent url('../images/header-ribbon-orange.png') no-repeat left 5px;
}

.train-block-center-80{
	width: 100%;
	padding: 10px 20px;
	clear: both;
	float: left;
}

.train-block-center-80 p{
	width: 95%;
}

.train-block-30{
	width: 31%;
	float: left;
}

.middle-30{
	padding: 0 15px;
}

.train-block-30 h4{
	font-size: 1em;
	font-weight: 900;
	color: #007B90;
	margin: 0 0 10px;
	letter-spacing: -0.03em;
}

.train-block-30 .with-bg{
	color: #fff;
	background: #007B90;
	padding: 8px 10px;
}

.train-block-30 ul{
	width: 100%;
	padding: 0px 0 20px;
}

.train-block-30 ul li{
	font-size: 0.8em;
	font-weight: 900;
	color: #333;
	line-height: 1.5em;
}

.train-block-30 ul li strong{
	color: #258BD2;
}

.train-block-30 ul li a{	
	display: block;
	padding: 1px 0 1px 20px;
	color: #333;
	background: transparent url('../images/bullet-black.png') left 3px no-repeat;
}

.train-block-30 ul li a:hover{
	color: #258BD2;
	background: transparent url('../images/bullet-blue.png') left 3px no-repeat;
	
}

/* End of Training */

#main{
	width: 960px;
	float: left;
	padding: 40px 0 20px;
}

#error-page{
	width: 960px;
	float: left;
	padding: 0 0;
	margin: 50px 0 0;
}

#error-page h2{
	color: #333;
	font-size: 2.5em;
	font-weight: 900;
	display: block;
	width: 100%;
	margin: 0 0 15px;
}

#error-page h3{
	font-size: 1.2em;
	color: #1575BB;
}

#error-page h4{
	color: #555;
	font-size: 0.9em;
	font-weight: 900;
	border-bottom: 2px #555 solid;
	padding: 5px 2px;
	margin: 0 0 10px;
}

#error-page p{
	color: #333;
	font-size: 0.9em;
	padding: 20px 0;
	line-height: 1.3em;
}

.link404{
	width: 250px;
	float: left;
	margin: 20px 20px 0 0;
}

.link404 ul li{
	padding: 2px 0;
}

.link404 ul li a{
	font-size: 0.8em;
	color: #599EEF;
}

.link404 ul li a:hover{
	border-bottom: 1px #599EEF solid;
}

.node{
	float: left;
}

.panelSet .intro h3{
	color: #555;
	font-size: 1.1em;
	font-weight: 900;
	letter-spacing: -0.035em;
	padding: 0 0;
}

.intro img{
	float: left;
	width: 250px;
	margin: 15px 0;
	border: 5px #ddd solid;
}

.intro p{
	width: 600px;
	float: left;
	margin: 10px 0 0 20px;
	color: #333;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: justify;
}

.intro{
	width: 100%;
	margin: 20px 0 0 0;
}


#tabBoxExample{
	width: 960px;
	margin: 20px auto 0 auto;
}

.tabSet{
	width: 875px;
	margin: 0 auto 2px auto;
}

.tabSet li{
	display: inline;
}

.tabSet li a{
	color: #777;
	font-size: .9em;
	font-weight: 900;
	margin: 0 2px;
	padding: 12px 40px;
	border: 1px #ccc solid;
	border-bottom: none;
	background: #e1e1e1 url('../images/bg-tab.jpg') top left repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}

.tabSet li a:hover{
	color: #777;
	background: #e1e1e1 url('../images/bg-tab-hover.jpg') top left repeat-x;
}

.tabSet .on a{
	color: #1575BB;
	background: #e1e1e1 url('../images/bg-tab-on.jpg') top left repeat-x;
}

.panelSet{
	width: 880px;
	margin: 10px 0 0 0;
	float: left;
	background: #fff;
	border: 1px #ccc solid;
	padding: 10px 30px;
	min-height: 150px;
}

#news .news-article-row{
	width: 100%;
}

#news{
	width: 960px;
	padding: 15px 0 30px 0;
	margin-top: 15px;
}

#news h2{
	font-family: 'TitilliumText14L999wt', Arial, sans-serif;
	color: #1575BB;
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: -0.035em;
	padding: 10px 0;
	background: #fff url('../images/icon-compass.png') no-repeat left 3px;
	margin-bottom: 5px;
}

#news h2 a{
	color: #1575BB;
	padding-left: 40px;
}

#news h2 a:hover{
	color: #009ADA;
}


#news .article{
	float: left;
	margin: 0px 0px 10px 30px;
	width: 300px;
}

#news .article.first-col{
	margin: 0px 0px 10px 0px;
	clear: both;
}	

#news .article a img{
	width: 290px;
	height: 150px;
	border: 5px #DFDFDF solid;
	margin: 10px 10px 5px 0;
	padding: 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#news .article h3{
	margin: 5px 0;
	font-size: 0.9em;
	font-weight: 900;
	line-height: 1.3em;
}

#news .article h3 a{
	color: #222;
	display: block;
	text-decoration: underline;
}

#news .article h3 a:hover{
	color: #009ADA;
}

#news .article p{
	width: 100%;
	margin: 5px 0;
	font-size: 0.8em;
	line-height: 1.5em;
}

#news .article img{
	padding: 0 10px 0px 0;
	display: inline-block;
}


#kbase{
	float: left;
	width: 465px;
	margin: 20px 0 20px 0;
}

#kbase h2{
	width: 100%;
	background: #474747 url('../images/dark-gradient.jpg') top left repeat-x;
	padding: 10px 0 15px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottomleft: 5px;
}

#kbase h2 a{
	margin: 0 0 0 15px;
	color: #fff;
	font-size: 0.8em;
	font-weight: 900;
	text-shadow: 0px 1px 0px #000;
	padding: 5px 0 5px 35px;
	background: transparent url('../images/icon-book.png') no-repeat left top;
}

#kbase h2 a:hover{
	text-shadow: 0px -1px 0px #000;
	color: #DFF5FF;
}

#kbase ul{
	padding: 10px;
}

#kbase ul li{
	background: #fff url('../images/bullet-black.png') left 6px no-repeat;
	padding: 5px 0 5px 20px;
	font-size: 13px;
}

#kbase ul li a{
	font-size: inherit;
	font-weight: 500;
	color: #2750AE;
	text-decoration: underline;
	line-height: 1.5em;
}

#kbase ul li a:hover{
	color: #CF8819;
}

#event{
	float: left;
	width: 465px;
	margin: 20px 0 20px 30px;
}

#event h2{
	width: 100%;
	background: #474747 url('../images/dark-gradient.jpg') top left repeat-x;
	padding: 10px 0 15px;
	-moz-border-radius-topright: 5px;
	-webkit-border-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottomright: 5px;
}

#event h2 a{
	margin: 0 0 0 15px;
	color: #fff;
	font-size: 0.8em;
	font-weight: 900;
	text-shadow: 0px 1px 0px #000;
	padding: 5px 0 5px 30px;
	background: transparent url('../images/icon-calendar.png') no-repeat left top;
}

#event h2 a:hover{
	text-shadow: 0px -1px 0px #000;
	color: #DFF5FF;
}

#event ul{
	padding: 10px;
}

#event ul li{
	background: #fff url('../images/bullet-black.png') left 6px no-repeat;
	padding: 5px 0 5px 20px;
	font-size: 13px;
}

#event ul li a{
	font-size: inherit;
	color: #2750AE;
	line-height: 1.5em;
	text-decoration: underline;
}

#event ul li a:hover{
	color: #CF8819;
	padding: 3px 0;
}



#left-side{
	width: 650px;
	float: left;
	padding: 30px 0 0;
}

#left-side .post h2{
	width: 600px;
	font-size: 1.35em;
	letter-spacing: -0.02em;
}


#right-side{
	width: 250px;
	float: right;
	padding: 0px 15px 0;
	background: #f5f5f5;
	margin: 30px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*---- Services ----*/

.vertical-menu{
	width: 270px;
	float: left;
	margin: 50px 0;
}

ul.menu{
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
  cursor: pointer;
}

ul.menu li ul{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

ul.menu .first a{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}

ul.menu .last a{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	
}

ul.menu li a {
  background: #1575BB;
  color: #fff;	
  padding: 15px;
  font-weight: 900;
  font-size: 0.8em;
}

ul.menu li a:hover {
  background: #0F527F;
}

ul.menu li ul li a {
	background: #fff;
	color: #0F527F;
	padding: 10px;
	padding-left: 20px;
}

ul.menu .first ul li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

ul.menu .last ul li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

ul.menu li ul li a:hover {
  background: #eee;
  border-left: 5px #0F527F solid;
  padding-left: 15px;
}

#services-wrap{
	width: 100%;
	float: left;
	margin: 50px 0;
}

.service{
	width: 100%;
	margin: 0 0 30px;
	-moz-box-shadow: 0px 0px 3px #888;
	-webkit-box-shadow: 0px 0px 3px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	background: #fff;
}

.service h2{
	padding: 20px 15px 20px;
}

.service img{
	padding: 10px 15px 20px;
	width: 190px;
	float: left;
	clear: left;
	-moz-box-shadow: 0px 0px 0px #fff !important; 
	-webkit-box-shadow: 0px 0px 0px #fff !important; 
}

.service div{
	width: 690px;
	float: left;
	padding: 0 10px;
}

.service p{
	width: 690px;
	float: right;
	padding: 10px 20px 20px 20px !important;
	font-size: 0.8em;
	min-height: 100px;
	text-align: justify;
	line-height: 1.2em;
	clear: none !important;
}

.service a{
	width: 200px;
	float: right;
	text-align: right;
	font-size: 0.8em;
	font-weight: 900;
	color: #6D9F30;
	padding: 10px 15px 20px;
}

.service a:hover{
	text-decoration: underline;
}

.the_news{
	margin: 0 0 18px;
	padding: 0 0 15px 0;
	width: 650px;
	float: left;
	border-bottom: 2px dotted #cfcfcf;
	overflow: hidden;
}
.the_news h1, .the_news h2, .the_news h3, .the_news h4, .the_news h5, .the_news h6, #vacancy-details h1, #vacancy-details h2, #vacancy-details h3, #vacancy-details h4, #vacancy-details h5, #vacancy-details h6{

	color: #333 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.the_news h2.news-title{
	padding: 10px 0 5px!important;
	margin: 0 0 0px 0;
	font-size: 22px;
	line-height: 26px;
	color: #13679F !important;
}

.the_news h2.news-title a{
	/*background: #fff url('../images/icon-compass.png') no-repeat left 8px;*/
	/*display: block;*/
	color: #13679F !important;
	padding: 10px 0 5px 0px;
}

.the_news h2.news-title a:hover{
	color: #2D94DF;
}

.the_news p{
	color:#333333;
	font-size:0.8em;
	line-height:1.6em;
	width:100%;
}

.the_news p.author{
	color:#777777;
	font-size:0.75em;
	font-style:italic;
	padding:0;
	width:100%;
	margin-bottom: 15px;
}

.the_news .categories{
	margin: 0px 0 0px;
	background: #fff url('../images/icon-filed-in.png') 0 34px no-repeat;
	display: block;
	padding: 35px 5px 15px 30px;
	font-size: 0.7em;
	clear: both;
}

.the_news .categories a{
	background: #2C96E0;
	color: #fff;
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.the_news .categories a:hover{
	background: #90BF53;
	text-decoration: none;
}

.the_news h1, .#vacancy-details h1{
	font-size: 1.3em;
}
.the_news h2, #vacancy-details h2{
	font-size: 1.1em;
}
.the_news h3, #vacancy-details h3{
	font-size: 1em;
}
.the_news h4, #vacancy-details h4{
	font-size: 0.95em;
}
.the_news h5, #vacancy-details h5{
	font-size: 0.9em;
	font-weight: 900;
}
.the_news h6, #vacancy-details h6{
	font-size: 0.85em;
	font-weight: 900;
}

.the_news ul, .the_news ol{
	list-style-type: disc;
	margin: 5px 20px;
	width: 85%;
}

.the_news ol{
	list-style-type: decimal;
}

.the_news ul li, .the_news ol li{
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

.the_news em, #vacancy-details em{
	font-style: italic;
}

.the_news a, #vacancy-details a{
	color: #1578BC;
}

.the_news a:hover, #vacancy-details a:hover{
	text-decoration: underline;
}

.read-more{
	margin: 5px 0 0 0;
	float: right;
	padding: 7px 15px;
	font-size: 0.7em;
	font-weight: 900;
	color: #fff !important;
	background: #0061a0 url('../images/blue-button.gif') 0 0 repeat-x;
	clear: both;
}

.read-more:hover{
	text-decoration: none !important;
	background: #0061a0 url('../images/blue-button.gif') 0 -40px repeat-x;
}

.goto{
	width: 100px;
	height: 58px;
	padding: 10px;
	font-weight: 900;
	background: #537E22 url('../images/bg-nav.jpg') 0 0 repeat-x;
}

.goto a{
	color: #fff;
	font-size: 13px;
	line-height: 16px;
}

.goto a:hover{
	text-decoration: underline;
}

.post{
	margin: 0;
	padding: 0 0 15px 0;
	width: 650px;
	float: left;
	border-bottom: 2px #cfcfcf solid;
	overflow: hidden;
}

.no-border-bottom{
	border: none;
}

.post h2{
	width: 100%;
	font-weight: 900;
	color: #333;
	margin: 10px 0 0px 0;
	float: left;
	line-height: 1.5em;
}


.post p{
	color: #333;
	font-size: 0.8em;
	line-height: 1.6em;
	padding: 5px 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.post .read-more{
	margin: 5px 0 0 0;
	float: right;
	padding: 7px 15px;
	font-size: 0.9em;
	font-weight: 900;
	color: #fff;
	background: #0061a0 url('../images/blue-button.gif') 0 0 repeat-x;
}

.post .read-more:hover{
	text-decoration: none;
	background: #0061a0 url('../images/blue-button.gif') 0 -40px repeat-x;
}


.post h2 a{
	letter-spacing: -0.05em;
	padding: 0;
	background: none;
	color: #333;
	border-bottom: 2px #fff solid;
	
}

.post h2 a:hover{
	text-decoration: none;
	color: #1475BA;
}

.post a{
	color: #006EAD !important;
	text-decoration: underline;
}

.post a:hover{
	color: #EFA34A !important;
}

.post h3{
	float: left;
	padding: 20px 0 10px 0px;
	margin: 0 0 10px 0;
	width: 100%;
	line-height: 1.5em;
	font-size: 1em;
	font-weight: 900;
	color: #333;
	border-bottom: 3px #777 solid;
}

.post h4{
	float: left;
	padding: 20px 0 0x 0px;
	margin: 0 0 0px 0;
	width: 100%;
	line-height: 1.3em;
	font-size: 0.8em;
	font-weight: 900;
	color: #333;
/*	border-bottom: 3px #777 solid; */
}

.post ul{
	list-style-type: disc;
	float: left;
	margin: 10px 30px;
	width: 85%;
}

.post ul li{
	padding: 3px 5px;
	color: #333;
	font-size: 0.8em;
	font-weight: 900;
	line-height: 1.5em;
}

.post .author{
	padding: 0;
	color: #777;
	font-style: italic;
	font-size: 0.75em;
	float: left;
	width: 100%;
}

.post .categories a{
	margin: 0 5px 0 0;
}

.post .categories .kbase-cat{
	background: #B5DF7D;
}

.related-post{
	float: left;
	width: 94%;
	margin: 20px 0 10px;
	padding: 20px 20px 20px 20px;
	background: #eee;
}

.related-post h3{
	font-size: 0.9em;
	font-weight: 900;
	color: #333;
}

.related-post ul{
	margin: 10px 0 10px;
}

.related-post ul li{
	padding: 2px 0;
	font-size: 0.75em;
}

.related-post ul li a{
	display: block;
	font-size: inherit;
	color: #1575BB;
	background: transparent url('../images/bullet-blue.png') left center no-repeat;
	padding: 3px 0 3px 20px;
	line-height: 1.4em;
}

.related-post ul li a:hover{
	background: transparent url('../images/bullet-orange.png') left center no-repeat;
	color: #CF7719;
}

#comments{
	width: 610px;
	float: left;
	margin: 20px 0 0 0;
}

#comments h2{
	font-size: 1em;
	font-weight: 900;
	color: #012758;
}

#comments h3{
	font-size: 0.9em;
	font-weight: 900;
	color: #012758;
	margin: 10px 0;
}

.comment{
	float: left;
	width: 100%;
	margin: 20px 0 5px 0;
	padding: 20px;
	background: #DFDFDF;
	border: 1px #ccc solid;
}

.comment .commenter, .comment .message{
	float: left;
}

.comment .message{
	width: 100%;
	margin: 20px 0 0 0;
	font-size: 0.75em;
	color: #333;
	text-align: justify;
	line-height: 1.8em;
}

.comment .message a{
	color: #215DA8;
}

.comment .message a:hover{
	text-decoration: underline;
}

.comment .datetime{
	font-size: 0.7em;
	color: #777;
	float: right;
}

.comment .commenter{
	margin: 0 30px 0 0;
	font-size: 0.85em;
	font-weight: 900;
	color: #012758;
}

.comment .commenter:hover{
	color: #215DA8;
}

#leave-comment{
	width: 650px;
	margin: 30px 0;
	float: left;
}

#leave-comment h2{
	font-size: 1em;
	font-weight: 900;
	color: #012758;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 3px #012758 solid;
}

#leave-comment dl{
	width: 90%;
	margin: 0 0 0 25px;
	float: left;
	padding: 10px 0 10px 0;
}

#leave-comment .inputhalf{
	width: 45%;
	float: left;
	padding: 20px 0;
	margin: 0 0 0 25px;
}

#leave-comment label{
	float: left;
	margin: 0 0 5px 0;
	font-size: 0.9em;
	font-weight: 900;
	width: 100%;
}


#leave-comment p input {
	margin: 10px 0 0 25px;
	padding: 5px 10px;
	cursor: pointer;
}

#leave-comment dd input{
	width: 90%;
}

#leave-comment textarea{
}

.sidebar{
	float: right;
	width: 250px;
	margin: 20px 0 20px;
}

.sidebar h2{
	font-size: 1em;
	font-weight: 900;
	color: #012758;
	width: 225px;
	padding-top: 0;
	padding: 0 0 10px 0;
	margin: 0 0 0px 0;
	border-bottom: 5px #1575BB solid;
	padding-left: 25px;
}

.sidebar .sidebar-blog-categories{
	background: transparent url('../images/icon-blog-categories.jpg') no-repeat left 2px;
}

.sidebar .sidebar-blog-articles{
	background: transparent url('../images/icon-blog-articles.jpg') no-repeat left 2px;
}

.sidebar .sidebar-blog-archive{
	background: transparent url('../images/icon-blog-archive.jpg') no-repeat left 2px;
}

.sidebar .sidebar-kbase-help{
	background: transparent url('../images/icon-kbase-help.jpg') no-repeat left 2px;
}

.sidebar ul li{
	padding: 5px 5px;
	border-bottom: 1px #9F9F9F dotted;
	text-indent: 0;
}

.sidebar ul li a{
	font-size: 0.8em;
	display: block;
	line-height: 1.2em;
	color: #124B8D;
	padding: 5px 0;
	margin: 0 5px;
}

.sidebar ul li:hover{
	background: #4D9BCF;
}

.sidebar ul li:hover a{
	color: #fff;
}

.topics{
	width: 280px;
	margin: 30px 20px;
	float: left;
}

.topics h2{
	font-size: 1em;
	font-weight: 900;
	color: #012758;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 5px #012758 solid;
}

.topics ul li{
	padding: 10px 0;
	border-bottom: 1px #124B8D dashed;
}

.topics ul li a{
	font-size: 0.8em;
	color: #124B8D;
	padding: 5px;
}

.topics ul li:hover{
	background: #124B8D;
}

.topics ul li:hover a{
	color: #fff;
}

.blue-button{
	margin: 0 0 0 0;
	width: 650px;
	float: left;
}

.blue-button  a{
	float: right;
	padding: 7px 15px;
	font-size: 0.75em;
	font-weight: 900;
	color: #fff;
	background: #0061a0 url('../images/blue-button.gif') 0 0 repeat-x;
}

.blue-button  a:hover{
	background: #0061a0 url('../images/blue-button.gif') 0 -40px repeat-x;
}

.pagination{
	width: 100%;
	float: left;
}

.pagination ul{
	width: 60%;
	margin: 30px auto;
	text-align: center;
}

.pagination ul li{
	display: inline;
	padding: 1px;
}

.pagination ul li a{
	padding: 5px 9px;
	font-size: 0.8em;
	font-weight: 900;
	color: #fff;
	background: #0061a0 url('../images/blue-button.gif') 0 0 repeat-x;
}

.pagination ul li a:hover{
	background: #0061a0 url('../images/blue-button.gif') 0 -40px repeat-x;
}

.pagination ul li #current{
	background: #004F7F;
}


/*---- Knowledgebase ----*/
.kbase-post h2{
	display: block;
	background: #fff url('../images/icon-big-bubble-question.png') no-repeat 0 0px;
	padding: 0px 0 25px 45px;
	width: 90%;
}



.kbase-categories{
	width: 100%;
	float: left;
	padding: 5px 0;
	margin: 0px 0 0px;
}

.kbase-categories h2{
	margin: 0px 0 10px;
}

.kbase-categories h3{
	background: #1575BB;
	padding: 10px;
	font-size: 0.95em;
	font-weight: 900;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.kbase-categories ul{
	margin: 0 0 15px;
}

.kbase-categories ul li{
	padding: 10px 5px 10px;
	background: #ECECEC;
	width: 97%;
	float: left;
}

.kbase-categories ul .odd{
	background: #fff;
}

.kbase-categories ul li a{
	font-size: 0.8em;
	display: block;
	color: #333;
	line-height: 1.2em;	
	background: transparent url('../images/bullet-blue.png') left center no-repeat;
	padding: 2px 0 2px 20px;
	margin: 0;
	font-weight: 100;
	float: left;
}

.kbase-categories ul li a:hover{
	color: #CF7719;
	background: transparent url('../images/bullet-orange.png') left center no-repeat;
}

.kbase-categories a{
	color: #333;
	font-size: 0.9em;
	font-weight: 900;
	float: left;
	margin: 10px 0 0;
}

.kbase-categories a:hover{
	color: #DF801B;
}

.kbase-row{
	padding: 5px 0;
	float: left;
}

.kbase-category{
	margin: 20px 0;
	width: 100%;
	float: left;
}

.kbase-category h2{
	margin: 20px 0;
	width: 100%;
}

.kbase-category ul{
	margin: 0 0 15px;
}

.kbase-category ul li{
	padding: 13px 5px;
	background: #fff;	
}

.kbase-category ul .odd{
	background: #ECECEC;
}

.kbase-category ul li a{
	font-size: 0.8em;
	color: #333;
	background: transparent url('../images/bullet-blue.png') left 8px no-repeat;
	padding: 8px 0 8px 20px ;
	font-weight: 100;
}

.kbase-category ul li a:hover{
	color: #CF7719;
	background: transparent url('../images/bullet-orange.png') left 8px no-repeat;
}

.kbase-category a{
	color: #333;
	font-size: 0.9em;
	font-weight: 900;
}

.kbase-category a:hover{
	color: #DF801B;
}

.kbase-search{
	margin: 20px 0;
	width: 100%;
	float: left;
}

.search-item{
	padding: 10px 0 10px;
	border-bottom: 1px #999 dotted;
	float: left;
}

.kbase-search h2{
	margin: 20px 0;
	width: 100%;
}

.kbase-search-result{
	width: 100%;
	margin: 0 0 25px;
}

.kbase-search-result h3{
	font-size: 0.95em;
	font-weight: 900;
	color: #1575BB;	
	margin: 0 0 5px;
}

.kbase-search-result h3 a{
	color: #1575BB;
	padding: 0 1px 1px;
	text-decoration: none;
}

.kbase-search-result h3 a:hover{
	border-bottom: 1px #1575BB solid;
}

.kbase-search-result p{
	font-size: 0.75em;
	color: #333;
	line-height: 1.3em;
	margin: 0 0 10px;
}

.kbase-submit-question{
	margin: 20px 0;
	width: 100%;
	float: left;
}

#left-side .kbase-submit-question h2{
	margin: 20px 0;
	width: 100%;
	font-size: 1.35em;
}

.kbase-section{
	width: 95%;
	padding: 0px 15px;
	margin: 15px 0;
	float: left;
}

.kbase-section-title{
	margin: 0 0 5px;
	line-height: 1.2em;
	background: #fff url('../images/icon-category.png') no-repeat 0 2px;
	display: block;
	padding: 0 0 0 23px;
}

.kbase-category-title{
	background: #fff url('../images/icon-folder-tree.png') no-repeat 0 2px;
}

.kbase-section h3{
	font-size: 0.95em;
	font-weight: 900;
	color: #333;
	background: #fff url('../images/icon-bubble-question.png') no-repeat 0 3px;
	padding: 2px 0 2px 25px;
}

.kbase-section p{
	font-size: 0.75em;
	margin: 0px 0 10px;
	padding-left: 26px;
	color: #333;
	float: left;
	clear: both;
	line-height: 1.5em;
}

.kbase-section a{
	float: left;
	margin: 6px 0 0 27px;
	clear: both;
	color: #0065A3; 
	font-size: 0.9em;
	font-weight: 500;
	background: #fff url('../images/icon-question.png') no-repeat left 2px;
	padding: 2px 0 2px 25px;
	line-height: 1.2em;
}

.kbase-section a:hover{
	color: #003B5F;
	text-decoration: underline;
}

.kbase-section a.clicker{
	background: #fff url('../images/icon-folder-tree.png') no-repeat left 2px;
	color: #AF6300;
}

.kbase-section a.clicker:hover{
	color: #7F4800;
}

.kbase-section ul.ant{
	margin: 0 0 0 20px;
}

.kbase-section ul li.mole{
	margin: 0 0 10px;
	float: left;
}

.kbase-section a.kbase-more{
	float: right;
	background: #DF7E00;
	padding: 3px 10px;
	font-weight: 900;
	color: #fff;
	font-size: 0.75em;
}

.kbase-section a.kbase-more:hover{
	background: #AF6300;
	text-decoration: underline;
}

.submitQuestion{
	float: left;
	width: 100%;
	margin: 20px 0 0;
	background: #006AA9 url('../images/blue-button.gif') 0 0px repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.submitQuestion a{
	font-size: 1em;
	font-weight: 900;
	float: left;
	color: #00222F;
	margin: 0px 0 0 5px;
	padding: 15px 0 15px 45px;
	background: transparent url('../images/icon-bulb.png') 5px 5px no-repeat;
	text-shadow: 0px 1px 0px #0098D8;
}

.submitQuestion a:hover{
	color: #fff;
	text-shadow: none;
}

/*----Gallery Front End----*/

.gal-image-wrap{
	width: 210px;
	float: left;
	margin: 0 30px 0 0;
}

.gal-image-wrap a img{
	width: 210px;
	height: 100px;
	border: 5px #083F88 solid;
}

.gal-image-wrap a:hover img{
	border: 5px #5FA4FF solid;
}

.gal-image-wrap a{
	width: 210px;
	float: left;
	margin: 5px 0;
	color: #083F88;
	font-size: 0.8em;
	font-weight: 900;
}

.gal-image-wrap p{
	width: 210px;
	float: left;
	margin: 5px 0;
	color: #333;
	font-size: 0.8em;
}

.gal-image-wrap a:hover{
	color: #5FA4FF;
}

.full-image-view{
	margin: 20px 0;
}

.full-image-view img{
	float: left;
	margin: 5px 0;
	max-width: 100%;
}

.full-image-view p{
	float: left;
	margin: 5px 0;
	width: 100%;
	color: #333;
	font-size: 0.8em;
}

/*------- Feedbacks ---------*/

.feedback{
	width: 100%;
	float: left;
	margin: 30px 0 20px 0;
	padding: 15px 0;
	font-size: 0.9em;
	font-weight: 900;
}

.feedback p{
	padding: 0 20px !important;
	margin: 0;
}

.feedback p.f-p{
	margin: 0 20px;
}

.success{
	background: #EDFFCF;
	color: #476F00;
	border: 1px #476F00 solid; 
}

.error{
	background: #FFD2CF;
	color: #7F0900;
	border: 1px #7F0900 solid; 
}


.warning{
	background: #FFE8BF;
	color: #BF7900;
	border: 1px #BF7900 solid; 
}

.info{
	background: #D1E5EF;
	color: #004A6F;
	border: 1px #004A6F solid; 
}

.spacer{
	clear: both;
	padding: 1px 0 0;
	width: 100%;
}


/*-----Calendar-----*/

#date-pick{
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}

#date-pick h3, #calendar-events h3{
	padding: 0 0 15px 0;
	font-size: 1em;
	font-weight: 900;
	color: #1575BB;
}

#date-pick dl{
	float: left;
	padding: 0 20px 0 0;
	width: 200px;
}

#date-pick dd{
	padding: 10px 0 20px 0;
}

#date-pick label{
	font-size: 0.9em;
	font-weight: 900;
	color: #333;
}

#date-pick select{
	width: 100%;
	padding: 2px 0;
}

#date-pick #submit{
	margin: 25px 0 0 0;
	font-size: 0.9em;
	font-weight: 900;
	padding: 4px 5px;
	background: #1575BB url('../images/blue-button.gif') left top repeat-x;
	border: none;
	color: #fff;
	cursor: pointer;
}

#date-pick #submit:hover{
	background: #1575BB url('../images/blue-button.gif') left -40px repeat-x;
}

#calendar-events{
	width: 100%;
	float: left;
	margin: 30px 0;
}

.event-wrap{
	width: 100%;
	float: left;
	padding: 5px;
	margin: 0 0 20px 0;
	border: 1px #ccc solid;
	
}

.event-wrap .event-date{
	float: left;
	padding: 15px 0;
	background: #1575BB;
	text-align: center;
	width: 70px;
}

.event-wrap .event-date h4{
	font-size: 1.2em;
	font-weight: 900;
	color: #0A354F;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	float: left;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	margin: 3px 0 0 0;	
}

.event-wrap .event-date .day{
	font-size: 1.3em;
	padding: 0;
	margin: -3px 0 0 0;
	letter-spacing: -0.065em;
}

.event-wrap .event-date .year{
	font-size: 0.7em;
	letter-spacing: -0.02em;
	margin: 0 0 0 1px;
}

.event-wrap .event-date p{
	font-weight: 900;
	color: #fff;
	float: left;
}

.event-wrap .event-name{
	width: 870px;
	float: right;
	padding: 5px;
}

.event-wrap .event-name a{
	color: #555;
	float: left;
	width: 70%;
	font-size: 0.9em;
	font-weight: 900;
	padding: 5px 5px 5px 10px;
}
.event-wrap .event-name a:hover{
	color: #1575BB;
}

/* Recruitment */

#jobs-table{
	width: 100%;
}

#jobs-table tr{
}

#jobs-table tr th, #jobs-table tr td{
	vertical-align: top;
	padding: 20px 5px;
	border-bottom: 2px #ccc dotted;
}

#jobs-table tr td{
	padding-right: 10px;
}

#jobs-table tr td.last-job-column{
	padding-right: 0;
	vertical-align: middle;
}

#jobs-table tr th{
	padding-left: 0;
}

#jobs-table tr td ul{
	width: 100%;
	float: left;
}

#jobs-table tr td ul li{
	padding: 2px 0;
	font-size: 13px;
	font-weight: 900;
	color: #333;
}

#jobs-table tr td h2{
	font-size: 16px !important;
}

#jobs-table tr td h2 a{
	color: #1E5893;
}

.dateblock{
	width: 67px;
	height: 68px;
	padding: 3px 0;
	margin: 0 10px 5px 0;
	text-align: center;	
}

.date-active{
	background: transparent url('../images/date-blue.png') 0 0 no-repeat;
}

.date-inactive{
	background: transparent url('../images/date-red.png') 0 0 no-repeat;
}

.dateblock span{
	color: #fff;
	display: block;
}

.dateblock .posted{
	display: none;
}

.dateblock .month{
	font-size: 0.7em;
	padding: 3px 0 0 1px;
	font-weight: 900;
	color: #fff;
}

.dateblock .day p{
	font-size: 1.5em;
	font-weight: 900;
	padding: 15px 8px;
	margin: 0 0 0;
	color: #1D5793;
}

.dateblock .day b.th{
	font-size: 0.6em;
	width: 20px;
}

.date-inactive .day p{
	color: #9F3131;
}

.dateblock .year{
	display: none;
	font-size: 0.7em;
	padding: 0 0 2px;
}

#jobs-table tr td p{
	margin: 0;
}

#jobs-table tr td a.apply{
	float: right;
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: 900;
	background: #1575BB;
	color: #fff;
	padding: 5px 10px;
}

#jobs-table tr td a.apply-closed{
	background: #9F2727;
}

#jobs-table tr td a.apply:hover{
	background: #0D486F;
}

#jobs-table tr td a.apply-closed:hover{
	background: #BF4747;
}

span.job-closed, span.job-open{
	float: left;
	color: #fff;
	font-size: 0.7em;
	font-weight: 900;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
}

span.job-closed{
	background: #9F2727;
}

span.job-open{
	background: #45A1DF;
}

#main  #vacancy-details h2.job-position{
	font-size: 1.35em;
	margin: 25px 0 10px !important;
	color: #1A608F !important;
}
#main  #vacancy-details h2.job-position-closed{
	font-size: 1.35em;
	margin: 25px 0 10px !important;
	color: #AF1515 !important;
}

#main  #vacancy-details span.vacancy-closed, #main  #vacancy-details span.vacancy-open{
	color: #fff;
	font-size: 0.75em;
	font-weight: 900;
	padding: 5px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
}

#main  #vacancy-details span.vacancy-closed{
	background: #AF1515;
}

#main  #vacancy-details span.vacancy-open{
	background: #45A1DF;
}

#main  #vacancy-details h3.prerequisites{
	font-size: 1em !important;
	width: 100%;
	font-weight: 900;
	color: #333;
	padding: 0 0 10px !important;
	border-bottom: 4px #333 solid;
	margin: 0 0 10px !important;
}

#main  #vacancy-details h4{
	font-weight: 900;
	font-size: 0.9em;
	color: #333;
	padding: 0 0 10px;
}

#main  #vacancy-details p{
	color: #333;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 10px 0;
}

#main #vacancy-details ul{
	padding: 0 0 10px;
	list-style-type: disc;
	list-style-position: inside;
}

#main #vacancy-details ol{
	padding: 0 0 20px;
	list-style-type: decimal;
	list-style-position: inside;
}

#main #vacancy-details ul li, #main #vacancy-details ol li{
	padding: 0 0 0;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
	font-weight: 900;
}

#main #vacancy-details ul li ul li{
	font-size: 0.9em;
	list-style-type: none;
	padding: 10px 20px;
}

#main #vacancy-details .vacancy-left{
	width: 48%;
	float: left;
}

#main #vacancy-details .vacancy-right{
	width: 48%;
	float: right;
}

#main #vacancy-details .vacancy-left p, #main #vacancy-details .vacancy-right p{
	padding: 0 !important;
}

/*----Add Pages Form-------*/


.general-form-wrap{
	width: 460px;
	float: left;
	padding: 0 10px;
}


.general-form-wrap dt{
	padding: 0 0 2px;
}

.general-form-wrap dt label{
	font-size: 12px;
	font-weight: 900;
	color: #007CCF;
}

.general-form-wrap dd{
	padding: 0 0 14px;
}

.general-form-wrap dd a{
	margin: 0 0 0 5px;
	padding: 3px 5px;
	font-size: 0.9em;
	font-weight: 900;
	color: #fff;
	background: #68B9EF;
	-moz-border-radius: 3px;
}

.general-form-wrap dd a:hover{
	background: #00558F;
}

.general-form-wrap dd p{
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
}

.general-form-wrap dt input{
	padding: 5px;
	float: right;
	padding: 6px 10px 7px;
	margin: 2px 0 0 10px;
	background: #1575BB url('../images/blue-button.gif') left top repeat-x;
	border: none;
	font-family: Arial, sans-serif;
	font-weight: 900;
	color: #fff;
	cursor: pointer;
}

.general-form-wrap dt input:hover{
	background: #1575BB url('../images/blue-button.gif') left -40px repeat-x;
}

.general-form-wrap dd input, .general-form-wrap dd select, .general-form-wrap dd textarea{
	width: 450px;
	padding: 2px 2px;
}

.left-side-form{
	width: 100%;
}

.left-side-form dt, .left-side-form dd{
	width: 100%;
}

.left-side-form dt{
	padding: 5px 0;
}

.left-side-form dd{
	padding: 0 0 20px;
}

.left-side-form dt label{
	font-size: 0.9em;
	font-weight: 900;
	color: #1575BB;
}

.left-side-form dd input, .left-side-form dd textarea, .left-side-form dd select{
	padding: 5px;
	width: 95%;
}

.left-side-form dt input{
	padding: 5px;
	float: right;
	padding: 6px 10px 7px;
	margin: 1px 20px 0 10px;
	background: #1575BB url('../images/blue-button.gif') left top repeat-x;
	border: none;
	font-family: Arial, sans-serif;
	font-weight: 900;
	color: #fff;
	cursor: pointer;
}

.left-side-form dt input:hover{
	background: #1575BB url('../images/blue-button.gif') left -40px repeat-x;
}

/*---Training--*/

img.train-head-image{
	margin-bottom: 18px;
	vertical-align: top;
	
}

#course-calendar-link{
	width: 100%;
	margin: 0;
}

#course-calendar-link li{
	background: url('../images/icon-calendar.png') no-repeat;
	padding: 3px 0 3px 35px;
	float: right;
	list-style-type: none;
}

#course-calendar-link li a{
	color: #333;
	font-size: 0.9em;
	font-weight: 900;
}

#course-calendar-link li a:hover{
	color: #1575BB;
}

#training-wrap{
	width: 100%;
	margin: 30px 0 50px;
	float: left;
}



.course-detail-item p{
/*	margin-bottom: 6px; */
}


h3 .course-ref{
	padding-left: 10px;
	float: left;
	color: #0085DF;
}

h3 .course-name{
	margin-left: 50px;
	float: left;
	color: #0085DF;
}

h3 .course-duration{
	position: absolute;
	right: 10px;
}

.course-detail-item h3.course-heading{
	font-size: 1.2em;
	width: 100%;
	font-weight: 900;
	/*background: #fff url("/themes/seravee/images/course/imgs/course-detail-head.gif") top left no-repeat;*/
	position: relative;
	line-height: 25px;
	margin: 15px 0 0;
	
}

.course-title-table{
	width: 100%;
	margin: 0 0 8px;
}

.course-title-table tr td, .course-title-table tr th{
	background: #EFEFEF;
	padding: 5px 10px;
	border-right: 1px #fff solid;
}

.course-title-table tr th h3{
	padding: 0 !important;
	margin: 0 !important;
}

.course-title-table tbody tr th{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.course-title-table tbody tr td.last-course-table-td{
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}


.course-title-table tr td p{
	color: #333;
	font-size: 15px;
	font-weight: 900;
	padding: 0 !important;
	margin: 0 !important;
}

.course-title-table tr td a{
	color: #1575BB;
	font-size: 15px;
	font-weight: 900;
}

.course-title-table tr td a:hover{
	text-decoration: underline;
	color: #efa34a;
}

.course-detail-item  .course-title{
	padding: 0 0 20px;
}

.course-detail-item .course-title p{
	margin: 0;
}

.course-detail-item h3.course-heading a{
	font-size: inherit;
}

.course-detail-item h3.course-heading a:hover span.course-name, .course-detail-item h3.course-heading a:hover span.course-ref{
	color: #197BC2;
	text-decoration: underline;
}

#main #training-wrap h3{
	width: 100%;
	color: #333;
	padding: 10px 0px;
	border-bottom: 2px #333 solid;
	margin: 15px 0;
}

#main #training-wrap h4{
	font-size: 1em;
	font-weight: 900;
}



#main #training-wrap ul{
	list-style-type: disc;
	list-style-position: inside;
}

#main #training-wrap ul li{
	padding: 5px;
	line-height: 1.5em;
	font-size: 0.8em;
	color: #333;
}

#main #training-wrap ul li ul{
	margin: 10px;
	list-style-type: none;
}

#main #training-wrap ul li ul li{
	font-size: 0.9em;
}


#main #training-wrap .att-left{
	margin: 40px 0 0;
	width: 675px;
	float: left;
}

#main #training-wrap .att-right{
	margin: 40px 0 0;
	width: 260px;
	float: right;
}

#main #training-wrap .att-full{
	width: 100%;
	float: right;
}

#main #training-wrap .att-full h3 small{
	color: #fff;
	font-size: 0.7em;
	margin: 0px 10px 0;
	padding: 2px 5px;
	background: #1B90DF; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#main #training-wrap .training-course{
	width: 300px;
	float: left;
	padding: 0 20px 40px 0;
}

#main #training-wrap .training-course h4{
	background: #1575BB;
	font-weight: 900;
	padding: 8px 10px;
	margin: 0 0 15px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	border-radius-topright: 5px;
	border-radius-topright: 5px;
}

#main #training-wrap .training-course h4 a{
	font-size: 1em;
	color: #fff;
	text-shadow: 0px 2px 1px #555;
	display: block;
	min-height: 30px;
}

#main #training-wrap .training-course h4 a:hover{
	color: #DFF2FF;
	text-shadow: 0px -2px 1px #555;
}

#main #training-wrap .training-course p{
	font-size: 0.8em;
	min-height: 80px;
	padding: 10px 0 0;
}

#main #training-wrap .training-course ul{
	float: right;
	list-style-type: none;
	margin: 20px 0 0;
}

#main #training-wrap .training-course ul li{
	display: inline;
}

#main #training-wrap .training-course ul li a{
	background: #606060;
	color: #fff;
	font-weight: 900;
	font-size: 0.9em;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px #444;
}

#main #training-wrap .training-course ul li a:hover{
	background: #1575BB;
	color: #fff;
}

.course-detail-item{
	/*background: #fff url("/themes/seravee/images/course/imgs/course-detail-mid.gif") top left repeat-y;*/
	clear: both;
	margin: 10px 0;
	width: 960px;
}

.course-detail-item .info-block{
	font-size: 0.85em;
	height: 70px;
	background: #eeeeee;
}

.course-detail-item .more-detail-bar{
	/*background: #eeeeee;*/
	height: 19px;
	/*background: #fff url("/themes/seravee/images/course/imgs/course-detail-bott.gif") top left no-repeat;*/
	width: 960px;
}

.career-path-link{
	float: right;
	font-size: 0.8em;
	font-weight: 900;
	color: #1575BB;
	text-decoration: underline;
	background: transparent url('../images/icon-career-path.png') 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}

.career-path-link:hover{
	color: #efa34a;
}

.course-list-link{
	float: right;
	font-size: 0.8em;
	font-weight: 900;
	color: #1575BB;
	text-decoration: underline;
	background: transparent url('../images/icon-blog-categories.jpg') 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}

.course-list-link:hover{
	color: #efa34a;
}



/*--General Tables--*/

.general-data-table{
	width: 100%;
}

.general-data-table thead tr{
}

.general-data-table thead tr th, .general-data-table thead tr td{
	padding: 10px;
	font-size: 0.8em;
	font-weight: 900;
	color: #fff;
	background: #1575BB;
}

.general-data-table thead tr .last{
}

.general-data-table thead tr .small{
	width: 120px;
}

.general-data-table thead tr th{
	width: 100px;
}

.general-data-table tbody tr{
	background: #ECECEC;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

.general-data-table tbody tr th select{
	padding: 5px 3px;
}

.general-data-table tbody .odd{
	background: #fff;
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
}

.general-data-table tbody tr td, .general-data-table tbody tr th{
	padding: 15px 10px;
	font-size: 0.9em;
	color: #333;
}

.general-data-table tbody h4{
	font-weight: 900;
	padding: 0 0 5px;
}

.general-data-table tbody p{
	line-height: 1.2em;
	padding: 5px 0;
	margin: 0 0 0;
}

.general-data-table tbody a{
	font-size: 0.9em;
	font-weight: 900;
	color: #1575BB;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.general-data-table tbody a:hover{
	background: #1575BB;
	color: #fff;
}

.submit-button input{
	padding: 5px;
	float: right;
	padding: 6px 10px 7px;
	margin: 2px 0 0 10px;
	background: #1575BB url('../images/blue-button.gif') left top repeat-x;
	border: none;
	font-family: Arial, sans-serif;
	font-weight: 900;
	color: #fff;
	cursor: pointer;
}

.submit-button input:hover{
	background: #1575BB url('../images/blue-button.gif') left -40px repeat-x;
}

/*----- Contact Us ------*/

h2#contactUs-header{
	margin: 30px 0 0;
	font-size: 2.5em;
	letter-spacing: -0.05em;
}

h3.for-h3{
	margin: 30px 0 10px;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	font-weight: 900;
	color: #1575BB;
}

h4.for-h4{
	margin: 20px 0 10px;
	font-weight: 900;
	font-size: 1em;
	color: #333;
	padding: 0 0 8px;
	border-bottom: 2px #555 solid;
}

.contact-blurb{
	color: #333;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: justify;
	padding: 10px 0 0px;
}

#contact-details{
	margin: 30px 0 0;
}

#contact-details li{
	color: #333;
	font-size: 1.5em;
	font-weight: 900;
	padding: 0 0 20px;
}

#contact-details li a{
	color: #1475BA;
}

#contact-details li a:hover{
	text-decoration: underline;
}

#contact-details #contact-phone{
	background: #fff url('../images/icon-phone.gif') left top no-repeat;
	padding-left: 60px;
}

#contact-details #contact-fax{
	background: #fff url('../images/icon-fax.gif') left top no-repeat;
	padding-left: 60px;
}

#contact-details #contact-mail{
	background: #fff url('../images/icon-mail.gif') left 3px no-repeat;
	padding-left: 60px;
}

#contact-details #contact-twitter{
	background: #fff url('../images/contact-twitter.png') left 3px no-repeat;
	padding-left: 60px;
}
/*---- Experiment -----*/

.index-left{
	float: left;
}

.index-right{
	float: right;
}

.index-right, .index-left {
	width: 450px;
	margin: 50px 0 0;
	padding: 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px #555;
	-webkit-box-shadow: 0px 0px 3px #555;
	position: relative;
	padding-bottom: 70px;
}

.index-right h3, .index-left h3{
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
	background: #fff url('../images/bg-tab-on.jpg') left top repeat-x;
	width: 240px;
	padding: 10px 12px;
	color: #1575BB;
	font-size: 1em;
	font-weight: 900;
	margin: -25px 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #777;
	-webkit-box-shadow: 0px 0px 2px #777;
}

.index-left ul, .index-right ul{
	margin: 0 10px;
}

.index-left ul li, .index-right ul li{
	border-bottom: 1px #777 dotted;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 5px 0;
}

.index-right p, .index-left p{
	padding: 10px 10px 20px;
	font-size: 0.8em;
	line-height: 1.5em;
}

.index-right .viewAll-index, .index-left .viewAll-index{
	float: right;
	padding: 10px 15px;
	font-size: 0.8em;
	font-weight: 900;
	margin: 20px 20px 10px;
	background: #007CBB;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #333;
	-webkit-box-shadow: 0px 0px 2px #333;
	position: absolute;
	right: 0px;
	bottom: 7px;
}

.index-right .viewAll-index:hover, .index-left .viewAll-index:hover{
	background: #40A0CF;
}

.index-right .vacancies-index{
	width: 200px;
	float: left;
	margin: 5px 12px;
}

.index-right .vacancies-index h2 a{
	font-size: 0.8em;
	color: #2750AE;
	display: block;
	min-height: 28px;
	overflow: hidden;
	text-decoration: underline;
}

.index-right .vacancies-index h2 a:hover{
	color: #df7300;
}

.index-right .vacancies-index ul li{
	font-size: 0.7em;
	font-weight: 900;
	color: #333;
}

.index-right .vacancies-index img{
	margin: 0px 0 10px;
}

.index-left .training-course{
	padding: 0px 7px 0px;
	float: left;
	width: 95%;
}

.index-left .training-course h4 a{
	color: #2750AE;
	font-weight: 900;
	float: left;
	width: 100%;
	text-decoration: underline;
}

.index-left .training-course h4 a:hover{
	color: #df7300;
}

.index-left .training-course p{
	font-size: 0.7em;
	line-height: 1.4em;
	float: left;
	width: 100%;
	padding: 3px 0;
}

.index-left .training-course img{
	float: left;
	border: 5px #eee solid;
}

.index-left .training-course ul{
	float: right
}

.index-left .training-course ul li{
	display: inline;	
	padding: 0 0 0 10px;
}

.index-left .training-course ul li a{
	text-align: right;
	font-size: 0.8em;
	color: #2750AE;
}

.index-left .training-course ul li a:hover{
	color: #df7300;
}


.competence-table{
	border-collapse: collapse;
	width: 100%;
}

.competence-table p{
	font-size: 14px;
}

.competence-table caption{
	font-weight: bold;
	margin-bottom: 18px;	
}

.competence-table th {
	font-size: 14px;
	font-weight: bold;
	background: #ffffff;
	padding: 10px;
}

.competence-table th.nobg{
	background: none;	
}

.competence-table td {
	padding: 10px;
	border-bottom: 1px solid #DCE3EB;
}

.competence-table th {
	border-bottom: 1px solid #DCE3EB;
}

.competence-table th.col-heading{
	border-bottom: 3px solid #DCE3EB;
	border-top: 1px solid #DCE3EB;
}

.competence-table .col-a{
	background: url("/themes/seravee/images/course/fade-to-left-bg.jpg") right top repeat-y transparent;
	width: 30%;
}

.competence-table .col-b{
	border-left: 1px solid #DCE3EB;
	border-right: 1px solid #DCE3EB;
	width: 35%;
}

.competence-table .col-c{
	background: url("/themes/seravee/images/course/fade-to-right-bg.jpg") left top repeat-y transparent;
	width: 35%;
}

.competence-table ul {
	font-size: 12px;	
	padding-left: 10px;
}

.competence-table li {
	font-size: 12px;
	line-height: 20px;
	padding-left: 35px;
	background: url("/themes/seravee/images/course/check-mark-icon.jpg") left top no-repeat transparent;
	margin-bottom: 8px;
}

/*---SearchForm-----*/

#search-form{
	width: 100%;
	float: left;
	margin: 20px 0 0;
}

#search-form form{
	float: left;
	width: 100%;
}

#search-form input{
	padding: 7px 5px;
	margin: 1px 3px;
	float: left;
}

#search-form input#search-button{
	padding: 8px 3px;
	font-weight: 900;
	margin: 1px 3px 0;
	cursor: pointer;
	background: #1575BB url('../images/blue-button.gif') left top repeat-x;
	border: none;
	font-family: Arial, sans-serif;
	font-weight: 900;
	color: #fff;
}

#search-form input#search-button:hover{
	background: #1575BB url('../images/blue-button.gif') left -40px repeat-x;
}

#ui-datepicker-div {
	display: none;
}

#loading-img{
	text-align: center;
}

#loading-image #loading-text{
	font-size: 0.9em;
}

/*--- Breadcrumb ---*/

.breadcrumb{
	font-size: 0.75em;
}

.breadcrumb a{
	color: #1677BC;
	padding: 0 15px 0 5px;
	background: transparent url('../images/breadcrumb-arrow.gif') right 2px no-repeat;
}

.breadcrumb .last-crumb{
	background: none;
	color: #333;
}

/* Flow Chart */

.flowchart{
	margin: 0 auto;
	width: 100%;
}

.flowchart p{
	font-size: 0.7em;
	line-height: 1.3em;
	padding: 3px 0;
	margin-bottom: 0px;
}

.flowchart h1{
	color: #fff !important;
	background: #59B124;
	margin: 0 auto 0;
	width: 450px !important;
	padding: 10px !important;
	float: none !important;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.flowchart h2{
	margin: 20px auto 10px;
	width: 250px !important;
	padding: 10px !important;
	float: none !important;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 5px #59B124 solid;
	color: #333 !important;
}

.flowchart .flow-info{
	width: 25px;
	height: 25px;
	background: transparent url('../images/flowchart-sprites.png') -2px -1px no-repeat;
	position: relative;
	display: block;
}

.flowchart .flow-info:hover{
	background: transparent url('../images/flowchart-sprites.png') -29px -1px no-repeat;
}

.flowchart .flow-link{
	margin: 2px 0 0;
	display: block;
	font-size: 0.7em;
	padding: 3px 0 3px 20px;
	background: transparent url('../images/flowchart-sprites.png') -54px -94px no-repeat;
	color: #1578BC;
}
.flowchart .no-top-padding{
	padding: 0 0 6px 20px;
}

.flowchart .flow-link:hover{
	background: transparent url('../images/flowchart-sprites.png') -54px -149px no-repeat;
	text-decoration: underline
}

.flowchart #flow-info-minreq{
	float: right;
	z-index: 10;
	margin: -10px -25px 0 0;
}

.flowchart #flow-info-perreq{
	float: left;
	z-index: 10;
	margin: -30px 0px 0 -20px;
}

.flowchart #flow-info-training{
	float: left;
	z-index: 10;
	margin: 0 0 0 62px;
}

.flowchart #flow-info-courses{
	float: left;
	z-index: 10;
	margin: 0 0 0 62px;
}

.flowchart #flow-info-congrats{
	float: left;
	z-index: 10;
	margin: -10px 0px 0 42px;
}

.flowchart #flow-info-r03{
	float: left;
	z-index: 10;
	margin: -40px 0px 0 -27px;
}

.flowchart #flow-info-r01{
	float: left;
	z-index: 10;
	margin: -15px 0px 0 -27px;
}

.flowchart ul li{
	font-size: 0.7em;
	text-align: left;
	margin: 0 0 5px;
	display: block;
	background: transparent url('../images/flowchart-sprites.png') -96px -2px no-repeat;
	padding: 0 0 0 23px;
	line-height: 1.2em;
}

.flowchart ul.normal-list li{
	background: transparent url('../images/bullet-black.png') 0 0 no-repeat;
}

		/*Arrows*/

.flowchart .big-arrow{
	background: #fff url('../images/flowchart-sprites.png') -2px -139px no-repeat;
	width: 45px;
	height: 54px;
	margin: 0 auto;
}

.flowchart .small-arrow{
	background: #fff url('../images/flowchart-sprites.png') -2px -35px no-repeat;
	width: 25px;
	height: 25px;
	margin: 0 auto;
}

.flowchart .long-small-arrow{
	background: #fff url('../images/flowchart-sprites.png') -2px -66px no-repeat;
	width: 25px;
	height: 65px;
	margin: 0 auto;
}

.and{
	font-size: 0.9em !important;
	font-weight: 900;
	margin: 15px 0 0 -7px;
	float: left;
	padding: 3px 5px;
	background: #59B124;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.or{
	font-size: 0.9em !important;
	font-weight: 900;
	padding: 3px 5px;
	background: #59B124;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.or-right{
	float: left;
	margin: -7px 0 0 90px;
}

.or-left{
	float: right;
	margin: -7px 90px 0 0;
}

.flowchart .right-down-arrow{
	width: 255px;
	height: 82px;
	background: #fff url('../images/flowchart-sprites-arrows.png') -2px -49px no-repeat;
	float: right;
	z-index: 10;
	margin: 80px 50px 0 0;
}

.flowchart .left-down-arrow{
	width: 230px;
	height: 82px;
	background: #fff url('../images/flowchart-sprites-arrows.png') -2px -132px no-repeat;
	float: left;
	z-index: 10;
	margin: 80px 0 0 75px;
}

.flowchart .down-left-arrow{
	width: 35px;
	height: 83px;
	background: #fff url('../images/flowchart-sprites-arrows.png') -170px -342px no-repeat;
	float: right;
	z-index: 10;
	margin: -20px 85px 0 0;
}

.flowchart .down-right-arrow{
	width: 35px;
	height: 83px;
	background: #fff url('../images/flowchart-sprites-arrows.png') -170px -244px no-repeat;
	float: left;
	z-index: 10;
	margin: -20px 0 0 90px;
}

.flowchart .two-head-rd-arrow{
	width: 148px;
	height: 81px;
	background: #fff url('../images/flowchart-sprites-arrows.png') -8px -344px no-repeat;
	float: right;
	z-index: 10;
	margin: 40px 10px 0 0;
}

.flowchart .two-head-ld-arrow{
	width: 148px;
	height: 81px;
	background: #fff url('../images/flowchart-sprites-arrows.png') 4px -244px no-repeat;
	float: left;
	z-index: 10;
	margin: 40px 0 0 10px;
}

.flow-line{
	margin: 45px 0 0 5px;
	float: left;
	display: block;
	width: 115px;
	height: 5px;
	background: #59B124;
}

.flowchart .flow-margin-plus{
	margin-top: 20px;
}

.flowchart .flow-arrow-right{
	display: block;
	width: 25px;
	height: 25px;
	background: #fff url('../images/flowchart-sprites.png') -56px -35px no-repeat;
	float: left;
}

.flowchart .flow-arrow-left{
	display: block;
	width: 25px;
	height: 25px;
	background: #fff url('../images/flowchart-sprites.png') -29px -35px no-repeat;
	float: right;
}

.flowchart #flow-min-req{
	float: right;
	z-index: 20;
	width: 320px;
	margin: -53px 0 0 0px;
}

.flowchart #flow-per-req{
	float: left;
	z-index: 20;
	width: 320px;
	margin: -53px 0 0 65px;
}

.flowchart #flow-r03{
	float: left;
	z-index: 30;
	width: 250px;
	margin: -65px 0 0 -260px;
}

.flowchart #flow-r01{
	float: left;
	z-index: 30;
	width: 250px;
	margin: -65px 0 0 -740px;
}

.flow-bordered{
	width: 250px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 5px #59B124 solid;
}

.flow-dashed{
	width: 250px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px #59B124 dashed;
}

.flow-dashed-smaller{
	width: 190px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px #59B124 dashed;
}

.flow-bordered-right{
	width: 200px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 5px #59B124 solid;
	float: right;
	margin-top: -80px;
	margin-right: -5px;
}

.flow-bordered-left{
	width: 200px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 5px #59B124 solid;
	float: left;
	margin-top: -80px;
}

.flow-wider-dashed{
	width: 300px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px #59B124 dashed;
	margin: 10px auto;
}

.flowchart .flow-solid{
	margin: 10px auto;
	width: 150px;
	padding: 10px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #59B124;
}

.flowchart .flow-solid h3{
	color: #fff;
	margin: 0;
}
.flowchart .flow-docs{
	z-index: 20;
}

#flow-courses{
	width: 480px;
	margin: 60px auto 10px;
}

#flow-courses-pilot{
	float: left;
	width: 180px;
}

#flow-courses-tooling{
	float: right;
	width: 180px;
}

#flow-courses-superintendent{
	float: left;
	width: 100%;
	margin: 30px 0 0;
	
}

.fancy-boxes{
	padding: 10px;
}

.color-boxes{
	padding: 15px;
}

.color-boxes img{
	border: 4px #E9E4E8 solid;
}

.flow-course{
	width: 160px;
	height: 60px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 3px #59B124 solid;
	margin: 5px auto;
}

.fancy-boxes p, .fancy-boxes h2, .fancy-boxes h3{
	margin: 5px 0;
}

.fancy-boxes p.notes{
	font-size: 11px;
	color: #777;
	line-height: 15px;
}

.fancy-boxes h2{
	color: #59B124;
}

.color-boxes h2{
	color: #1475BA;
	margin: 0 0 15px;
}

.fancy-boxes h3{
	color: #333;
	font-size: 15px;
}

.fancy-boxes ul li, .color-boxes ul li{
	font-size: 0.8em;
	text-align: left;
	margin: 0 0 0px;
	display: block;
	background: transparent url('../images/flowchart-sprites.png') -96px -2px no-repeat;
	padding: 0px 0 4px 23px;
	line-height: 1.3em;
}

.fancy-boxes ul.normal-list li{
	background: transparent url('../images/bullet-black.png') 0 0 no-repeat;
	font-size: inherit;
}


/* ------  Course Modules ---------*/

.fancy-table, .course-modules{
	margin: 0 auto;
	width: 100%;
}

.fancy-table{
	margin: 0 auto 10px;
}

.course-modules thead tr{
}

.course-modules thead tr td, .course-modules thead tr th, .fancy-table thead tr td, .fancy-table thead tr th{
	font-size: 12px;
	font-weight: 900;
	padding: 5px 5px;
	border: 1px #999 solid;
	border-left: none;
}

.course-modules thead tr th, .fancy-table thead tr th{
	width: 145px;
	border-left: 1px #999 solid;
}

.course-modules thead tr td.last-col, .fancy-table thead tr td.last-col{
	width: 145px;
}

.course-modules tbody tr th{
	font-weight: 900;
	color: #0E83F1;
}

.course-modules tbody tr th, .course-modules tbody tr td, .fancy-table tbody tr th, .fancy-table tbody tr td{
	font-size: 0.8em;
	padding: 10px 0px 10px 14px;
	line-height: 1.3em;
	border: 1px #999 solid;
	border-top: none;
	border-left: none;
}
.fancy-table tbody tr th, .fancy-table tbody tr td{
	padding: 5px !important;
}

.course-modules tbody tr th, .fancy-table tbody tr th{
	border-left: 1px #999 solid;
}

.course-cost{
	float: right;
	margin: 10px 25px 0 0;
}

.course-cost h3{
	margin: 0;
	padding: 7px 0 5px 40px;
	background: transparent url('../images/icon-cost.png') 0 0 no-repeat;
}

.elearn, .practical{
	padding: 3px 7px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	font-weight: 900;
	cursor: help;
}

.elearn{
	background: #EFA34A;
	-moz-box-shadow: inset 0 0 3px #6F3F07;
	-webkit-box-shadow: inset 0 0 3px #6F3F07;
	box-shadow: inset 0 0 3px #6F3F07;
}

.practical{
	background: #82B93A;
	-moz-box-shadow: inset 0 0 3px #426F07;
	-webkit-box-shadow: inset 0 0 3px #426F07;
	box-shadow: inset 0 0 3px #426F07;
}

.extra-top-margin{
	margin-top: 20px;
}

.extra-bottom-margin{
	margin-bottom: 5px;
}

.extra-top-padding{
	padding-top: 20px;
}
.extra-padding-bottom{
	padding-bottom: 10px;
}

.career-icon{
	padding: 20px 20px;
	/*background: transparent url('../images/icon-career-path.png') 0 2px no-repeat;*/
	background-color: #eeeeee;
}

.job-function{
	width: 45%;
	float: left;
	margin: 0 0 10px;
}

.job-function h2{
	color: #333;
	font-size: 20px;
}

.job-category{
	width: 45%;
	float: right;
	text-align: right;
	margin: 0 0 5px;
}

.job-category h2{
	background: #333 !important;
	padding: 5px 10px;
	margin: 0;
	color: #fff !important;
	float: right;
}

.rss{
	float: right;
	font-size: 0.8em;
	padding: 2px 0 2px 20px;
	background: transparent url('../images/icon-rss.png') 0 0 no-repeat;
	margin: 0 0 20px;
	color: #EF8313;
	font-weight: 900;
}

.rss:hover{
	text-decoration: underline;
}

.no-margin-top-bottom{
	margin-top: 0;
	margin-bottom: 0;
}

.no-padding-left{
	padding-left: 0 !important;
	float: left;
}

.no-margin-left{
	margin-left: 0 !important;
}

.no-margin-right{
	margin-right: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
	float: right;
}

.back-button{
	float: right;
	margin: 2px 0 0 10px;
	padding: 8px 10px 9px;
	background: #333 url('../images/gradient-black.jpg') 0 0 repeat-x;
	font-size: 0.85em;
	font-weight: 900;
	color: #fff !important;
}

.back-button:hover{
	text-decoration: none !important;
	background: #454545 url('../images/gradient-black.jpg') 0 -70px repeat-x;	
}

/* Full Training Page
-------------*/

#schedule-filter{
	width: 220px;
	float: left;
}

#schedule-filter label{
	margin: 0 5px 0 0;
	padding: 3px 0;
	font-size: inherit;
	font-weight: 900;
	color: #fff;
	float: left;
	font-size: 12px;
}

#schedule-filter select{
	margin: 0 10px 0 0;
	float: left;
}

#schedule-filter ul{
	clear: none;
	float: left;
	width: 150px;
	margin: 4px 0 0;
}

#schedule-filter ul li{
	display: inline;
	font-size: 12px;
	float: left;
	padding: 0 2px;
}

#schedule-filter ul li a{
	color: #fff;
	text-decoration: underline;
}

#schedule-filter ul li a:hover{
	color: #77BFEF;
}

#schedule-filter ul li a.active{
	color: #77BFEF;
}