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

/********** GLOBAL RESET **********/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; padding: 0; margin:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}del,ins{text-decoration: none}

/**********************************/

/********** GLOBAL CSS **********/
h1,h2,h3,h4,h5,h6{ font-weight:bold; background: none }
strong { font-weight:bold;}
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
del { text-decoration:line-through; }
blockquote,ul,ol,dl { margin:5px; }
ol,ul,dl { margin-left:10px; }
ol li { list-style: decimal outside; margin: 10px; }
ul li { list-style: disc outside; }
dl dd { margin-left:5px; }
th,td { padding:0px; }
th { font-weight:bold; text-align:center; }
caption { 
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:200px;*width:200px; margin:0 0 5px 5px;}
input {vertical-align: middle;}

/**********************************/




/* -------------------------- Generic CSS ------------------------ */

body {font-size: 12px; font-family: Arial, Verdana, Sans-Serif, times; color:#000000;}
p { margin: 5px 0; padding: 0;}
a { color: #39C;}

div#tFrame {
	
}

div#tFrame div.tInner {  padding: 0px 5px; }
div#tFrameEnd { clear: both; }

div#tHeader div.tInner  {padding: 20px 20px;}
div#tHeader h1, div#tHeader h2 {margin: 0; }
div#tHeader h1 { float: left;}
div#tHeader h2 { float: right; clear: none;}



/* ------------------------------- MAIN CONTENT ------------------------ */
div#tMain{	
	margin:5px 15px;
	clear: both;
}

div#tMain p {line-height:1.4em; text-align:justify; clear: left; }
.row {clear: left; margin-bottom: 5px;}
.row .text { line-height: 18px;}
div#tMain .terms { padding-bottom:20px; padding-top:20px; width:80%; line-height:1.4em;}
div h4 {color:#555; font-size:1em; margin: 15px 0 5px 5px;}


/* --------------------------------------- FOOTER ------------------------------------------- */
div#tFooter {border-top:dotted 1px #ccc; bottom: 0; margin-bottom:5px; }
div#tFooter ul {margin:0; padding: 0 15px;}
div#tFooter li { list-style-type: none; color:#555; padding-top:2px;}
div#tFooter li.first { float: left;} 
div#tFooter li.last { float: right; }
div#tFooter div#tFooterEnd { clear: both; }

/* ----------------------------------------- INPUT AND FORMS -------------------------------- */
.formNav { clear: both;}
input.next, input.back { width:55px; }
input.next { float: left;}
.row label { 
	float:left; 
	font-weight:bold; 
	width: 120px; 
	padding: 5px 10px 0 0;
}
						
input.text, textarea, select {padding: 5px; border: solid 1px #d2d2c4; font-size: 14px; cursor: hand; cursor: pointer;}
.inputFields {

}
.inputFields label { display: inline; width: auto; padding: 0; text-align: left; float: none;}
.inputFields input.radio, div#tMain .inputFields input.checkbox { float: none; display: inline; margin-right: 5px;}
input.tiny {width:40px}
input.small {width:100px}
input.medium {width:200px;}
input.large {width:300px}
.step p {margin:10px 0;  *margin:10px 0;}

#selectCountry {
	margin-left: 5px;
	_margin-left: 0px;
}
/* ------------------------------------------ Errors -------------------------------------- */

div.errors {    
	background-color: #FFFFFF;
    border: 1px dotted red;
    color: red;
    font-size: 105%;
    font-weight: bold;
    padding: 15px;
}
	
div.errors h6 { 
	background-image: url("/FormBuilder/_Resource/_module/ImFmyPGBIUa4Wbuk2PYg5A/image/warning2.jpg");
    background-position: left top;
	_background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    padding: 8px 5px 0 30px;
	_padding: 12px 5px 0 30px;
	margin: 0 7px 5px 2px;
}

div.errors ul { clear: left; margin: 0 0 0 3px;}
div.errors ul li { list-style-type: none; color: Red; margin: .2em 0; }

/* FOR Jquery placement & style */
#errorMsg {
	display: none;
	background-color: #FFFFFF;
    border: 1px solid red;
    color: red;
    font-size: 105%;
    font-weight: bold;
    margin: 15px 0;
    padding: 20px;
}

