/*##################################
COMMON CSS
##################################*/
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-bottom:5px;
	}
p {
	margin:0 0 15px 0;
	font-size:11px;
	color:#333333;
	}
a {
	outline:none;
	}
.link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A80000;
	text-decoration:none;
	}
.link:hover {
	color:#000000;
	}
.elink {
	font-size:11px;
	color:#0069AF;
	text-decoration:none;
	}
.elink:hover {
	color:#333333;
	}
.imgborder {
	border:2px solid #cccccc;
	padding:2px;
	}
.imgleft {
	border:2px solid #cccccc;
	float:left;
	margin:0 10px 10px 0;
	padding:2px;
	}
.imgright {
	border:2px solid #cccccc;
	float:right;
	margin:0 0px 10px 10px;
	padding:2px;
	}
.cmstxt {
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}

.midbar {
	border:2px solid #cccccc;
	height:150px;
	margin-bottom:20px;
	}
/*==================================
COMMON POINTS CSS
==================================*/
.points {
	list-style-type:none;
	margin:10px 0 0px 0;
	padding:0px;
	}
.points li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:15px;
	background-image:url(../images/arrow.gif);
	background-position:3px 6px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	}
/*##################################
TOPBAR CSS
##################################*/
.logo {
	width:121px;
	height:60px;
	background-image:url(../images/logo-webform.png);
	background-repeat:no-repeat;
	position:absolute;
	left:20px;
	top:10px;
	text-indent:-9999px;
	overflow:hidden;
	text-indent:-99999px;
	}
.logo1 {
	position:absolute;
	width:121px;
	height:60px;
	background-image:url(../images/logo-webform.png);
	background-repeat:no-repeat;
	background-position:left center;
	left:20px;
	top:5px;
	text-indent:-99999px;
	}
