﻿/* Lightbox */
.ui-widget-overlay {} /* dialog transparent background */
.ui-dialog {} /* dialog border */
.ui-dialog-titlebar {} /* dialog title */
.ui-dialog-content {} /* dialog content area */
/* Lightbox with survey */
.ui-dialog-titlebar {display: none;}

body.home #dialog_survey {
    /* border radius */
    -moz-border-radius-bottomleft: 14px; /* FF1+ */
    -moz-border-radius-bottomright: 14px; /* FF1+ */
    -webkit-border-bottom-left-radius: 14px; /* Saf3+, Chrome */
    -webkit-border-bottom-right-radius: 14px; /* Saf3+, Chrome */
    border-bottom-left-radius: 14px; /* Opera 10.5, IE 9 */
    border-bottom-right-radius: 14px; /* Opera 10.5, IE 9 */
    /* drop shadow */
    -moz-box-shadow:    5px 5px 10px #cdcdcd; /* FF3.5+ */
    -webkit-box-shadow: 5px 5px 10px #cdcdcd; /* Saf3.0+, Chrome */
    box-shadow:         5px 5px 10px #cdcdcd; /* Opera 10.5, IE 9.0 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cdcdcd,direction=120,strength=4)"; /* IE8+ */  
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cdcdcd,direction=120,strength=4); /* IE7 and lower */  
    }
#dialog_survey,
#dialog_survey_answer {
    background-color: #dff0f5;
    text-align: left;
    padding: 8px 15px 24px 16px; 
    }
.dialog_survey h3 {
    color: #3b7086;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; 
    margin-bottom: 10px;   
    }
.dialog_survey a { color: #0099CC;}        
.dialog_survey p { line-height: 17px; color: #333;}    
div.content div.column-2 .dialog_survey fieldset { margin: 0; }
.dialog_survey fieldset fieldset {
    border-bottom: 1px solid #c3c6c7;
    padding: 12px 0; 
    display: block;    
    }
.dialog_survey fieldset fieldset.submit {
    border: 0px;
    }
.dialog_survey fieldset fieldset h4 {
    color: #b8cad1;
    float: left;
    font-family: "Myriad Pro", Arial, Sans-Serif;
    font-size: 24px;
    font-weight: normal;
    width: 20px;    
    }
.dialog_survey fieldset fieldset p.question {
    font-size: 12px;    
    padding-left: 25px;
    white-space: normal;
    margin-bottom: 6px;
   
    }
.dialog_survey fieldset fieldset ul {
    margin-left: 25px;
    overflow: hidden;        
    }
.dialog_survey fieldset fieldset ul.yes-no,
.dialog_survey fieldset fieldset ul.yes-no-maybe {
    list-style-type: none;
    }
.dialog_survey fieldset fieldset ul.yes-no {}
.dialog_survey fieldset fieldset ul.yes-no-maybe {}
.dialog_survey fieldset fieldset ul.question-1 {}
.dialog_survey fieldset fieldset ul.question-2 {}
.dialog_survey fieldset fieldset ul.question-3 {}
.dialog_survey fieldset fieldset ul.yes {}
.dialog_survey fieldset fieldset ul.no {}
.dialog_survey fieldset fieldset ul.maybe {}
.dialog_survey fieldset fieldset ul li { float: left; }
.dialog_survey fieldset fieldset ul li.yes,
.dialog_survey fieldset fieldset ul li.no,
.dialog_survey fieldset fieldset ul li.maybe {
    margin: 0px;
    margin-right: 1px;
    }
.dialog_survey fieldset fieldset ul li.yes {}
.dialog_survey fieldset fieldset ul li.no {}
.dialog_survey fieldset fieldset ul li.maybe {}
.dialog_survey fieldset fieldset ul li a {
    background-image: url('/lib/graphics/bg-callout-see_if_you_qualify-question-li-a.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 15px 6px 15px;
    }
.dialog_survey fieldset fieldset ul li a:hover {
    background-position: 0px -22px;
    text-decoration: none;
    }
/* button active states */
.dialog_survey fieldset fieldset ul.yes   li a.yes,
.dialog_survey fieldset fieldset ul.no    li a.no,
.dialog_survey fieldset fieldset ul.maybe li a.maybe {
    background-position: 0px -44px;
    }
    
.dialog_survey fieldset fieldset ul li a.yes {
    /* border radius */
    -moz-border-radius-topleft: 9px; /* FF1+ */
    -moz-border-radius-bottomleft: 9px; /* FF1+ */
    -webkit-border-top-left-radius: 9px; /* Saf3+, Chrome */
    -webkit-border-bottom-left-radius: 9px; /* Saf3+, Chrome */
    border-top-left-radius: 9px; /* Opera 10.5, IE 9 */
    border-bottom-left-radius: 9px; /* Opera 10.5, IE 9 */
    }
.dialog_survey fieldset fieldset ul.yes-no-maybe li a.maybe {
    /* border radius */
    -moz-border-radius-topright: 9px; /* FF1+ */
    -moz-border-radius-bottomright: 9px; /* FF1+ */
    -webkit-border-top-right-radius: 9px; /* Saf3+, Chrome */
    -webkit-border-bottom-right-radius: 9px; /* Saf3+, Chrome */
    border-top-right-radius: 9px; /* Opera 10.5, IE 9 */
    border-bottom-right-radius: 9px; /* Opera 10.5, IE 9 */
    }
.dialog_survey fieldset fieldset ul.yes-no li a.no {
    /* border radius */
    -moz-border-radius-topright: 9px; /* FF1+ */
    -moz-border-radius-bottomright: 9px; /* FF1+ */
    -webkit-border-top-right-radius: 9px; /* Saf3+, Chrome */
    -webkit-border-bottom-right-radius: 9px; /* Saf3+, Chrome */
    border-top-right-radius: 9px; /* Opera 10.5, IE 9 */
    border-bottom-right-radius: 9px; /* Opera 10.5, IE 9 */
    }
.dialog_survey fieldset fieldset input {}
.dialog_survey fieldset fieldset input[type=submit] {}
.dialog_survey fieldset fieldset input.submit.survey {
    background-color: #DFF0F5;
    background-image: url('/lib/graphics/btn-submit-survey.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 43px;
    margin: 0px auto;
    padding: 10px 0px 17px 20px;
    text-align: left;
    text-indent: 0px;
    text-transform: uppercase;
    width: 131px;
    }
.dialog_survey fieldset fieldset input.submit.survey:hover {
    background-position: 0px -43px;
    }

#dialog_survey_answer {
    display: none;
    }
#dialog_survey_answer p {}
#dialog_survey_answer p strong {}
.dialog_survey a.close-dialog {
    color: #0099cc;
    cursor: pointer;
    float: right;
    text-decoration: underline;
    }
.dialog_survey a.close-dialog:hover {
    text-decoration: none;
    }