a.small
{
    font-size: 0.8em;
}
.center
{
    margin: auto;
}
.textCenter
{
    text-align: center;
}
.textTitle
{
    color: #2F4F4F;
    font-weight: bold;
}
div.container
{
    background-color: #dbdacd;
    border: solid 1px lightgray;
    margin-top:-1px;
    padding:10px;
    padding-bottom:0;
}
div.details
{
    border: solid 1px lightgray;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
div.signup
{
    background-color: White;
    width: 66%;
    box-shadow: -5px 5px 5px lightgray;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}

div.signup input[type=text], div.signup input[type=password]
{
    width:200px;
    padding: 2px;
}
div.signup select
{
    width:204px;
    padding: 2px;
}
#LDSignupIntro { margin-bottom:25px; }

div.create
{
    width: 400px;
    margin: auto;
}

div.instructionText
{
    margin-left: 10px;
    margin-right: 10px;
}

div.detailsReport
{
    border: solid 1px #5b1400;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #FFF;
    height: auto;
    text-align: center;
    min-height:200px;
}
div.detailsReport.editing input[type="text"]
{
    width:150px;
}
div.detailsReport.editing .countrySelectContainer select
{
    width:172px; /*take into account padding and borders from .answer select and*/
}
div.detailsReport.editing .stateSelectContainer select
{
    min-width:172px;
}
div.details .title, div.detailsReport .title, .titleSection, div.signup .title
{
    background-color: #5b1400;
    color: white;
    font-weight: bold;
    padding: 2px;
    padding-bottom: 4px;
    padding-left: 20px;
    margin-bottom: 5px;    
    text-align: left;
}
div.details .innerTitle, div.detailsReport .innerTitle
{
    color: Black;
    
    background-color:#cecdbe;
    background:-moz-linear-gradient(top, #e8e7d8, #cecdbe 100%);
	background: -webkit-linear-gradient(top, #e8e7d8 ,#cecdbe 100%);
	background: -o-linear-gradient(top, #e8e7d8, #cecdbe 100%);
	background: -ms-linear-gradient(top, #e8e7d8, #cecdbe 100%);
	background: linear-gradient(to bottom, #e8e7d8, #cecdbe 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#e8e7d8), to(#cecdbe), color-stop(1, #cecdbe));
}

div.detailsReport.viewing
{
    
}
div.detailsReport.editing
{
    
}

.detailsReport input[type="button"], .detailsReport input[type="submit"]
{
    background-color:#c2c4b7;
    background:-moz-linear-gradient(top, #f3f2e5, #c2c4b7 100%);
	background: -webkit-linear-gradient(top, #f3f2e5 ,#c2c4b7 100%);
	background: -o-linear-gradient(top, #f3f2e5, #c2c4b7 100%);
	background: -ms-linear-gradient(top, #f3f2e5, #c2c4b7 100%);
	background: linear-gradient(to bottom, #f3f2e5, #c2c4b7 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#f3f2e5), to(#c2c4b7), color-stop(1, #c2c4b7));
    

    border: none;
    color: DarkSlateGray;
    font-weight: bold;
    
    position:relative;
    
    padding: 3px 10px 3px 10px;

    cursor:pointer;
    border-radius:5px;
    overflow:visible;
   
    margin:0;
    *vertical-align:middle;
    *padding:5px 10px
}

.detailsReport input[type="button"]:hover, .detailsReport input[type="submit"]:hover
{
    background-color:#dbdacd;
    background:-moz-linear-gradient(top, #d4d1c8, #dbdacd 100%);
	background: -webkit-linear-gradient(top, #d4d1c8 ,#dbdacd 100%);
	background: -o-linear-gradient(top, #d4d1c8, #dbdacd 100%);
	background: -ms-linear-gradient(top, #d4d1c8, #dbdacd 100%);
	background: linear-gradient(to bottom, #d4d1c8, #dbdacd 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#d4d1c8), to(#dbdacd), color-stop(1, #dbdacd));
}
.detailsReport input[type="button"]:disabled, .detailsReport input[type="submit"]:disabled
{
    background-color:#e6e6e6;
    background:-moz-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #fefefe ,#e6e6e6 100%);
	background: -o-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: linear-gradient(to bottom, #fefefe, #e6e6e6 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e6e6e6), color-stop(1, #e6e6e6));
	Color: Gray;
	cursor: default;
}

div.leftColumn
{
    float: left;
    text-align:left;
    margin-left:15px;
}
.leftColumn select
{
    max-width: 300px;
}
.centerButton
{
    display:block;
    text-align: center;
    padding-top: 10px;
}

div.rightColumn
{
    float:right;
    margin-right:15px;
}

div.wholeColumn
{
    margin-left:15px;
    color:#2F4F4F;font-weight:bold;
}

ol.instructions
{
    list-style-type: none;
    padding-left: 20px;
}

table.resultsTable
{
    margin-top: 10px;
    text-align: left;
}
table.resultsTable th
{ /*specifc rule so IE doesn't center th*/
  text-align:left;
}

ul.image
{
    list-style: disc url(/common/images/arrow_black_on_clear.gif);
}
div.centerCell
{
    text-align: right;
    margin: auto;
    width: 75%;
}
.summaryTitle
{
    color: #2F4F4F;
    font-weight: bold;
    text-align: center;
}
.question
{
    width: 150px;
    text-align: right;
    float: left;
    padding: 5px;
}
.answer
{
    text-align: left;
    float: left;
    padding: 5px;
    min-width:150px;
}
.answer input[type="radio"]{
    height:initial;
    width:initial;
    margin:3px;
}
#countrySelectContainer, #regionSelectContainer
{
    display:inline-block;
}
.divOtherCountryTitle, .divOtherRegionTitle
{
    padding: 3px 0px;
}

.editing .answer
{
    padding: 3px;
}
.tab
{
    position: relative;
    z-index: 0;
    cursor: pointer;
    color: #525252;
    border: solid 1px lightgray;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
    margin-bottom: 3px;
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight:bold;
    font-style: italic;
    font-size: 14px;
    height: 25px;
    
    background-color:#e6e6e6;
    background:-moz-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #fefefe ,#e6e6e6 100%);
	background: -o-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #fefefe, #e6e6e6 100%);
	background: linear-gradient(to bottom, #fefefe, #e6e6e6 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e6e6e6), color-stop(1, #e6e6e6));
}
.selectedTab
{
    font-weight:bold;
    font-style: italic;
    font-size: 18px;
    height: 30px;
    margin-top: 0px;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: default;
}
.selectedTab, .tab:hover
{
    background-color:#dbdacd;
    background:-moz-linear-gradient(top, #f3f2e5, #dbdacd 100%);
	background: -webkit-linear-gradient(top, #f3f2e5 ,#dbdacd 100%);
	background: -o-linear-gradient(top, #f3f2e5, #dbdacd 100%);
	background: -ms-linear-gradient(top, #f3f2e5, #dbdacd 100%);
	background: linear-gradient(to bottom, #f3f2e5, #dbdacd 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#f3f2e5), to(#dbdacd), color-stop(1, #dbdacd));
	color: #5b1300;
}
.affiliateP
{
    background-color:#753929;
    background:-moz-linear-gradient(top, #4d1100, #753929 100%);
	background: -webkit-linear-gradient(top, #4d1100 ,#753929 100%);
	background: -o-linear-gradient(top, #4d1100, #753929 100%);
	background: -ms-linear-gradient(top, #4d1100, #753929 100%);
	background: linear-gradient(to bottom, #4d1100, #753929 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#4d1100), to(#753929), color-stop(1, #753929));

    padding-bottom: 29px;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 90px;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 25px;
    color: White;
    font-weight:normal;
    font-style:normal;
    font-size: 18px;
}
.affiliate_signin
{
    position: absolute;
    right: 391px;
    top: 15px;
}
.affiliate_contact
{
    position: absolute;
    right: 54px;
    top: 15px;
}
.welcome
{
    background-color:#dbdbd0;
    background:-moz-linear-gradient(top, #efeee3, #dbdbd0 100%);
	background: -webkit-linear-gradient(top, #efeee3 ,#dbdbd0 100%);
	background: -o-linear-gradient(top, #efeee3, #dbdbd0 100%);
	background: -ms-linear-gradient(top, #efeee3, #dbdbd0 100%);
	background: linear-gradient(to bottom, #efeee3, #dbdbd0 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#efeee3), to(#dbdbd0), color-stop(1, #dbdbd0));
    
    padding-top: 25px;
    padding-left: 20px;
    padding-bottom: 25px;
    padding-right: 20px;
    width: 825px;
    margin-bottom: 55px;
    
    position:relative;
    top: 55px;
    left: 50px;
    z-index: 2;   
    border: solid 1px lightgray;
}
.affiliate_container
{
    position: relative;    
    
    
}
.main_content
{
    
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 15px;
    padding-right: 20px;
    float: left;
    width: 530px;
    margin: 0;
    background-color: White;
    border: solid 1px gray;
    box-shadow: -5px 5px 5px lightgray;
}
*:first-child + html #content p
{
    position: static;
}
* html #content p
{
    position: static;
}

.featured
{
    float: right;
    width: 232px;
    padding: 0;
    margin: 0;
    margin-top: 35px;
    border: solid 1px gray;
    background: white;
    box-shadow: -5px 5px 5px lightgray;
}

.featured h3
{
    margin: 0;
    padding: 20px;
    font-size: 11pt;
    text-align: center;
    font-style: italic;
    color: #5b1400;
}

.featured img
{
    display: block;
    margin: 0 auto 20px auto;
    width: auto;
}

.checkitems div
{
    margin-left: 1em;
    margin-top: 1em;
    background: white url('images/checkmark.png') no-repeat scroll 0 0;
}

.checkitems div span
{
    display: block;
    padding-left: 3em;
    min-height: 30px;
}

.benefits
{
    font-weight: bold;
    color: #5b1400;
}
.btnSubmit, .btnGetStarted
{
    background-color:#5f2919;
    background:-moz-linear-gradient(top, #9f6859, #5f2919 100%);
	background: -webkit-linear-gradient(top, #9f6859 ,#5f2919 100%);
	background: -o-linear-gradient(top, #9f6859, #5f2919 100%);
	background: -ms-linear-gradient(top, #9f6859, #5f2919 100%);
	background: linear-gradient(to bottom, #9f6859, #5f2919 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#9f6859), to(#5f2919), color-stop(1, #5f2919));
    
    width: 180px;
    height: 42px;
    border: none;
    color: White;
    
    position:relative;
    
    font-size:22px;
    cursor:pointer;
    border-radius:5px;
    overflow:visible;
    padding:2px 10px;
    margin:0;
    *vertical-align:middle;
    *padding:0 10px
}

.btnSubmit:hover, .btnGetStarted:hover
{
    background-color:#502316;
    background:-moz-linear-gradient(top, #87584a, #502316 100%);
	background: -webkit-linear-gradient(top, #87584a ,#502316 100%);
	background: -o-linear-gradient(top, #87584a, #502316 100%);
	background: -ms-linear-gradient(top, #87584a, #502316 100%);
	background: linear-gradient(to bottom, #87584a, #502316 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#87584a), to(#502316), color-stop(1, #502316));
}

/* Moved following 4 class definitions from index.aspx file itself since where they were didn't comply with standards */
.welcome .Title
{
    vertical-align: middle;
    width: 100%;
}
.Info
{
    padding: 0 0.7em;
    vertical-align: middle;
    width: auto;
}
.Info2
{
    padding: 0.5em;
    vertical-align: middle;
    width: auto;
}
.List
{
    margin-left: 2.5em;
}
.ftInstruct
{
    float: left;
    
    padding: 1em;
    width: 375px;
}
ol.terms li span
{
    display: block;
    margin-bottom: 1em;
}
ol.terms li
{
    padding-bottom: 1em;
}
div.trafficImageLeft
{
    float: left;
    width: 50%;
}
div.trafficImageRight
{
    float: right;
    width: 50%;
}
.expandButton
{
    font-weight: bold;
    font-size: 1.3em;
}

.paymentGrid td
{
    padding-left: 10px;
}

.linksDetails
{
    width:468px;
    margin:auto;
    text-align:left;
    background:#ffffff;
}

#content
{
    overflow:inherit; /*For mouseover text, may screw up other stuff on page*/
}
.titleMouseOverText
{
    cursor:default;
}

#textInstruct, #bannerInstructs
{
    color:#000000;
    font-weight:normal;
}

.linkTabSubContainer{
    overflow:auto;
}
div.linksDropDown
{
    float:left;
    margin-right:10px;
}
div.linksDropDown select
{
    padding:3px;
}
div.linksDropDownLabel
{
    float:left;
    margin-right:10px;
    padding:3px 0px;
}
div.linksDropDownButton
{
    float:left;
}

div.dateDropContainer
{
    margin-bottom:5px;
}
div.dateDropContainer select
{
    padding:3px;
}

img.infoIcon{ display:none;}
.trafficStatsReportBtn{clear:both;margin-top:10px;}