/* CSS Document */

body,html {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
body{
	/*background-color: #e0e0e0  ;*/
	
}



img {
	border:0px;
}

.clear {font-size: 1px; height: 1px}

a{
	text-decoration:none;
	color:#007ac3;
}
a:hover{
	text-decoration:underline;
}

h2{
	color: #cd6928;
	font-size:110%;
	margin:0;
}

h2.section {
	padding:2px 0 2px 4px;
	background-color: #d8e8ff;
	margin-bottom:6px;
}

#header {
	height: 90px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

/* error page specific */

h1.errorHead {
	color:#0066CC;
	font-size:20px;
	margin:65px 0 50px 40px;
}
/* Home Page Specific */

#wrapper {
	position: relative;
	width: 796px;
	margin:0 auto;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}
#homeSpacer{ /* the whitespace between the content and the grey background */
	padding:0 8px 0 8px;	
}
#content {
	margin-left: 260px;
	padding: 20px 0px 0 0;
}
#content h2 { margin-bottom:20px;}
#leftColumn {
	position: absolute;
	top: 150px;
	left: 8px;
	width: 210px;
}

img#submarketPhoto{
	margin-left:40px;
	margin-bottom:0px;
}

/** tabs **/
#tabcontentcontainer{
width: 500px;
/* Insert Optional Height definition here to give all the content a unified height */
border-left: 1px solid #5e7da2;
border-bottom: 1px solid #5e7da2;
border-right: 1px solid #5e7da2;

}

.tabcontent{
	display:none;
	clear:both;
	padding:10px;
}
.tabcontent table{margin:auto}
.tabcontent table td{padding:1px 0;}
.tabcontent table td a{text-decoration:none}
#smTabs,#submarket,.smContent{margin-top:20px;}

.smTabs {
  float:left;
  width: 502px;
  background:#FFFFFF url(../images/tabBlueBorder.jpg) repeat-x bottom;
  font-size:12px;
  line-height:normal;
  }
  
 .smTabs ul {
  margin:0;
  padding:10px 0px 0;
  list-style:none;
  }
.smTabs li {
  float:left;
  background:url("../images/tabBlueL.jpg") no-repeat 0 -42px;
  margin:0;
  padding:0 0 0 10px;
  }
  
.smTabs li a {
  float:left;
  display:block;
  background:url("../images/tabBlueR.jpg") no-repeat 100% -42px;
  padding:5px 10px 4px 1px;
  text-decoration:none;
  font-weight:normal;
  color:#000;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.smTabs li a {float:none;}
/* End IE5-Mac hack */
.smTabs li a:hover {
  color:#000;
  text-decoration:none;
  }
  
  .smTabs li.tabon {
  background:url("../images/tabBlueL.jpg") no-repeat -1% -36px;
  }

.smTabs li.tabon a {
  background:url("../images/tabBlueR.jpg") no-repeat 100% -36px; 
  color:#000;
  padding-bottom:5px;
  }

.smTabs li.taboff {
  background:url("../images/tabBlueL.jpg") no-repeat -1% 0px;
  /*background-color:#a8c9e8;
background:#a8c9e8 no-repeat 0 0px;*/
  }
.smTabs li.taboff a {
 background:url("../images/tabBlueR.jpg") no-repeat 100% 0px;
 /*background: #a8c9e8 no-repeat 100% 0px;*/
  color:#000;
}


/* Agent Page Specific */
#agentWrapper {
	position: relative;
	width: 796px;
	margin:0 auto;
	background-color: #FFFFFF;
}

#agentContent{ /* the whitespace between the content and the grey bacground */
	padding:0 8px 0 8px;	
}


.banner {
	margin:auto;
}





#welcome {
	vertical-align:middle;

	}
	
#welcome h1 {
	font-size:18px;
/*	margin-left:40px;*/
	font-stretch:narrower;
	font-family: Verdana;
	margin-top:0px;
	}	
	


#agentFooter {
	margin-top:15px;
	text-align:left;
	padding: 0 0 10px 10px;
	font-size:10px;
	color:#666666;
	background-color: transparent;
}

.highlight{
	color: #cd6928;
}


#headerMessage {
	margin-bottom:0px;
	}
	
.extraLineHeight{
	line-height:130%;
}
/** dialog page **/
.dialogHeader {
	width:668px; 
	background-color:#BBBDC0; 
	text-align:center; 
	font-weight: bold; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-top:5px; 
	padding-bottom:5px;
	/*border:1px solid #000000;*/
}

#dialogWrapper {
	background-color:#FFE3B6;
	width:668px; 
	
	/*border:1px solid #000000; */
	border-top:0px;
	margin:0 auto;
	margin-bottom:0px;

}