/* ------------ country selection page --------- */

.countrySelectionFull label {width:275px !important;}


/* ----------------------------------------- TABLES ----------------------------------------- */
div#tMain .confirmation table { padding:0; width: 100%; }
div#tMain .confirmation table td, 
div#tMain .confirmation table th 
{ border-style:none; text-align:left; border-bottom:solid 1px #ccc; padding-left:0 }
div#tMain .confirmation table tr td { padding-left: 6px;}
div#tMain .confirmation table tr td.label { width: 200px; padding-left: 0px; text-align: right; font-weight: bold; vertical-align:top;}
div#tMain .confirmation table th { border-bottom-width:3px; text-transform:uppercase; }
div#tMain .confirmation h4 { border-bottom: solid 1px #ccc; text-transform:uppercase; }

/* -------------------------------------- HELPERS ------------------------------------------- */
.hint { color:#777; font-style:italic;   }
.error { color: Red; }

/* -------------------------------------- Q and A ------------------------------------------- */
div.QAViewer {
	padding:0px 0px;  
	margin: 0px; 
	zoom: 1;
}

div.QAViewer a.QALink { 
	color:#39C;  
	background-image: url(/FormBuilder/_Resource/_module/RXLTCldxw0mRNKwtkywIWg/image/img-help.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	font-weight:bold;
	margin:10px 0;
	padding:3px 30px;
}

div.QAViewer a.QALink:hover { text-decoration:none; }
div.QAViewer p { 
	margin-top:5px; 
	padding: 0 0 10px 0; 
	margin-left:5px; 
	float:none;
	line-height: 18px;
}
div.answer {border-bottom: solid 1px #CCC;}
div.answer ul { margin-left:30px;}
div.answer ul li { list-style:disc; }
div.answer ul li a { color:#0099CC;  text-decoration: none;}
div.answer ul li a:hover {
	color:#0099CC; 
	text-decoration: underline;
}

div#bpayBox table td { padding: 0px;}  
div#bpayBox table td.instructions { padding: 11px;}  

.iconLink { 
	padding:10px 35px; *padding: 0px 35px; zoom: 1; 
	background: url(/FormBuilder/_Resource/_module/ImFmyPGBIUa4Wbuk2PYg5A/image/icons/PDF5.jpg) no-repeat left center; 
	font-weight: bold;
}

.iconLink a { 
	zoom: 1;
	padding: 10px;
	padding-left: 30px;
	display: block;
}


/* Print Styles */

@media print
{
	                                            
	div#tFrame 
	{
		width: 95%;
		border: none;
	}	
}


/* Survey */
div.step { zoom: 1;}
div.survey { font-size: 110%; margin: 15px; padding: 15px; background-color: #fff; zoom: 1;}
div.survey textarea { width: 98%;}

div.question { font-size: 18px; margin-bottom: 10px; }
.error div.question{ color: #444 ; } 

div.survey span.error 
{	
	display: block;
	color: red;
	padding: 10px;
	margin: 5px 0 10px 0;
	background-color: #eee;
	bottom: 0;
	right: 0;
}

div.questionError { border: dashed 1px red;}
.answer { padding-left: 30px; margin-left: 0; }	
.answer li { list-style-type: none; margin: 10px 0 10px 0;  line-height: 1.8em; vertical-align:  bottom;}
.answer li input { margin-right: 6px; font-weight: bold; padding: 5px; }
.answer li select { margin-right: 6px; font-weight: bold; padding: 4px; font-size: 1.2em; }
.answer li label { display: block; font-weight: bold}


/* Matrix */
 table.matrix { width: 100%; border-collapse: collapse;}
table.matrix tr td { text-align: center; }
table.matrix tr th,
table.matrix tr td {border-bottom: solid 1px #ccc;  border-top: solid 1px #ccc; padding: 15px; }
table.matrix tbody tr th { text-align: left; }
table.matrix tr td label { display: block; height: 100%; }


table.matrix tr td { padding: 0 15px;}
table.matrix tr td label { padding: 15px;}
table.matrix .checked { background-color:#D6FFE2; }

.singleAnwser table input { margin-right: 10px;}

div.formNav { padding: 0;}

/* NEXT & BACK BG */
div.next {
	background: url(/FormBuilder/_Resource/_module/xbn1dyP7WEyA9X8rfZHPiA/image/btn-bg-grey.gif) repeat-x top left;
	float: right;
	font-size: 18px;
    height: 40px;
    line-height: 25px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
div.step input.next{ 
	background: none;
	color: #fff;
	height: 40px; 
	width: 80px; 
	line-height: 30px;
	border: none;
	text-transform: uppercase;
}

div.back {
	background: url(/FormBuilder/_Resource/_module/ImFmyPGBIUa4Wbuk2PYg5A/image/btn-bg2.jpg) no-repeat top right;
	float: left;
	font-size: 18px;
    font-weight: bold;
    height: 45px;
    line-height: 25px;
    padding-right: 15px;
	margin: 20px 0;
}
div.step input.back{ 
	background: url(/FormBuilder/_Resource/_module/ImFmyPGBIUa4Wbuk2PYg5A/image/btn-bg2.jpg) no-repeat top left;
	color: #fff;
	height: 45px; 
	width: 80px; 
	line-height: 45px;
    padding-left: 15px;
	font-weight: bold; 
	border: none;
	float: right;
}

/* NO BG NEXT & BACK
div.step input.next{ 
	background-color: #00235D;
    border: 2px solid #00235D;
    color: #FFFFFF;
    font-size: 1.3em;
	height: 38px; 
	width: 84px; 
	font-weight: bold;
}


div.step input.back {
	background-color: #00235D;
    border: 2px solid #00235D;
    color: #FFFFFF;
    font-size: 1.3em;
	height: 38px; 
	width: 84px; 
	font-weight: bold;
}
*/



/*************************/
/****** Custom CSS *******/

/*********************************** GENERAL STYLES **************************************/

html {
	/*background: url(/FormBuilder/_Resource/_module/xbn1dyP7WEyA9X8rfZHPiA/image/bg-grad.jpg) repeat-x 0 153px #FFFFFF; */
}

body { 	
	font: .9em; /* CHANGE font style */
	color: #231f20; /* CHANGE font color */
	line-height: 1.3; /* CHANGE line height */
	background: url(/FormBuilder/_Resource/_module/xbn1dyP7WEyA9X8rfZHPiA/image/top-bg.gif) repeat-x top left; 
}


/****** FONT FACE *******/

@font-face {
	font-family: FrutigerLTStd;
	src: url('/_Resource/_module/9ehP6cR3dkauK93OP8-gRQ/templateFiles/FrutigerLTStd.eot'); /* IE9 Compat Modes */
	src: url('/_Resource/_module/9ehP6cR3dkauK93OP8-gRQ/templateFiles/FrutigerLTStd.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('/_Resource/_module/9ehP6cR3dkauK93OP8-gRQ/templateFiles/FrutigerLTStd.woff') format('woff'), /* Modern Browsers */
	     url('/_Resource/_module/9ehP6cR3dkauK93OP8-gRQ/templateFiles/FrutigerLTStd.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/_Resource/_module/9ehP6cR3dkauK93OP8-gRQ/templateFiles/FrutigerLTStd.svg#FrutigerLTStd') format('svg'); /* Legacy iOS */
}


/****** FONT FACE*******/

/* HEADER STYLES */
h1 {	
	font-family: FrutigerLTStd, Arial;
	color: #F60;
	font-size: 31px;
	margin: 0 0 20px 0;
	font-weight: normal !important;
}

h2 {
    color: #444444;
    font-family: 'FrutigerLTStd',Arial,verdana,sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0px;
}

h3 {
	font-size: 1em;
	color: #CA000C;
	margin: 0;
	padding: 0;
}

/* LINK STYLES*/

a:link {
	color:#0099CC; 
	text-decoration: none;
}

a:visited {
	color:#0099CC; 
	text-decoration: none;
}

a:hover {
	color:#0099CC; 
	text-decoration: underline;
}

a:active {
	color:#0099CC; 
	text-decoration: none;
}

#main-nav li a:link {
	color:#FFFFFF; 
	text-decoration: none;
	padding:10px 0;
}

#main-nav li a:visited {
	color:#FFFFFF; 
	text-decoration: none;
	padding:10px 0;
}

#main-nav li a:hover {
	color:#0099CC; 
	text-decoration: underline;
	padding:10px 0;
}

#main-nav li a:active {
	color:#FFFFFF; 
	text-decoration: none;
	padding:10px 0;
}

#site-info a:link {
	text-decoration: none;
	color: #0099CC;
}

#site-info a:visited {
	text-decoration: none;
	color: #0099CC;
}

#site-info a:hover {
	text-decoration: underline;
	color: #0099CC;
}

#site-info a:active {
	text-decoration: none;
	color: #0099CC;
}
/*********************************** PAGE LAYOUT **************************************/

/*** CONTAINER ***/
#container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	width: 100%;
}

/*** BRANDING ***/
#branding {
	background: url(/FormBuilder/_Resource/_module/RXLTCldxw0mRNKwtkywIWg/image/Banner2.gif) no-repeat top left;
	position:relative;
	padding: 5px 0 0 0;
	height: 165px;
    margin: 0 auto 10px auto;
	width: 652px;
}

#branding img {
	float: left;
	margin: -10px 5px 0 0;
}

