/*** HOME PAGE (hp) ****/
/* Tctuong - NewHP - 09Nov2008 - Re-design Sirvina Home Page */
.hpBody
{
	background: url(/WebSurvey/Images/bgMain.gif) left top repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 71%;
	line-height: 1.4em;
	color: #3d3a3a;
}

.hpBodyWrapper
{
	background-color: White;
	width: 990px;
	margin: 5px auto 0px auto;
}

.hpHeader
{
	width: 100%;
	background-color: #fbfbfb;
	padding-top:3px;
}

.hpLnkHeader 
{
	font-size: 10px;
	color: #616161;
	text-decoration: none; 
}
.hpLnkHeader:hover 
{
	color: #ea0404;
	text-decoration: underline;
}

.hpSearchArea
{
	padding: 22px 0px 22px 0px;
}

.hpContent
{
	width: 100%;
}

.hpMasterHeader
{
	font-size: 20px;
	font-weight: bold;
	color: Black; 
}

.hpBigHeader
{
	font-size: 14px;
	font-weight: bold;
	color: Black;
}
/************************ Footer **********************************/
.hpFooter
{
	margin:0px auto;
	color: #616161;
	background-color: #484848;
	text-align:center;
	padding: 0px 0px 15px 0px;
}

.hpFooter a
{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.hpFooter a:hover
{
	color: #ea3c3c;
	cursor:pointer;
}

.hpFooterTop
{
	background-color: Black;
	padding-top:3px;
}

.hpFooterBot
{
	padding: 10px 15px 0px 15px;
	margin:0;
}

.hpFooterGrpArea
{
	margin: 10px 30px 15px 30px;
	padding: 10px 0px 10px 20px;
	background: url(/WebSurvey/Images/bgFooter.gif) left top repeat;
}

.hpFooterGrp{margin: 0px 0px 0px 15px; padding:0; text-align:left; color: #ffffff;}
.hpFooterGrp ul{list-style:none; margin:0; padding:0;}
.hpFooterGrp li a{font:normal 10px/12px Verdana, Arial;color: #ffffff;}
.hpFooterGrp li a:hover {color: #ea3c3c;}

.hpFooterCopyright
{
	padding-top: 3px;
	font: normal 10px/12px Verdana, Arial;
	color: #b57877;
}

/**************** Intro & Login & Notify Email Controls on Home Page ****************/

.hpIntroArea {margin: 0px 8px 2px 0px;}

.hpLoginBoxTop
{
	height: 5px;
	background:url(/WebSurvey/Images/bgLoginBoxTop.gif);
}
.hpLoginBoxMiddle
{
	background:url(/WebSurvey/Images/bgLoginBoxMiddle.gif) repeat-y;
	width:205px;
}
.hpLoginBoxBottom{ background:url(/WebSurvey/Images/bgLoginBoxBottom.gif) no-repeat; }

.hpLoginEmailArea
{
	margin: 5px 4px 2px 0px;
	width: 205px;
}
.hpLoginArea
{
	height: 160px;
	margin: 0px 0px 10px 0px;
	padding: 7px 8px 7px 8px;	
	
}
.hpLoginHeader {font-size:12px; font-weight:bold; color: Black;}
.hpLoginUserName {margin-top:12px;}
.hpLoginPassword {margin-top:4px;}
.hpLoginRememberMe {font-size:10px;}
.hpLoginButtonArea {margin-top: 5px;}
.hpLoginRegArea {margin-top:13px; border-top: #DCDCDC 1px solid; margin-right: 10px; }
.hpLoginRegister {margin-top:8px;}
.hpLoginRegister a{font-size: 11px; font-weight:bold; color: #0b4fb5;}
.hpLoginRegister a:hover{color: #ea0404;}
.hpLoggedInArea {padding: 5px;}
.hpLoggedInYourSv {margin-top: 15px;}
.hpLoggedInNewSv {margin: 5px 0px 5px 0px;}

.hpNotifyTop
{
	background:url(/WebSurvey/Images/bgNotifyEmailTop.gif) no-repeat;
	width:205px;
	height:18px;
	font-weight: bold;
	font-size: 12px;
	color: Black;
	padding-left: 14px;
}
.hpNotifyMiddle
{
	background:url(/WebSurvey/Images/bgNotifyEmailMiddle.gif) repeat-y;
	padding: 5px 5px 5px 7px;
}
.hpNotifyBottom
{
	background:url(/WebSurvey/Images/bgNotifyEmailBottom.gif) no-repeat;
}
.hpOnlyIncentive
{
	font-size: 9px;
}

/****************************** Login Page (Lp) **********************************/

.hpLpMainArea
{
	margin: 40px 0px 150px 60px;
}

.hpLpLoginArea
{
	padding: 10px 0px 15px 10px;
	background-color: #F9F9F9;
	border: #c8c8c8 1px solid;
	width: 270px;
}

.hpLpLoginHeader
{
	font-size: 14px; 
	font-weight:bold;
	color: Black;
	padding-top: 5px; 
	padding-left:3px;
}

.hpLpTitleBold {font-weight: bold; font-size: 11px; color:Black;}

.hpLpLoginFailureText
{
	padding-bottom:10px;
	color: #ea0404;
	font-weight: bold;
}

.hpLpBottomShadow
{
	width: 281px; 
	margin-left: 2px;
	height:	5px;
	background: url('/WebSurvey/Images/bgShadowBot.gif') top repeat-x;
}

.hpLpForgotPass {margin-top: 10px;}

.hpLpNoAccountArea { margin-left:25px; font-size: 12px; font-weight: bold;}
.hpLpNoAccountArea a {font-size: 12px; color: #0b4fb5;}
.hpLpNoAccountArea a:hover {color: #ea0404;}
.hpLpNewPoll {margin-top:20px;}

/*******************Start - Register Page (hpReg) & Register Control (reg)**********/

/**Page**/
.hpRegMainArea
{
	margin: 30px 0px 70px 60px;
}

/**Control**/
.regMainArea
{
	padding: 15px;
	background-color: #F9F9F9;
	border: #c8c8c8 1px solid;
	color: Black;
}

.regHeader
{
	font-size: 15px; 
	font-weight:bold;
	padding-bottom: 15px;
}

.regRequired {font-size: 9px;}
.regCaptchaArea {border: #c8c8c8 1px solid; width: 100px;}

.regAgreement 
{
	padding-top: 10px;
	padding-bottom:15px;
	font-size: 10px;
	width: 320px;
}


/************************************** SURVEY GROUP (Sv Grp) *****************************************/  
.hpSvGrpBox {margin-left: 7px; margin-right:3px;}
.hpSvGrpBoxHeader
{
	color:#FFFFFF;
	background:url(/WebSurvey/Images/bgSvGrpHeader.gif) no-repeat;
	padding-left:10px;
	height:30px;
	width:245px;
	font-weight: bold;
	font-size: 12px;
}
.hpSvGrpBoxTop
{
	height:13px;
	width:245px;
	background:url(/WebSurvey/Images/bgSvGrpTop.gif) no-repeat;
}
.hpSvGrpBoxMiddle
{	
	height:230px;
	background:url(/WebSurvey/Images/bgSvGrpMiddle.gif) repeat-y;
}
.hpSvGrpBoxBottom
{
	height:8px;
	background:url(/WebSurvey/Images/bgSvGrpBottom.gif) no-repeat;
}

.hpSvGrpContent {padding: 0px 12px 10px 10px;}
.hpSvGrpMore {padding-top: 5px;}
.hpSvLinkArea {margin-top: 7px;}
.hpSvLink
{
	font-size: 11px;
	color: #0b4fb5;
	text-decoration: none; 
	/*margin-left: 2px;*/
}
.hpSvLink:hover
{
	color: #ea0404;
}

/*********** New Home Page (NewHP) Survey Group *****************/

.hpSvGrpBoxHeaderLine
{
	background-color:#d7d7d7;
	height:4px;
	background:url(/WebSurvey/Images/bgSvGrpTopLine.gif) x-repeat;
}

.hpSvGrpBoxHeaderText
{
	background-color:#e7e7e7;
	color:#000000;
	font-size:16px;
	font-weight: bold;
	height:32px;
	width:315px;
	padding-left:15px;
}

.hpSvGrpBoxContent
{
	padding: 0px 7px 7px 7px;
	background-color:#e7e7e7;
}

.hpSvGrpBlockContent
{
	padding: 5px 10px 10px 10px;
	color:#0b4fb5;
	background-color:#f6f6f6;
	font-size:12px;
	height: 270px;
	line-height: 17px;
}

/************ SEARCH SURVEY PAGE (Ssp) ***************/
.hpSspMainArea
{
	padding-left: 30px; 
	padding-top: 25px; 
	padding-right: 30px; 
	padding-bottom: 50px;	
}
.hpSspSimSearchArea
{
	background-color: #f7f8fa;
	border: #e6e6e6 1px solid;
	padding: 20px 0px 0px 10px;
	height: 50px;
}
.hpSspAdvSearchArea
{
	background-color: #f7f8fa;
	padding-top: 10px;
	padding-bottom: 5px;
	border: #e6e6e6 1px solid;
}
.hpSspResultTitleArea {padding-bottom: 5px; padding-top: 20px;}

/** END - SEARCH SURVEY PAGE (Ssp) ****/

/*************************Start - Home Page Grid Area************************************/
.hpGrd
{
	background-color: White;
	border: #e6e6e6 1px solid;
	padding: 10px;
}

.hpGrd caption, .hpTableHeader 
{
    color: #990000;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.hpGrdHeader
{
	height: 25px;
	color: White;
	background-color: #929292;
	border: #c8c8c8 1px solid;
}

.hpGrdRowStyle
{
	color: #3d3a3a;
	background-color: #f0f1f3; 
	height: 25px;
	font-size: 11px;
}

.hpGrdAlterRowStyle
{
	color: #3d3a3a;
	background-color: #f9f9f9;
	height: 25px;
	font-size: 11px;
}

.hpGrdEmpty
{
	background-color: #f4f4f4;
	border-bottom: #f4f4f4 solid 1px;
	border-top: #f4f4f4 solid 1px;
	border-right: white solid 1px;
	border-left: white solid 1px;
}

.hpGrdPager
{
	background-color: #E5F1FC;
	color: #616161;
	height: 20px;
	font-size: 10px;
}

/****************** Survey Template on Home Page (hpSt) *****************************/

.hpStHeaderArea {padding-top:30px; padding-bottom:20px; text-align: center;}
.hpStInstructionArea {padding: 0px 40px 20px 40px;color: Black;}
.hpStEmptyArea { padding: 100px 20px 0px 30px; color: #ea0404; text-align: left;}

.hpSvGrpBoxTop4ST    
{	
    height:10px;
	width: 250px;
	background:url('/WebSurvey/Images/bgSvGrpTopST.gif') no-repeat;
}

.hpStLeftArea
{
    background-color:#fefbf4;
    border-top-color:#f8f8f8;
    border-top-style:solid;
    border-top-width:thin;
    width: 285px;
    padding-top:10px;
}
.hpStLeftMenuArea {padding-right:5px;padding-left:20px;padding-bottom:100px;}
.hpStLeftMenuPanel {padding-right: 8px; padding-left: 1px; height: 380px;}
.hpStRightArea { background-color: #f1f1f1; padding-top: 10px; }
.hpStCategory {padding-left:10px;padding-top:3px;}
.hpStTemplateArea {padding-bottom: 20px; padding-left:30px; text-align:left;}
.hpStSurveyTitleArea {padding-bottom:3px;}

a.hpStLeftRoot, a.hpStLeftRootSelected
{
	text-align: left;
	display: block;
	color: #0b4fb5;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	padding: 3px 5px 2px 10px;
	margin: 1px 0px 1px 0px;
	font-size: 11px;
}

a.hpStLeftChild , a.hpStLeftChildSelected
{
	text-align: left;
	display: block;
	color: #0b4fb5;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	padding: 3px 5px 2px 20px;
	margin: 1px 0px 1px 0px;
	font-size: 11px;
}

a.hpStLeftRoot:hover, a.hpStLeftRootSelected, a.hpStLeftChild:hover, a.hpStLeftChildSelected
{
	color: #ea0404;
	background-color: #c1e0ff;
}

/************************ FAQ ************************/
.hrFAQ
{
    width:100%;
    height:0.1px;
    border-bottom: #ccc 1px solid;
}

.title_FAQ
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
}
.text_FAQ
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;	
}

.tableLeftFAQ
{
	background:url(/WebSurvey/Images/left_FAQ.gif) repeat-y left;
}

.tableBottomFAQ
{
	background:url(/WebSurvey/Images/foot_FAQ.gif) no-repeat right bottom;
}

/************************ END ************************/