@import "main.css";


/* =Layout (Global)
-----------------------------------------------------------------------------*/
#wrapper {background: url(/images/bg-diags.png) no-repeat center 120px;margin-right: auto;width: 960px;margin-left: auto;} 
#primary {width: 960px;margin-right: auto;margin-left: auto;border-top: none #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
#secondaryContent {padding: 0px;text-align: center;margin: 0px auto 10px;width: 870px;}
#secondaryContent .partners {color: #999999;margin: 0px 0px 0px 5px;padding: 0px;text-align: left;font-size: 85%;}

/* =Header =Banner
-----------------------------------------------------------------------------*/
#header .star-flash {position: relative;top: 0px;margin-left: 15px;}
#header img {}

/* =Main Nav
-----------------------------------------------------------------------------*/

/*- Sub Tabs --------------------------- */
#sub-tabs {background: url(/images/subtab-bg.gif) repeat-x 50% bottom;float: left;width: 100%;font: normal 110%/normal "Trebuchet MS", Tahoma, Arial, sans-serif;border-style: none;clear: both;}
#sub-tabs ul {margin: 0px;LIST-STYLE-TYPE: none;padding: 0px;border-style: none;}
#sub-tabs li {background: url(/images/btn-subtab-left.gif) no-repeat left top;float: left;margin: 0px;list-style: none;padding: 0px 0px 0px 6px;}
#sub-tabs a {display: block;background: url(/images/btn-subtab-right.gif) no-repeat right top;float: left;text-decoration: none;color: #666;padding: 7px 40px 5px 39px;float: none;}
#sub-tabs a:hover {color: #333;}
#sub-tabs #current {background-image: url(/images/btn-subtab-left_on.gif)}
#sub-tabs #current a {color: #333;background-image: url(/images/btn-subtab-right_on.gif);padding-bottom: 6px;}


/* =Forms
-----------------------------------------------------------------------------*/

/* Forms containers */
#primaryformsContainer {width: 862px;margin: 25px auto 0px;padding: 0px;}

/* Primary */
#primaryForms {background: url(/images/primaryformsBG.gif) repeat-x 0px 0px;margin: 0px;padding: 30px 25px 8px;border-right: 1px solid #CCC; border-left: 1px solid #CCC;}
#primaryFormsFooter {background: #fff url(/images/primaryformsFooter.gif) no-repeat center bottom;margin: 0px 0px 10px;padding: 0px;}
div.pad#primaryFormsFooter {margin-bottom: 15px;clear: both;}  /* UPDATE */
#primaryForms a {color: #669933;}

/* Secondry */
#secondryForms {background: url(/images/primaryformsBG.gif) repeat-x 0px 0px;margin: 0px;padding: 30px 25px 2px;border-right: 1px solid #CCC; border-left: 1px solid #CCC;}
#secondryFormsFooter {background: #fff url(/images/primaryformsFooter.gif) no-repeat center bottom;margin: 0px;padding: 0px;}

/* Home Page Forms (alert-me)  */
#homeForms {background: url(/images/primaryformsBG.gif) repeat-x 0px 0px;margin: 0px;padding: 0px 0px 0px 25px;border-right: 1px solid #CCC;border-left: 1px solid #CCC;height: 293px;}
#homeForm-branding {margin: 0px;padding: 0px;float: right;top: -56px;position: relative;right: -35px;clear: both;height: 0px;}
#homeForm-branding .branding-img {background: url(/images/ST_SERVICE_alertme.png) no-repeat right top;height: 364px;width: 435px;}

/* Sign in branding  */
#signin-branding {margin: 0px;padding: 0px;float: right;top: -2px;position: relative;clear: both;height: 0px;}  /* UPDATE */
#signin-branding .branding-img {background: url(/images/branding-sign-in.png) no-repeat right top;height: 230px;width: 400px;}  /* UPDATE */

/* Register branding  */
#register-branding {margin: 0px;padding: 0px;float: right;top: 0px;position: relative;right: -20px;clear: both;height: 0px;}  /* UPDATE */
#register-branding .branding-img {background: url(/images/branding-register.png) no-repeat right top;height: 250px;width: 435px;}  /* UPDATE */

#homeFormsFooter {background: #fff url(/images/primaryformsFooter.gif) no-repeat center bottom;margin: 0px;padding: 0px;}

/* Shared */
#primaryForms a , #secondryForms a , #homeForms a {color: #669933;}
#forms-branding {width: 400px; float : right; margin: 0px; padding: 0px;}