/*** MAIN NAV ***/
#main-nav {
	font-weight:bold;
	padding:0px;
	position:relative;
	text-align:left;
	width: 500px;
	white-space:nowrap;
	margin: 120px 0 0 0px;
	font-size: 1.0em;
	color:#FFF;
}

#main-nav ul li {
	display: inline;
	padding: 15px;
	*padding: 10px;
	background: url(/FormBuilder/_Resource/_module/RXLTCldxw0mRNKwtkywIWg/image/nav-divider.gif) no-repeat right center;
}

#main-nav ul li.lastnav{
	display: inline;
	padding: 15px;
	background: none;
}
/*** MAIN CONTENT ***/
#main-content {
	background: #fff;
	position: relative;
	clear: both;
	width: 650px;
	min-height: 480px;
	_height: 470px;
	margin: -10px auto 0 auto;
	/*border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	-moz-border-radius-bottomright: 20px;   
	-webkit-border-radius-bottomright: 20px;
	-khtml-border-radius-bottomright: 20px;
    
	-moz-border-radius-bottomleft: 20px;   
	-webkit-border-radius-bottomleft: 20px;
	-khtml-border-radius-bottomleft: 20px;*/
}

/*** TWO COLUMN LAYOUT ***/

#col1 {
	position:relative;
	padding: 0 20px;
}

