﻿@charset "utf-8";
/* CSS Document */

body
{
	background-position: center 50%; 
	background-image: url(Images/bg.jpg);
    background-repeat: repeat-y;
	font-family:Trebuchet MS;
	font-size:11px;
	padding:0px;
    margin:0 auto;
	color:#000000;
}
.aWithEffect{color:#324FBD;font-weight:bold;}
.aWithEffect:hover{ color:#1883DE;}
.aWithoutEffect{color:#324FBD;font-weight:bold;}
.aWithoutEffect:hover{color:#324FBD;font-weight:bold;}
.maintable{	background: url(images/mainbg.jpg) repeat-x top left;text-align:center; }
.iptable{	background: url(images/ipbg.gif) repeat-x top left;text-align:center; }

.subtable{text-align:left;}

.logoholder{ text-align:center; background:url(images/loginbg.jpg) repeat-x ; height:107px; }
.logoheaderL{width:15px; height:107px; background:url(images/lefttop.jpg) no-repeat left top; }
.logosept{ /*background:url(images/sep.gif) no-repeat right top; */}
.logosept2{}
.insightlogo{position:absolute;  margin-top:-40px; margin-left:-100px;  padding:0px; }
.logoheaderR{width:15px; background:url(images/righttop.jpg) no-repeat right top; height:76px;}

.header{ background:url(images/headerbg.jpg) left top repeat-x;}
.headerIP{ background:url(images/headerIPbg.gif) left top repeat-x;}
.headerL{ width:10px; background:#045F00;}
.headerholder{ text-align:center; background-color:#03207E; background:url(images/loginbg.jpg) }
.content{ text-align:left; font-size:12px; color:#535353; vertical-align:top; padding:15px; height:380px;}
.grid {font-size:12px; }
.gridHeader{ background:#000000; font-weight:bold;  color:#002268; }
.gridItem{ background:#ffffff;  }
.gridAltItem{ background:#CCEAFD;}
.gridItemSurvey{ background:#ffffff; vertical-align:top; font-size:12px;}
.gridAltItemSurvey{ background:#FEF0D8; vertical-align:top;font-size:12px;}
.content p{padding:6px 0px;  }
.displaycontent td{border-bottom:1px solid #F3B689; background:#fff;}
.startimg{margin-top:10px;}

.navbg{ height:28px; padding:10px 0px 0px 12px; text-align:left; color:#3E3611; }
.navbg a{ color:#3E3611; text-decoration:none;  padding:0px 0px 0px 22px; background:url(images/bullet.gif) 10px 4px no-repeat;}
.navbg a:hover{ color:#000; text-decoration:none;}


.cleft{ background:url(images/cleft.gif) left top repeat-y;}
.cright{ background:url(images/cright.gif) right top repeat-y;}
.logincontent{ text-align:center; color:#535353; font-size:12px;  margin:0px auto 0px auto; background:url(images/cmiddletop.jpg) left top repeat-x #FEFEFE; padding:19px 0px 0px 0px;}
.logintop{ text-align:left; margin:0px auto 0px auto; }
.logintitle{ text-align:center; border-bottom:1px solid #A2D47E; height:15px; padding:5px 0px;}
.forgotpassword{ font-size:10px; text-decoration:underline; font-weight:normal; text-align:right; padding:2px 3px;}
h2{ font-weight:bold; margin:0px; padding:4px 0px; font-size:11px; color:#03207E;}
ul{ padding:0px; margin:0px;}
.abt li{ font-style:italic; font-weight:bold; padding:2px 0px 2px 10px; list-style-type:none; background:url(images/sub_navarrow.gif) no-repeat left; color:#535353;}
.logindetails{ text-align:center; font-weight:bold; color:#002268;   }
.logindetails a{font-weight:normal; text-decoration:underline; color:#001E65;}
.logininfo{ padding:5px; margin:0px auto 0px auto;  text-align:center; font-size:11px; }
.logininfo ul{ padding:0px; margin:0px;}
.logininfo li{ padding:0px 0px 0px 10px;  color:#535353;    list-style-type:none; background:url(images/bluearrow.gif) no-repeat left; 
}
.logininfo li a{ color:#535353; text-decoration:none;}
.logininfo li a:hover{ color:#000; text-decoration:none;}
.txtInput{ border:1px solid ##9AD2F7; font-size:11px; width:200px; height:15px; padding-top:3px;	}
.txtInputNum{ border:1px solid ##9AD2F7; font-size:11px; width:25px; height:15px; padding-top:3px;	}
h3{ font-weight:bold; margin:0px; padding:4px 0px; font-size:13px; color:#000000; }
h4{ font-weight:bold; margin:0px; padding:4px 0px; font-size:11px; color:#001E65;}
.h5{ height:5px;}
.h30{height:30px;}
.h10 { HEIGHT: 10px; }
.h20 { HEIGHT: 20px; }

.lmidtop{background:url(images/lmiddletop.gif) repeat-x left top;}
.lmidbg{ background:url(images/lmidbg.gif) repeat-x left top;}
.lmidmainbg{background:url(images/lleftmainbg.gif) repeat-y left top;}
.rmidmainbg{background:url(images/lrightmainbg.gif) repeat-y left top;}
.error{color:red;}

p{ padding:2px 0px; margin:0px;}

.gridtable{border:1px solid #DCDCDC; background-color:#F8F5F5; text-align:left; font-weight:normal;}
.gridtable th{ border-bottom:1px solid #A2D47E; padding:3px; font-weight:bold}
.gridtable td{ font-weight:normal; text-align:left; padding:3px; background-color:#fff; border-bottom:1px solid #EFEEEE; }
.bleft{ width:9px; background:url(images/bleft.gif) left bottom no-repeat #045F00;}
.bmiddle{  background-color:#045F00; color:#FFB400; text-align:right;}
.bmiddle a {color:#FFB400; text-decoration:none;}
.bright{ width:9px; background:url(images/bright.gif) right bottom no-repeat #045F00; height:22px;}
/*Added by Shyam*/
.ErrorLabel
{
	 text-align:center; font-weight:bold; color:#bb0000;   
}

.Msg
{
	color:#000000;
	font-weight:bold;
	font-size:16px;
}

.Qu
{
	color:#002268;
	background-color:#CCEAFD;
}

.AltQu
{
	color:#002268;
	background-color:#ffffff;
}
.bold
{
	font-weight:bold;
}

.hrcraft{font-family:"monotype Corsiva", verdana, arial; font-size:14pt; color:#000000;}
.ddl
{
	width:200px;	
}
.inputMultLine
{
	height:80px;
	width:500px;
}
.inputMultAddress
{
	width:300px;
	height:400px;
}
.top2
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color:#617c9b;
	height:40px;
	padding: 0px 7px 0px 7px;
	border: solid 0px #000000;
}

td
{
	/*border-style:none; */
}
.header2
{
	color:#002268;
	font-weight:bold;
	
}

ol
{
	color:#002268;
	
}

li
{
	padding: 2px 0px 2px 0px;  
}

.companyName
{
	
	float: right;
	height: 21px;
	width: 149px;
	position: relative;
	top: 0px !important;
	top: 20px;
	right: 8px;
	color:#000000;
}
.companyName a
{
	color:#643200;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	text-decoration:none;
}
.companyName a:hover
{ 
	color:#000000;
	
}

.topLogo
{
	background-color:#EF8429;
	border:0 none;
	float:left;
	height:60px;
	padding:40px 0 0;
	width:100%;
}

.topHeader
{
	background-color:#000000;
	border:0 none;
	float:left;
	height:19px;
	margin-top:2px;
	width:100%;
}
.surveyHeading
{
	background-position:center center;
border-bottom:1px dashed #333333;
color:#643200;
float:left;
font-family:Myriad Pro;
font-size:18px;
height:23px;
line-height:16px;
margin-bottom:1px;
margin-left:7px;
padding-top:10px;
width:170px;
}
.mimicA:hover
{
	color:#000000;
	text-decoration:underline;
	cursor:hand;
}

.mimicA
{
	color:#000000;
	
	cursor:pointer;
}
.LineHeight20
{
	line-height:20px;	
}

.tdRedBar
{
	background-image:url(images/greenbar.jpg);
	background-repeat:repeat-x;
}

.tdMimicGrid
{
	background-color:#ffffff; 
	border-left: 1px solid #EF8429; 
	border-top:  1px solid #EF8429;	
}

.MimicGrid
{
	background-color:#EF8429;
	border-bottom:  1px solid #EF8429;
	border-right:  1px solid #EF8429;
}

.animateDiv table
{
	background-color:#EF8429;
	border-bottom:  1px solid #EF8429;
	border-right:  1px solid #EF8429;
	border-collapse:separate !Important;
}

.animateDiv td
{
	background-color:#ffffff; 
	border-left: 1px solid #EF8429; 
	border-top:  1px solid #EF8429;	
}

.animateDiv th
{
	background-color:#EF8429;
	border-left: 1px solid #EF8429; 
	border-top:  1px solid #EF8429;	
}

.animateDiv
{
	float: left;
	height: 0;
	margin: 5px 0 0 0;
	overflow: hidden;
	width: 300px;
}


