@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri_0-webfont.eot');
    src: url('fonts/calibri_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri_0-webfont.woff') format('woff'),
         url('fonts/calibri_0-webfont.ttf') format('truetype'),
         url('fonts/calibri_0-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@charset "utf-8";
/**
*
* Style for ETSDC *
*  Pentagon
* 
*/
a:link {
	color:#ad4703;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
}
a:visited {
	color:#407fb9;
	text-decoration: none;
}
a:hover {
	color:#407fb9;
	text-decoration: none;
}
a:active {
	color:#407fb9;
	text-decoration: none;
}





body{
background-image: url(../images/bdy_bg.jpg);
background-repeat: repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
}
* {
	margin:0;
	padding:0;
}
ul li {
	list-style:none;
	
}
fieldset {
	padding:10px;
}
fieldset ul li {
	padding:5px 0px;
}

#container {
	width:100%;
	height:100%;
	background-image: url(../images/bdy_bg.jpg);
background-repeat: repeat;
}
#main-wrapper{width:auto;
height:auto;
max-width:1100px;
margin:0 auto;
}



#header {
	width:100%;
	height:auto;
	background: rgb(228, 228, 228) !important;
	padding: 0 8px 0 8px;
	
}
#header h1 {
	padding:10px 0px 0px 0px;
}
#header h1 a {
	color:#fff;
	text-decoration:none;
}
.content {
	width:1060;
	margin:0 auto;
	background:#EFFBFF;
	padding:20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#000;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top:25px;
}
#1200r {
	height:75px;
	background:#C8C0FF;

}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.table-head {
	height:30px;
	background: #2748F6;
	color:#ccc;
}
.table-head a {
	text-decoration:none;
	color:#ccc;
}
.table-rows {
	height:35px;
}
.table-rows td{padding:0px 4px;}
.form-list li {
	list-style:none;
}
.admin-search{width:1020px;}
.side-menu {
	width:150px;
	margin-right:20px;
}
.main-content {
	width:100%;
}
.side-menu ul li {
	padding:5px;
	border-bottom:dotted 1px #ddd;
}
.side-menu ul li a {
	text-decoration:none;
}
#login_main{
width: 640px;
height: auto;
margin: 0 auto;
/*background-color: #FFFFFF;*/
border-radius: 6px;
margin-top: 8%;
border: 1px solid #cecece;
-webkit-box-shadow: rgba(180, 180, 180, 0.7) 0 4px 10px -1px;
box-shadow: rgba(180, 180, 180, 0.7) 0 4px 10px -1px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(228,228,228,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(228,228,228,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(228,228,228,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */





}
legend h2{
	display:none;}
.login-logo{
	float:left;
	padding: 28px 0px 0px 43px;
	}

#login_main h1.logo a img{
width: 180px;
height: 121px;
float: none !important;
display: block;
text-align: center;
margin: 0 auto;
	}
#login_main #header{
	background:none !important;}	
.logo{

 /*float: left !important;*/
 clear:both;
}


.main-menu{
/*	width: 820px;
float: left;
margin-top: 22px;
font-family:Arial, Helvetica, sans-serif;*/

width: 820px;
float: right;
margin-top: -91px;
  font-family: 'CalibriRegular';
	}

.login-form{width:100%;
height:auto;
float:left;
clear:left;
padding:20px;

}
.form-content{
background:none !important;
min-height:170px;
border:none !important;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding-top:10px;
	padding-bottom: 20px;
}
.form-content table, tr, td, th{border:none !important;
}
h2{
font-family: 'CalibriRegular';
font-size: 19px;
color: #494949;
text-transform: uppercase;
}
h3{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:17px;
color:#000;
padding-left:5px;
}




.text{
font-family: 'CalibriRegular';
font-size:14px;
text-align:left;
color:#000000;
text-transform:uppercase;
}

#UserLoginForm .form-field {

border: 1px solid #eeeeee;
background: #FFFFFF;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
width: 303px;
height: 48px;
max-width:303px;
	}
