﻿@charset "UTF-8";
/* CSS Document */
*{
    margin: 0;
    padding: 0;
}
html, body {    
    background-image:url('images/design/page_bg.jpg');
    background-position:center;
    background-repeat:repeat-y;
}
input {
    font-size: 10px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
}
.required {
    color:red;
}
#page-container {
    width: 885px;
    margin: auto;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
a {
    text-decoration:none;
}
img{
    border:0;
}
/*************************************************/
.menu_long {
    height:280px;
    background-image:url('images/design/menu_bg.jpg');
    background-repeat:no-repeat;
}
.menu_long h3 span {display: block; padding: 12px 0 0 0; margin-left: 24px; font: 12px Arial; color: #fff;}
.menu_long li, .menu_long li{
    padding-bottom:1px;
}
.menu_long a, .menu_long a{
    color:#333333;
}
.menu_long a:hover, .menu_long a:hover{
    color:#ffffff;
}
.menu_long a.selected, .menu_long a.selected {
    color:#ffffff;
    font-weight:bold;
}
/*************************************************/
#header {
        height: 100px;
        background-image:url('images/design/header_bg.jpg');
    }
    
    #header .padding {
        padding:0px;
        padding-left:25px;
        padding-top:20px;
    }
    
    #header .header_menu {
        color:#FFFFFF;
    }
    
    #header .header_menu .search {
        color:#FFFFFF ;
    }
    
    #header .header_menu a {
        color:#FFFFFF;
    }
    
    #header .phone-number {
        padding-left:69px;
        padding-right:60px;
        padding-top:6px;
    }
    
        #header .phone-number p {
            font-weight:normal;
            font-size:1.25em;
        }

#searchbutton {
    margin-right:20px;
    position:relative;
    top:2px;
}
/*************************************************/
#main-nav {
    height: 30px;
}
#main-nav img.spacer {
    float: left;
}
#nav, #nav ul {
    list-style: none;
}
#nav a {
    display: block;
    width: auto;
}
#nav li.top {
    float: left;
}
#nav li ul {
    position: absolute;
    width: auto;
    left: -999em;
    background-color:#D59F0F;
    padding:9px;
}
#nav li:hover, #nav li.sfhover {
    position:static;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
#nav li ul a {
    color:#FFFFFF;
}
#nav li ul a:hover {
    text-decoration:underline;
}
#main-nav-shadow{
    height:10px;
    background-image:url('images/design/main_nav_shadow.jpg');
    background-repeat:no-repeat;
}
/*************************************************/
#left_column{
    margin-right:295px;
}
#left_column p {
    /*margin:6px;*/
}
/*************************************************/
#right_column {
    float: right;
    width: 295px;
}
#rightchoice{
    height:285px;
}
#whatsnew{
    height:312px;
    background:url('images/design/home_whatsnew_bg.jpg') no-repeat;
}
    #whatsnew p{
        color:white;
        margin-bottom:10px;
        font-style:italic;
    }
    #whatsnew a{
        color:white;
    }
    #whatsnewright{
        float:right;
        width:260px;
        position:relative;
        top:42px;
        padding-right:20px;
    }
    #whatsnewright h1{
        font-size:1.4em;
        color:#d59714;
        padding-bottom:4px;
    }
    #whatsnewright #enewslink{
        position:absolute;top:194px;left:0px;
    }
    #whatsnewleft{
        margin-right:280px;
    }
    #whatsnewleft img{
        position:relative;
        top:35px;
        left:13px;
    }
    
    
#announcements{
    height:285px;
    background:url('images/design/home_announcements_bg.jpg') no-repeat;
}
    #announcements .padding{
        padding-left:18px;
        padding-right:18px;
        padding-top:5px;
        padding-bottom:-5px;    
    }
    
    #announcements h1{
        font-weight:normal;
        margin-bottom:10px;
        font-size:1.6em;
        color:#434d3e;
    }
    #announcements p{
        color:white;
        margin-bottom:10px;
        font-style:italic;
    }
    #announcements a{
        font-style:normal;
        color:white;
    }