/* ::Inputs,Buttons,Fieldsets etc. :::::::::::::::::::::::::::::::::::::::::   */

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent; color: #666 ; margin: 0px; padding: 0px;}
legend {font-size: 115%;font-weight: bold;color: #999;margin-left: 0px;}
#frmElement {height: 35px; margin: 0px;} 
/* put classes below */
input.frmText {float: left;width: auto;padding: 4px 0 0 0px;}
input.frmField {border: 1px solid #CCCCCC; background: #fff;font-size: 100%;padding-top: 3px;padding-bottom: 3px;}
input.frmField input {border: 1px solid #CCCCCC; background: #FCFCFC;font-size: 100%;padding-top: 3px;padding-bottom: 3px;}
input.frmSubmit {}
input.input-text {border: 1px solid #CCCCCC; background: #FCFCFC;font-size: 100%;padding-top: 3px;padding-bottom: 3px;}

form fieldset {margin: 0px; border-style: none;}
form legend {padding: 0pt 2px 0pt 0px;font: 130% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;text-align: left;color: #325687;margin: 0px;padding: 10px 0px 10px;}
form label {display: inline-block;line-height: 1.8;vertical-align: top;text-align: right;}
form fieldset ol { margin: 0; padding: 0; }
form fieldset li { margin: 0; padding: 5px; list-style-type: none; list-style-image: none; list-style-position: outside; }
form em {font-weight: bold;font-style: normal;color: rgb(255, 0, 0);font-size: 95%;}
form fieldset fieldset label { display: block; width: auto; }
form fieldset fieldset legend { padding: 0pt 0pt 5px; font-weight: normal; }
input.password-submit {padding: 0px;margin-top: 6px;margin-right: 0px;margin-bottom: 0px;}

/* ::::: Alert Me  ::::: */
h2.intro-box {background: url(/images/ST_SERVICE_whatarebubble.png) no-repeat;display: block;height: 102px;width: 423px;text-indent: -9999px;margin: 0px;padding: 0px;}
form.alert-me {font-size: 1.1em;color: #333333;margin: 0px;padding: 27px 0px 0px;float: left;width: 423px;}
form.alert-me ol {background: url(/images/bg-form-alert-me.png) no-repeat;height: 130px;width: 400px;color: #95c356;font-weight: bold;font-size: 100%;margin: 0px;padding: 22px 0px 0px 20px;}
legend.alert-me {display: none}
label.interest {display: block;text-align: left;margin-bottom: 6px;color: #95c356;font-weight: bold;font-size: 115%;}
form.alert-me fieldset li {padding-bottom: 10px; margin-left: 0px;}
#homeForms input {font-weight: normal;color: #333333;}
input#interest {width: 277px;padding-left: 3px;}
li.cost-min{float: left; margin-left: 12px; margin-right: 0px; padding-right: 0px;}
li.cost-max {float: left;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 0px;}
.price-low {text-align: right;padding-right: 20px;}
input#cost-max {width: 56px;margin: 0px 5px;padding-left: 3px;}
input#cost-min {width: 56px;margin: 0px 9px 0px 7px;padding-left: 3px;}
input.alertme-submit {padding: 5px 9px 5px 0px;float: right;margin: -7px 0px 3px;outline: 0;}

/* ::::: My Details and Change Password  :::::::::::::::::::::::::::::::::: */

#primaryForms.mydetails {padding: 13px 25px 0px;}  /* UPDATE */
.hr-details {margin: 0 0 5px 0;padding: 0px;}


/* My Details branding  */
#mydetails {background: url(/images/primaryformsBG.gif) repeat-x 0px 0px;margin: 0px;padding: 0px 0px 0px 25px;border-right: 1px solid #CCC;border-left: 1px solid #CCC;height: 293px;} /* NEW */
#mydetails-branding {margin: 0px;padding: 0px;float: right;top: 70px;position: relative;right: -20px;clear: both;height: 0px;} /* UPDATED */
#mydetails-branding  .branding-img { /* Updated */
    background: url(/images/branding-my-details.png) no-repeat right top;
    height: 375px;
    width: 405px;
    position: relative;
    left: 4px;
    bottom: 60px;
} 

.branding-img .btn-link-more {/* NEW - Ben this may need some adjustment (top and left) */
    display: block;
    text-indent: -9999px;
    height: 60px;
    width: 180px;
    position: relative;
    top: 305px;
    left: 220px
} 


form.details {font-size: 1.1em;color: #333333;border-style: none;border-color: #999999;border-width: 1px medium medium;}
form.details fieldset fieldset {margin: 3px 0pt 0pt; border-style: none; }
form.details label {width: 195px; padding-right: 15px;}
form.details fieldset li {padding: 5px 10px 7px; /*background: transparent url(/images/form-divider.gif) repeat-x scroll left bottom;*/}

fieldset.details {padding-bottom: 10px;width: 440px;text-align: right;} /* UPDATE */

legend.details {background: url(/images/icon-my-details.png) no-repeat left center;display: block;height: 10px; padding-left: 38px; line-height: 10px; }
fieldset.details .frmField {width: 200px;}
input.details-submit {clear: left; margin-top: -37px;float: right;}
legend.password {background: url(/images/icon-change-password.png) no-repeat left center;display: block;padding-left: 38px;height: 16px; line-height: 16px;} /* UPDATE */
fieldset.password {padding: 0px;width: 440px;text-align: right;}
fieldset.password .frmField {width: 200px;}

/* ::::: Sign In  ::::: */

form.sign-in {background: url(/images/bg-form-sign-in.png) no-repeat;width: 389px;font-size: 1.1em;color: #333333;border-style: none;border-color: #999999;border-width: 1px medium medium;text-align: right;height: 230px;}
fieldset.sign-in  {padding: 20px 47px 0px 20px;}
legend.sign-in {background: url(/images/icon-my-details.png) no-repeat left bottom;display: block;height: 20px;padding-left: 38px;line-height: 15px;padding-top: 25px;}
form.sign-in .frmField {width: 190px;}
form.sign-in label { padding-right: 15px; }
form.sign-in fieldset li {padding: 5px 10px 7px;/*background: transparent url(/images/form-divider.gif) repeat-x scroll left bottom;*/}
form.sign-in ol {}
input.details-submit {clear: left;float: right;padding: 0px;margin: -37px -40px 0px 0px;}
form.sign-in .note {margin: 0px 10px 0px 0px;padding: 0px;font-size: 70%;}


/* ::: Register Free  ::: */

form.register {font-size: 1.1em;color: #333333;border-style: none;border-color: #999999;border-width: 1px medium medium;text-align: right;width: 365px;}
form.register .frmField {width: 190px;}
form.register fieldset fieldset {margin: 3px 0pt 0pt; border-style: none; }
form.register label {padding-right: 15px; }
form.register fieldset li {padding: 3px 10px;/*background: transparent url(/images/form-divider.gif) repeat-x scroll left bottom;*/}
/*form.register .note {margin: 0px 0px 0px 160px;padding-top: 0px;}*/
form.register a.note {font-size: 9px;font-weight: normal;margin-left: 5px;}
form.register ol  {margin: 15px 0px 0px 0px;}
fieldset.register{padding-bottom: 0px;}
legend.register{background: url(/images/icon-register.png) no-repeat left center;display: block;height: 10px;padding-left: 38px;line-height: 12px;}
fieldset.register.frmField {width: 180px;}
/*input.details-submit {clear: left;float: right;padding: 0px;margin: -37px -40px 0px 0px;}*/
.register #email  {
	background: #FFF url(/images/input-icon-nojunk.gif) no-repeat right center
}


/* =Misc
-----------------------------------------------------------------------------*/

/*  unsubcribe (generic container) */
#maincontent-container  {width: 700px;margin-right: auto;margin-left: auto;}
#maincontent-container h4 {color: #95c356;}
div.unsubscribe#maincontent-container {margin: 0px 0px 80px;padding: 0px 40px;color: #666666;font-size: 110%;}

/* =To Be Filed
-----------------------------------------------------------------------------*/

div.log-in {text-align: right;color: #325687;line-height: 0px;margin-right: 12px;font-size: 90%;font-weight: bold; margin-top:5px}
.log-in a {color: #a7d568;text-decoration: none;}
.log-in a:hover {color: #325687;text-decoration: none;}

#maincontent-container  {width: 700px;margin-right: auto;margin-left: auto;}
#maincontent-container h4 {color: #95c356;}

div.unsubscribe#maincontent-container {margin: 0px;padding: 0px 40px;color: #666666;font-size: 110%;}

#introContainer .intro-bubbles {display: block;height: 122px;width: 862px;text-indent: -9999px;padding: 0px;background-image: url(/images/bg-intro-bubbles.png);background-repeat: no-repeat;}



/* = Latest give to Ben then delete (copies are above) 
-----------------------------------------------------------------------------*/