/*------------------------------------------------------------------
   Stylesheet for ViewAlerts (Portal)
-------------------------------------------------------------------*/

/* Landing Page Styles */

#viewalert-landing, #viewalert-confirmation { margin:0;	padding: 20px; border: 1px #A7A9AC solid; background: #E6EBEF; }
#viewalert-landing #titlebar { margin: 10px 0; min-height: 141px; }
#viewalert-landing h1 { font-weight:bold; padding-left: 16px; }
#viewalert-landing #titlebar #logo,
#viewalert-landing #titlebar #description { float: left; }
#viewalert-landing #titlebar #logo { width: 128px; }
#viewalert-landing #titlebar #description {	padding-left: 10px;	width: 470px; }
#viewalert-landing #agentsub { border: 2px solid #B4BCC4; width: 246px; font-size: 14px; padding: 4px 0 4px 30px; }
#viewalert-landing #tooltip { position:absolute; z-index: 10000; top: 225px; left: 640px; background: transparent url(/portalimages/portal/tooltip-bg.gif) 0 0 no-repeat; padding:5px 5px 5px 20px; width: 200px; color: #FFF; }
#viewalert-landing #left-col,
#viewalert-landing #right-col { float: left; }
#viewalert-landing #left-col { padding-right: 10px; }
#viewalert-landing #quick-email { padding: 5px 18px 5px 40px; background-position: 2px 50%; }
#viewalert-landing #quick-email input { padding:2px; }
#viewalert-landing #view-alert-frequency { padding-left: 40px; }
#viewalert-landing #view-alert-frequency-container { background:#CFD5DB; margin-top:-5px; padding:2px 0; }
#viewalert-landing #view-alert-frequency-label,
#viewalert-landing #view-alert-frequency-controls { float: left; }
#viewalert-landing #view-alert-frequency-controls label { padding:0 5px; float:left;}
#viewalert-landing #view-alert-frequency-label { padding:0 5px 0 40px; }
#viewalert-landing #daily, 
#viewalert-landing #weekly { display: block; vertical-align:middle; float: left; }
#viewalert-landing #quick-button { margin-left: -10px; }

/* Home and Results Page Styles */

/* Right Column */

#right-column-viewalert { color: #fff; background: #222477; padding: 4px 0 8px 0; margin-bottom: 5px; }
#right-column-viewalert h3 { text-transform: uppercase; text-align:center; }
#right-column-viewalert input,
#right-column-viewalert select { margin-bottom: 4px; }
#right-column-viewalert .submit-button { margin-top: 8px; margin-left: 28px; }
#right-column-viewalert .submit-button button { background: transparent; cursor: pointer; width: 93px; height: 22px; }
#right-column-viewalert select { width: 147px; text-transform: uppercase; }
#right-column-viewalert #emailaddress2 { width: 142px; }
#right-column-viewalert #agentsub { width: 117px; padding-left:25px; }
#right-column-viewalert ul { margin-left: 0; margin-top:3px; margin-bottom:8px; padding-left: 0; list-style: none; }
#right-column-viewalert li { padding-left: 25px; background: url(/portalimages/portal/viewalert/viewalert-tickbox.gif) 0.4em 0.1em no-repeat; }

/* Right Column - Residential */

.residential .right-column-viewalert { position:relative; zoom:1; color: #FFFFFF; background: #333230; padding: 4px 0 8px 0; margin: 0 0 5px 0; -moz-border-radius: 5px; -webkit-border-radius:5px;	border-radius:5px; behavior: url(/portalcss/portalviews/residential/PIE.php); }
.residential .right-column-viewalert input,
.residential .right-column-viewalert select { margin-bottom: 4px; }
.residential .right-column-viewalert .submit-button { margin-top: 8px; margin-left: 28px; }
.residential .right-column-viewalert .submit-button button { background: transparent; cursor: pointer; width: 93px; height: 22px; }
.residential .right-column-viewalert select { width: 147px; text-transform: uppercase; }
.residential .right-column-viewalert #emailaddress2 { width: 142px; }
.residential .right-column-viewalert #agentsub { width: 117px; padding-left:25px; background: #FFFFFF url(/portalimages/residential/sprites.png) 3px -621px no-repeat; }
.residential .right-column-viewalert ul { margin-left: 0; margin-top:3px; margin-bottom:8px; padding-left: 0; list-style: none; }
.residential .right-column-viewalert li { font-size:10px; padding: 2px 0 2px 25px; background: url(/portalimages/residential/viewalert-tick.gif) 6px 50% no-repeat; }
.residential .right-column-viewalert .border { margin-left:5px; }
.residential .right-column-viewalert .secondary-button { margin:0 auto; width:150px; font-size: 13px; height:26px; line-height:26px; }
.residential .right-column-viewalert .secondary-button button { width:153px; text-transform: uppercase;  font-size: 13px; font-weight: bold;  height:26px; line-height:26px; }
#right-column-viewalert-header { margin:0 auto; width:145px; height:26px; background: url(/portalimages/residential/viewalert-header.gif) 0 50% no-repeat; text-indent: -9000px; }


/* A/B Testing alternate version */

.residential .right-column-viewalert.version2 { color:#646464; background:#E6E6E6; }
.residential .right-column-viewalert.version2 .secondary-button { background:#333230; }
.residential .right-column-viewalert.version2 .secondary-button:hover { background: #646464; }

/* center results - only for residentials so far... */

.view_alert { margin-top:5px; padding: 0 3px; width:390px; min-height:115px; height:auto; color: #fff; background: #222477; }
.view_alert img.heading { padding:5px 0 0 5px; }
.view_alert .inner #emailaddress { width:270px; font-size: 1.1em; }
.view_alert .inner #Weekly,
.view_alert .inner #Daily { vertical-align: middle; margin: 0px; }
.view_alert .inner label { padding-left: 5px; padding-right: 20px; }

/* results banner - displayed at bottom of results */

#results-view-alert-banner {}