/* CSS Document */

body {
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#000000;
    margin:0px 0px 0px 0px;
}
 
.formFont { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal;}

.TxtBox { background:#EEE; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:100%; height:15px; border-color:#FF0000; border:solid; border-width:0.05mm; padding:3px 0px 3px 5px;  }

.DDL { background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:100%;}

.Button {background-color:#eee; font-family:Arial, Helvetica, sans-serif; font-size:10px; border-color:#999; padding:2px;  font-family:Arial, Helvetica, sans-serif; font-size:10px; }

.TxtBoxArea { background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:10px; 		width:100%;}


.postedby {
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: left;
    text-indent: 10px;
}
.submitted{
    
    font-weight: bold;
    
    padding-bottom: 5px;
    text-align: left;
    text-indent: 10px;
}
.auto{margin-left:auto;
    margin-right:auto;
}
#banner {
    background-color: #ebf0f5;
    height: 100px;
    width: 100%;
    margin-top:0;
}
.btmbdr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    background-color: #f5f5f5;
}
.bdr {
    border: 2px solid #999999;
}

#logo {
    font-size: 30px;
    line-height: 35px;
    font-weight: bolder;
    color: #000066;
    width: 100px;
    margin-left: 0px;
    text-decoration: underline;
    height: auto;
}
#sitename {
    width: 100px;
    height: 65px;
    margin-left: 10px;
    margin-top: 10px;
}


#undername {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    color: #FFFFFF;
    float: left;
    width: 200px;
    margin-left: 0px;
    letter-spacing: 8px;
    text-decoration: none;
}

#topgbar {
    /*background-color: #Cbd1d9;*/
    height: 30px;
    width: 100%;
    /*border-bottom:#004080 5px solid;*/
    
}
#rtbar {
    line-height: 30px;
    /*color: #000066;*/
    float: right;
    height: 30px;
    width: 230px;
    font-weight: bold;
    /* align: right;
    margin-right:-150px;*/
    
}

#rtbaralumin {
    line-height: 30px;
    color: #000066;
    float: right;
    height: 30px;
    width: 100px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    
}
#welcome {
    /*color: #D0DEFD;*/
    font-size: 13px;
    font-weight: bold;
    float: left;
    width: 600px;
    height: auto;
    margin-left: 10px;
    line-height: 30px;
}
#mainback {
    background-color: #ffffff;
    height: 440px;
    width: 100%;
    margin:0px 0px 0px 0px;
    
}
#nav {
    background-color:#eef5fc;
    color: #004080;
    height: auto;
    width: 170px;
    margin:0px 0px 0px 0px;
    text-decoration: none;
    float:left;
    border-right:#004080 5px solid;
}
.navbox {
    width:100%;
    margin-left:0px;
    margin-right:0px;
    background-color:#eef5fc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3237DA;
    height: 20px;
    color: #3237DA;
    padding:6px 0px 0px 0px;
    float:left;
    margin:0px 0px 0px 0px;
    font-family: Arial;
    font-size : 13px;
}

.navboxbt {
    width:170px;
    
    background-color: #ebf0f5;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #3237DA;
    height: 400px;
    color: #000066;
    padding:6px 0px 0px 0px;
    float:left;
    margin:0px 0px 0px 0px;
}

.navtop {
    
    height:25px;
    background: url(../images/hbdg.gif);
    background-position:top;
    float:left;
    width:170px;
    background-repeat: no-repeat;
}

.ntopcontent {
    margin:5px 0px 0px 0px;
    font-weight: bold;
    color: #000066;
    text-align:center;
}

#activebox {
    background-color: #B5E868;
    height: 25px;
    width: 168px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #568314;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #568314;
    border-left-color: #568314;
    line-height: 25px;
}

a {
    text-decoration: none;
    color: #004080;
}
a.linkline:hover{
    text-decoration: underline;
}
a:link {
    text-decoration: none;
}

#main {
    color: #000000;
    background-color: #FFFFFF;
    
    margin:10px 0px 0px 5px;
    position:absolute;
    left:181px;
    float:left;
    width:80%;
    
    
}
#main1 {
    color: #000000;
    background-color: #FFFFFF;
    
    margin:10px 0px 0px 5px;
    position:absolute;
    left:179px;
    float:left;
    width:100%;
    
    
}
#location {
    color: #999999;
    float: left;
    margin-left:12px 0px 0px 8px;
    width:auto;
    
}
#pglink {
    color: #666666;
    clear: right;
    float: none;
    margin: 5px 0px 0px 10px;
    font-size:11px;
    height:15px;
    text-align:left;
    padding:5px 0px;
    
    /*border-bottom-width: 0.05mm;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    */
}

#pglink a:hover {
    font-weight: bold;
    color: #CC3300;
   /*  clear: right;
    float: none;
    margin: 5px 0px 0px 0px;
    font-size:11px;
    height:20px;*/
}