.subslogan {
	font-size:20px;
	font-family:"Microsoft Sans Serif";
	color:#666666;
	position:absolute;
	left:165px;
	top:12px;
	border-left:1px solid #BABABA;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	}
/*##################################
HOME PAGE CSS
##################################*/
.mainimg {
	height:318px;
	background-image:url(../images/mainimg.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
	border-bottom:1px solid #E6E6E6;
	margin-bottom:20px;
	}
.mainpoints {
	margin:0px 0 0 265px;
	padding:0px;
	}
.mainpoints .title {
	font-size:30px;
	font-family:"Trebuchet MS";
	margin:10px 0 20px 0;
	padding:0px;
	background-image:url(../images/titletxt.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	}
.mainpoints dd {
	height:213px;
	background-image:url(../images/points.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	}
.enterimg {
	height:154px;
	position:relative;
	margin-bottom:20px;
	}
.enterimg a {
	position:absolute;
	text-indent:-99999px;
	height:154px;
	width:470px;
	right:0px;
	background-image:url(../images/enterimg.gif);
	background-repeat:no-repeat;
	}
/*##################################
STEPS PROGRESSES-BAR CSS
##################################*/
.progressesbar {
	margin:0px 0 20px 0;
	padding:0px;
	height:122px;
	}
.progressesbar dd {
	margin:0px;
	padding:0px;
	float:left;
	height:122px;
	}
.progressesbar dd a{
	display:block;
	text-indent:-99999px;
	height:122px;
	background-image:url(../images/stepsbar.gif);
	background-repeat:no-repeat;
	}
.progressesbar .step1 a{
	width:247px;
	background-position:0 0;
	}
.progressesbar .step2 a{
	width:245px;
	background-position:-247px -122px;
	}
.progressesbar .step2_active a{
	width:245px;
	background-position:-247px 0;
	}
.progressesbar .step3 a{
	width:246px;
	background-position:-492px -122px;
	}
.progressesbar .step3_active a{
	width:246px;
	background-position:-492px 0px;
	}
/*##################################
COMMON FORM PAGE CSS
##################################*/
.formcontainer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.dotline {
	height:1px;
	margin:10px 0;
	font-size:0px;
	background-color:#cccccc;
	}
.formcss {
	/*main form box*/
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F2F2F2;
	margin:0 0 20px 0;
	}
.formbox {
	/*main form inner box*/
	padding:0px;
	margin:0px 0 0 43px;
	background-color:#ffffff;
	border-right:1px solid #E7E7E7;
	border-left:1px solid #D7D7D7;
	}
.formbox em {
	/*for mandatory star */
	color:#FF0000;
	font-weight:bold;
	}
.light_orangebg {
	background-color:#fff7f7;
	}
.right_sign {
	position:absolute;
	left:-32px;
	top:5px;
	}
/*===================================
MAIN TITLE CSS
===================================*/
.maintitle {
	margin:0 0 0 -44px;
	}
.number {
	display:block;
	float:left;
	width:43px;
	height:41px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 0;
	line-height:43px;
	text-align:center;
	}
.formtitle {
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
	background-color:#444444;
	margin:0px;
	padding:9px 15px 9px 58px;
	background-image:url(../images/numberbg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	border-bottom:1px solid #E7E7E7;
	border-top:1px solid #E7E7E7;
	}

/*===================================
COMMON FORM SUBHEADER CSS
===================================*/
.formcss .formbox dl .subheader,
.subheader {
	margin:0px;
	background-image:url(../images/subheaderbg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffb9b9;
	padding:8px 10px 8px 15px;
	clear:both;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	border-bottom:1px solid #E7E7E7;
	position:relative;
	}

/*===================================
COMMON FORM STRUCTURE CSS
===================================*/
.formbox dl {
	margin:0px;
	padding:0px;
	}
.formbox dl dt {
	font-size:11px;
	color:#333333;
	position:relative;
	}
.formbox dl dd {
	position:relative;
	}

/*===================================
CASE-1 : NORMAL FORM STRUCTURE CSS
===================================*/
.formbox .normal {
	margin:0px;
	padding:0px;
	background-image:url(../images/graydot.gif);
	background-repeat:repeat-y;
	background-position:330px 0 ;
	}
.formbox .normal dt {
	font-weight:bold;
	padding:8px 10px 7px 15px;
	margin:0;
	width:303px;
	float:left;
	}
.formbox .normal dd {
	margin:0 0 0 330px;
	padding:4px 6px 5px 6px;
	}
.formbox .normal dt span {
	font-weight:normal;
	}
/*===================================
CASE-2 : TWO-COLUM FORM STRUCTURE CSS
===================================*/
.formbox .twocolum_form {
	margin:0px;
	padding:0px;
	float:left;
	width:49%;
	}
.formbox .twocolum_form dt {
	font-weight:bold;
	padding:7px 5px 8px 15px;
	margin:0;
	float:left;
	}
.formbox .twocolum_form dd {
	margin:0px;
	padding:4px 6px 5px 6px;
	}
.formbox .twocolum_form dd input {
	width:200px;
	}
/*===================================
CASE-3 : ONE-COLUM FORM STRUCTURE CSS
===================================*/
.formbox .onecolum_form {
	margin:0px;
	padding:0px;
	}
.formbox .onecolum_form dd {
	margin:0px;
	padding:10px 15px 10px 15px;
	position:relative;
	}

.formbox .onecolum_form dd textarea {
	position:absolute;
	height:82px;
	}
.formbox .onecolum_form .clear {
	padding:0px;
	margin:0px;
	}
/*===================================
CASE-4 : RADIO BUTTON CASE
===================================*/
.formbox .onecolum_form .radiobtn {
	padding:0px 15px 12px 35px;
	position:relative;
	}
.formbox .onecolum_form .radiobtn input {
	border:none;
	background:none;
	padding:0px;
	position:absolute;
	left:10px;
	top:-2px;
	}
/*===================================
CASE-5 : RADIO BUTTON THUMBNAIL IMAGE CASE
===================================*/
.formbox .onecolum_form .thumb_img {
	float:left;
	padding:0px 0px 12px 35px;
	}
.formbox .onecolum_form .thumb_img td{
	height:100px;
	width:120px;
	border:1px solid #D7D7D7;
	}
/*===================================
CASE-6 : CHECKBOX CASE
===================================*/
.formcss .formbox .subtitle {
	float:none;
	margin:0px;
	padding:0px 10px 10px 15px;
	font-weight:bold;
	}
.formbox .onecolum_checkbox {
	padding:10px 0 0 0;
	margin:0px;
	}
.formbox .onecolum_checkbox .checkbox {
	padding:0px 15px 12px 35px;
	position:relative;
	margin:0px;
	}
.formbox .onecolum_checkbox .checkbox input,
.formbox .twocolum_checkbox dd input {
	border:none;
	background:none;
	padding:0px;
	position:absolute;
	left:10px;
	top:-3px;
	}
/*===================================
CASE-7 : TWO-COLUM CHECKBOX CASE
===================================*/
.formbox .twocolum_checkbox {
	padding:10px 0 0 0;
	border-bottom:1px solid #EFEFEF;
	}
.formbox .twocolum_checkbox dd{
	padding:0px 15px 12px 35px;
	position:relative;
	margin:0px;
	float:left;
	width:42%;
	}
.formbox .twocolum_checkbox .clear {
	clear:both;
	margin:0px;
	float:none;
	height:0px;
	padding:0px;
	border:none;
	}
/*===================================
COMMON FORM HORIZONTAL-LINE CSS
===================================*/
.formbox .normal .clear,
.clear {
	font-size:0px;
	line-height:0px;
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #EFEFEF;
	}
/*===================================
COMMON FORM ELEMINTS CSS
===================================*/
.formbox dd input,
.formbox dd textarea,
.formbox dd select,
.textboxborder {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border-bottom:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	background-color:#FCFCFC;
	padding:2px;
	background-image:url(../images/textboxbg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	}
.textboxsize1 {
	width:335px;
	}
.textboxsize2 {
	width:211px;
	}
.textboxsize3 {
	width:620px;
	}
.textboxsize4 {
	width:146px;
	}
.calender img{
	position:absolute;
	margin-left:10px;
	cursor:pointer;
	}
/*===================================
NOTE-TEXT BOX CSS
===================================*/
.note {
	background-color:#F6F6F6;
	border-bottom:1px solid #E7E7E7;
	color:#FFFFFF;
	margin:0px;
	}
.note dd {
	font-size:11px;
	color:#333333;
	padding:14px 15px;	
	margin:0px;
	}
/*===================================
IFRAME BOX CSS
===================================*/
.imgcode .iframeborder {
	position:relative;
	height:60px;
	padding:0px;
	}
.iframeborder div{
	position:absolute;
	left:1px;
	top:2px;
	background-color:#FFFFFF;
	border:2px solid #cccccc;
	padding:2px;
	width:200px;
	height:48px;
	}
.imgcode .fontsize9 {
	font-size:9px;
	height:15px;
	}
.imgcode .refreshbtn {
	position:absolute;
	left:220px;
	top:5px;
	cursor:pointer;
	}
/*===================================
SUBMITRESET BUTTON CSS
===================================*/
.btnbox{
	margin:0px;
	padding:0px;
	}
.btnbox dt {
	width:43px;
	height:43px;
	float:left;
	background-color:#444444;
	margin:0px;
	padding:0px;
	position:relative;
	}
.btnbox dt .backarrow {
	position:absolute;
	left:18px;
	top:17px;
	}
.btnbox dd {
	height:31px;
	background-color:#e6e6e6;
	margin:0 0 0 43px;
	padding:12px 0 0 15px;
	position:relative;
	}
.btnbox dd .backlink {
	font-size:11px;
	font-weight:bold;
	color:#cc0000;
	text-decoration:none;
	position:absolute;
	left:15px;
	top:15px;
	}
.btnbox dd .backlink:hover {
	color:#000000;
	}
.btnbox dd .rightbtn {
	position:absolute;
	right:15px;
	}
.btnbox dd .leftbtn {
	position:absolute;
	left:15px;
	}
/*##################################
FOOTER CSS
##################################*/
#footer .copyright {
	font-size:10px;
	color:#999999;
	position:absolute;
	left:0px;
	top:16px;
	}