#govmessage{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}
    #govmessage .pull_quote {
        color:#D59F0F;
        font-size:14px;
        margin-bottom:6px;
    }
    
    #govmessage .attribution {
        color:#D59F0F;
        font-size:12px;
        margin-bottom:6px;
        float:right;
    }
    #govmessage .attribution a {
        color:#D59F0F;
    }
    
    #govmessage .description {
        clear:both;
    }
/*************************************************/
#three_column_left{
    width:151px;
    float:left;
    margin-right:0px;
}
#three_column_left .padding{
    padding:24px;
}
#three_column_left ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
#three_column_left ul li{
    margin-bottom:3px;
}
/*************************************************/
#three_column_middle {
    width: 580px; float: left; margin-right:4px;
}
#three_column_middle .content_box {
    height:280px;
    width: 290px;
    background-image:url('images/design/level1_text_bg.jpg');
    background-repeat:no-repeat; margin-bottom: 5px; 
}
#three_column_middle .content_box h3 {
    width:285px;
    background-repeat:no-repeat;
    margin: 0; padding: 0;}
.content_box h3 span {display: block; padding: 15px 5px 0 24px; font: bold italic 12px Arial; color: #D59F0F;}
.content_box p {font: 11px Arial; margin-bottom: 10px; color:white;}
.content_box a {color:#D59F0F;}
#three_column_middle p {
    margin: 0 0 12px 0;
}
#three_column_middle .margin {
    background-color:#ffffff;
    margin-top:5px;
}
#three_column_middle .padding {
    padding:12px;
    padding-left:24px;
    padding-right:24px;
}

#three_column_middle ul{
    list-style:disc;
    margin:15px;
    padding:0px;
}
#three_column_middle ul li{
    margin-bottom:3px;
    margin-left:10px;
}

/*************************************************/
#three_column_right {
    float:left;
    width: 140px;
}
/*************************************************/
#two_column_middle {
    float:left;
    width:575px;
    margin-right:5px;
}
#two_column_middle .padding{
    padding-left:12px;
    padding-right:12px;
}
#two_column_middle p {
    margin:1px;
    padding-bottom:4px;
}
#two_column_middle p img {
    margin-top:5px;
    margin-bottom:5px;
}
.title_text {
    font-size:21px;
    font-weight:bolder;
    padding-top:20px;
}
.subtitle_text {
    font-size:14px;
    font-weight:bolder;
    padding-top:10px;
}
.pull_quote {
    color:#D59F0F;
    font-size:14px;
}
#two_column_middle ul {
}
#two_column_middle .buttons {
    padding:0px;
}
/*************************************************/
.blue_box {
    margin-top:5px;
    background-color:#e0eaf2;
}
.blue_box .padding {
    padding:5px;
}
.blue_box img {
    padding:0;
    margin:0;
}
.blue_box p {
    margin:0px;
    padding:0px;
    line-height:1.6;
}
.blue_box p.footer_link {
    margin-top:20px;
    margin-bottom:0px;
}
.morelink {
    padding-top:10px;
}
/*************************************************/
#footer {
    clear:both;
    border-top:1px solid;
    margin-top:10px;
}
#footer p {
    text-align:center;
    margin-top:2px;
    padding:0;
}
#footer p .title {
    color:#D59F0F;
    font-style:italic;
    font-weight:bold;
}
/****************************************************/
#right_choice{
    padding-left:0px;
    padding-right:5px;
}
#right_choice p{
    margin:0px;
    margin-top:5px;
    margin-bottom:10px;
}
#right_choice td{
    padding-left:10px;
}
/****************************************************/
#email_signup{
    width:550px;
    margin-top:15px;
    margin-left:15px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
#email_signup p{
}

#announcements li {
list-style:none;
margin-top: -10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: -15px;
font-family: Arial;
font-style: italic;
color:white;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}

.agencyName, .time {display: none;}

/*******************************************************/

