@import url(global.css);
@import url(inc-text.css);
@import url(inc-forms.css);
@import url(inc-mainnav.css);
@import url(inc-header.css);
@import url(inc-footer.css);

/* =============================================================== */
/* ========================== MODULES ============================ */
/* =============================================================== */


/* START PROGRESS BARS */
DIV.mod_progress {
width: 729px;
text-align: left;
clear: both;
height: 44px;
}

DIV.mod_progress DIV.pad_mod {
padding: 0px;
margin: 0px;
}

DIV.mod_progress ul {	
margin: 0px;
padding: 0px;
float: left;
}

DIV.mod_progress ul li {
overflow: hidden;
float: left;
display: inline;
list-style-type: none;
height: 44px;
}

DIV.mod_progress ul li img {
border: 0px;
}

DIV.mod_sub_progress {
width: 729px;
height: 28px;
background-color: #E7F8FF;
clear:both;
text-align: left;
font-size: 11px;
}

DIV.mod_sub_progress DIV.pad_mod {
padding: 6px 0px 0px 18px;
}

DIV.mod_sub_progress ul {
margin: 0px;
padding: 0px;
float: left;
}

DIV.mod_sub_progress ul li {
overflow: hidden;
float: left;
display: inline;
background-image: url(../images/gr_prog_arrow_1.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
background-position: right;
padding: 0px 17px 0px 7px;
color: #6FB7D5;
}

DIV.mod_sub_progress ul li.off {
background-image: url(../images/gr_prog_arrow_2.gif);
}

DIV.mod_sub_progress ul li.none {
background-image: none;
}

DIV.mod_sub_progress ul li a {
color: #007AAD;
}

DIV.mod_sub_progress ul li a.selected {
font-weight: bold;
}
/* END PROGRESS BARS */


/* ======================= MAIN SECTION ======================= */

DIV.mod_app_content {
width: 508px;
float: left;
clear: left;
}

DIV.mod_app_content DIV.pad_mod {
padding-top: 6px;
}

DIV.mod_app_rhs {
width: 221px;
text-align: left;
float: left;

}

DIV.mod_app_rhs img {
border: 0px;
}

DIV.mod_app_rhs DIV.pad_mod {
padding-left: 16px;
}

DIV.mod_app_content p {	
padding-left: 23px;
}

p.intro { /* blue */
background-color:#F8F8F8; 
border:3px solid #EEEEEE; 
color: #666666; 
padding: 17px 17px 17px 17px;
margin: 0px;
}

p.warning {
background-color:#F1FAFE; 
border:3px solid #E0F1F8; 
color: #006189; 
padding: 17px 17px 17px 17px;
margin: 0px;
}

p.answer {
margin-bottom: 10px;}	

/* Added by Samuel */
.personcontrols
{
float : right;
list-style-type : none;
margin : 0;
padding : 0;
width : 33%;
text-align : right;
}

* html .personcontrols
{
margin-top : 7px;
}

.personcontrols li
{
display : inline;
}

.personcontrols li a
{
color : #E24600;
background : url(../images/button_addperson.gif) 0 3px no-repeat;
padding-left : 12px;
}


/* TEXT */

DIV.mod_app_content h1 {
color: #007AAD;
margin: 15px 0px 12px 0px;
font-size: 11px;
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 4px 23px;
}

DIV.mod_app_content h1.required {
background-image: url(../images/bg_required_fileds.gif);
background-position: right;
background-repeat: no-repeat;
margin-top: 0px;
}	

DIV.mod_app_content h1.top {
margin-top: 0px;
margin-bottom: 15px;
}

DIV.mod_app_content h1.confirmation {
font-family:Arial, "HelveticaNeue UltraLigExt";
/*	font-weight: normal; */
font-size: 14px;	
color: #007AAD;
margin: 25px 0px 12px 0px;
border-bottom: 3px solid #E0F1F8;
padding: 7px 0px 4px 23px;
background-color: #F1FAFE;
}	

DIV.mod_app_content h2 {
padding: 0px;
font-size: 11px;
color: #333333;
font-weight: normal;
margin: 0px 0px 4px 23px;
}

DIV.mod_app_content h3 {
padding: 0px;
font-size: 11px;
color: #333333;
font-weight: normal;
padding: 12px 0 0px 23px;
margin: 0px;
border-top: 1px solid #E0F1F8;
}

/*DIV.mod_app_content h3 {
margin: 0px 0px 10px 23px;
}*/


DIV.mod_app_content h4 {
color: #007AAD;
margin: 15px 0px 5px 0px;
font-size: 11px;
padding: 0px 0px 4px 23px;
}	

/* additional options */

#persondetails p, #persondetails h2
{
margin-top : 11px;
}

/*  table.radio
{
margin-top : 0 !important;
} */

h1.reverseheading /* Move the heading border to the top. Need to overide global h1 styles with !important */
{
border-bottom : none !important;
border-top: 1px solid #CCCCCC;
margin-top : 11px;
margin-bottom: 0px;
padding : 11px 0 0 23px !important;
}


/* payment summary */
.costitem
{
padding-top : 11px;
}


#costsummary
{
text-align : right;
}

#costsummary
.costrow
{
clear : both;
margin-bottom : 8px;
}

#costsummary
.costtotal
{
border-top : 1px solid #cccccc;
padding : 10px 0;
margin-bottom : 30px;
}

#costsummary
h2
{
float : left;
text-align : left;
width : 300px;
margin : 0 0 0 23px;
padding-top : 1px;
display : inline; /* Fix for IE double float bug, if element is floated left then margin-left is doubled. */
}

#costsummary
p
{
margin-top : 0;
padding-top : 0;
}

#paymentdetails p
{
margin-top : 10px;
}
.request 
{
	margin:0px;
	padding:0 0 0 6px;
}
.radio INPUT
{	border-width: 0px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px

}
