@charset "utf-8";
/* CSS Document */
/*-------------------------------------------

* Filename:		odr.css
* Description:	CSS for Online Dispute Resolution system
* Version:		2.0.6 (10-20-2011)
* Author:		Galen Wilk

---------------------------------------------

/*  KEEP CSS CLEAN
    Some guidelines to follow:
    1. Break code down into sections.
    2. Keep your rules alphabetically sorted.
    3. Only put one selector per line for a block of rules that apply to multiple selectors (except for reset).
    4. Indent your rules, only one rule per line.
    5. Indent proprietary properties with two spaces. Keep these properties directly below the proposed property.
        
        example:
        
        element#id,
        element.class {
            rule1: value;
              -webkit-rule2: value;
              -moz-rule2: value;
            rule2: value;
            top: value;
        }
-------------------------------------------*/
/* --- ODR Typography --- */
#masthead h2 {
	color:#333;
}
#odr-app h2 {
	color:#67812D;
}
.main ul,
.main ol,
.odr-confirm #odr-app ul {
	font-size:1.2em;
}
.adddate {
	font-size:1.2em;
}
.sidebar .box h4 {
	color:#9E2B1E;
	font-size:1.5em;
	font-family:Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}
.odr-splash #js-alert {
	color: #9e2b1e;
	font-weight: 800;
	font-size:1.4em;
}
/* --- ODR Step 1 Typography --- */
.answered {
	font-size:1.2em;
}
.answered span {
	color:#67812D;
}
.answered p {
	font-size:1em;
}
.muted {
	color:#CCC;
}
/* --- ODR Step 2 Typography --- */
.results-biz-header {
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
.other-business h4/*,
.selected-box h4 */{
	color:#67812D;
}
.selected-box ul,
#localnotice ul {
	font-size:1.2em;
}
/* --- Page Structure --- */
form {height: 100%;}

/* --- Header Structure  --- */
#header-content {
	height:115px;
}
#masthead {
	top:15px;
}
#masthead h2 {
	text-align:left;
}
#global-nav {
	top:55px;
}

/* --- Progress Bar Structure --- */
#odr-progress ul {
	height:50px;
	position:relative;
	width:100%;
}
#odr-progress ul li {
	background: #EEF3F6;
	border-top: 1px solid #badee5;
	border-bottom: 1px solid #badee5;
	border-right: 1px solid #badee5;
	display:block;
	height:50px;
	position:absolute;
	top:0;
	width:164px;
}
#odr-progress ul li.active {
	border: 1px solid #66793A;
	width:163px;
}
#odr-progress ul li.first-active,
#odr-progress ul li.last-active {
	border: 1px solid #66793A;
	width:163px;
	z-index:100;
}
#odr-progress ul li.complete {
	background: #EEF3F6 url(../images/ODR-check-mark.png) 140px 5px  no-repeat;
	border-right: none;
	border-left: 1px solid #badee5;
}
#odr-progress ul li.complete:hover {
	border: 1px solid #66793A;
	z-index:100;
}

#odr-progress ul li.first, #odr-progress ul li.last {
	width:164px;
}
#odr-progress ul li.link1 {
	left:0;
}
#odr-progress ul li.link2 {
	left:165px;
}
#odr-progress ul li.link3 {
	left:330px;
}
#odr-progress ul li.link4 {
	left:495px;
}
#odr-progress ul li.link5 {
	left:660px;
}
#odr-progress ul li.link6 {
	left:825px;
}
#odr-progress ul li a {
	color:#999999;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:20px;
	height:40px;
	padding: 5px 10px;
	width:144px;
}
#odr-progress ul li.complete a,
#odr-progress ul li.active a,
#odr-progress ul li.first-active a,
#odr-progress ul li.last-active a{
	color:#333;
}
#odr-progress ul li a:hover {
	text-decoration:none;
}
#odr-progress ul li a span {
	font-weight:100;
}

/* --- ODR Content Area Structure --- */
#odr-app {
	clear: both;
}
#odr-app h2 {
	margin-top:10px;
}
.odr-1 .left,
.odr-3 .left,
.odr-4 .left,
.odr-5 .left,
.odr-confirm .left {
	float:left;
	width:720px;
}

.main ul,
.main ol {
	margin:10px;
}
.main ol {
	list-style-type:decimal;
	padding: 0 0 0 20px;
}
.main ul li {
	background:url(../images/err-red.gif) 0px 3px no-repeat;
	padding: 0 0 0 8px;
}
#footer {
	_margin-top: 0;
}
/* --- ODR Form Elements --- */
fieldset.bluebox {
	padding:10px;
	margin:10px 0;
}
fieldset fieldset {
	margin:0 0 10px;
}
.odr-6 fieldset fieldset {
	width:330px;
}
legend {
	padding:5px 0;
	white-space:normal;
	width:700px;
}
legend span {
	display:block;
	width:700px;
}
fieldset li {
	overflow:hidden;
	padding: 0 0 0 2px
}

