body {
background:#424343;
text-align:center;
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
}
ul, li, div {
margin:0;
padding:0;
}
img {
border:0;
}
p, td {
font-size:12px;
}
.text {
font-size:12px;
margin:5px 0 0 0;
padding:0;
}
p a {
color:#632423;
text-decoration:underline;
}
p a:hover {
text-decoration:none;
}
h1 {
font-size:22px;
color:#632423;
font-weight:bold;
margin:10px 0;
}
h2 {
font-size:18px;
color:#000;
font-weight:bold;
margin:10px 0;
}
h3 {
font-size:14px;
color:#666;
font-weight:bold;
margin:10px 0 0 10px;
}
h3 a {
color:#666;
text-decoration:underline;
}
h3 a:hover {
text-decoration:none;
}
#container {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
text-align: left;
}
#top {
background:url(../images/top.gif) no-repeat bottom;
width:760px;
height:10px;
}
#banner {
width:758px;
border-left:1px solid #6c6c6c;
border-right:1px solid #6c6c6c;
background-color:#fff;
height:71px;
}
#logo {
padding:10px 0 0 10px;
height:61px;
float:left;
background:#fff;
}
#top-nav {
float:right;
font-size:12px;
width:451px;
height:51px;
padding-top:20px;
padding-left:60px;
background:url(../images/banner_bg.gif) no-repeat;
.error { color:red; font-size:1.3em;}

}
/*---------- left aligned button ----------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.lime { background: #bbce00; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #632423; color: #fff; }
.btn:active { background-color: #444; color: #fff; }
.btn[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.lime { border-color: #bbce00; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

#slogan {
position:absolute;
top:80px; _top: 95px;
left: 50%;
margin-left: -300px;
font-size:13px;
color:#000;
background:#fff;
text-align:left;
clear:both;
}
#testimonials {
margin:0 auto;
width:758px;
height:140px;
border-left:1px solid #6c6c6c;
border-right:1px solid #6c6c6c;
border-top:1px solid black;
border-bottom:1px solid black;
}
#body {
width:758px;
background:#fff;
min-height:440px;
border-left:1px solid #6c6c6c;
border-right:1px solid #6c6c6c;
margin:0 auto;
}
#left-nav {
margin:10px 0 0 0;
width:210px;
height:700px;
float:left;
padding-left:10px;
}
#main-content {
width:505px;
padding:25px 20px 10px 10px;
background:#fff;
float:left;
text-align:justify;
border-left:1px dotted #CCC;
min-height:700px;
}
#main-wide {
width:715px;
padding:25px 20px 10px 20px;
background:#fff;
float:left;
text-align:justify;
border-left:1px dotted #CCC;
min-height:340px;
}
#main-content ul, #main-wide ul {
margin-left:40px;
font-size:12px;
}
#next-step {
float:right;
margin-top:10px;
}
#previous-step {
float:left;
margin-top:10px;
}
/* +++++ SURVEY +++++ */

#survey { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 525px; }
#survey h2 { font-size: 1.3em; margin: 17px 17px 0; padding: 0 0 7px; line-height: 1em; border-bottom: 2px solid #E9E1E1; }
#survey p { margin: 8px 0  0; }
#warning { color: #632423; font-size: 1.3em; font-weight: bold; }
#survey .rating { padding-left: 17px; color: #777; font-size: .9em; }
#survey table.survey_rating { border: 1px solid #9D7D7D; margin-left: 17px; margin-right: 17px; background-color: #E9E1E1; padding: 0; }
#survey table.survey_rating tr { padding: 0; }
#survey table.survey_rating tr.border td { border-top: 1px solid #9D7D7D; }
#survey table.survey_rating td, #survey td.na { padding: 3px; vertical-align: top; }
/*#survey table.survey_rating td.alt { background-color: #B69292; }*/
#survey table.survey_rating td.alt { background-color: #CFB6B6; }
#survey .survey_bottom { margin-bottom: 17px; }
#survey textarea { margin-left: 17px; }
#survey img { margin: 17px; }

select { font-size: .8em; }

.innergraph img { height: 20px; }


/* +++++ SURVEY2 +++++ */

.survey2 #survey { width: 655px; }



/* +++++ OPTOUT +++++ */

#optout { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 500px; }
#optout table, #optout input#submit {  }
#optout table#times { margin: 12px 30px; }
#optout table#times span { margin-left: 7px; color: #777; font-size: .82em; }

/* +++++ SIGN-UP +++++ */

#sign-up { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 400px; }
#sign-up table, #sign-up input#submit {  }
#sign-up table#times { margin: 12px 30px; }
#sign-up table#times span { margin-left: 7px; color: #777; font-size: .82em; }
#review { background-color: #E9E1E1; border: 1px solid #9D7D7D; margin-top: 17px; width: 400px; margin-bottom: 7px; }

#survey { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 500px; }
#survey h2 { font-size: 1.3em; margin: 17px 17px 0; padding: 0 0 7px; line-height: 1em; border-bottom: 2px solid #E9E1E1; }
#survey p { margin: 8px 0  0; }

#image {
float:right;
margin:0 0 0 11px;
}
#footer {
clear:both;
border-top:1px dotted #ccc;
height:90px;
padding-top:10px;
text-align:center;
}
#footer p {
font-size:10px;
color:#999;
}
#footer li {
list-style: none;
display:inline;
padding: 0 .9em 0 0;
border-right: 1px solid gray;
margin:0 0 0 .9em;
font-size:11px;
}
#footer a {
color:#999;
text-decoration:underline;
}

#footer a:hover {
text-decoration:none;
}
#footer li.last {
border: none;
}
#bottom {
margin: 0 auto 10px auto;
background:url(../images/bottom.gif) no-repeat;
width:760px;
height:10px;
}
.quote {
font-size:13px;
font-style:italic;
color:#666;
}

/* +++++ SAMPLE PAGE CONTENT +++++ */

div.content {
    border: #632423 solid 3px;
    clear: left;
    padding: 1em;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #bdf url(../images/tabs2.gif);
    color: #fff;
    display: block;
    float: left;
    height: 2em;
    padding-left: 7px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(../images/tabs2.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 7px;
}
li.icons {
	list-style-type:none;
	display:inline;
	margin:0 5px 0 0;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}