.sg_FrameSet {border: none; padding:0; margin:0;}
.summaryquestion h4
{
margin-left: 10px;
border-bottom: solid #d2d2d2 1px;
}
.surveysummary_page
{
-moz-border-radius: 5px;
background-color: #fff;
padding: 10px;
margin: 10px;
padding-top: 5px;
}
.surveysummary_page h3
{
-moz-border-radius: 5px;
background-color: #336699;
color:white;
padding:5px;
margin-top: 5px;
}
.summaryanswer
{
padding-left: 25px;
}/* www.SurveyGizmo.com */
/* Modern Blue-Grey */
/* Page Background */
.sg_Body {
background:#fff;
}
/* Survey Background */
#sg_wrapper {
background:#fff;
color:#000;
border-left:1px solid #17365F; ;
border-right:1px solid #17365F; ;
}
/* Headers, Footers, Table headers */
#sg_header,
#sg_footer,
table.sg_Table th {
background:#3074D5;
color:#fff;
border-top:1px solid #275B9F; ;
border-bottom:1px solid #275B9F; ;
}
/* Question Titles */
.sg_QuestionTitle {
font-weight:bold;
color:#000;
}
/* Table column headers */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1
{
background-color:#EFF6FF;
}
/* Table outer border */
.sg_Matrix_Custom .sg_Table,
.sg_Matrix_Radio .sg_Table,
.sg_Matrix_Textbox .sg_Table,
.sg_Matrix_Checkbox .sg_Table
{
border:1px solid #EFF6FF;
}
/* Buttons */
.sg_Submit,
.sg_BackButton,
.sg_NextButton
{
height:40px;
border:1px outset #000 !important;
background: #fff url(http://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 1px 1px;
font-size:120% !important;
}
.sg_Submit:hover,
.sg_BackButton:hover,
.sg_NextButton:hover {
background: url(http://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 0 -40px;
}
/* Page Titles hidden by default */
/* These have default values too often */
.sg_page_title
{
display:none;
color:#EFF6FF;
}
/* Page Descriptions */
.sg_page_desc {
background-color:#EFF6FF;
border:1px solid #3074D5;
padding:20px;
}
/* Footer/Copyright */
#sg_footer #sg_footer_hook_2
{
color:#EFF6FF;
}
/* Typography */
#sg_wrapper div,
#sg_wrapper p,
#sg_wrapper li,
#sg_wrapper td,
#sg_wrapper th,
#sg_wrapper select,
#sg_wrapper input,
#sg_wrapper textarea {
font-family: "Century Gothic","Avant Garde","Gill Sans","Lucida Grande","Lucida Sans Unicode",verdana, sans-serif;
font-size: 12px; /* change this value up or down to affect all text size universally */
}
/* Structure */
.sg_Body {
margin:0;
padding:0;
}
#sg_wrapper {
width:600px !important;
margin:0 auto;
}
#sg_content {
clear:both;
margin:0;
padding: 15px 40px;
}
/* Header */
#sg_header {
margin:0;
padding:15px;
min-height:40px;
}
.sg_headerImage {
}
/* Footer */
#sg_wrapper #sg_footer {
min-height:60px;
padding:15px 10px;
text-align:center;
margin:0;
}
#sg_wrapper #sg_footer_hook_2 {
font-size:90% !important;
}
/* Titles and Headings */
#sg_wrapper h1,
#sg_wrapper h2,
#sg_wrapper h3,
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6
{ text-align:left; }
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6 { }
#sg_wrapper h1 { font-size:20px; margin:10px 0;}
#sg_wrapper h2 { font-size:16px;}
#sg_wrapper h3 { font-size:14px;}
#sg_wrapper h4 { font-size:12px;}
h1.sg_Title {
margin:0;
padding:0;
font-weight:normal;
}
.sg_page_title {
font-weight:bold;
}
.sg_page_desc {
}
/* Navigation */
.progressBar {
margin:0 auto 15px auto;
text-align:center;
width:200px;
}
#sg_ProgressBar {
background-color:#EFFAFF;
font-size:10px !important;
font-weight:bold !important;
font: bold 10px/16px arial !important;
border:1px solid #59BDEF;
color:#00557F;
}
.sg_Submit,
.sg_BackButton,
.sg_NextButton {
text-decoration: none;
font-size:14px;
font-weight:normal;
padding:8px 15px !important;
margin:5px;
}
div.sg_Button_Group {
text-align:center;
margin: 0 0 10px 0;
}
div.sg_Buttons,
div.sg_Button_Group input {
display:inline;
}
/* Special Effects */
#sg_wrapper input:focus,
#sg_wrapper select:focus,
#sg_wrapper textarea:focus,
#sg_wrapper input.sffocus,
#sg_wrapper select.sffocus,
#sg_wrapper textarea.sffocus {
background-color:#FEFFAF !important;
border:1px solid #333;
}
.sg_PoweredBy {
margin:15px auto;
width:200px;
text-align:center;
}
/* Form Elements */
form.sg_SurveyPage { /* main form stylename */
}
.clear {clear:both;}
/* Questions */
.sg_Question {
margin: 20px 0;
clear: both;
}
.sg_QuestionTitle {
margin:0 ;
padding:3px 0;
position: relative;
}
.qNumber {
padding:10px 0;
}
.sg_ControlSet { /* wraps around question options and subquestions */
margin:0 0 0 5px;
}
.sg_CheckboxWrapper {
margin:5px 0;
}
.sg_Question_Footer {
}
/* Question Types */
#sg_wrapper input {
padding:1px 2px;
border:1px solid #777;
}
input.sg_Radio,
input.sg_Checkbox {
border:none !important;
background:none !important;
margin:0px 10px;
vertical-align:absmiddle;
}
#sg_wrapper label {
/* padding:0 6px 0 0; */
}
/* 'Other' textboxes ' */
input.sg_Radio_Other,
input.sg_Checkbox_Other,
input.sg_Cont_Sum_Other {
margin:0 6px;
}
div.sg_Instructions {
}
.sg_MaxWords {color: #666;}
sg_Cont_Sum_Other { }
input.sg_Textbox {}
div.sg_Multi_Text {}
textarea.sg_Essay {
padding:5px;
}
div.sg_Rank {}
select.sg_Select {}
div.sg_Radio_Options {}
input.sg_Radio {}
div.sg_Checkbox_Options label { /* removed due to weird 1st line indent padding:0 10px 0 10px !important; */}
input.sg_Checkbox {}
div.sg_Cont_Sum
div.sg_Matrix_Radio {}
.sg_caption {
}
/* Tables */
table.sg_Table {
margin:5px 5px 15px 0;
border-spacing: 2px !important;
empty-cells: show !important;
}
.sg_ControlSet .sg_TD1 input.sg_Textbox {
width:45px; /* Allows Continuous Sum questions room for the % sign */
}
table.sg_Table th {
font-weight:bold;
padding:4px;
}
table.sg_Table td {
vertical-align:middle;
}
th.sg_TDX { }
td.sg_TD1 { padding:0 }
td.sg_TDX { }
.sg_Multi_Text td.sg_TDX,
.sg_Matrix_Radio td.sg_TD1,
.sg_Radio_Options td.sg_TDX,
.sg_Cont_Sum td.sg_TDX
{
padding:5px !important;
}
div.sg_Matrix_Radio td.sg_TD1 {
padding:5px !important;
}
table.sg_Table tr.sg_TR { }
table.sg_Table tr.sg_TR_Alt { }
/* tables with 1st column of labels */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1 {
padding:5px ;
}
.sg_RatingScale table { width:100%;}
/* Groups like Contact Form */
div.sg_GroupItem {
float:left;
height:45px;
display:block;
margin:4px 6px 0 0;
padding-left:0;
text-indent:0;
text-align:left;
}
div.sg_GroupLabel {
position:relative;
display:block;
font-weight:bold;
}
div.sg_GroupInput {
display:block;
}
/* Required Lables, Messages, Errors etc */
.sg_Required { /* applies to all required questions */
}
span.sg_RequiredAsterix { color:red; }
.sg_Error { background-color: yellow !important; }
.sg_QuestionError { background-color: yellow !important; }
div.sg_ErrorMessage { /* div.sg_ErrorMessage is inserted where automatically by the template token */
background: #FDFF4F url(http://app.sgizmo.com/images/surveys/error_alert.gif) no-repeat 10px 10px;
border:2px solid #FFB900;
color: #000;
margin:10px auto;
padding:10px 20px 10px 60px;
width:80%;
font-weight:bold;
}
.sg_Counter { }
.sg_Counter_Error { color: red; }
.sg_StarRate{cursor:pointer;}
.sg_CustomizedGroupItem {
margin:10px 0;
}
.sg_Matrix_Textbox table.sg_Table,
.sg_Matrix_Radio table.sg_Table,
.sg_Matrix_Checkbox table.sg_Table {
width:99% !important;
}







