/* colors

#e5e5cf = Light tan
#ccccad = Dark tan
#808066 = Dark Dark tan
#4f4f38 = Dark Dark Dark tan 

#f2f2ff = Light Light Purple
#ccccff = Light purple
#a1a1e5 = Dark purple
#cacad9 = desaturated purple

#cad9ca = desaturated green

*/


/* GLOBAL */

table { border-collapse: collapse; }

h1 { color: #fff; font-size: 14px; line-height: 1; margin-top: 10px; }
h2 { color: #fff; line-height: 1; }
h3 { font-size: 36px; letter-spacing: -1px; color: #808066; border-bottom-color: #ccccad; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 6px;}

input.zip, #sitesTable, a.button, button, p.progressBox, .conditionalQuestions { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } 

input.zip { height:36px; width: 5em; font-size: 24px; margin-top: 0px; line-height: 1;}

.conditionalQuestions { clear: both; border: 1px solid #ccccad; background-color: #e5e5cf; padding: 20px; margin-bottom: 10px; }

label, input { margin-top: 6px; }
label { display: inline-block; vertical-align: top;}

form ul li {
	padding-bottom: .75em;
	margin-bottom: .25em;
	border-bottom-style: solid;
	border-bottom-color: #ccccad;
	border-bottom-width: 1px;
	display: block;
	list-style-type: none;
}
#content {min-width: 950px;}
form ul.list li{ border: none; padding-bottom: 0px; margin-bottom: 0px;}

p.progressBox { float: right; padding: 10px; font-size: 24px; color: #fff; background-color: #ccccad; }

.hiddenSection{display:none;} 

#warning{ width:100%; font-weight:bold; color:#f33; text-align:center; display:none;}
.alert {color: #FF3333;}
.clear {clear:both;}

/* SECTION 1 */

#sitesTable th { background-color: #808066; border-bottom-style: solid; border-bottom-color: #4f4f38; border-bottom-width: 2px; }
#sitesTable td { border-bottom-style: dotted; border-bottom-color: #808066; border-bottom-width: 1px; }
#sitesTable td a.button { margin: 0; }



/* BUTTONS */

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #a1a1e5;
  border-top:1px solid #f2f2ff;
  border-left:1px solid #f2f2ff;

  background-color:#cacad9;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#452e5d;
  cursor:pointer;
    
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}







/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#f2f2ff;
  border:1px solid #a1a1e5;
  color:#4C1BB2;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#276b00;
}

a.positive { background-color: #cad9ca; border:1px solid #95ad95; border-top:1px solid #e5ffe5;
  border-left:1px solid #e5ffe5;
}

a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative { background: none; border: none; }

a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


a.button.icon { padding-left: 26px; background-position: 5px center; background-repeat: no-repeat; }
a.button.find { background-image: url(../images/icons/magnifier.gif);  }
a.button.arrow { background-image: url(../images/icons/arrow_right.gif);  }
a.button.tick { background-image: url(../images/icons/tick.gif);  }
a.button.slash { background-image: url(../images/icons/slash.gif);  }
a.button.clipboard { background-image: url(../images/icons/clipboard.gif);  }
a.button.edit { background-image: url(../images/icons/edit.gif);  }

a.button.biggie.icon.arrow { font-size: 150%; padding-left: 36px; background-image: url(../images/icons/arrow_right_big.gif); }
a.button.biggie.icon.arrowLeft { font-size: 150%; padding-left: 36px; background-image: url(../images/icons/arrow_left_big.gif); }
a.button.biggie.icon.question { font-size: 150%; padding-left: 36px; background-image: url(../images/icons/question.gif); }
a.continueButton_g {color: #A29FA4;}
a.continueButton_g:hover {color: #A29FA4;}
a.continueButton {color: #452E5D;}