.radio .involves label {
	display:block;
}
.radio ol li {
	margin:3px 0;
}
.fielddescription {
	margin-bottom:5px;
}
.input250 {
	width:250px;
}
.input500 {
	width:500px;
}
.date {
	width:70px;
}
.age {width: 50px;}
.money {
	background: #FFF url(../images/cbbb-sprites.png) -870px -161px no-repeat;
	border-width:1px;
	padding-left:10px;
	width:70px;
}

.alerttext,
label.error {
	float:left;
	margin:5px 0 0;
}
.formsubmit {
	width:100%;
}
.backnext {
	overflow:hidden;
}
.backnext input[type="submit"],
.backnext a {
	float:left;
}
.backbtn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -432px -213px transparent;
	margin:10px 10px 0 0;
	width:57px;
} 	
.nextbtn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -493px -213px transparent;
	margin:10px 0 0;
	width:57px;
}
.continuebtn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -493px -350px; 
	width:98px;	
}
/* --- sidebar structure ---*/
.sidebar .first {
	margin:10px 0 20px;
}
.promo {
	margin:0 0 20px;
}
.box {
	border:2px solid #EEEEEE;
	margin:10px 0;
	padding:0 0 10px;
}
.sidebar {
	margin:30px 0 0;
	width:216px;
}
.sidebar .box h4 {
	background-image:url("../images/cbbb-sprites.png");
	background-position:-614px -285px;
	background-repeat:no-repeat;
	border:0 solid blue;
	height:42px;
	line-height:40px;
	margin:-2px 0 0 -2px;
	padding:0 0 0 10px;
	width:204px;
}
.sidebar .promo p, .sidebar .promo a.text {
	line-height:1.1em;
	padding:10px;
}
.s220 {
	width:220px;
}
.s240 {
	width:240px;
}
.s220 .box {
	width:216px;
}
.s240 .box {
	width:236px;
}
.s220 .box h4 {
	width:209px;
}
.s240 .box h4 {
	width:229px;
}
.sidebar ul {
	margin: 0 10px;
}
.sidebar ul li {
	padding:3px 0;
}
/* --- Misc. ---*/
#masthead a[target="_blank"],
#global-nav a[target="_blank"],
#footer a[target="_blank"]{
	background-image: none;
	padding-right:0;
}
/* --- ODR Splash ---*/
.odr-splash .main {
	float:none;
	min-height:350px;
}
.odr-splash #odr-app {
	float:left;
	width:730px;
}
.start-complaint-btn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -432px -184px transparent;
	border:medium none;
	color:transparent;
	cursor:pointer;
	display:block;
	height:26px;
	line-height:26px;
	margin:10px 0;
	outline:medium none;
	text-indent:-9999px;
	text-transform:capitalize;
	width:160px;
}
.odr-splash .sidebar ul li {
	background:none;
}
.odr-splash #js-alert {
	border: 1px solid #9e2b1e;
	padding: 10px;
}
.odr-splash #js-alert p {
	margin-bottom: 0;
}
/* --- ODR Step 1 Structure --- */

.odr-1 fieldset li {
	overflow:visible;
}
div.subpath-international,
ol li.subpath-0,
ol li.subpath-1,
ol li.subpath-2,
ol li.subpath-3,
ol li.subpath-4,
ol li.subpath-5,
div.subpath-mil {
	background: #FFF;
	border:1px solid #E0EEF1;
	margin: 5px 0 0 30px;
	padding:5px 10px;
}
.answered p {
	margin:10px 0 5px;
}
.subpath label {
	display:block;
}
.subpath legend {
	width:600px;
}

/* --- ODR Step 2: Business Search Structure --- */
.spacer {
    border-bottom:1px dotted #eeeeee;
    height:5px;
    margin: 0 0 5px 0;
}
#sitesearchresultslist {
	width: 100%;
}
td.biz-info,
li.biz-info {
	width:300px;
}
li.biz-info {
	float: left;
}
td.biz-tob,
li.biz-tob {
	width:160px;
}
a[target="_blank"] {
    background:url("../images/href-external.gif") no-repeat right 2px transparent;
    padding:0 14px 0 0;
}
.odr-select.header {
	white-space: nowrap;
}
td.odr-select {
	text-align:center;
	vertical-align:middle;
}
td.odr-select a,
li.odr-select a,
select-btn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -724px -18px transparent;
	border:medium none;
	color:transparent;
	cursor:pointer;
	display:block;
	height:27px;
	line-height:27px;
	margin:0 auto;
	outline:medium none;
	text-indent:-9999px;
	text-transform:capitalize;
	width:71px;
} 
.infoformbtn {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -398px -315px transparent;
	width:194px;	
}
.selected-box {
	margin:15px 0 0;
	padding:10px;
}
.selected-box ul {
	margin:0 0 10px;
}
.selected-box ul li {
	margin:3px 0;
}
.selected-box .backbtn {
	margin-top:0;
}
.continuebizbtn {
	background:url(../images/cbbb-sprites.png) -385px -245px no-repeat;
	float:left;
	width:207px;
}
.formsubmit a.different {
	display:block;
	float:left;
	line-height:27px;
	margin:0 0 0 10px;
}
#location-box p.l-500 {
	width:475px;
}
.locations-list .first {
	border-top: none;
}
.result-row {
	overflow: hidden;
}
ul.multi-location li li {
	border: none;
}
ul.multi-location li.headquarters {
	padding-bottom:10px;
}