.centeredDialogMessage {
	color:#4C742F;
	text-align: center; 
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.dialogFormContainer {
	width: 550px; 
	margin-left:auto; 
	margin-right: auto;
}

#dialogFormTable {
	margin: 20px 0px 50px 0px;
}

#dialogFormTable tr {
	padding: 5px 0px 5px 0px;
}

.formElement {
	padding-left:5px;
}

.formText {
	font-weight:bold; 
	text-align:right;
	padding-top: 7px;
	vertical-align: top;
}

/**agentpage **/

/** divs **/
.bl {
	background: url(/images/bl.jpg) 0 100% no-repeat;width:780px; 
	background-color:#648d46;
}
.br {
	background: url(/images/br.jpg) 100% 100% no-repeat;  
}
.tl {
	background: url(/images/tl.jpg) 0 0 no-repeat;
} 
.tr {
	background: url(/images/tr.jpg) 100% 0 no-repeat;padding:0 6px 0 8px;
		
}


/** divs **/
.planbl {
	background: url(/images/plan_bl.gif) 0 100% no-repeat;width:500px; 
	background-color:#FBECC3;
}
.planbr {
	background: url(/images/plan_br.gif) 100% 100% no-repeat;  
}
.plantl {
	background: url(/images/plan_tl.gif) 0 0 no-repeat;
} 
.plantr {
	background: url(/images/plan_tr.gif) 100% 0 no-repeat;padding:8px 0px;	
}

/** tables**/

#imageHeading{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-right:3px;
}

.agenthighlight{
	color: #fdbf57;
}

#welcomeMessage {
	color:#FFFFFF;	
	margin-left:3px;
	padding-bottom:0px;
	padding-top:5px;
	float:right;
	/*border:1px solid black;*/
}

#messageContent {
	width:355px;
	float:left;
	}
	
#messageContent p {
	margin-top:5px;
	margin-bottom:5px;
	}
	
#altMessage {
	border-top:1px solid #FFFFFF;
	float:left;
	padding-top:3px;
}

#rightText {
	float:right;
	text-align:right;	
	width: 500px;
	height:40px;
	vertical-align:top;

	/*border:1px solid black;*/
}

#rightText p {
	margin:0px 0;	
}

#rightText img {
	display:inline;
	vertical-align:middle;
}

.bright{
	color:#FDBF57;
}

#indexBottom img { 
	vertical-align: bottom;
}

#indexTop img { 
	vertical-align: top;
}

#agentContact {
	float:right;
	width:185px !important;
	font-size:11px;
	margin-right:5px;
	/*border:1px solid black;*/
}

#agentAddress {
	margin-top:5px;
	color:#FFFFFF;
	
}

#vcard{
	padding-top:2px;
	font-size:11px
}
#vcard a{
	color:#000000;
	text-decoration:none;
}


#planTable {
	margin-right:2px;
}

#planTable td{

	padding-right:6px;
	padding-bottom:8px;
	font-size:11px;
}

#planTable td table tr td{
	padding:0;
	padding-left:12px;
}

#planTable tr.odd div{
	
	/*width:507px;*/
}

#oddContent {
	background-color:#fbecc3; 
	margin:-10px 0px -4px 0px;
}

#planTable td h3{
	text-align:left;
	margin:0px 12px 0 12px;
	font-size:11px;
}
#planTable td p{
	text-align:left;
	margin:0 12px 0 12px;
	padding:0;
}
ul.planLinks {
  width: 340px;
  margin: 8px 0 3px 0;
  padding: 0;
  list-style: none;
}

ul.planLinks li {
  text-align:left;
  float: left;
  width: 170px;
  margin: 0;
  padding: 3px 0 3px 0;
  line-height:15px;
}
ul.planLinks li a{
	padding: 0 0 0 15px;
	display: block;/*inline*/
	color:#2d4569;
}
ul.planLinks li a.pdf{
	background: transparent url(../images/iconPdf.gif) no-repeat 0 0px;	
}

img.pdf{
	margin:0;
}
.planFooter{
	text-align:left;
	font-size:10px;
}
#planTable .planFooter td{
	padding:0;
}
.planFooter div{
	background-color:#e0e0e0;
	padding-left:12px;
	padding-right:6px;
	margin-bottom:6px;
}
.planFooter{
	color:#666666;
	font-size:10px;
	margin-bottom:0;
}

#marquee{
    font-size:11px;
	width:230px;
	margin-bottom:10px;
	float:right;
}

#rightColContent{
	margin-left:10px;
}

#rightColContent p {
	margin:5px;
	}