.note {
    color: #666666;
    font-weight:bold;
    line-height:30px;
    padding:0px 0px 10px 0px;
    font-style: italic;
    font-size: 12px;    
}
.Box {
    border:1px #CCCCCC dotted;
}

#error {
    background:#a12d33;
    /*height:15px;*/
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    margin:5px;
    border: 0.05mm dotted #666666;
    padding:10px 10px;
    text-align:left;
    font-weight:bold;
    
    
}

#sucess {
    background:#33CC33;
    height:15px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    margin:5px;
    border: 0.05mm dotted #666666;
    padding:10px 10px;
    text-align:left;
    font-weight:bold;
    
    
}

.topicbt {
    margin-top: 15px;
    margin-left: 15px;
    color: #000000;
    font-weight: bold;
    width: 400px;
    text-align: left;
    
}
.paradis {
    margin-top: 30px;
    text-align: justify;
    margin-left: 20px;
    margin-bottom: 10px;
}
.tdcontent1 {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.line{
    width:100%;
    border-top-width: 0.05mm;
    border-top-style: dotted;
    border-top-color: #CCCCCC;
    height: auto;
}
.para {
    width:98%;
    height:auto;
    clear: right;
    margin-left: 15px;
    margin-top: 10px;
    text-align:left;
}
.para1 {
    width:100%;
    height:auto;
    
    margin-left: 15px;
    margin-top: 10px;
    text-align:left;
}
.theader {
    background-color: #eef5fc;
    /*color: #FFFFFF;*/
    text-align: left;
    margin-left: 5px;
    text-indent: 5px;
    padding-left: 5px;
}
.theader1 {
    background-color: #91d2f8;
    /*color: #FFFFFF;*/
    text-align: left;
    margin-left: 5px;
    text-indent: 5px;
    padding-left: 5px;
    height:30px;
}
.chkheader {
    background-color: #666666;
    color: #FFFFFF;
    text-align:center;
}
table {
/*  background-color:"ffffff";*/
    width: 100%;
}
.table1 {
    background-color:"#ffffff";
    
}
.tdcontent {
    background-color: #ffffff;
    text-align: left;
    color: #000000;
    padding-left: 9px;
    
}

.td2content {
    background-color: #ffffff;
    color: #00000;
    padding-left: 9px;
}
.td22content {
    background-color: #ffffff;
    color: #000000;
    padding-left: 9px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    padding-bottom: 10px;
    
}
.textin{text-indent:10px;}
#button1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    width: 340px;
    margin-top: 0px;
    height: auto;
}
.button {
    background-color: #000000;
    float: left;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    
}
.textformat{
    font-weight: bold;
    color: #000000;
    text-align: left;
    padding-left: 5px;
    background-color:#F5F5F5;
}
.text40 {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #000000;
    margin-left: 0px;
    text-align: left;
}

.td3content {
    background-color: #F5F5F5;
    text-align: left;
    text-indent: 8px;
}
.td33content {
    background-color: #F5F5F5;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    padding-left: 9px;
    padding-bottom: 10px;
    
}
.td5content {
    background-color: #F5F5F5;
    text-align: left;
    text-indent: 5px;
    margin-left: 5px;
    padding-left: 5px;
    
}

.td4content {
    background-color: #E2E2E2;
    text-align: left;
    text-indent: 8px;
}
.td44content {
    background-color: #000000;
    
}
#item {
    background-color: #EDDA6B;
    float: left;
    height: 20px;
    width: 90%;
    margin-bottom: 10px;
    margin-left: 10px;
    border: thin solid #FF6600;
}

#item1 {
    background-color: #EDDA6B;
    float: left;
    height: 20px;
    width: 90%;
    margin-bottom: 10px;
    margin-left: 10px;
    border: thin solid #FF6600;
}

.paramargin {
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-left: -10px;
}
.parascroll {
    overflow:auto;
    height: 400px;
}

