/* CSS Document */
body {
font-family:Arial;

}

	#buttondiv {
				/*width : 100%;
				clear:both; 
				min-height:50px !important;
				max-height:200px !important;
				overflow:scroll;*/
				/*float:left;*/
			}
			
			.choices {
				width : 100%;			
			}


.logoheader {
    background: url("./images/header_bg.jpg") no-repeat scroll right top transparent;
    border-top: 0 solid #555555;
    color: #555555;
    height:84px;
}
.logoheader {
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-align: left;
}
.cusButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.cusButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.cusButton:active {
	position:relative;
	top:1px;
}


.cusButton_1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.cusButton_1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.cusButton_1:active {
	position:relative;
	top:1px;
}


.cusButton_2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.cusButton_2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.cusButton_2:active {
	position:relative;
	top:1px;
}

.tblEnquiry{
border-left:1px solid #BCBCBC;
border-bottom:1px solid #BCBCBC;
border-right:1px solid #BCBCBC;
border-top:1px solid #BCBCBC;
width:96.5%;
}
.tblEnquiry th{
/*color:#4C4C4C;*/
color:white;
height:30px;
font-size:12px;
font-weight:bold;
font-family:verdana;
/*background: url("./images/table_head.gif") repeat;*/
background-color:#2E74A4;
border-bottom:1px solid #BCBCBC;
}
.tblEnquiry td{
padding:5px 5px 5px 5px;
color:#000;
font-size:12px;
font-family:verdana;
}



.tblReport{
border-left:1px solid #BCBCBC;
border-right:1px solid #BCBCBC;
border-top:1px solid #BCBCBC;
width:96.5%;
font-family:Arial;
}
.tblReport th{
color:#fff;
height:30px;
font-size:12px;
font-weight:bold;
background-color:#2E74A4;
border-bottom:1px solid #BCBCBC;
border-right:1px solid #ccc;
padding:5px 5px 5px 5px;
}
.tblReport td{
padding:5px 5px 5px 5px;
color:#666;
font-size:12px;
border-bottom:1px solid #BCBCBC;
border-right:1px solid #ccc;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
.tblInner{
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
border-top:1px solid #E0E0E0;
width:70%;
font-family:Arial;
}
.tblInner th{
color:#777;
height:30px;
font-size:12px;
text-align:left;
font-weight:bold;
background-color:#E0E0E0 !important;
border-bottom:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
padding:5px 5px 5px 5px;
}
.tblInner td{
padding:5px 5px 5px 5px;
color:#777;
text-align:left;
font-size:12px;
border-bottom:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
}

.logoheader {
    background: url("../theme/images/header_bg.jpg") no-repeat scroll right top transparent;
    border-top: 0 solid #555555;
    color: #555555;
    border-bottom: 0px solid #388FCB;
    
}

#footer{
background-color:#2E74A4;
height:25px;

}

#all {
    border: 2px solid #BCBCBC !important;
    color: #666666;
	border-top:0 !important;
}
#all {
    font-size: 0.8em;
}
#all {
    margin: 0 auto;
    max-width: 1075px;
    padding: 0;
    text-align: left;
	margin-top:-8px;
}

#logo img {
    display: block;
}
img {
    border: 0 none;
}
#footer p {
    font-size: 11px;
    color:#CCC;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
	font-family:Arial;
}
p {
    color: #666666;
    line-height: normal;
    margin: 8px 0;
    text-align: justify;
}
.btnClass{
margin:auto;
padding:15px 15px;
}
#test{
width:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #388FCB !important;
	border-bottom: 2px solid #999;
	
}
#topBar{
background: #388FCB;
height:26px;
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #999;
}
#cusMenu{
float:left;
width:1075px;

}
#user{
color:#2E74A4;
font-weight: bold;
text-align: right;
padding: 5px 0px 0px 0px;
}
#user a{
color:#2E74A4;
font-weight:bold;
text-decoration:none;
padding: 0px 10px 0px 0px;
}

#tblView {
font-size:12px !important;
font-family:arial;
}
h2{
text-align:center;
padding:5px 5px 5px 20px;
font-family:arial;
font-size:14px;
}

#tblView{
width:100%;
text-align:left;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
#tblView th{
padding:5px 5px 5px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#ccc;

}

#tblView td{
padding:5px 5px 5px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
h2 {
color: #666;
padding: 20px 10px 10px 10px; 
/*border-bottom: 2px solid #FBB917;*/
}
h2 span
{
font-size:15px;
/*background: #000000 url(images/rounded_corner_right1.gif) top right no-repeat;*/
} 
.succMsg{
color:green;
font-weight:bold;
padding:20px 0px 0px 0px;
}
.failMsg{
color:red;
font-weight:bold;
padding:20px 0px 0px 0px;
}
.divResult{
    margin: -24px 0 0;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}
