html, body
{
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: #A9A9A9;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
    background-repeat: repeat;
}
#progressBackgroundFilter {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;
}
.survey_address
{
  font-size: 120%;
  font-weight:normal;
  line-height: 1.2;
  text-align: left;
 position: fixed;

 width:15%;
}
#tblSurvey td.first
{
    border-right: #0000FF thin solid;
    width:75%;
}
#wrapper_survey_5b .page_break
{
     border: 1px solid #0000FF;
    text-align: center;
    font-weight: bold;
    width: 95%;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #C0C0C0;
}

#wrapper_survey_5b
{
    line-height:140%;
    font-size:120%; 
     position: relative;
}

#processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding:1em;
    width:14%;
       text-align: center;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #000;
     
}

.login_text
{
    font-size: larger;
    color:#454545;
    font-weight: bold;
}
#wrapper
{   height: auto;
    width: 1250px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    font-family: Tahoma, Sans-Serif;
    font-size:12px;  
    }
#wrapper_inner{ margin: 20px 20px 20px 20px; font-size:120%;}
#wrapper.img{margin:0px;}
#form1{margin:0px;padding:0px;}
table#FormView1{margin:0px;padding:0px;}
#header{padding: 0px 0px 20px 0px; }
.title
{
    color: #6B6B6B;
    font-size: 170%;
    font-family: Gautami;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.title a, a:link, a:visited, a:hover
{ 
       text-decoration: underline;
        color: #000; }
.title_description
{
    font-size: 100%;
    font-family: Gautami;
}

.section_description{font-size:130%; padding-bottom:5px; padding-top:0px; }
.copyright
{   margin: 5px 0px 5px 0px;
    font-family: georgia;
    color: #6B6B6B;
    text-align: center;
    width:100%;
}
.mailMerge_Text{width:70%;}
.mailMerge_Directions{ line-height:1.5em;}
.warning
{
    font-size: 100%;
    color: #0000FF;
    padding-bottom:1em;
}
.callsheetLabels
{
    font-weight: bold;
    padding-top: .5em;
    font-family: Arial, Helvetica, sans-serif;
}
.callsheetLabelsBox
{
    border: 1px solid #000000;
    float: left;
    padding: 5px 5px 1em 5px;
    margin-bottom: .5em;
    margin-right: 1em;
    width: 215px;
    height: 335px;
    background-color: #DFDFDF;
}
.survey_right_margin
{
     
  margin: 1em;
  font-size: 120%;
  font-weight:normal;
  line-height: 1.5;
  text-align: left;
  position: fixed;
  top: 2em;
  left: 800px;
  right: 2em;
}
.survey_right_margin_2
{
     
  margin: 1em;
  font-size: 120%;
  font-weight:normal;
  line-height: 1.2;
  text-align: left;

  position: fixed;
  top: 145px;
  left: 800px;
  right: 2em;
}
.survey_header{position: fixed;}
.sample_site
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    color: #FF0000;
    position: absolute;
    top: 200px;
    left: 150px;
    z-index: 1;
}
.sample_site_2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    color: #FF0000;
    position: absolute;
    top: 200px;
    left: 700px;
    z-index: 1;
    width:400px;
}
.centerTable
{margin-left: auto;
margin-right: auto;}
img.nomargin
{
    border-style: none;
    border-width: 0px;
    border-color: inherit;
    margin: 0px;
    padding: 0px;
}
 /*callRows calendar for appointment time */   
.cal_appt .ajax__calendar_container
{
    border: 1px solid #646464 !important;
    background-color: #ffffff !important;
    color: red !important;
}
.cal_appt .ajax__calendar_other .ajax__calendar_day,
.cal_appt .ajax__calendar_other .ajax__calendar_year {
    color: black !important;
}
.cal_appt .ajax__calendar_hover .ajax__calendar_day,
.cal_appt .ajax__calendar_hover .ajax__calendar_month,
.cal_appt .ajax__calendar_hover .ajax__calendar_year {
    color: black !important;
    
}
.cal_appt .ajax__calendar_active .ajax__calendar_day,
.cal_appt .ajax__calendar_active .ajax__calendar_month,
.cal_appt .ajax__calendar_active .ajax__calendar_year {
    color: black !important;
    font-weight:bold !important;
    
}
/*SURVEY*/
.question_text
{
  font-family: Arial,Helvetica,sans-serif;
  font-size:90%;
  font-weight:normal;
}