.tdboldcontent {
    font-weight: bold;
    color: #000000;
    margin-left: 2px;
}
.tdtext {
    padding-left: 30px;
}
.ann_bt {
    float: left;
    width: 50px;
}
.imgleft {
    margin-left: 5px;
}
.headtitle {
    
    font-weight: bold;
    color: #000000;
}
.unformat {
    font-weight: normal;
    background-color: #F5F5F5;
}
.algn {
    padding-left: -5px;
}
.centalgn {
    text-align: center;
}
.buttonmargin {
    margin-left: -15px;
}
.rowht {
    padding-bottom: 6px;
}
.linespacing {
    line-height: 20px;
}
.toptablegray {
    width: 97%;
    background-color: #F5F5F5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}
.chkbox {
    width: 5px;
    float: left;
    height: 80px;
    margin-top: 5px;
    padding-left: 5px;
}
.leftbox {
    width: 90%;
    
    margin: 0px;
    padding: 0px;
}

.leftalgitalic {
    padding-left: 10px;
}


.btfootermargin {
    margin-bottom: 10px;
}


.middletablewhite{
    width: 97%;
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    
}

.toptableline{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    width: 100%;
}
.topbdr {
    width: 4%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
}

.assignment {
    font-weight: bold;
    padding-top: 6px;
    text-align: left;
    text-indent: 10px;
}
.italicpara {
    font-style: italic;
    width: 100%;
    text-align: justify;
    margin-right: 0px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}
.italicparatest {
    font-style: italic;
    margin-left: 10px;
    width: 95%;
    text-align: justify;
    margin-right: 10px;
    padding-bottom: 6px;
    
}
.normaltext {
    font-weight: normal;
    padding-right: 2px;
}
.rtattachtext {
    float: left;
    padding-left: 2px;
    width: 10%;
}

.rtgradetext {
    float: left;
    padding-left: 2px;
    width: 10%;
}

.linespacing2 {
    line-height: 30px;
}
.toppad {
    padding-top: 15px;
}
.leftpad {
    margin-left: -15px;
}
.rtpad {
    margin-right: 100px;
}
.paraform {
    width: 97%;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
}
.attachment {
    font-weight: bold;
    float: left;
    text-align: left;
    text-indent: 10px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-top: 0px;
}
.gradrem {
    font-weight: bold;
    float: left;
    clear:left;
    text-align: left;
    text-indent: 10px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-top: 0px;
}
.leftparatext {
    font-weight: bold;
    width: 20%;
    padding-left: 10px;
    float: left;
    padding-top: 10px;
}
.rtparaform {
    padding-top: 10px;
}

.table {
    width: 97%;
    text-align: left;
}
.midborder {
    width: 100%;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999999;
    height: 5px;
}
.leftconttd {
    padding-left: 10px;
}
.middleline {
    width: 97%;
    margin-left: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    border-left-style: none;
}
.auto {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.list {
    font-size: 13px;
    width: 97%;
    float: left;
    margin-left: -10px;
    text-align: justify;
}
.scroll {
    overflow: scroll;
    width: 97%;
    z-index: 1;
    height: 280px;
}
.scroll2 {
    overflow: scroll;
    position: static;
    z-index: auto;
    

}
.questionbar {
    width: 6%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    float: left;
}
.questionbar1 {
    width: 90%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    float: left;
    text-indent: 5px;
}
.options {
    font-size: 14px;
    width: 90%;
    margin-left: 7%;
    clear: left;
}
.t55chkbox {
    background-color: #E2E2E2;
    text-align: left;
    text-indent: 5px;
    margin-left: 5px;
    padding-left: 5px;
}
.description {
    width: 100%;
    text-align: justify;
    font-weight: normal;
    padding-left: 10px;
}
#update {
    font-weight: bold;
    
    text-align: right;
    margin-right: 2px;
}.wordspace {
letter-spacing: 2pt;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.resumename {
    font-size: 16px;
    font-weight: bold;
}
.photo {
    border: 1px solid #000000;
    text-align: center;
}
h1{
    font-size: 20px;
    font-weight: bold;
}
h2{
    font-size: 18px;
    font-weight: bold;
}
h3{
    font-size: 16px;
    font-weight: bold;
}


.head1
{
    margin-left:20px;
    padding: 20px 2px 10px 2px;
    font-size: 18px;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #0066cc;
    border-bottom:2px #0066cc;
    text-align:center;
}

/* For Schedule Report View Start*/
.tdReportType{
    background-color:#535353;
    border:1px solid black;
    color:#ffffff;
    cursor: pointer;
}
.tdReportTypeSelected{
    background-color:#383838;
    border:1px solid black;
    color:#ffffff;
    cursor: pointer;
}
.tdReportTypeView{
    background-color:#535353;
    border:1px solid black;
    color:#ffffff;
}
.tdReportBooked{
    border:1px solid #dddddd;
    background-color:#808080;
    cursor: pointer;
}
.tdReportIssued{
    border:1px solid #dddddd;
    background-color:#0065fd;
    cursor: pointer;
}
.tdReportReceived{
    border:1px solid #dddddd;
    background-color:#89ce1d;
    cursor: pointer;
}
.tdReportAvailable{
    border:1px solid #dddddd;
    background-color:#ffffff;
}
.tdReportDateView{
    background-color:#868686;
    color:#ffffff;
    border:1px solid #6d6d6d;
    font-weight:bold;
    font-size: 11;
}
.tdReportTimeView{
    border:1px solid #6d6d6d;
    background-color:#868686;
    font-weight:bold;
    font-size:10;
    width : 70px;
    height: 15px;
}
/* For Schedule Report View End*/
.formBackGround
{
  background-color:#f2f2f2;
}

#noRecord {
    background:#ca4141;
    /*height:15px;*/
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    margin:5px;
    border: 0.05mm dotted #666666;
    padding:10px 10px;
    text-align:left;
    font-weight:bold;
    
    
}
.namebox {
  padding:0.5em 1em;
  margin:0em;
  border:1px solid black;
  background:#edf5ff;
  color:#3b5998;
  
}

.chartImage
{
    background:url(../images/line.jpg) repeat-y center center;
    width:3px;
    height:20px;
    vertical-align:top;
}

.chartLinkColor
{
    color:#3b5998;
}

.celSpace
{
    width:5px;
}


.bg-blue{
	background: #2F58C6;
	color: #FFF;
}
.bg-green{ background:#009900; color:#fff;}
.bg-gray{ background:#868686; color:#000; font-weight:bold;}
.bg-gray1{
	background:#B6B6B6;
	color:#FFF;
	font-weight:bold;
}
.bg-red{
	background:#CF1519;
	color:#FFF;
	}

.bg-yellow{
	background:#FFFF33;
	color:#000;
	}
         
.table2{ border-collapse:collapse;
border-spacing:0px;}
.table2 tr td{
	border:1px solid #A0A0A0;
	padding: 5px;
         width:150px;
}
.table2 th{
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	background: #2D3844 url(images/td-head.jpg) repeat-x left top;
}

/* 14 Jun 2011 */
.loginbox {
    margin: 0px auto auto;
    width: 439px;
    height:300px;  
      }
.loginbox table tr td{
    padding:3px;
   /* background-color:transparent;*/
  }
.loginbox .top{
       /* background: url("../images/login.png") no-repeat  left top; */
background:#fff;

    padding: 22px 10px 5px 0;
    text-align: left;
    width: 430px;
     width: 295px;
    float:left;
    height:307px;
  }
.loginbox .bot{
/*background: url(../images/login-bot.png) no-repeat left top; */
	float: left;
	height: 57px;
	width: 429px;
        margin-left: 0px;
}
.head1 {
    color: #FFFFFF;
    font-size: 18px;
    margin-left: 10px;
}
.mart20 {
	margin-top: 24px;
      margin-right:200px;
}

.input1{
	background: url(../images/but-submit.png) no-repeat left top;
	border-style: none;
	cursor:pointer;
	width: 55px;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 6px;
      
}
.login_btn{
	background:#666;
	border-style: none;
	cursor:pointer;
	width: 235px;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 6px;
      
}
.input2{
	border: 1px solid #999;
	padding-top: 2px;
	padding-bottom: 2px;
}
.input3{
	background: url(../images/but-reset.png) no-repeat left top;
	border-style: none;
	cursor:pointer;
	width: 55px;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 6px;
}
.bg-inner-login {
	background: transparent url(../images/bg-inner-login.jpg) no-repeat left top;
	height: 184px;
	margin: 100px auto auto;
	width: 604px;
}
h3{
	font: bold 18px Calibri;
	color: #CC0000;
}
/* 17 Jun 2011 */
.txt-red{ color:#F00;}
.forgot {
	margin: 50px auto auto;
       	width: 439px;
        height:300px;  
        margin-left:350px;
}
.forgot .top{
	background: url("../images/forgot.png") no-repeat scroll left top transparent;
       	width: 430px;
	padding-top: 9px;
	padding-right: 10px;
	padding-left: 14px;
      /*   align:center;*/
        
}
.forgot .bot{
	background: url(../images/login-bot.png) no-repeat left top;
	float: left;
	height: 57px;
	width: 429px;
}
.forgot table tr td{
    padding:5px;
}
.message {
    background: none repeat scroll 0 0 #E2E2E2;
    border: 4px solid #8D8D8D;
    font-size: 12px;
    height: 55px;
    margin: 25px auto auto;
    padding: 20px 10px 10px;
    width: 554px;
}
.message img{
	margin-top: -10px;
	margin-right: 10px;
        float:left;
}
/* 23 Jun 2011 */

.bg-inner-login1 {
    float: left;
    height: 180px;
    margin-left: 50px;
} 
.bg-inner-login2 {
	height: 180px;
	margin: 100px auto;         
	width: auto;
         }
.tdLeft{
    width:30%;
    text-align:right;
    font-weight:bold;
}

.tableBackGround{
   /* background-color:#f2f2f2;*/
    line-height:2.5;
    width:100%
}


select{
width:170px;
}


.textBox{
width:170px;
}
#tableBackGroundNewCss{
    background-color:#f2f2f2;
    line-height:2.5;
    width:100%
}
.bg-inner-login2 > table {
       width: auto;
}   