.form-field {
	background:#FFF;
	width:200px;
	max-width:200px;
	height:28px;
	float:left;
	clear:none;
	border:;
	padding:2px 4px;
	border:#d5d3d3 solid 1px ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.form-button {
	background: #2a349a;
width: auto;
padding:0px 8px;
height:31px;
color:#FFFFFF;
font-family: 'CalibriRegular';
text-transform:uppercase;
	float:right;
	clear:none;
	border:none !important;
	margin:2px 2px;
	cursor:pointer;
		border:#d5d3d3 solid 1px ;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.form-button:hover {
	background: #1852c1;
	width: auto;
height:31px;
padding:0px 8px;
color:#FFFFFF;

	float:right;
	clear:none;
	border:none !important;
	margin:2px 2px;
	cursor:pointer;
		border:#d5d3d3 solid 1px ;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
}
#menu{width:270px;
height:auto;
float:left;
clear:none;
font-family:Calibri, Arial, Helvetica, sans-serif;
}
#menu ul{margin:0px;
padding:10px;
background:#e6e4e4;
width:250px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#menu ul li{list-style:none;
display:block;
height:30px;
margin:2px 0px 2px 0px;
}
#menu ul li a{
display:block;
padding:5px 5px;;
height:auto;
font-size:16px;
text-align:left;
border:#d5d3d3 solid 1px ;
color:#000;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#menu ul li a:hover{background:#d4d0d0;
color:#990066;
border:#cac8c8 solid 1px ;

-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.main-cont{width:1020px;
height:auto;
float:left;
clear:none;
margin:0px 0px 0px 10px;
background: #FDE3AA;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
}
.main-cont table, tr, td, th{padding:5px;
border:#d5d3d3 solid 1px ;
}
.main-cont th{padding:5px;
border:#376EAF solid 1px ;
}
.np{background:#d4d0d0;
	height:auto;
	float:left;
	clear:none;
	border:none !important;
	margin:2px 2px;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}
