/*
-----------------------------------------------
Assurant Employee Benefits -Smiles Page
Style contained herein are independent of the base stylesheets 'primary.css' and 'marketing.css'.
Do not use this stylesheet with the base styles as they will conflict.

Author: Gary Elsbernd
Version:  13 March 2007
----------------------------------------------- */

body {
  background:#fff url(../images/bg-gray.jpg) bottom repeat-x fixed;
  margin:0;
  padding:0;
  color:#333;
  font: 12px/15px Verdana, Trebuchet MS,Verdana,Arial,Helvetica;
  }
  
/* Structure
----------------------------------------------- */
#content {
	width:686px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 
	/*margin:0px 10px 0 0; Left Alignment changed to center alignment. */ 
	text-align:left;
	padding:0px;
	border:1px solid #dfdede;
	background-color:#fff;
		/* IE hacks */
	height: 1%;	
	position: relative;
	}
#content2 {
	width:565px;
	margin-top: 20px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto; 
	/*margin:0 10px 0 0; Left Alignment changed to center alignment. */ 
	text-align:left;
	padding:0;
	background-color:#fff;
		/* IE hacks */
	height: 1%;	
	position: relative;
	}
#wrapper, #wrapper1 {
  padding:0 20px;
}
#wrapper2 {
  display:none;
  padding:0 20px;
}
#header {
  background:#fff url(../images/logo.gif) no-repeat 0 0; 
  float:left;
  width:100%;
  height: 100px;
  padding:3px 0;
  }
#header p {
	margin: 10px;
	float: right;
}
#footer {
padding: 8px 0 0 0;
border-top: 1px solid #999999;
margin: 10px 10px 10px 10px;
}
#footer p {
font: normal 11px/13px Trebuchet MS,Verdana,Arial,Helvetica;
margin: 3px;
}

#footer2 {
  background:#fff url(../images/bluethreadlogo.jpg) no-repeat 0 0; 
  float:left;
  width:100%;
  height: 205px;
  padding:3px 0 0 0;
  }
ul {
padding-left:20px;
margin: 0 0 10px 15px;
}

/* Links
----------------------------------------------- */
a:link {
  color:#0066CC;
  }
a:visited {
  color:#800080;
  }
a:hover {
  color:#FF9900;
  }
a img {
  border-width:0;
  }

/* Typography
----------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
	padding:0px;
}

h1 {
	color: #0066cc;
	font: 24px/26px Trebuchet MS,Verdana,Arial,Helvetica;
	text-align:left;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 15px; /*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h2 {
	color: #ff9900;
	font: 22px/22px Trebuchet MS,Verdana,Arial,Helvetica;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 20px;
	}
h3 {
	font: 12px/14px Verdana, Trebuchet MS,Verdana,Arial,Helvetica;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px; /*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	color: #ff9900;
	}

img {
	border: 0;
	}
	
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}
	
p {
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
.clear { clear: both; }

.required { color: red; }

.line1 {
font-weight:bold;
font-size:2.5em;
}
.line2 {
text-align:center;
font-size:5em;
}
.line3 {
font-weight:bold;
font-size:2em;
margin-left:300px;
}
.layer2 {
  background:#fff url(../images/bg-gray.jpg) bottom repeat-x fixed;
}
.right {text-align:right; }


/* Custom Content Styling
----------------------------------------------- */

.footnotes {
margin: 5px;
padding: 0px 0px;
font-size: 10px;
}

.footnotes ol li {
	font-size: 10px;
}

.notes {
font-size: 10px;
margin: 5px;
padding: 0px 0px;
border-top: 1px solid #CCCCCC;
clear:both;
}

img.right {
padding: 2px; 
margin: 0 0 5px 30px;
border: 1px solid #ccc;
float: right;
}
img.left {
padding: 2px; 
margin: 0 30px 5px 0;
border: 1px solid #ccc;
float: left;
}

div.marginleft {
margin-left:150px;
margin-bottom: 20px;
}

.marginleftul {
margin-left:182px;
}

div.marginright {
margin-right:150px;
margin-bottom: 20px;
}

.centerthis {
margin-left: 15px;
}

#offer {
padding: 12px;
border: 2px dashed #ff9900;
margin: 20px 20px;
back/ground-color:#ffffcc;
}

blockquote 
{ 
width: 200px; 
padding: 0 0 0 10px; 
margin: 0 15px 15px 30px; 
font-family: Georgia, 'Times New Roman', Times, serif; 
font-size: 2em; 
line-height: 1.2em; 
border-left: 2px solid #4e9a30; 
color: #888; 
text-align: left; 
float: right; 
}

