@import "reset.css";
* {
    margin: 0;
}
html, body {
     height: 100%;
}
body {
	background-color: #FFF;
	color: #222;
	font: normal 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a:link		{ color: #700; }
a:visited	{ color: #644; }
a:hover,
a:active	{ color: #A00; }
	a.course-material { text-decoration:none; color: #000000; padding-left: 4px; }
	a.course-material:hover { text-decoration:underline; }
.float-l { float: left; }
.float-r { float: right; }
.clearboth { clear: both; }

h1 {
	margin: .5em 0 .2em;
	color: #4487BE;
	font-size: 2em;
}
h2 {
	margin: 1em 0 .2em;
	color: #B50C57;
	font-size: 1.75em;
}
	h2.marked {
		color: #888;
		font-weight: normal;
	}
		h2.marked strong {
			color: #000;
			font-weight: bold;
		}
h3 {
	margin: 1em 0 .4em;
	color: #000;
	font-size: 1.25em;
}
	h3.compact {
		margin: 0 0 1em;
	}
h4 {
	margin: 1.2em 0 .4em;
	color: #622;
	font-size: 1.1em;
}

h5 {
	margin: 1.2em 0 .4em;
	color: #ff9933;
	font-size: 1.1em;
}

p {
	margin: 1em 0;
}
ul,
ol {
	margin: .2em 0 1em 2.1em;
}
	ul li {
		padding: 0 0 .2em;
		list-style: disc;
	}
	ol li {
		padding: 0 0 .2em;
		list-style: decimal;
	}
hr {
	height: 1px;
	margin: 1.5em 0;
	border: 0;
	padding: 0;
	background-color: #000;
	color: #000;
}

.container
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -31px; 
}

.clear, .clearboth, .clear-both {clear:both;}
.header {width:995px;margin:0 auto;}
.header .wrapper { }
	.header .logo {float:left;}
	
/* navigation */
.navigation  { width:995px; margin:0 auto; padding: 3px 0 8px 0;  }
	.navigation .wrap { background: url(../images/navbg.jpg) repeat-x; border:1px solid #cccccc; border-bottom-color: #b7b7b7; border-top-color: #e3e3e3; background-color: #f6f6f6;  }
	.navigation .main-nav { float: left; }
	.navigation .header-links { float: right; padding:6px 1.25em; color: #ccc; }
	.navigation .header-links a {color:#3399CC;font-size:1em;font-weight:bold;text-decoration:none;}
	.navigation .header-links a:hover {text-decoration:underline;}
	
.page {width:995px;margin:0 auto; min-height: 400px;}
.page .wrapper {overflow:hidden; }
.page .lcol {float:left;width:260px;}
.page .rcol {float:left;width:729px;margin-left:6px;}

.page .lcol .about-box {border:1px solid #D5D2D2;background:url(../images/section-bg.jpg) repeat-x bottom #f7f7f7;min-height:500px;}
.page .lcol .about-box .heading {background:url(../images/heading-bg.jpg) repeat-x;padding-top:7px;height:23px;}
.page .lcol .about-box .heading span {color:#fff;font-weight:bold;font-size:1.2em;padding-left:29px;background:url(../images/section-arrow.png) no-repeat 7px 1px;}

.page .lcol .about-box .about-box-content {padding:10px;line-height:1.4em;}
.page .lcol .about-box .about-box-heading {font-weight:bold;padding-bottom:5px;font-size:1.2em;}

.page-footer { width:995px; margin:0 auto;}

.footer {width:995px; margin:0 auto; background-color:#8A8A8A;}
.footer .wrapper { padding: 8px 1.25em; margin-top: 5px; background-color:#8A8A8A; height: 16px; }
.footer .copyrights {float:left;color:#fff;font-size:.8em;}
.footer .links {float:right;}
.footer .links a {color:#fff;font-size:.8em;text-decoration:none;margin-left:15px;}
.footer .links a:hover {text-decoration:underline;}
/* form */

input.blur {
	color: #999;
}

/* See... http://www.filamentgroup.com/examples/buttonFrameworkCSS/ */
.fg-button { outline: 0; margin:0 4px 0 0; padding: 3px 10px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; height: 21px; padding-top:1px; text-align: left; }


.fg-button-icon-left { padding-left: 20px; }
.fg-button-icon-right { padding-right: 20px; }
.fg-button-icon-left .ui-icon { right: auto; left: 2px; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: 2px; margin-left: 0; }



/* fix the icon poistions in non IE browsers */
button.fg-button-icon-left .ui-icon {
	margin-left:-18px;
	margin-top: -10px;
	*margin-left:0px;
	*margin-top:-8px;
}

button.fg-button-icon-right .ui-icon {
	right:20px;
	margin-top: -10px;
	*right:2px;
	*margin-top:-8px;
}

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }



/* Buttons that use the silk icon set */
.fg-button .famfamfamicon {position: absolute; top: 50%; margin-top: -8px; left: 0; margin-left: -8px;  }

.fg-button.height40 
{
	height:40px;
}
.fg-button.height40 .famfamfamicon
{
	margin:0px;
	top:0px;
	left:0px;
	padding-left:0px;
	
}
.famfamfambtn.fg-button-icon-left { padding-left: 27px; }


.top{
	/* height:218px; */
}
.top .leftDiv{
	float:left;
}

.page .lcol .about-box {
}
.top .rightDiv{
	float:right;
	width:49%;
	height:218px;
    border: 1px solid #D5D2D2;
}
.top .rightDiv .heading {
    background: url("../images/heading-bg.jpg") repeat-x scroll 0 0 transparent;
    height: 23px;
    padding-top: 7px;
}
.top .rightDiv .heading span {
    background: url("../images/section-arrow.jpg") no-repeat scroll 7px 1px transparent;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 29px;
}
.clearBoth{
	clear:both;
}
.register{
	color:#769443;
}
.eventName{
	color:#319ED0;
	font-weight:bold;
}
.grid-row, .grid-row-over, .grid-row-inactive {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top-color: #FFFFFF;
    cursor: default;
    width: 100%;
}
.grid-row td, .grid-row-inactive td, .grid-row-over td {
    border-bottom: 1px solid #EDECEC;
    padding: 7px;
}
/* grid header */
.grid-header, .form-header { 
	cursor:default;
	padding:5px;
	border-bottom: 1px solid #EDECEC;
	
}
	.grid-header th
	{
		padding:5px;
		text-align:left;
		background-color: #DCE3E7;
		
	}
		.grid-header th.grid-header-hover {
			background-color:#ccc;
		}
	.grid-header a {
		display: block;
		text-decoration: none;
		color:#333;
		
	}
	.grid-header a:hover {
		text-decoration: underline;
	}

.registerLink{
	 background: url("../images/Register.jpg") no-repeat  transparent;	
	 height:24px;
	 width:92px;
	 display: block;
}
.purchaseLink{
	 background: url("../images/purchase.jpg") no-repeat  transparent;	
	 height:24px;
	 width:102px;
	 display: block;
}
#ajax-loading, #ajax-fileloading {
	display: none;
	text-align: center;
	background: #ffffcc;
	color:  #999;
	padding: 5px 10px;
	width: 180px;
	z-index: 1000;
}

#ajax-loading img, #ajax-fileloading img {
	vertical-align: bottom;
	margin-right: 5px;
}
.nav-bg .wrap {
    height: 31px;
    margin: 0 auto;
    overflow: hidden;
}
.nav-bg ul li {
    float: left;
    list-style: none outside none;
    padding: 0 5px 0 0;
}
.nav-bg  ul li a {
    color: #3396CF;
    display: block;
    padding: 0.7em 1em;
    text-decoration: none;
    font-weight: bold;
}
/* form */
.register-now, .register, .continue .submit {
	padding: 5px 10px; color: #fff; 
	border: none; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	cursor: pointer; 
	font-size: 1.2em; 
	margin: 0 10px;
}

.register, .continue .submit {background: #006699; background: -webkit-gradient(linear, left top, left bottom, from(#3d96c3), to(#006699)); background: -moz-linear-gradient(top, #78bbd5,  #006699); border: solid 1px #3d96c3; text-shadow: -1px -1px 1px #004874;}
.register:hover, .continue .submit:hover {background: #006699;}

.register-now {
	background: #3c7f2d; background: 
	-webkit-gradient(linear, left top, left bottom, from(#6fad04), to(#3c7f2d)); 
	background: -moz-linear-gradient(top, #6fad04,  #3c7f2d); 
	border: solid 1px #6fad04; 
	text-shadow: -1px -1px 1px #357227;
	margin: 0;
}
.register-now:hover, .register:hover, .continue .submit:hover {background: #006699;}

.register-now:hover {background: #3c7f2d; margin: 0;}
/* progress bar */
.progress-bar ol {
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.progress-bar li {
    float: left;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    width: 25%;
}
.progress-bar li {
    border-top: 2px solid #BBBBBB;
    color: #555555;
}
.progress-bar .active {
    border-top: 2px solid #006699;
    color: #000000;
	font-weight: bold;
}
.active .progressarrow {
    background: url("/images/progress-arrow.png") no-repeat scroll 0 0 transparent;
	height: 12px;
    margin: -17px auto 5px;
    position: relative;
    top: 0;
    width: 20px;
}

.progress-bar .completed {
    border-top: 2px solid #006699;
    color: #000000;
}

/*For event*/
	  #event h1{
	    background: url("../images/heading-bg.jpg") repeat-x scroll 0 0 transparent;
	    color: #fff;	
		padding:5px;
		font-size:15px;
		}
	 
	  #event h3{
	    background: url("../images/navbg.jpg") repeat-x scroll 0 0 transparent;
	    color: #333;	
		padding:5px;
		font-size:12px;
		border: 1px solid #EDE8E8;
		}
		.question{
		color: #000263;	
		cursor: pointer;
		}
		#event p {
		    margin: 0.2em 0 1em;
			line-height:20px;
		}	
		#event div {
			padding-top:5px;
		}
		#event td {
			padding-top:5px;
		}	
		 #event label{ 
		    float: left;
		    padding-left: 74px;
		    text-align: left;
		    width: 122px;
		}
		.headingLeft{
			padding-left: 24px;
		}
		
/* Event 
 * 
 */		
.event h2 { 
	margin: 10px 0 0 0;
	padding: 0 0 4px;
	color: #000;
}
	.event h4 { color: #000; }
/* end Event 
 * 
 */	
.ui-tabs {
    padding: 0;
}
.ui-tabls li { list-style: none; }
.ui-corner-all {
    -moz-border-radius: 0 0 0 0;
    border: medium none;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
}
.ui-tabs .ui-tabs-panel {
    border-color: -moz-use-text-color #D3D3D3 #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
.ui-widget-header {
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #D3D3D3;
    border-style: none none solid;
    border-width: medium medium 1px;
}
.ui-widget-content {
    color: #555555;
    font-family: "trebuchet ms",Arial,Helvetica,Sans-Serif;
    font-size: 1em;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: url("/images/tabbg.jpg") repeat-x scroll 0 0 transparent;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-nav li.ui-tabs-selected a {
    background: none repeat scroll 0 0 transparent;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background: url("/images/tabselected.jpg") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #D3D3D3;
}
/***Ce statement***/
#ceStatement h1{
	background-color:#1079BA;
	text-align:center; 
	color:#fff;	
	font-size:15px;	
}
#ceStatement .topLeft{
	width:49%;
	float:left;
	height:250px;	
	overflow: auto;	 
}
#ceStatement .topRight{
	width:49%;
	float:right;
	height:250px;	
	overflow: auto;
}
#ceStatement .bottomLeft{
	width:49%;
	float:left;
	height:250px;
	overflow: auto;
}
#ceStatement .bottomRight{ 
	width:49%;
	float:right;
	height:250px;
	overflow: auto;
}		
.hide {
	display:none;
}
.question {
	font-weight:bold;
}
.answer {
	color:#47A1DD;
	padding-top:5px;
}
/* exam */
.exam { }
	.exam h2 { text-align: center; 
		padding: 10px 0 10px !important;
		color: #000000 !important;
		margin: 0;
	}
	.evaluation h2 { text-align: left; }
	
	.exam h3 {
	    background-color: transparent !important;
	    color: #000000 !important;
	    font-size: 11pt !important;
	    font-weight: bold !important;
	    margin: 0 !important;
	    padding: 10px 0 10px 10px;
		border-bottom: 1px solid #EBEBEB;
		border-top: 1px solid #EBEBEB;
		background-color: #DDE5F6;

	}
	
	.exam ul.answers {
	    border: 0 solid #000000;
	    margin: 0;
	    padding: 10px 0 10px 18px;
	}
		.exam ul.answers li {
			list-style: none;
		}
			.exam ul.answers li label, .exam ul.answers li div {
				background-color: transparent;
			    display: block;
			    margin: 0;
			    padding: 10px 5px;
			    vertical-align: text-top;
				border: 1px solid #fff;
				
			}
			.exam ul.answers li label {
				cursor: pointer;
			}
			.exam .answers .correct, .exam .correct {
				background-color: #D7EDD9;
    			border-color: #C3E4C5;
    			color: #777777;
			}
			.exam .answers .incorrect, .exam .incorrect {
				background-color: #F6DDDD;
			    border-color: #F2CCCC;
			    color: #777777;
			}
			
				.exam ul.answers li label:hover {
					background-color: #FFFFE8;
					border: 1px solid #FFFFCC;
				}
	.exam .exam-button-div {
		text-align: center;
		border-top: 1px solid #EBEBEB;
		padding: 10px 0 10px !important;
	}
	
/* login */
div.login-form {
  margin: 40px auto 20px;
  width: 560px;
  background: white;
  border: solid 1px #CCC;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.login-form .login-header {
	background-image: linear-gradient(bottom, rgb(204,204,204) 8%, rgb(239,239,239) 100%);
	background-image: -o-linear-gradient(bottom, rgb(204,204,204) 8%, rgb(239,239,239) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 8%, rgb(239,239,239) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 8%, rgb(239,239,239) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 8%, rgb(239,239,239) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, rgb(204,204,204)),
		color-stop(1, rgb(239,239,239))
	);
	border-bottom: solid 1px #999999;
}
div.login-form .login-header h2 {
  color: #000000;	
  font-size: 32px;
  line-height: 40px;
  margin: 0;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 0;
  text-shadow: 0 1px 2px white;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}

#distance-tab.ui-state-default { background-image : none; background-color : #cccccc; font-weight : bolder; }

/* custom tabs */
.nav-tabs {
    border-bottom: 1px solid #DDDDDD;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px 2px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
}
.nav-tabs > li > a:hover {
    border-color: #EEEEEE #EEEEEE #DDDDDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0px;
    color: #555555;
    cursor: default;
}
.nav-tabs.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    left: auto;
    top: auto;
}

.nav-tabs .ui-state-active, .nav-tabs .ui-widget-content .ui-state-active {
	background-image: none;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-header {padding:0px;}