#titleContainer {
	width:235px;
	height:22px;
	background-image:url(/images/tibo.jpg); 
	background-position:100% 0;
	background-repeat: no-repeat;
	padding-bottom:5px;
	}

#titleContainer h2 {
	text-align:left;
	padding:5px 0 2px 15px;
	}

.titleContent {
	background-color:#fbecc3;
	margin:-4px 0px -6px 0px;
}

#useful {
	margin-bottom:-7px;	
}

.titleContent h2 {
	margin:0px 0px 0px 10px;
}

.px2Indent{
	margin-left:10px;
}

.px2Indent a{
	color:#1d3c71;
}

#usefulLinks
{
	font-size:11px;
	width:230px;
	margin-bottom:10px;
	float:right;

}
#usefulLinks p{
	margin:0;
	padding:2px 2px 4px 12px;
}

#extraHTML {
	float:right;

}

#borderTitle{
	height:25px;
	background-image: url(/images/border.jpg);
	background-repeat:no-repeat;
}

h2.planIntro {
	text-align:left;
	padding:5px 0 2px 10px;
	color: #bc520e;
	font-size:12px;
}

#rightCol{
	text-align:left;
	width:252px;
	float:right;
}

#leftCol {
	text-align:left;
	width:510px;
	float:left;
	margin-left: 10px;
/*	margin-left:5px;*/
	}
	
#oidFooter{
	font-size:10px;
	text-align:left;
	color:#003C83;
	padding: 0 0 5px 10px;
}

#agentFooter {
	margin-top:15px;
	text-align:left;
	padding: 0 0 0px 0px;
	font-size:10px;
	color:#666666;
	background-color: transparent;
}

/*** legal page ***/
#legalContent {
	/*background-color:#A0c4e6;
	border: 1px solid #000000;*/
	width:440px;
	margin:auto;
	padding: 50px;
}

#legalContent div{
	width: 485px;
	text-align: center;
	margin: auto;
	}

#legalContent img {
	border:0px;
	}
	
#legalBody {
	background-color:#FFFFFF;
	padding:70px 0;
	width:796px;
	height:100%;
}

.legalWrapper {
	background-color:#FFFFFF;
	width:796px; 	
	/*border:1px solid #000000; */
	border-top:0px;
	margin:0 auto;
	margin-bottom:0px;;
}

/** more documents **/
#documentContent{
	padding:16px 20px 20px 20px;
}
table#moreDocuments{
	color:#666666;
}
table#moreDocuments td{
	padding:4px 1px 4px 3px;
}
table#moreDocuments td.file{
	padding-left:20px;
}

table#moreDocuments tr.odd{
	background-color:#D8E8FF;
}

.shareScreenTable {
	width:550px;
	margin:10px auto;
}
.shareScreenTable h1{
	font-size:24px;
	font-weight:100;
	color:#544;

}

.shareScreenBottomButton {
float:right;
margin-top:8px;
margin-right:10px;
}

div.disclaimerDiv {
	width:400px;
	font-size:11px;
	color:#904D36;
	padding:10px;
	
}

.rateCost {
	color:#8F0D0D;
	font-weight:bold;
}
ul.agentOptionsList  {
	margin:0;
	padding:0;
	margin-left:42px;
	list-style-position:outside;
	clear:both;
	margin-bottom:10px;
	}
.agentOptionsList li {
	list-style-image:url(../images/sq_bull.jpg);
}

.agentOptionsTitle {
	height:20px;
	padding-top:5px;
	}

.agentOptionsTitle p {
	margin:0 10px 5px 0;
	color:#904D36;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
}

.agentOptionsTitle img {
	display:inline;
	vertical-align:middle;
}

body.dialogOptions {
	background-color:#FFFFFF;
	color:#080300;
	}

.dialogOptions h2 {
	color:#080300;
	font-size:16px;
	}
.dialogOptions div.title {
	height:60px;
	background-color:#638E47;
	}
.dialogOptions h1 {
	margin:20px 0 0 30px;
	font-size:20px;
	color:#FFFFFF;
}

p.dialogOptions {
	border-top:1px solid #C0B287;
	border-bottom:1px solid #C0B287;
	line-height:20px;
}

.dialogOptions .buttons {
	text-align:right;
	width:500px;
	margin:auto;
	}

/* similar to toolbox now */
.contentRegion {
	width:500px;
	background-color: #fadca2;
	margin: 10px auto;
}

.contentRegionCenter {
	margin:0;
	padding:0 20px 0 20px;
	text-align:left;
}

.contentRegionCenter h2 {
	margin:15px 0 5px 0;
}

/*agent not found page */
.agentnotfound #content{padding-top:45px;}