/* basic classes */
/* not sure if this is required
div.app 
{
	margin-left:5px;
}
*/

 #atolverify
{	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image:url(../applicationimages/ATOL/bkgrnd1.jpg);

	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
}
 #atolverify div
{	/*margin: 27px 0px 0px 0px;*/
	padding-top:27px;
	height:273px;	
}
 #atolverify img
{	border-style:none;
}

#atolverify A:link, 
#atolverify A:visited, 
#atolverify A:active			{text-decoration: none;}
#atolverify A:hover				{text-decoration: underline;}

#atolverify .normal				{font-size: 75%;}
#atolverify .normal a:link		{color: #0033cc; text-decoration: none;}
#atolverify .normal a:visited	{color: #0033cc; text-decoration: none;}
#atolverify .normal a:active	{color: #0033cc; text-decoration: none;}
#atolverify .normal a:hover		{color: #6699FF; text-decoration: underline;}

#atolverify H1					{font-size:130%;text-align:center}

#atolverify .link A, 
#atolverify .link SPAN			{font-size: 70%; color: #000000;}

#atolverifyText {
	width:263px; 
	padding-left:10px;
	/*padding-right:10px;*/
	position: relative;	
}

#ginfodetail span.datalabel 
{
/*		border:1px red solid;*/
 
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 180px; /* Width of labels */
    vertical-align:top;
    margin:0px 5px 5px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:0px 2px 0px 2px;
    position: static; 
    top:5px;
}

#ginfodetail span.datalabelmulticol 
{
/*		border:1px blue solid;*/
    
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 100px; /* Width of labels */
    vertical-align:top;
    margin:0px 5px 5px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:0px 2px 0px 2px;
    position: static; 
    top:5px;

}



#ginfodetail .right {
	width:390px; 
	float:right; 

}
#ginfodetail .left {
	width:390px; 
	float:left;

}
#ginfoinsurance span.datalabel {
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 450px; /* Width of labels */
    vertical-align:top;
    margin:0px 5px 5px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:0px 2px 0px 2px;
    position: static; 
    top:5px;
}
#ginfoinsurance span.datalabelxtra {
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 635px; /* Width of labels */
    vertical-align:top;
    margin:0px 5px 5px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:0px 2px 0px 2px;
    position: static; 
    top:5px;

}
#ginfoinsurance span.datalabelmulticol {     
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 50px; /* Width of labels */
    vertical-align:top;
    margin:0px 5px 5px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:0px 2px 0px 2px;
    position: static; 
    top:5px;
}

.Summary span.extractdate
{	
	float:right; 
	font-size:90%;
/*	padding-top:0.2em;*/
	padding-right:0.5em;
/*	padding-bottom:0.3em;*/
}
.Summary span.emphasis
{	
	font-weight: bold;
}

div.app span.emphasis
{
	font-weight: bold;
}

div.appfrm select.nonproportionalfont
{
  font-family: courier;
  font-size: 130%;
}

div.appfrm select.wide
{
  font-size: 90%;
}

div.app div.frmtextnobackground
{
/*	background-color:red; */
	padding: 5px 5px 5px 0px;
	margin-left:5px;

}

div.app div.frmtextbackground
{
	background-color:#EAEAEA;
/*	background-color:red; */
	padding: 5px 5px 5px 5px;
	margin-left:5px;

}

div.appfrm fieldset legend      
{     
font-size:120%; 
font-weight: bold;
/*	color: #B6DCBB;*/
	margin-bottom:10px;
	padding-bottom:10px;
}	

div.appfrm fieldset span.help {     
	color:green;	
}

div.appfrm label span.description, div.appfrm span span.description , div.appdata span span.description{     
 	font-weight:normal;
 	font-size:90%;
}

div.appdata span span.descriptionmedium{     
 	font-weight:normal;
 	font-size:90%;
 	width:350px;
 	vertical-align:top;  
}
 	
div.appfrm span.mandatoryindicator, div.appdata span.warning, div.appfrm span.warning  {     
	color:#FF0000 ;	
}


div.app .error 
{
    font-weight:bold;
}

div.app .message 
{
	font-weight:bold;
}

