@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	background-image:url(../../images/bg.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif !important;
	background-color:#f5f5f5;
	height:100px;
}

a{
	outline:none;	
}

h1{
	font-size:24px;
}

h2{
	font-size:22px;
}

h3{
	font-size:20px;
}

h4{
	font-size:18px;
}

h5{
	font-size:16px;
}

h6{
	font-size:14px;
}

p{
	font-size:12px;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

/**** Header Style ****/

.header{
	float:left;
	width:971px;
	margin:0 0 0 12px;
	height:150px;
	background-image:url(../../images/headerBg.png);
	background-repeat:no-repeat;	
}

.innerHeader{
	float:left;
	width:971px;
	margin:0 0 0 12px;
	height:150px;
	background-image:url(../../images/headerBg.png);
	background-repeat:no-repeat;	
}

.logo{
	float:left;
	width:498px;
	margin:20px	 0 0 0px;
}

.topRight{
	float:right;
	width:302px;
	height:33px;
	background-image:url(../../images/topLinkBg.png);
	background-repeat:no-repeat;	

}

.topRight ul{
	padding:0 0 0 50px;
	margin:0 0 0 0;
}

.topRight ul li{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:12px;
	color:#fff;
	display:inline;
}

.topRight a{
	 text-decoration:none;
	 display:inline;
	 padding:0 8px 0 5px;
	 color:#fff;
}

.topRight a:hover{
	color:#f2cd1b;
}

.logedIn{
	float:right;
	width:302px;
	text-align:right;
	margin:68px 0 0 0;
	color:#fff;
	font-size:12px;
}

.logedIn a{
	text-align:right;
	text-decoration:none;
	display:inline;
	color:#fff;
	font-size:12px;
	padding:0 8px 0 6px;
}

.logedIn a:hover{	
	color:#f2cd1b;	
}


/****** Navigation **********/


.navigation{
	float:left;
	width:975px;
	height:47px;
	line-height:47px;
	clear:both;
	background-image:url(../../images/nav_bg.png);
	background-repeat:no-repeat;
	margin:4px 0 0 0px;
}


.menu { padding:0px 0 0 0; margin:1px 0 0 0 ; width:975px;  float:left; }
.menu ul {  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { border-style: none;
    border-color: inherit;
    border-width: 0;
    float:left; padding:0 12px; margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.menu ul li a { float:left; margin:0; padding:20px 0; color:#fff; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; } 
.menu ul li a span { padding:20px 10px; background:none; }
.menu ul li a:hover { color:#fff;  background: url(../../images/r_menu.png) no-repeat right; }
.menu ul li a:hover span { color:#000;  background:url(../../images/l_menu.png) no-repeat left; position:relative; top:-1px;  *+position:relative; *+top:0px; /*** IE7 ***/}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 .menu ul li a:hover span{ 
  top:-1px;
 }
}


/*** IE8 ***/
@media \0screen {
  .menu ul li a:hover span {
      top:-1px;
      }
}




.menu ul li a.active {  color:#000;background:url(../../images/r_menu.png) no-repeat right; position:relative; top:0px; }
.menu ul li a.active span { color:#000;  background:url(../../images/l_menu.png) no-repeat left; position:relative; top:-2px; *+position:relative; *+top:0px; /*** IE7 ***/ }
    @media screen and (-webkit-min-device-pixel-ratio:0)
{
 .menu ul li a.active span{ 
   top:-2px;
 }
}


/*** IE8 ***/
@media \0screen {
  .menu ul li a.active span {
      top:-2px;
      }
}


/****** Navigation **********/


/**** Body Style ****/

.container{
	float:left;
	width:1000px;
	min-height:600px;
	background-image:url(../../images/bdyShadow.png);
	background-repeat:no-repeat;
	position:top;
	margin-top:31px;	
}

.loginContainer{
	float:left;
	width:1000px;
	height:150px;
	background-image:url(../../images/LoginShadow.png);
	background-repeat:no-repeat;
	background-position:top;	
}

.containerInner{
 	background-color: #FFFFFF;
    float: left;
    margin: 0 0 0 13px;
    padding: 0 0 20px;
    width: 970px;	
}


.newTrainingevent{
	float:right;
	width:194px;
	height:32px;
	background-image:url(../../images/blueBigBtn.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:28px;

}

.newTrainingevent a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

.newTrainingevent a:hover{
	text-decoration:none;
	color:#f2cd1b;
}

.newTrainingeventMedium{
	float:right;
	width:140px;
	height:32px;
	background-image:url(../../images/blueMediumBtn.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:28px;

}

.newTrainingeventMedium a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

.newTrainingeventMedium a:hover{
	text-decoration:none;
	color:#f2cd1b;
}

.grayBoxhorizontalBg{
	background-image:url(../../images/greyBoxbg.png);
	background-repeat:repeat-y;	
	vertical-align:top;
}

.grayBoxhorizontalBg h1{
	font-size:15px;
	font-family:verdana;
	color:#0f499a;
	font-weight:bold;
	padding:0 0 0 15px;
	margin:-5px 0 0 0;
}


.innboxRow{
	float:left;
	width:360px;
	margin:7px 0 0 10px;
}
.grayBoxhorizontalBg p{
	font-size:12px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.grayBoxhorizontalBg span{
	font-size:12px;
	font-weight:bold;
	padding:5px 0 0 0;
}

.innboxRowReadMore{
	float:left;
	width:360px;
	text-align:right;
	margin:8px 10px 0 0;
}

.innboxRowReadMore a{
	text-decoration:none;
	font-size:11px !important;
	color:#0F499A;
	font-style:italic;
}

.innboxRowReadMore a:hover{
	color:#000;
	text-decoration:underline !important;
}


.grayBoxhorizontalBg a{
	text-decoration:none;
	color:#0f499a;
	font-size:12px;
}



.grayBoxhorizontalBg a:hover{
	text-decoration:none;
	color:#000;
}

.ReadMore a{
	text-decoration:none;
	color:#0f499a;
	font-size:11px;
	text-align:right;
	font-style:italic;
}

.ReadMore a:hover{
text-decoration:#000;
}

.grayBoxVerticalBg{
	float:left;
	width:397px;
	height:305px;
	margin:0 0 0 2px;
	padding:0 0 10px 0;
	background-image:url(../../images/boxGrad.jpg);	
	background-repeat:repeat-x;
	background-color:#fff;
	border:1px solid none;
	
}

.fullgrayBoxVerticalBg{
	float:left;	
	width:60%;
	margin:0 0 0 2px;
	padding:0 0 10px 0;
	background-image:url(../../images/boxGrad.png);
	background-repeat:repeat-x;
	background-color:#fefefe;
}


.viewAll{
	float:right;
	width:105px;
	height:28px;
	background:url(../../images/viewAll.png) no-repeat;	
	background-color:none;
	text-align:center;
	line-height:28px;
	margin:0 5px 0 0;
}

.viewAll a{
	color:#fff;
	text-decoration:none;

}

.viewAll a:hover{
	color:#ffd411;
}


/**** Footer Style ****/


.footer{
	float:left;
	width:971px;
	height:69px;
	background-image:url(../../images/footerBg.png);
	background-repeat:no-repeat;
	text-align:center;
	margin:20px 0 0 17px; 

}

.footerNav{
	float:left;
	width:971px;		
	margin-top:15px;
}

.footerNav ul{
	margin:0 0 0 10px;
	padding:0 0 0 0;
	list-style:none;
}

.footerNav ul li{
	margin:0 5px 0 0px;
	padding:0 0 0 0;
	list-style:none;
	display:inline;
	color:#3f3f3f;
	font-size:12px;
}

.footerNav ul li span{	
	display:inline;
	color:#8b8b8b;
	font-size:12px;
}

.footerNav ul li a{
	text-decoration:none;
	color:#3f3f3f;
	padding:0 10px 0 10px;
}

.footerNav ul li a:hover{
	text-decoration:none;
}


/**************** Login Styles *************/

.loginWrap{
	margin:35px auto 35px auto;
	width:350px;
	height:230px;
}


.loginBdy{
	float:left;
	width:350px;
	height:230px;
	background-image:url(../../images/loginBg.png);
	background-repeat:no-repeat;
}

.loginBdy h1{
	float:left;
	width:265px;
	margin:20px 0 0 60px;
	border-bottom:1px solid #d8d9db;
	padding:0 0 10px 5px;
	font-size:18px;
	font-weight:normal;
	color:#949597;
	text-align:left;
}

.loginForm{
	float:left;
	width:330px;
	margin:30px 0 0 15px;	
}



.loginForm .label{		
	font-size:12px;
	color:#3a3c40;
	
}

.loginForm .input{
	float:left;
	width:236px;
	padding:2px 2px 2px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #d8d8d8;
	background-color:#fff;
}

.loginFormRow .btn{
	margin:0 0 0 0;	
}

.forgotPass{
	color:#4690f7;
	vertical-align:middle;
}

.forgotPass a{
	color:#4690f7;
	text-decoration:none;
	font-size:12px;
}

.forgotPass a:hover{
	color:#000;
}

.btnLogin{
	float:left;
	width:70px;
	height:29px;
	background-image:url(../../images/btn_login.png);
	background-repeat:no-repeat;
	text-align:center;
}

.btnLogin a{
	float:left;
	width:70px;
	height:29px;
	line-height:27px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

.btnLogin a:hover{
	color:#f2cd1b;
}

.btnRegister{
	float:left;
	width:100;
	height:29px;
	background-image:url(../../images/btn_register.png);
	background-repeat:no-repeat;
	text-align:center;
	margin:0 0 0 5px;
}

.btnRegister a{
	float:left;
	width:100px;
	height:29px;
	line-height:28px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

.btnRegister a:hover{
	color:#f2cd1b;
}


/**** Common Style ****/

.blueLinks{
	color:#27558f;
	font-size:14px;
	font-weight:bold;
}

.blueLinks a{
	color:#27558f;
	font-size:14px;
	text-decoration:none;
}

.blueLinks a:hover{
	color:#000;
}

.moreIcon{
	margin-bottom:-3px;
}

.left{
	float:left;
}

.clr{
	clear:both;
}

.gridData{
	border:1px solid #ccc;
}

.gridData th{
	font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
}

.searchhead
{
    font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
    
    }
.gridData .gridHeader{
	font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
}

.gridHeader a {
	font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
}

.gridData td{
	font-size:12px;
	color:#383838;
	padding:3px 0 3px 10px;	
}

.gridData .gridRow{
	background-color:#f2f2f2;	
}

.gridData .gridRow:hover{
	background-color:#d2d2d2;	
}

.gridData .gridAltRow{
	background-color:#fff;	
}

.gridData .gridAltRow:hover{
	background-color:#d2d2d2;	
}


.form{
	border:1px solid #e1e1e1;
	padding:0px 0 0 0px
}

.form td{
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	padding:5px 0 0 10px
}

.label{
	font-size:12px !important;
	color:#3c3c3c3;
	text-align:right;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif !important;
}

label{
	font-size:12px !important;
	color:#3c3c3c3;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif !important;
	
}

.label2{
	font-size:12px !important;
	color:#3c3c3c3;
	text-align:left;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif !important;
}

label2{
	font-size:12px !important;
	color:#3c3c3c3;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif !important;
	
}

.FormLabel
{
	font-size:12px;
	float:right;
	color:#3c3c3c3;
}

.txtBoxMedium{
	width:200px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

.txtBoxCalendar{
	width:175px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

.TextBox
{
	width:200px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

.txtBoxlarge{
	width:400px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

.TextBoxWatermark
{
    height:14px;
    width:200px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;    
    font-size:10px;
    font-style:italic;
    font-family:verdana,tahoma,helvetica;
	color:#9F9F9F;
	border:1px solid #e1e1e1;	
}

.DropDownMedium{
	width:206px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

.DropDown
{
	width:206px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}

select
{
	width:50px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#3c3c3c;
	border:1px solid #e1e1e1;
}


.submit{
	color:#fff;
	text-align:center;
	font-size:14px;
	background:#fff url(../../images/submit.png);	
	width:70px;
	height:29px;
	border:none;
	padding:0 0 4px 0;
	margin:0 0 5px 0;
	cursor:pointer;
}

.submit:hover{
	color:#ffd411;
	text-align:center;
	font-size:14px;	
}


.bdr{
	border:1px solid #e1e1e1;}



/*********** Search Criteria ***********/

.SearchHead{
	width:302px;
	height:24px;
	background-image:url(../../images/bigBoxTop.png);
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	padding:14px 0 5px 20px;

}

.SearchHead img{
	margin:0px 0 -3px 0;

}

.bigBoxBg{
	background-image:url(../../images/bigBoxBg.png);
	background-repeat:repeat-y;
}

.BlueHead{
	width:302px;
	height:25px;
	background-image:url(../../images/blueTop.png);
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	padding:10px 0 3px 20px;

}

.BlueHead img{
	margin:0 0 -2px 0;

}

.whiteBoxBg{
	background-image:url(../../images/whiteBoxBg.png);
	background-repeat:repeat-y;
}

.SearchCriteria{
	width:932px;
	margin:20px 0 0 0;
}

.SearchCriteria td{	
	padding:5px 0 0 10px
}


.SearchgridData{	
	padding:10px 0 0 0;
}

.SearchgridData th{
	font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
}

.SearchgridData td{
	font-size:12px;
	color:#383838;
	padding:3px 0 3px 10px;	
}

.SearchgridData .gridRow{
	background-color:#f2f2f2;	
}

.SearchgridData .gridHader{
	font-size:13px;
	font-weight:bold;
	background-color:#3e689f;
	color:#fff;
	padding:3px 0 3px 10px;	
}

.SearchgridData .gridHader a {
	
	color:#fff;
	
}

.SearchgridData .gridRow:hover{
	background-color:#d2d2d2;	
}

.SearchgridData .gridAltRow{
	background-color:#fff;	
}

.gridData .gridAltRow:hover{
	background-color:#d2d2d2;	
}


.blueBtnBg{
	background-image:url(../../images/btnbG.png);
	background-repeat:repeat-x;
	height:35px;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding:0 10px 0 10px;

}

.blueBtnBg:hover{
	border:#ffcc00;
}

.blueBtnBg a{
	text-decoration:none;
	color:#fff;
}

.icon {
    background: url("../../images/reg_sprites_flat.png"); 
    background-repeat:no-repeat;
    padding:0 0 0 20px;
     font: 13px/1.22 arial,helvetica,clean,sans-serif;
    font-size:12px;
    
}

.boxHeight{    
    height:325px;        
}



/**************************** Model PopUP ************************/

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#EEEEEE;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:300px;
}


	/************************* End Model Popup ***************************/		
	
	/******* Page Captions *************************/
	.smlHeading{
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0 10px;
	vertical-align:top;
	text-align:right;
        }

.normalTxt{
    font-size:12px;
    font-family:Verdana;
	padding:10px 0 0 10px;
	text-align:justify;
	white-space: normal;
	
	
        }
        
        .myList ul
        {
            padding-left:0;
            
        }
        
        .myList ul li
        {
            
            list-style-position:inside;
        }

        .bg-Bdr{
	background-color:#f8f8f8;
	border:1px solid #e1e1e1;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
  	box-shadow: 1px 2px 5px #d5d5d5;

}


	/******* Page Captions *************************/
	


.trgcalendar {
	border-collapse: collapse;
	width: 50%;
	margin: 24px;
	font-size: 1.1em;
	
}

.trgcalendarHeader {
	background: #3e83c9;
	color: #fff;
	font-family:verdana;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
	height:25px

}

.trgcalendar {
	font-family:verdana;
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
	line-height: 4.5;
}

.trgcalendarRow{
	background-color:#f2f2f2;	
	height:50px;
	margin-left:5px
}

.trgcalendarRow:hover{
	background-color:#d2d2d2;	
}

.trgcalendarAltRow{
	background-color:#f2f2f1;
	height:50px;
}

.trgcalendarAltRow:hover{
	background-color:#d2d2d2;	
}


.yellowText{
	font-family:Verdana, Arial, Helvetica, sans-serif; !important
	font-size:13px !important;
	color:#000 !important;
	font-weight:bold !important;

}

.certificate{
	border:4px solid #CACACA;
	background-color:#fff;
	padding:0 10px 0 10px;
	margin:2px 0 0 0;
}

.transcript{
	/*border:4px solid #3369B5;*/
	border:4px solid #CACACA;
	background-color:#fff;
	padding:10px 10px 0 5px;

}

.txtLink{
	font-family:Arial, Helvetica, sans-serif;
}

.txtLink a{
	text-decoration:none;
	font-size:11px !important;
	color:#0F499A;
	font-style:normal;
	padding:0 0 0 0;
}

.txtLink a:hover{
	color:#000;
	text-decoration:underline;
}

.greyBdr{
	border:1px solid #cacaca
}

.blueBtnBgNew{
	 background-image: url("../../images/blueBtnBg2.png"); 
	 background-repeat:repeat-x;
	 line-height:34px !Important;
	 height:37px !Important;
	 text-align:center;
	 padding:0 5px 0 5px;
}

.blueBtnBgNew a{
	font-size:13px !Important;
	font-weight:normal !Important;
	color:#fff;
	text-decoration:none;
	padding:0 !Important;
	margin:0 !Important;

}

.blueBtnBgNew a:hover{
	color:#FDCA00;
}

.roledBar{
	width:100%;
	background-image: url("../../images/GrayBar.png"); 
	background-repeat:repeat-x;
	height:34px;
	border:1px solid #C8C8C8;
	margin:0 0 15px 0;
	text-align:center;
}

.roledBar ul{
	padding:0 0 0 0;
	margin:0 0 0 10px;
}

.roledBar ul li{
	padding:0 0 0 0;
	margin:0 0 0 0px;
	list-style:none;
	display:inline;
	line-height:34px;
}

.roledBar ul li a{
	padding:0 10px 0 10px;
	margin:0 0 0 0;
	color:#106589;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	text-decoration:none;
	/*background-image: url("../../images/seprator.png"); */
	background-repeat:no-repeat;
	background-position:right;
	line-height:34px;
	
}

.roledBar ul li a:hover{
color:#000;
}

.roledBar ul li a.active{
	color:#000;
	font-weight:bold;
}
.roledBar ul li a.noBg{
	background-image:none;
}

.blueThemeBtn{
	 background-image: url("../../images/blueBtnTheme.png"); 
	 background-repeat:repeat-x;
	 line-height:23px;
	 height:25px;
	 text-align:center;	
	 border:1px solid #3071C2;
}

.blueThemeBtn a{
	text-decoration:none;
	 padding:0 5px 0 5px;
	 color:#fff;
}

.blueThemeBtn a:hover{
	color:#FECB00;
}


.BlueHead2{

width:302px;

/*height:25px;*/

/*background-image:url(../../images/blueTop.png);*/

background-color:#3e689f;

background-repeat:no-repeat;

font-size:14px;

color:#fff;

}

.trgcalendarHeader_search {

background: #3e83c9;

color: #fff; 

font-weight: bold; 

text-align: left; 

line-height: 1.2;

height:25px;

width:100%;


}

.trgcalendarHeader_search a {

background: #3e83c9;

color: #fff; 

font-weight: bold; 

text-align: left; 

line-height: 1.2;

height:30px;

width:302px;

text-decoration:none;

}

.GridPagerRow
{
    text-align:right;
    padding-right:10px !important;
    font-weight:bold;
    
    }