.col1 {
	width: 500px;
	padding-bottom: 20px;
}
.col1 table th, td {
    padding: 10px 0;
}

#col1 hr {
	border: 1px solid #fff;
	margin: 0 0 20px 0;
}

#col2 {
	float:right;
	position:relative;
	/*width: 190px;
	margin: 73px 0 20px 0;
    padding: 5px;
	font-size: .8em;*/
}

/*** BELOW COLUMN ***/
.endcol {
	position: relative;
	width: 100%;
	clear: both; /* THIS EXTENDS MAIN CONTENT TO HEIGHT OF COLUMNS */
}

/*** SITE INFO ***/
#site-info {
	background: url(/FormBuilder/_Resource/_module/xbn1dyP7WEyA9X8rfZHPiA/image/btn-bg-grey.gif) repeat-x top left;
	position: relative;
	font-size: .8em;
	clear: both;
	width: 100%;
	color: #fff;
	height: 50px;
	margin-top: 15px;
}

#site-info span.copyright {
	color: #7F7865;
}

#site-info a {
}

p.alignr {
	position: relative;
	text-align: right;
	width: 650px;
	margin: auto;
	padding: 10px 0 0 0;
}

p.alignl {
	position: relative;
	text-align: left;
	float: left;
}

#site-info hr{
	background:none repeat scroll 0 0 #7F7865;
	border:1px solid #7F7865;
	color:#7F7865;
	height:10px;
	margin: 0 20px;
}
/*********************************** OTHER STYLES **************************************/

