@charset "utf-8";
/* CSS Document */

body{
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#a9b9cc;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
th{
	text-transform:capitalize;
}	

.header{
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	height:160px;
	margin-left:auto;
	margin-right:auto;	
	}
	

.logo{
	width:185px;
	height:160px;
	float:right;
	margin:10px 20px 0px 0px;}
	
.uan{margin:70px 30px 0px 0px; width:135px; height:auto;}

.pageTitleHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
	color:#333333;
	text-transform:capitalize;
}

.subTitleHeading {
	color: #009900;
	text-transform:capitalize;
    font-family:Arial, Helvetica, sans-serif;
    font-size:large;
}


#container{
	width:960px;
	margin:auto;
	height:auto;
	}

#wrapper{
	width:960px;
	height:auto;
	}

#pageTopBorderBg{
	width:960px;
	height:17px;
	background:url(../images/pageTopBorder.jpg) top no-repeat;
	}
	
#pageFooterBorderBg{
	width:960px;
	height:17px;
	background:url(../images/pageFooterBorder.jpg) top no-repeat;
	}
	
#pageContentBg{
	width:960px;
	height:auto;
	background:url(../images/pageContentBg.jpg) top repeat-y;
	}
	
#pageContentContainer{
	width:900px;
	height:auto;
	margin:0px 30px 0px 30px;
	text-align:justify;
	}

#header{
	background:url(../images/SKM_Logo.gif) no-repeat left;
	width:900px;
	height:65px;
	}
	
.text{
	color:#242424;
	font-size:12px;
	height:auto;
	line-height:16px;
	margin-top:10px;
	}
	
.heading{
	width:600px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	text-align:left;
	margin:6px 0px 0px 10px;
	text-transform: uppercase;
	}
	
.color1{ color:#009900;} /* green*/
.color2{ color:#cf3134;} /* red*/
.color3{ color:#4b4c4c;}

.input{border:none;}
	
a.mainlevel{padding:10px;}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height:15px;
	padding-top:5px; 
	clear:both;
	}
	
#footerHeading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    text-align:center;
	text-decoration:none;
	padding-top:30px; 
	padding-bottom:5px; 
	}
	
.clear{
	clear:both;
	border:none;
	}

.invisible{
    visibility: hidden;
    display: none;
}

.submitButton{
    width:100px;
    height:30px;
}
.resetButton{
    width:100px;
    height:30px;
}
    
.errorMessage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: red;
    text-align:justify;
	text-decoration:none;
	padding-top:5px; 
	padding-bottom:5px;    
}

.tooltipDiv{
    width:  30%;
    height: 20%;
    
}

/*/////////////////////////////////// SKM OLD CSS*/

.bodyTextGrey, p , table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
//	text-align:justify;
	color: #666666;
}

.bodyTextDarkGrey{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
	color: #494949;
}

.td-bgcolor{
	background-color:#CCCCCC;
	color:#666666;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-transform:capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

h1{
 	font-size:20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #990000;
	text-shadow:Black;
	text-transform:uppercase;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight:bold;
	text-transform:capitalize;
}
.h3{
	font-size:16px;
}

a, a:visit
{
	color:#3300FF;
	text-decoration:none;
}

a:hover{
	color:#CC0000;
	text-decoration:underline;
}
img{
	border:0;}

.imgs {
	text-align:right;
	float:right;
	vertical-align:text-top;
	margin:20px;
}

#ul-1, #ul-2, #ul-3
{	padding-top:10px;
	padding-bottom:10px;}

.upper{
	text-transform:uppercase;
}
.lower{
	text-transform:lowercase;
}

/*------------------------------------------------------------------------------
// Following will be used in Online reports formatting */

.userDemoFormat{
	font-size:15px;
	height:auto;
	line-height:26px;
	}

.loginUserInfo{
	background-color:#ECECEC; 
	color:#000000;
}

.dbHeaderInfo{
	background-color:#CCCCCC;
	color:#0000FF; 
	font-family:Arial; 
	font-size:15px; 
	font-weight: bold;
	text-align:center;
}

.verifiedReports{
	background-color:#66CC99;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

.partiallyVerifiedReports{
	background-color:#33FFCC;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

.nonVerifiedReports{
	background-color:#ECECEC;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    
}
/*------------------------------------------------------------------------------*/

.fieldset{
	padding-left:10px;
	padding-right:10px;
	border-width:1px;
	border-color:#CCCCCC;
    border:none; 
}

.legend { font-size:18px; margin:0px; padding:10px 0px; color:#b0232a; font-weight:bold;}
.prev, .next { background-color:#b0232a; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:20px; float:left; padding:10px; color:#b0b1b3; }
#steps li span {font-size:11px; display:block; text-transform:capitalize; }
#steps li.current { color:maroon;}
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#000;}