div.app hr	{	
	padding: 0px -5px 0px -5px;
	border:1px solid;
	color: #f6f4f4;
	background-color:#f6f4f4;
	background:#f6f4f4;} 

div.app td {
	border:none;
	padding:2px 2px 2px 2px;
}

div.app th.xtrapadding, div.app td.xtrapadding {
	padding:2px 2px 2px 10px;
}
div.app td.numeric, div.app th.numeric {
	text-align:right;
}

/* HTML buttons */
div.app a.textbutton:link, div.app a.textbutton:active, div.app a.textbutton:visited {
	margin-right:4px;
	padding: 1px 3px 1px 3px;
	border:1px #FFFFFF solid;
}
div.app a.textbutton:hover {

	border:1px solid #6a6a6a;
	background-color:#E5E5E5;
}
div.app a.textbuttoncurrent:link, div.app a.textbuttoncurrent:active, div.app a.textbuttoncurrent:visited, div.app a.textbuttoncurrent:hover 
{	margin-right:4px;
	padding: 1px 3px 1px 3px;
	border:1px #FFFFFF solid;
	color:#000000;
	font-weight:bold;
}

/* Application Forms */
div.appfrm input, div.appfrm textarea, div.appfrm select {     
    margin-bottom: 0px;
    padding: 0px;
    vertical-align:top;
}


div.appfrm fieldset       
{     
  border-color: #f6f4f4;
  
	clear: both;
	padding: 0px;
	margin-bottom: 10px;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}     
div.appfrm fieldset.noborder    
{     
      border: none; 
}

div.appfrm fieldset .nolabel, div.appdata .nolabel{  
	margin-left:195px;
}

div.appfrm br, div.appdata br{
	clear: left;
}


div.appfrm label, div.appfrm span.dummylabel, div.appdata span.datalabel {     
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 180px; /* Width of labels */
    vertical-align:top;
    margin:0 5px 0px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:2px 2px 12px 2px;
    position: static; 
    top:5px;
}

div.appdata span.datalabelmulticol {     
 	font-weight:bold;
	text-align: left;
    display:-moz-inline-box; /*Mozilla Firefox doesn't recognise inline-block*/
    width: 100px; /* Width of labels */
    vertical-align:top;
    margin:0 5px 0px 5px;
 	border-bottom:10px;
  /*clear: left;*/
    padding:2px 2px 12px 2px;
    position: static; 
    top:5px;

}

div.appfrm label, div.appfrm span.dummylabel, div.appdata span   {     
      display: inline-block; /* style to line up labels in IE7.0 */
}
div.appfrm label.acrosslinexsmall{
 	font-weight:normal;
	width:2%;  
/*	background-color:red; */
  	text-align: left;
    margin-left:0px;  
}
div.appfrm label.acrosslinesmall{
 	font-weight:normal;
	width:10%;  
/*	background-color:red; */
  	text-align: left;
    margin-left:0px;  
}

/* xsmall-8%, small-15%, medium-35%, large-70%, xlarge-90%*/
div.appfrm .xsmall label, div.appdata span.xsmall{
	font-weight: normal;
	width:8%;  
	padding-top:2px;
	}

div.appfrm .xsmallplus label{
	font-weight: normal;
	width:10%;  
}

div.appfrm .small label, div.appdata span.small{
	font-weight: normal;
	width:15%;  
}

div.appfrm .smallplus label, div.appdata span.smallplus{
	font-weight: normal;
	width:33%;  
}

div.appdata span.vtop{
	vertical-align:top;
}

div.appfrm .medium label, div.appdata span.medium{
	font-weight: normal;
	width:50%;  
}

div.appdata span.smallmedium{
	font-weight: normal;
	width:30%;  
}
div.appdata span.large{
	font-weight: normal;
	width:70%;  
}

div.appfrm .xlarge label{
	font-weight: normal;
	width:90%;  
}

div.appfrm input.small{  
      width:15%;
      }

div.appfrm input.medium{  
      width:35%;
      }

div.appfrm input.mediumplus{  
      width:50%;
      }

div.appfrm textarea.large, div.appfrm .large textarea{
	margin-left:5px; 
    }


div.appfrm .boldlabel label
{
	margin-left:-2px;
}

div.appfrm ol.boldlist {
	margin:0 0 0 25px;
	padding:0; 
}

div.appfrm .boldlist li
{  
	font-weight:bold; 	
	margin-bottom:0px; 
} 

div.appfrm .boldlist li p.normal, div.appfrm .normal li, div.appfrm .normallabel label
{  
	font-weight:normal; 	
} 

div.appfrm ul.multicollist  {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
div.appfrm .multicollist li {
  float: left;
  width: 33%;
  margin:0 0 10px 0;
}

div.appdatatable table.bluetable 
{
	background-color:#c8d7e8;
	width:100%;
	
}  

div.appdatatable .bluetable th 
{
	border-color:#c8d7e8;
	
} 

div.appdatatable .bluetable td, div.appdatatable .bluetable th 
{
	padding:4px 5px 3px 5px;
} 

div.appdatatable .bluetable tr.white
{
	background-color:#ffffff;
} 

div.appdatatable .bluetable tr.grey
{
	background-color:#eaeaea;
} 


div.appdatatable table.greentable 
{
	background-color:#b6dcbb;
	width:100%;
	
}  

div.appdatatable .greentable th 
{
	border-color:#b6dcbb;
	
} 

div.appdatatable .greentable td, div.appdatatable .greentable th 
{
	padding:4px 5px 3px 5px;
} 

div.appdatatable .greentable tr.white
{
	background-color:#ffffff;
} 

 
div.appfrm h2 {     
      margin:0px 0 10px 0;
} 

div.appfrm img.noborder
{
	border-style:none;
}
      
div.app img
{
	border:solid 1px black;
}

div.appfrm img.leftimage
{
	float:left; 
	margin-top:0px;
	margin-bottom:20px;
	margin-right:10px; 
	margin-left:0px; 
	border:solid 1px black; 
}

/* Application header */
div.appheader span.apptopnav, div.appfrm input.rightbutton 
{	margin-right:5px;
	float:right; 
}	

div.appheader span.items {	
	font-size:90%;
	color:#000;
	font-weight:normal;
	padding-left:10px;
}	
div.appheader span.itemsnav {	
	font-weight:normal;
}	
     
div.appheader div.hdrtextbackground
{
	background-color:#EAEAEA;
	padding: 5px 10px 10px 10px;
	margin: 15px 0px 15px 0px; 
}
     
/* Application Data Multi Record */
/* not sure if this is required
div.appdatatable table 
{
	margin-left:-6px;
}
*/

div.appdatatable tr 
{
	vertical-align:top;  
}
div.appdatatable tr.altdatarow 
{
	background-color:#F6F4F4;
}
div.appdatatable th 
{
	border:1px #ffffff solid;
	padding:2px 2px 2px 2px;
	text-align:left;
}

div.appdatatable th.nowrap, div.appdatatable td.nowrap  
{
	white-space:nowrap;
}

/* Application Data Single Record */
/*	
div.appdata ol{   
    list-style:none;
    padding-left: 0px;
	margin: 0 0 0px -2px;
}

div.appdata li{   
	border-bottom: 2px solid #ffffff;
}
*/

div.appdata ul
{
	list-style:none; 
	padding-left: 0px;
	margin: 10px  0px 10px 0px;

}


div.appdata li.rss
{
	padding:0 0 6px 0;
}

div.app li.rss hr
{
 margin-top:5px;

}

div.appdata li.rss a img
{
	margin-bottom:-3px;  
	border:none; 
}

div.appdata h2.dataheading {     
    margin:5px 0 0px 0;
	background-color:#F6F4F4;
	padding: 5px 5px 5px 5px;
} 

/* Application Paging  */ 
div.apppaging
{
	margin-top:10px;
	/*margin-left:-1px; not sure if this is required */
}
div.apppaging span
{
	padding: 1px 3px 1px 0px;
	border:1px #FFFFFF solid;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}

div.appdata img.rightnoborder
{
	border:none;
	float:right;
	padding-right:5px;
	padding-bottom:5px;  
}

div.appdata img.noborder
{
	border:none;
	padding-left:10px;
	padding-right:5px;  
}