#offer h3 {
text-align:center;
 font-family: Georgia, 'Times New Roman', Times, serif; 
 font-size: 22px;
 font-style:italic;
margin: 5px 0;
color: #333333;
font-weight: normal;
}

#offer p {
	font-size: 11px;
	line-height: 1.6em;
}

.highlight {
background-color:#ffff99 /*cfffaf ffffcc*/;
padding: 3px;
}	

/* Borders for images */

img.grnbrdr {border:5px solid #0c3;}
img.orngbrdr {border:5px solid #f90;}
img.blbrdr {border:5px solid #06c;}

/* Searchform
----------------------------------------------- */

form {
text-align:center;
}

#copy {
width:440px;
float:left;
}
#copy p {
font-size:1.1em;
margin-top:0;
padding-top:0;
}
#tools {
width:200px;
float:right;
padding:0;
}

#searchform {
width:180px;
padding:5px 10px 2px 10px;
margin:15px 0 10px 0;
background:#0c3 url(../images/leftcornergreen.gif) top left no-repeat;
}
#searchform a:link, #searchform a:visited {
color:#FFFFFF;
text-decoration:none;
}
#searchform a:hover, #searchform a:active {
color:#FFFFFF;
text-decoration:underline;
}

#calloutbox-heading {
width:630px;
height:183px;
padding:0;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background: #fff url(../images/orangeDentalBkg630.gif) right no-repeat;
}
#calloutbox-heading h1 {
	color: #fff;
	font: 24px/26px 'Trebuchet MS',Verdana,Arial,Helvetica;
	text-align:center;
	font-weight: bold;
	margin:0;
	padding:75px 0 0 100px;
}

#badgebox {
border:1px solid #adadad;
margin: 0 1px 0px 0;
padding:4px 5px;
font-size: 11px;
}
#badgebox h3 {
margin-top:3px;
margin-bottom:0;
line-height:14px;
}
#badgebox p {
margin-top:3px;
padding-top:0;
line-height:14px;
}
#badgebox img {
margin: 0, 20px, 0, 1px;
padding-right:10px;
float:left;
}
#calloutbox-orange {
width:415px;
float:left;
padding:0 10px;
margin-top:5px;
margin-left:1px;
margin-bottom:10px;
background:#f90 url(../images/leftcornerorange.gif) top left no-repeat;
}

#calloutbox-gray {
padding:10px;
margin:5px 10px 5px 0;
background:#fff url(../images/leftcornergray.jpg) top left no-repeat;
color:#666;
border:1px solid #d6d6d6;
clear:left;
}
#calloutbox-gray li {
margin-top:13px;
}

#calloutbox-blue {
width:440px;
margin-top:10px;
margin-left:0;
margin-bottom:10px;
padding:10px;
background:#06c url(../images/leftcornerblue.gif) top left no-repeat;
color:#fff;
clear:left;
}
#calloutboxright-green{
width:265px;
float:right;
padding:20px;
margin-top:10px;
margin-right:0;
margin-bottom:10px;
background:#0c3 url(../images/leftcornergreen.gif) top left no-repeat;
}
#calloutbox-green {
width:610px;
padding:20px;
margin:10px 0 10px 0;
background-color:#00cc33;
background:#0c3 url(../images/leftcornergreen.gif) top left no-repeat;
}
#calloutbox-green h2 {
color:#FFFFFF;
margin:0;
}

.formbutton {
margin: 5px 0;
padding: 0 14px;
background-image:   url("../images/submitbuttons.gif");
border: 1px solid #f90;
vertical-align: middle;
font-size: .84em;
}
.formbutton:hover, .formbutton:focus {
background-image:   url("../images/submitbuttons-over.gif");
border: 1px solid #f90;
vertical-align: middle;
} 
#popupresults {
 	position:absolute;
	width:600px;
	height:500px;
	z-index:1;
	left: 50px;
	top: 50px;
	background-color: #FFFFFF;
	background-image: url(assets/images/bg-gray.jpg);
	visibility: hidden;
}
a.thickbox:link, a.thickbox:visited, a.buttonbdr:link, a.buttonbdr:visited  {
margin: 5px 0;
padding: 2px 14px;
background-image:   url("../images/submitbuttons.gif");
border: 1px solid #f90;
vertical-align: middle;
font-size: .84em;
color:#000000;
text-decoration:none;
height:30px;
}
a.thickbox:hover, a.thickbox:active, a.buttonbdr:hover, a.buttonbdr:active {
background-image:   url("../images/submitbuttons-over.gif");
border: 1px solid #f90;
vertical-align: middle;
}