.puterror {    
	background-color: #FFFFFF;
    border: 1px dotted red;
    color: red;
    font-size: 105%;
    font-weight: bold;
	_margin: 5px 0 0px 0 !important;
    padding: 15px;
	display: none;
}
	
.puterror h6 { 
	background-image: url("/FormBuilder/_Resource/_module/ImFmyPGBIUa4Wbuk2PYg5A/image/warning2.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 19px;
    padding: 8px 5px 0 30px;
	_padding: 12px 5px 0 30px;
	_background-position: left bottom;
}

.puterror  ul {   
	margin-left: 0 !important;
}

.puterror  ul  li{   
	list-style: none outside none;
	padding: 1px 0 0;
}

.puterror  ul li ul li{   
    list-style: disc outside none !important;
    margin-left: 5px;
	margin-left: 25px;
}	

label #iYcjKV4vPIUiIpqn-qvwx3w{
	width: 160px;
}

.footnote {
	font-size: .8em;
}

#client-logo {
	position: absolute;
	right: 0;
	top: 0;
}


#addUser {
	font-weight: bold;
	background: url(/FormBuilder/_Resource/_module/xbn1dyP7WEyA9X8rfZHPiA/image/add_blue.jpg) no-repeat center left;
	padding: 5px 0 5px 25px;
	cursor: pointer;
	margin-top: -20px;
	*margin-top: -30px;
}

.checkboxFullWidth  input{
	margin: 10px 5px 0 0;
    vertical-align: bottom;
	*margin: 0px !important;
	*vertical-align: center !important;
}

.more {
	display: none;
}

#booklet {
	background: url(/FormBuilder/_Resource/_module/YhGGYJr7JEW7hzwUsnKejw/image/grey-btn.jpg) no-repeat top right;
	float: left;
	font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-right: 15px;
	margin: 0 0 10px;
}
#booklet span{ 
	background: url(/FormBuilder/_Resource/_module/YhGGYJr7JEW7hzwUsnKejw/image/grey-btn.jpg) no-repeat top left;
	color: #555;
	height: 25px; 
	line-height: 25px;
    padding-left: 17px;
	font-weight: bold; 
	border: none;
	display: block;
}

#booklet:hover {
	background: url(/FormBuilder/_Resource/_module/YhGGYJr7JEW7hzwUsnKejw/image/grey-btn.jpg) no-repeat bottom right !important;
	text-decoration: none !important;
}
#booklet span:hover{ 
	background: url(/FormBuilder/_Resource/_module/YhGGYJr7JEW7hzwUsnKejw/image/grey-btn.jpg) no-repeat bottom left !important;
	text-decoration: none !important;
}


table.documents  th, td {
    /*border-bottom: 2px dotted #CCCCCC;
	border-top: 2px dotted #CCCCCC;*/
    padding: 0px;
}

table td.last  {
	width: 150px;
}


/*********************************** Q&A **************************************/

div.TextModule div.QACol1 {
	position: abosolute;
	float: left;
	width: 30%;
}

div.QAViewer {
	position: relative;
	width: 90%;
	*width: 100%;
}

/*********************************** DOWNLOAD DOCUMENT **************************************/
div.iconLink {
	z-index: 0;
	margin: 0;
	padding: 0;
}