/*
aol bigbowl base css for the signup form
this is used instead of the standard signup css
*/

/* ****** styles specified by aol ****** */
div#AOLformHolder, div#AOLformHolder td, .normal {
  font-family:Arial;
  font-size:12px;
  color:#000000;
}

div#AOLformHolder checkbox div#AOLformHolder radio {
  background-color:white;
}

/* intro styles */

div#aolBigbowlIntro {
  width:725px;
  margin-left:5px;
  margin-top:10px;
}

div#aolBigbowlIntro table {
  width:100%;
  margin-top:15px;
}

/* header styles */
div.formHeader {
  background-color:#8078b1;
  font-size:14px;
  font-weight:bold;
  color:white;
  padding-left:10px;
  padding-top:4px;
  padding-bottom:4px;
  margin-top:5px;
}

/* headerTextopen & headerTextclosed are toggled by the javascript
    when the sections are opened & closed */
span.headerTextopen {
  padding-left:8px;
  background-image:url("/images/aol/settings/horoscopes_downarrow_5x5.gif");
  background-repeat:no-repeat;
  background-position:center left;
  cursor:pointer;
}

span.headerTextclosed {
  padding-left:8px;
  background-image:url("/images/aol/settings/horoscopes_sidearrow_5x5.gif");
  background-repeat:no-repeat;
  background-position:center left;
  cursor:pointer;
}

.introSubHdr {
  font-size:15px;
  color: #A44D93;
  font-weight:bold;
  display:block;
}

/* main box styles */
div.formSection {
  padding-top:20px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:20px;
  margin-top:2px;
  margin-bottom:6px;
  background-color:#f0eff5;
}

td.lineSeparator {
  border-top:1px dotted #9999c9;
  padding-bottom:15px;
}


table.formSection td.formLabel, table.formSection td.formElement{
  padding-bottom:7px;
}

table.formSection td.formLabel {
  padding-top:2px;
}

/* override for "about me" section */
div#formSection2 {
  background-color:white;
  border:1px solid #b4bbd8;
}

/* text styles, ect */
.formLabel {
  font-weight:bold;
}

td.formLabel {
  width:120px;
}

input.aolStandard, select.aolStandard, select.aolStandard option, span.formElement option,span.formElement select{
  background-color:white;
  width:208px;
  font-size:12px;
}

span.mdy select{
  margin-right:5px;
  background-color:white;
}

/* horo box styles & gift box too */

table.roundedBox {
  background-color:white;
  border:6px solid #E6E6E6;
}

div#aolHoroSigns{
  margin-left:20px;
  margin-bottom:15px;
  display:none;
  margin-right:20px;
}

div#aolGiftBox{
  background-color:#E6E6E6;
  padding:6px;
  margin-left:10px;
  margin-bottom:15px;
  display:none;
  margin-right:20px;
}

div#aolHoroSignsInner, div#aolGiftBoxInner{
  background-color:#ffffff;
}

#aolHoroSignName {
  font-weight:bold;
}

p#aolHoroSignOneLiner {
  margin-top:0px;
}

div#dhPromo {
  margin-left:20px;
}

div#dhPromo p {
  margin-top:0px;
  margin-bottom:10px;
}

div#dhPromo .subHead {
  font-weight:bold;
}

div#aolGiftBox {
display:block;

}

div#aolGiftBoxInner p{
  padding-right:15px;
  margin-top:0px;
}

div#aolGiftBox .subHead, table.roundedBox .subHead {
  display:block;
  color:#8078b1;
  font-weight:bold;
}

/* bottom buttons */

div#aolFormButtonsBottom {
  text-align:right;
  margin-right:10px;
  margin-top:10px;
}

/* ********************* styles from tarot base signup css ********************** */

/* basic container elements */

div#error
{
	background-color: #FFFFCC;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px dashed red;
	margin-left: 22px;
	width: 630px;
}

.smaller {
  font-size:.85em;
}

/* yellow form alert box */
/* more styles for this are in common.css */
div.formAlertContainer {
width:650px;
position:relative;
left:22px;
}
div.formAlert {
  margin-bottom:15px;
}

/* for purchase signup headers */
/* not sure if this is needed or if it'll stay here */
div#signup_hdr {
  position:relative;
  left:22px;
  width:600px;
  padding-bottom:8px;
  border-bottom:1px solid #999999;
  margin-bottom:15px;
}


div#signup_gfx {
  border-bottom:1px solid #999999;
}

div#signup_hdr .ukc_price_wrapper {
  margin-right:20px;
}

div#signup_intro {
  position:relative;
  left:22px;
  width:600px;
}

div#signup_intro .lrgHdrs {
  display:block;
  color:#006699;
}

.disclaimer {
  font-size:10px;
}