.continuelocationbtn {
	background:url(../images/cbbb-sprites.png) -385px -279px no-repeat;
	float:left;
	margin: 0 0 0 10px;
	width:207px;
}
#localnotice ul {
	margin:0 0 10px;
}
#localnotice .continuebtn,
#safeharbornotice .continuebtn {
	margin-top:5px;
}
#safeharbornotice fieldset {
	margin-bottom: 10px;
}
#safeharbornotice fieldset,
#safeharbornotice legend,
#safeharbornotice legend span {
	width:500px;
}
.waitingoverlay{
    background-color: rgb(119, 119, 119);
    opacity: 0.7;
    cursor: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1100;
}
.waitingoverlay img {
	height: 16px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: fixed;
	top: 50%;
	width:16px;
}
.waitingoverlay span {
	color: #FFF;
	font-size: 1.3em;
	left: 50%;
	margin: 20px 0 0 -30px;
	position: fixed;
	top: 50%;

}
/* --- ODR Step 3 --- */

/* --- ODR Step 4 --- */
.complainttype,
.settlementtype {
	width:300px;
}
.odr-4 #description-notice span {
	color: #9B9B9B;
	font-size: .9em !important;
	font-weight: 100;
}
.odr-4 #description-notice a {
	font-size: .9em !important;
	font-weight: 100;
}
.odr-4 textarea {
	height:15em;
	width:99%;
}

/* --- ODR Step 5 --- */
.adddate {
	display:block;
	margin:4px 0;
}
.odr-5 textarea {
	height:15em;
	width:99%;
}
/* --- ODR Step 6 --- */
.complaintinput {
	overflow:hidden;
	padding: 0 0 5px;
}
.complaintinput .left {
	margin:0 20px 0 0;
	overflow: hidden;
	width:360px;
}
.odr-6 #odr-app h2 {
	margin-top:20px;
}
.odr-6 h2.notice {
	margin-bottom: 10px;
}
.odr-6 legend {
	width:320px;
}
.odr-6 fieldset span {
	font-size:1.2em;
}
.odr-6 .box {
	margin: 20px 0 10px;
}
.odr-6 .spacer {
	margin-bottom:15px;
}
.odr-6 .submit {
	margin:10px 0 0;
}
.odr-6 .backnext {
	padding: 0 0 12px;
}

.odr-6 div.bluebox {
	margin: 10px 0;
	padding: 10px;
}
.odr-6 ol[type="a"]{
	font-size: 1.2em;
	list-style: lower-alpha;
	margin: 5px;
	padding: 0 0 0 20px;
}
/* --- ODR Step 6 HIPPA --- */
#hippa-waiver h3 {
	margin: 0 0 6px;
}
#hippa-list {
	font-size: 1.2em;
	list-style: decimal;
	margin: 0 0 6px 10px;
}
#hippa-list li {
	margin: 0 0 0 20px;
	overflow: visible;
}
/* --- ODR Confirmation --- */
.odr-confirm #odr-app h2 {
	margin:10px 0;
}
.odr-confirm .bluebox {
	margin: 10px;
	padding:10px;
}
.odr-confirm #odr-app ul li {
	padding:3px 0;
}
.mailinglistbtn {
	background:url(../images/cbbb-sprites.png) -378px -383px no-repeat;
	width:214px;
}

/* --- Paging --- */
#pager {
	border-bottom: 1px dotted #ECECEC;
	margin-bottom:0;
	padding-bottom:10px;
	overflow:hidden;
}

/* --- Other Business (not found in the search results) ---*/
.other-business {
	margin:10px 0;
	padding:10px;
}
.other-business h4 {
	margin:0 0 1.2em;
}
#business-information-form .bbbform {
	padding:10px;
}
#business-information-form legend {
	padding:9px 0 0;
	width:400px;
}
#business-information-form legend span {
	display:inline;
	width:auto;
}
#business-information-form .closefancy {
	display:block;
	float:left;
	line-height:27px;
	margin: 0 0 0 10px;

}
/* --- Business Individual Location Selection Window --- */

#location-box .refine-search,
#location-prompt .refine-search {
	margin:5px 0;
	padding:10px;
}
#location-box #l-location  {
	border:3px double #D5E5E9;
	height:24px;
	float:left;
	line-height:24px;
	margin:0;
	outline:medium none;
	padding:3px 4px;
	vertical-align:middle;
	width: 70%;
}
#location-box #l-submit {
	margin:3px 10px;
}
ul.locations-list {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;	
}