.directionsToSurveyor
{
    font-style: italic;
}
.directionsForSkip
{
    border: 1px solid #000000;
    padding-left:5px;

}
.highlightNames
{
    color: white;
}

#q10
{
    /*This is inside of q9*/
    padding-left: 30px;
    border-top: Darkgray thin solid;
    border-bottom: Darkgray thin solid;
    border-left: Darkgray thin solid;
    border-right: Darkgray thin solid;
}
.checkbox
{
    padding-left: 15px;
}
.dont_read
{
    font-style: italic;
}
#wrapper_survey_1
{
    width: 750px;
    border-top: #0000FF 1em solid;
    border-bottom: #0000FF 1em solid;
    border-left: #0000FF thin solid;
    border-right: #0000FF thin solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height:140%;
    font-size:120%;
}
#wrapper_survey_5
{
    width: 750px;
    border-left: #0000FF thin solid;
    border-right: #0000FF thin solid;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    line-height:140%;
    font-size:120%;

    
}
.page_break
{
    border: 1px solid #0000FF;
    text-align: center;
    font-weight: bold;
    width: 700px;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #C0C0C0;
}
 .current_questions
{
    border-top: red thick solid;
    border-bottom: red thick solid;
    border-left: red thick solid;
    border-right: red thick solid;
    padding-left: 5px;
    padding-right: 5px;
    
  
}
 .txtother{ margin-left: 10px;}
.floatNote{ padding-left:25%; color:Red; font-style:italic; }
 .questionsGroup {padding-left:5%;}
.question30{ margin-left: 5%}
 
/*END OF SURVEY*/
/*Beginning of Reports*/
.NoCalls
{
    color: #FF0000;
}
/*END OF Reports*/
/*OLD STYLES*/

.happy_quitters
{
    text-align: left;
    font-weight: bold;
    width: 700px;
    height: 20px;
    padding-left: 5px;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
}

/*CLasses*/
.login
{
    font-family: Tahoma, Sans-Serif;
}
.gridview_style
{
    font-size: smaller;
    font-family: Sans-Serif;
}




.buttons
    {width:auto;height:1px;table-layout:auto;
    table-layout: auto;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 5%;
    padding-top: 5%;
    color: black;
    border-collapse: collapse;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background:red;
}    
 
    
.FileDownload a, a:visited, a:hover
{ 
       text-decoration: underline;
        color: #000; }
.mailSeparater{padding: 0px 0px 10px 1px; text-indent:5px;}
/* COOL BUTTON */
a.button
{
    /* Sliding right image */
    background: transparent url('../images/Buttons/button_right_03.png') no-repeat scroll right top;
    display: block;
    float: left;
    height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../images/Buttons/button_LEFT_03.png')  no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}

/* COOL BUTTON END */

.surveyStatus
{
    padding: 5px;
    margin-top: 5px;
    font-size: small;
    font-weight: bold;
    color: #000000;
    background-color: #DFDFDF;
    width: 60%;
    border: 1px solid #000000;

}

.lockedBy
{
    color: #FF0000;
}

.loginSample
{
    text-align: center;
    width:100%;
}

.cal_Theme1 .ajax__calendar_container   {
    background-color: #e2e2e2;
    border:solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   {
    font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.alertbox {   
    float: left;
    width: 15px;
    height: 15px;
    margin-right:10px;
    margin-left:30px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.2);

}

.circle{width:10px;height:10px;border-radius:5px;font-size:20px;color:#fff;line-height:10px;text-align:center;background:#000}


#callerListwrapper {
    overflow: hidden; /* will contain if #first is longer than #second */
}
#callerListfirst {
    float:left; /* add this */
}
#callerListsecond { 
    overflow: hidden; /* if you don't want #second to wrap below #first */
 padding-left: 10px; }