*  {margin: 0px; padding: 0px;}

body  {background-color: #FFFFFF; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: .8em; color: #333333; margin: 0px; padding: 0px; text-align: left;}
p  {margin: 0px 0px 10px 0px;}
.clearAll  {clear: both; font-size: .1em; height: 1px;}
.floatRightPad {float: right; margin: 0px 0px 10px 10px;}

ul, ol  {margin: 0px 0px 15px 0px;}
	ul li, ol li  {margin: 0px 0px 4px 30px;}

a  {text-decoration: none; color: #ee2d24;}
  a:hover  {text-decoration: none; background-color: #ee2d24; color: #FFFFFF;}

.redText  {color: #dd0017;}
.blueText  {color: #0081c5;}
.centered  {text-align: center;}

.PleaseWaitLabel
{
	position: absolute;
	/*right: 150px;*/
	left: 10px;
	bottom: 20px;
	border-style:solid;
	border-color: Gray;
	border-width: 1px;
	text-align:center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color: Red;
	padding-left: 10px;
	padding-right: 10px;
	visibility: hidden;
	background-color: White;
	z-index: 60;
}

#overlay  {display: block; width: auto !important; min-width: 600px; width: 600px; height: auto; text-align: left;}
#overlay2 {display: block; width: 400px; height: auto; text-align: left;}

    #overlay h1, #overlay2 h1  {font-size: 1.1em; padding: 2px 10px 4px 10px; margin: 0px 0px 7px 0px; font-weight: bold; background-color: #0055a4; color: #ffffff; height:auto; font-family: Arial Black, Gadget, sans-serif; display: block;}

    #overlay h2  {font-size: 1em; padding: 0px; margin: 0px 0px 7px 0px; font-weight: bold; color: #0081c5; height:auto; font-family: Arial Black, Gadget, sans-serif; display: block;}

    #overlay h3  {font-size: 1em; padding: 0px; margin: 0px; font-weight: bold; color: #0081c5; height:auto; font-family: Arial Black, Gadget, sans-serif; display: block;}
    
    #overlayContent  {padding: 10px; text-align: left;}
		#overlayContent .formContainer  {width: auto;}
		
		#mailmergeExample  {width: 583px; height: 166px; display: block; margin: 0px auto 10px auto; padding: 0px; position: relative; background: url(../../media/images/ribbon/mailmerge_example.gif) no-repeat 0px 0px;}
		    #mailmergeExample #nameNote  {width: 190px; height: 60px; display: block; position: absolute; top: 17px; left: 26px; font-size: .9em; overflow: auto;} 
		    #mailmergeExample #postcodeNote  {width: 130px; height: 60px; display: block; position: absolute; top: 17px; left: 284px; font-size: .9em; overflow: auto;}
		
		.postExample  {display: inline-block; border: 1px solid #000000; padding: 0px 3px;}
		
		table.tableOverlay  {width: 100%;}
			table.tableOverlay thead tr th  {background-color:#0081c5; font-weight:bold; color:#FFF; padding: 5px 10px; font-family: Arial Black, Gadget, sans-serif;}
			    table.tableOverlay thead tr th.select  {width: 70px;}
			    table.tableOverlay thead tr th.address  {width: auto;}
			table.tableOverlay tbody tr  {background-color:#FFFFFF;}
				table.tableOverlay tbody tr:hover  {background-color:#b2d9ee;}
				table.tableOverlay tbody tr td  {border: 1px solid #0081c5; color: #0081c5; padding: 2px 10px;}
			        table.tableOverlay tbody tr td.select  {text-align: center;}
    			        table.tableOverlay tbody tr td.select input  {margin: auto; float: none;}
			        table.tableOverlay tbody tr td.address  {text-align: left;}
		
		table.tableOverlayShort  {width: auto; height: auto; display: block; margin: 0px 0px 10px 0px;}
			table.tableOverlayShort thead tr th  {background-color:#0081c5; font-weight:bold; color:#FFF; padding: 2px 10px;}
			table.tableOverlayShort tbody tr  {background-color:#FFFFFF;}
				table.tableOverlayShort tbody tr:hover  {background-color:#b2d9ee;}
				table.tableOverlayShort tbody tr td  {border: 1px solid #0081c5; color: #0081c5; padding: 2px 10px;}
        
        table.templateOverlay  {width: 100%;}
	        table.templateOverlay thead tr th  {background-color:#0081c5; font-weight:bold; color:#FFF; padding: 5px 10px; font-family: Arial Black, Gadget, sans-serif;}
		        table.templateOverlay thead tr th.select  {width: 50px;}
		        table.templateOverlay thead tr th.thumb  {width: 80px;}
		        table.templateOverlay thead tr th.type  {width: 60px;}
		        table.templateOverlay thead tr th.title  {width: auto;}
		        table.templateOverlay thead tr th.date  {width: 100px;}
	        table.templateOverlay tbody tr  {background-color:#FFFFFF;}
		        table.templateOverlay tbody tr:hover  {background-color:#b2d9ee;}
		        table.templateOverlay tbody tr td  {border: 1px solid #0081c5; color: #0081c5; padding: 2px 10px;}
			        table.templateOverlay tbody tr td.select  {text-align: center;}
			        table.templateOverlay tbody tr td.thumb  {text-align: center;}
				        table.templateOverlay tbody tr td.thumb img  {margin: auto;}
			        table.templateOverlay tbody tr td.type  {vertical-align: top;}
			        table.templateOverlay tbody tr td.title  {vertical-align: top;}
			        table.templateOverlay tbody tr td.date  {vertical-align: top;}
  
		.tableControl  {display: block; width: auto; height: auto; margin: 0px 10px 0px 0px; float: left; color: #0081c5; font-weight: bold;}
			.tableControl a.selPage  {display: inline-block; border: 1px solid #0081c5; background-color: #0081c5; color: #FFFFFF; padding: 1px 4px; text-decoration: none;}
			.tableControl a.linkPage  {display: inline-block; border: 1px solid #0081c5; background-color: #FFFFFF; color: #0081c5; padding: 1px 4px; text-decoration: none;}
				.tableControl a.linkPage:hover  {background-color: #0081c5; color: #FFFFFF;}

  		#csvfile  {width: 600px; height: auto; display: block; margin: 5px 0px 0px 0px;}
			#csvfile .fieldName  {font-size: 1.1em;}
			#csvfile .fileinputs  {float: right;}
		
		#buyCriteria {display: block; margin: 0px 0px 10px 10px;}
			#buyCriteria .fieldName  {font-size: 1em; font-weight: bold; margin: 0px 0px 5px 0px;}
			#buyCriteria .standardSmallRedButton  {float: right;}
			#buyCriteria .standardSmallButton  {float: right;}
			
		#searchResults  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; width: auto; height: 300px; margin: 0px 0px 5px 0px; padding: 5px; display: block;}
			#searchResults .resCon  {width: auto; height: 25px; display: block; float: left; margin: 0px 10px 0px 0px;}
			#searchResults .selLabel  {white-space: nowrap; font-size: 1em; font-weight: bold;}
			#searchResults #buyAddressCon  {width: auto; height: 260px; overflow: auto;}
 
 		input.wideBox  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; width: 240px; height: 20px; margin: 0px 0px 5px 0px; padding: 0px 5px;}
 		input.wideBoxUcase  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; width: 240px; height: 20px; margin: 0px 0px 5px 0px; padding: 0px 5px; text-transform:uppercase}
 		
		input.smallBox  {text-transform:uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; width: 32px; height: 20px; margin: 0px 0px 5px 0px; padding: 0px 5px;}
		input.postEntry  {text-transform:uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; width: 15px; height: 20px; margin: 0px 0px 5px 0px; padding: 0px 5px;}
		input.postEntrySep  {text-transform:uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; width: 12px; height: 20px; margin: 0px 0px 5px 20px; padding: 0px 5px;}
		
        textarea.textboxNotes {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; margin: 0px 0px 5px 0px; padding: 5px; font-size: 10pt; width: 240px;}
		
		#templates  {width: 420px; height: 530px; display: block; float: left; overflow: auto;}
			#templates .templateCon  {position: relative; width: 380px; height: 120px;}
				#templates .templateCon h3  {position: absolute; top: 0px; left: 10px; font-size: 1.2em; margin: 0px; padding: 0px 5px; background-color: #FFFFFF; z-index: 10;}
				#templates .templateCon .templateBox  {width: 370px; height: 85px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; padding: 15px 5px 0px 5px; position: absolute; top: 12px; left: 0px; z-index: 9;}
					#templates .templateCon .templateBox .template-arrow-prev {display: block; width: 15px; height: 75px; position: absolute; top: 15px; left: 5px;}
					#templates .templateCon .templateBox .template-arrow-next {display: block; width: 15px; height: 75px; position: absolute; top: 15px; right: 5px;}
					#templates .templateCon .templateBox .letterPreviewCon {width: 330px; height: 85px; overflow:hidden; position: absolute; top: 12px; left: 25px;}
						#templates .templateCon .templateBox .letterPreviewCon a  {color: #000000; text-decoration: none; background: transparent;}
							#templates .templateCon .templateBox .letterPreviewCon a:hover  {color: #dd0017;}
					#templates .templateCon .templateBox .letterPreviewCon div {width: 53px; height: 80px; float:left; margin:5px 0px 2px; text-align:center; padding: 0px 4px; overflow: hidden;}
					#templates .templateCon .templateBox .letterPreviewCon img {display: inline; width: 53px;}
		
		#preview  {width: 350px; height: 520px; display: block; float: left; overflow: hidden; padding: 10px 10px 0px 10px;}
			#preview #previewImage  {width: 355px; height: 480px; display: block; border: solid 1px black; }
			#preview #useControls  {display: block; margin: 10px 0px 0px 0px; text-align: left; padding-top: 30px}
				#preview #useControls .standardSmallRedButton  {float: left; }
		
		#largePreview  {width: 362px; height: 450px; display: block; overflow: hidden; padding: 10px 10px 0px 10px; text-align: center;}
			/*#largePreview iframe  {width: 450px; height: 490px; display: block;}*/
			#largePreview #useControls  {display: block; margin: 20px 0px 0px 0px; text-align: left;}
				#largePreview #useControls .standardSmallRedButton  {float: none;}
				
		.fileCon  {display: block; width: 500px; height: auto; margin: 0px auto 10px auto; float: left;}
			.fileCon .standardMediumButton  {float: right;}
			
		#firstColumn {display: block; margin: 0px 0px 10px 20px; width:433px; float:left;}
			#firstColumn .fieldName  {font-size: 1em; font-weight: bold; margin: 0px 0px 5px 0px;}
			#firstColumn .fieldValue  {}
			#firstColumn .standardSmallRedButton  {float: right;}
			#firstColumn .standardSmallButton  {float: right;}
			#firstColumn .messageText { float: left; color: #0081c5; }

		#secondColumn {display: block; margin: 0px 0px 10px 20px; width:393px; float:left;}
			
		#mapArea  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; width: 380px; height: 380px; margin: 0px 0px 5px 0px; padding: 5px; display: block;}
			#map_canvas { width:100%; height:100%; }
		
		span.borderedLabel {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0081c6; margin: 5px 0px 5px 0px; padding: 2px 5px;}

        span.fieldNote {font-size: 8pt; font-weight: bold; color: #ff0000;}