*{font-size: 12px; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: normal; padding-right: 1em; vertical-align: top; }
#divLogin {
    background: url("./images/login.png") no-repeat scroll center -85px transparent;
    border-style: hidden;
    height: 520px;
    margin: auto;
    padding-left: 10px;
    width: 90%;
}



/*input:focus, select:focus, textarea:focus {
        background-color: transparent;
        border: none;
    }*/

    .textInputContainer {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
    }


    #divUsername {
        padding-top: 204px;
        padding-left: 50%;
    }

    #divPassword {
        padding-top: 35px;
        padding-left: 50%;
    }

    #txtUsername {
        width: 240px;
        height:30px;
        border: 0px !important;
        background-color: transparent;
    }

    #txtPassword {
        width: 240px;
        border: 0px !important;
        background-color: transparent;
    }

    #txtUsername, #txtPassword {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #666666;
        vertical-align: middle;
        padding-top:0;
    }
    
    #divLoginHelpLink {
        width: 270px;
        background-color: transparent;
        height: 20px;
        margin-top: 12px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 50%;
    }

    #divLoginButton {
        padding-top: 2px;
        padding-left: 50%;
        float: left;
        width: 280px;
    }

    #btnLogin {
        background: url(./images/Login_button.png) no-repeat;
        cursor:pointer;
        width: 94px;
        height: 28px;
        border: none !important;
    }

    #divLink {
        padding-left: 230px;
        padding-top: 105px;
        float: left;
    }

    #divLogo {
        padding-left: 30%;
        padding-top: 0px;
    }

    #spanMessage {
        /*background: transparent url(./images/mark.png) no-repeat;*/
        padding-left: 18px; 
        padding-top: 0px;
        color: #DD7700;
        font-weight: bold;
    }
#txtUsername, #txtPassword {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 16px;
    padding-top: 0;
    vertical-align: middle;
}

#txtPassword {
    background-color: transparent;
    border: 0 none !important;
    width: 240px;
    /*background: url("./images/password-hint.png") no-repeat scroll 10px 3px transparent;*/
}
#txtUsername {
    background-color: transparent;
    border: 0 none !important;
    width: 240px;
    
/*    background: url("./images/username-hint.png") no-repeat scroll 10px 3px transparent;*/
}
.cusLinkDisable{
cursor:default;
}
.clsFacesheet {
	background-image: url(images/bg.png);
	border: 1px solid #6297BC;
	width: 230px;
}
.simTable{
	border: 1px solid #ccc;
	text-align:center !important:
	
}

.simTable th{
	text-align:center;
	border-right:1px solid #A4A1A1;
	background-color:none;
	padding:7px;
}
.tblHead{
  background-color: #000;
    border-top: 1px solid #7C7A7A;
    font-size: 60px;
    padding: 5px;
    text-align: left;

}
.sheetCompleted{
background: url("./images/button_green.gif") repeat-x scroll center top #DDDDDD;
    border-color: #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    margin-right: 2px;
    overflow: visible;
    padding: 3px 10px;
}


.sheetCompleted:hover {
background: url("./images/button_bg1_hover.gif") repeat-x scroll center top #656565;
}
.sheetNotStarted{
background: url("./images/button_red.gif") repeat-x scroll center top #DDDDDD;
    border-color: #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    margin-right: 2px;
    overflow: visible;
    padding: 3px 10px;
}


.sheetNotStarted:hover {
background: url("./images/button_bg1_hover.gif") repeat-x scroll center top #656565;
}
.sheetInprogress{
background: url("./images/button_orange.gif") repeat-x scroll center top #DDDDDD;
    border-color: #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    margin-right: 2px;
    overflow: visible;
    padding: 3px 10px;
}


.sheetInprogress:hover {
background: url("./images/button_bg1_hover.gif") repeat-x scroll center top #656565;
}
.norButton{
background: url("./images/nor_button.gif") repeat-x scroll center top #DDDDDD;
    border-color: #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    margin-right: 2px;
    overflow: visible;
    padding: 3px 10px;
}
.norButton:hover {
background: url("./images/button_bg1_hover.gif") repeat-x scroll center top #656565;
}
.sheetLostButton{
background: url("./images/black_button.gif") repeat-x scroll center top #DDDDDD;
    border-color: #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    margin-right: 2px;
    overflow: visible;
    padding: 3px 10px;
}
.sheetLostButton:hover {
background: url("./images/button_bg1_hover.gif") repeat-x scroll center top #656565;
}