.np:hover{background:#b6b7b7;
color:#990066;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;}
.actions ul li{
border-right: 1px solid #999999;
float: right;
margin-right: 7px;
padding-right: 5px;
}
.center{text-align:center;}
.paging{text-align:right;margin-top:10px;}
.paging .disabled:hover{background:#d4d0d0 !important;color:#000 !important;}
.paging .current:hover{background:#d4d0d0 !important;color:#000 !important;}
.paging span{background:#d4d0d0;
	height:auto;
	/*float:right;*/
	clear:none;
	border:none !important;
	margin:2px 2px;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}
.paging span:hover{background:#b6b7b7;
color:#990066;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;}
.form-list{width:100%}
.form-list li{width:100%;padding:5px 5px;}
.form-list .label{width:200px;margin-top:10px;}
.form-list .seperator{width:10px;text-align:center;margin-top:8px;}
.form-list .field{width:400px;}
.textarea{min-height:90px;}
/*#more-course .more-item{border-bottom:dotted 1px #777;}*/
.view dt{width:150px;float:left;clear:both;margin-bottom:8px;}
.view dd{width:450px;float:left;margin-bottom:8px;}
.flash-message{width:100%;}
.login-auth  #authMessage{margin-top: 18%;}
.login-flash #flashMessage{margin-top: 18%;}
#flashMessage, #authMessage{
	 font-family: 'CalibriRegular';
width: 43%;
text-align: left;
/* padding: 2%; */
font-size: 13px;
/* margin: 0 auto; */
color: #2d3194;
text-transform: uppercase;
float: left;
/* margin-right: 1%; */
/* display: inline-table; */

margin-left: 5%;
/* padding-left: 0%; */
	
	}
.errorMessage{/*background: #FFFAFA;
border: 1px solid #BEBEBE;
border-radius: 3px;*/
color:#2d3194;
padding-left:7%;

}
.authMessage .message{
		/*background: #FFFAFA;
border: 1px solid #BEBEBE;
border-radius: 3px;*/
color:#2d3194;
padding-left:7%;

	}
.error-message{clear:both;color:#F94343;}
.home-inactive-user{width:500px;}
.home-inactive-user li{padding:3px 2px;}
.filter-grid{width:500px;margin:0 auto; }
.filter-grid li{float:left; }
.filter-grid .label{padding:5px 10px;
font-family:Arial, Helvetica, sans-serif;}


.x-window-tl{
	background:rgb(255, 197, 124) !important;
border-top: 1px solid rgb(235, 160, 0);
background-image:none !important;
	 }
	 .x-window-tr{
		 background-image:none !important;
		 background:rgb(255, 197, 124) !important;
		 }
		 .x-window-tc{
			 background-image:none !important;
			 background:rgb(255, 197, 124) !important;}
			 
			 
			 .x-window-bc{
				 background:rgb(255, 197, 124) !important;
		background-image:none !important;
				 }
				 .x-window-br{
					 background:rgb(255, 197, 124) !important;
		background-image:none !important;
					 }
					 .x-window-maximized .x-window-tc{
						 background:rgb(255, 197, 124) !important;
						 }
			 
	.x-window-ml{
		background:rgb(255, 197, 124) !important;
		background-image:none !important;}
		.x-window-mr{
			background:rgb(255, 197, 124) !important;
		background-image:none !important;
			}
		.x-window-mc{
			background:rgb(255, 197, 124)!important;
		background-image:none !important;
			}
/*		.x-window-bl{background:rgb(121, 178, 252) !important;
		background-image:none !important;
			}	*/	
			
	.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
border-top-color: #83B8FF;
background: rgb(255, 223, 174) !important;
}
.x-panel-ml{
	background: rgb(255, 223, 174) !important}	
.x-panel-mr{
	background: rgb(255, 223, 174) !important}
.x-panel-mc{
	background: rgb(255, 223, 174) !important
	}
.x-btn-icon .x-btn-small .x-btn-text {
height: 16px;
width: 16px;
background-color: rgb(253, 253, 253) !important;
border-radius: 2px;
color: red !Important;
}

.x-window-bl {
background-image: none !important;
background: rgb(255, 194, 128) !important;
}

.x-panel-bl {
background: #FFAF37 !important;
border-bottom-color: #FFBE18 !important;
}	
.x-panel-br {
background: rgb(255, 180, 84) !important;
}
	.x-panel-bc {
background-image: url(../images/default/panel/top-bottom.gif);
background: #FFF3D3 !important;
}	
.x-form-cb-label{
	color:#1F1F1F !important;}
	
.x-panel-tr	{
	border-bottom-color: #FFB286 !important;
	}
	
.x-window-plain .x-window-body {
border-color: #E47803 #E47803 #E47803 #E47803 !important;
}	
.x-panel-tl{
	border-bottom-color: #FDEFDA !important;
	}	
.popup-view td:first-child { 
background: rgb(255, 244, 229) !important;
padding: .2%;
border-bottom: 1px solid rgb(255, 222, 211) !important; }

.popup-view td:first-child + td + td{
	background: rgb(255, 244, 229) !important;
padding: .2%;
border-bottom: 1px solid rgb(255, 222, 211) !important;
	
	} 
/*.x-grid3-col{
	background: rgb(229, 247, 255) !important;}
*/.x-grid3-cell-inner td:first-child { background-color:#0FC !important; }

.x-grid3-row-checker:first-child {background-color: #C4ECFC;}
.x-grid3-row td:nth-child(2n+3) {background-color: #F3F3F3;}

.data-row td:first-child{
	background: rgb(255, 212, 160) !important;
	}
.data-row td:first-child+td{
	background: rgb(250, 205, 157) !important;

	}
.data-row td:first-child + td + td{
	background: rgb(250, 205, 157) !important;
	}		

.x-form-text, textarea.x-form-field {
background-color: #fff;
background-image: url(../images/default/form/text-bg.gif); 
border-radius: 3px;
}
.x-form-item label.x-form-item-label{
	color:#1F1F1F;}
	
.ext-main-cont{
	/*top: 77px;
position: absolute;
left: 63%;*/
width:343px;
float:right;
margin-top:-40px;
	}
#UserLoginForm{
	float: left;
margin: 0 auto;
display: block;
width: 100%;}	

/*.flash-message	{
	clear:both;}*/
	
.juizdropdown {
position: relative;
height: 43px;
padding: 0;
font-size: 15px;
line-height: 42px;
text-align: left;
border:none !important;
box-shadow:none !important;
text-transform: uppercase;
border-radius: 5px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #1557C8),
color-stop(1, #2B3297)
);
background-image: -o-linear-gradient(bottom, #1557C8 0%, #2B3297 100%) !important;
background-image: -moz-linear-gradient(bottom, #1557C8 0%, #2B3297 100%) !important;
background-image: -webkit-linear-gradient(bottom, #1557C8 0%, #2B3297 100%) !important;
background-image: -ms-linear-gradient(bottom, #1557C8 0%, #2B3297 100%) !important;
background-image: linear-gradient(to bottom, #1557C8 0%, #2B3297 100%) !important;
}	
.juizdropdown a{
text-shadow:none !important;
color:#FFFFFF !important;}


/***** After April 23 ************/

.errorMessage{padding:10px 12px !important; margin:0px !important;color:#F94343 !important; font-size:14px !important;}
.successMessage{padding:10px 12px !important; margin:0px !important;color:#00D369 !important; font-size:14px !important;width:90% !important;}
.course-fields{padding:15px 0px; border-top: dotted 1px #666666;}
.secondTable{border:none !important;padding: 0px !important;background:#EFFBFF !important;}
.secondTable tr{border-bottom: dotted 1px #666666 !important;}
.secondTable tr td{border-bottom: dotted 1px #666666 !important;}

.CourseFields{padding:10px 0px;border-bottom:1px dotted #222;border-top:1px dotted #222; margin:15px 0px;}
.coursesContain{border-bottom:1px dotted #222;padding-bottom:20px;}
.fieldcheckboxes .checkbox{padding:5px 0px;}
.fieldcheckboxes .checkbox label{padding-left:10px;}
ul.courseSubmit{margin-top:20px;}

.upload-status {width:100%; margin-bottom:10px;}
.upload-status ul {width:100%;}
.upload-status ul li{width:30%; float:left;padding:10px 1%;background:#84A9FF;}
.upload-status ul li.first{background:url(../img/arrow.png) no-repeat right #84A9FF ;}
.upload-status ul li.second{background:url(../img/arrow.png) no-repeat right #84A9FF ;}
.upload-status ul li.back{background:url(../img/arrow-back.png) no-repeat right #84A9FF ;}
.upload-status ul li.active{background:url(../img/arrow.png) no-repeat right #1557EF !important; color:#fff;}
.upload-status ul li.activeLast{background: #1557EF !important;}

.RegFields, .TrainneeFields, .CourseField{padding:15px 0px;}
.mapping-result #horiz_containers .topHeading th{font-size:20px; border:solid 1px #D5D3D3 !important;padding:6px !important;text-align: center !important;}
.mapping-result #horiz_containers .mainHeading th{font-size:14px; border:solid 1px #D5D3D3 !important;padding:6px !important;}
.mapping-result #horiz_containers  td{font-size:14px; border-right:solid 1px #D5D3D3 !important;border-left:solid 1px #D5D3D3 !important;padding:6px !important;}
.mapping-result #horiz_containers input[type="text"]  {border: 1px solid #CCCCCC;padding: 4px 5px;}
.mapping-result #horiz_containers table {padding: 0px !important;}
.mapping-result #horiz_container_outer{border: none !important; height:auto !important;min-height:400px !important;}

.import-form li {width:500px;padding:10px 0px;}
.import-form .Field .label {width:200px;}
.import-form .Field .field  {width:280px;}
.import-form .submit{float:left !important;}

.import-form .File .label {width:200px;}
.import-form .File .field  {width:280px;}
/*.permissions .table-rows font{background: none repeat scroll 0 0 #CCCCCC;border-radius: 7px;padding: 3px 10px;}*/
.errorMsg{display:none;color:#FF5151 !important;}
.loginStatus{float: right;
margin-top: -130px;
border-radius: 5px;
background: #FFFFFF;
padding: 6px 9px;
border: 1px solid #DAD0D0;}
.search-forms{border-top: 1px dotted #000000;margin: 15px 0;padding: 10px 0;}
.search-forms .keywordField{width:280px !important;}
.search-forms .keywordField .label{font-size: 15px;margin-top: 3px;width: 50px;}
.search-forms .submitField input{float:left !important; margin:0px 10px !important; height:28px !important;}
.permissions .masterTooltip img{margin-top:5px;}
.permission-list li{padding:4px 0px;}
.permissions .masterTooltip{margin-left:20px;}
.permission-list .label{width:150px; float:left;padding:5px 0px;}
.permission-list .value{width:700px; float:left;}
.masterTooltip{cursor:pointer;}
.tooltip {background-color: #EFFBFF;
    border: 1px solid #C15317;
    border-radius: 5px;
    color: #111111;
    display: none;
    font-size: 12px;
    padding: 10px;
    position: absolute;
	max-width:500px;
    width: auto !important;}
.tooltip-green {border: 1px solid #09AD5E !important;}
.tooltip-rred {border: 1px solid #F71922 !important;}