﻿

body 
{
    background:#CBE5A8 url(/images/bg.gif) repeat-x top left;
    text-align:center;
    font-family:Arial, Verdana, Helvetica;
}
#page-body
{
    width:100%;
}
#page-region
{
    width:801px;
    margin:50px auto 150px auto;
}
.site-header
{
    background: url(/images/site-header.gif) no-repeat top left;
    height:104px;
}
.logo
{
    text-align:left;
    margin-left:70px;
    padding-top:8px;
}
.survey-top
{
    margin-right:25px;
    margin-top:15px;
    text-align:center;
}
.survey-top h1
{
    color:#EF4035;
    margin:0px;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
    font-size:20px;
}


.picker-search
{
    margin-right:25px;
    margin-top:6px;
    text-align:center;
}
.picker-search input
{
    padding:4px;
}
.picker-search h1
{
    color:#EF4035;
    margin:0px;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
    font-size:22px;
}
.picker-search .small
{
    color:#EF4035;
    font-size:11px;
    font-weight:bold;
    margin-top:5px;
}
.nav-bg
{
    background:#ffffff url(/images/blue-grad.gif) repeat-x top left;

}
.nav-bottom
{
    width:142px;
    background: url(/images/footer-menuarc.gif) no-repeat bottom left;
    vertical-align:top;
}
.nav
{
    margin:20px 0px 0px 8px;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
    font-size:12px;
    font-weight:bold;
    text-align:left;
}
.nav td
{
    vertical-align:top;
    padding-bottom:8px;
}
.nav a, .nav a:visited
{
    color:#ffffff;
    text-decoration:none;
    line-height:14px;
    font-weight:bold;
}
.nav a:hover, .nav a:visited:hover
{
    color:#FFE100;
}
.nav img
{
    margin-right:3px;
    margin-top:1px;
}
.content
{
    padding:22px;
    background:#ffffff url(/images/footer-content.gif) no-repeat bottom right;
    font-family:Arial, Verdana, Helvetica;
    font-size:12px;
    line-height:19px;
    text-align:left;
    vertical-align:top;
    height:380px;
    
}
h1
{
    font-size:18px;
    color:#0072BC;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
    margin-top:0px;
    margin-bottom:10px;
}
h2
{
    font-size:15px;
    color:#57A2D3;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
    margin-bottom:3px;
}
h3
{
    font-size:13px;
    margin-bottom:3px;
}
p
{
    margin-top:0px;
}
img
{
    border:none;
}
.form-container
{
    float:right;
    border:solid 1px #0575BD;
    padding:15px;
}
.form-label
{
    padding-right:6px;
    font-weight:bold;
    color:#2A903B;
}
.form-input
{
    padding-bottom:5px;
}
.survey
{
    border:solid 1px #00A4E4;
    padding:15px 15px 0px 15px;
}
.surveyLabel
{
    font-weight:bold;
    margin-bottom:8px;
    font-size:12px;
}
.surveyInput
{
    margin-bottom:20px;
}
.extra-leading
{
    padding-right:25px;
}
.site-footer
{
    background: url(/images/footer.gif) no-repeat top left;
    height:96px;
}
.site-footer-home
{
    background: url(/images/footer.gif) no-repeat top left;
    padding-top:76px;
    padding-bottom:6px;
}
.footer-image
{
    text-align:left;
    margin-left:40px;
}
.bottom-nav
{
    font-size:11px;
    color:#005029;
}
.bottom-nav a, .bottom-nav a:visited
{
    color:#005029;
    text-decoration:none;
}
.bottom-nav a:hover, .bottom-nav a:visited:hover
{
    color:#000000;
}

.copyright
{
    font-size:11px;
    text-align:left;
    margin-top:10px;
}
.survey-bg
{
    background:#ffffff url(/images/blue-grad.gif) repeat-x top left;
    padding:15px;
}
.survey-content
{
    padding:20px;
    background:#ffffff;
    font-family:Arial, Verdana, Helvetica;
    font-size:11px;
    text-align:left;
}


/*Picker ID Validation*/
.validationhighlight
{
    font-weight: bold;
	background-color: #FFFACD;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{	
	font-family     : Verdana,Tahoma,Arial,sans-serif;
	font-size       : 8pt;
}
.modalPopupTitle 
{
	font-family     : Verdana,Tahoma,Arial,sans-serif;
	font-weight     : bold;
	color           : #EF4035;
	height          : 35px;
	width           : 100%;
	background-color: #FFE100;
	font-size       : 9pt; 
    /*filter          : progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F5F7F8',EndColorStr='#D2E7EE');*/
}
.modalPopupContent 
{
	background-color: #ffffff;
	padding         : 15px 15px 0px 15px;
	border-left     : solid 1px #FFE100;	
	border-right    : solid 1px #FFE100;	
}
.modalPopupBottom
{
    background      : #ffffff;
	border-bottom   : solid 1px #FFE100;	
}
/*End Picker ID Validation*/
/*Calendar*/
.calendar
{
    background-color: #0071BC !important;
    border: solid 1px #0071BC;
    padding:0px;
    font-family:Verdana;
    font-size:8pt;
    width:160px;
}
.calendarHeader td
{
    color: #FFFFFF;
    background-color: #0071BC !important;
    font-size: 7pt;
    font-weight: bold;
}
.calendarNextPrev, .calendarNextPrev a
{
    color: #FFFFFF !important;
    vertical-align: bottom;
}
.calendarDayHeader
{
    background-color:#F24135;
    font-size: 7pt;
    font-weight: bold;
}
.calendarSelectedDate
{
    background-color:#666666;
    font-weight:bold;
    color:#FFFFFF;    
}
.calendarToday, .calendarToday a, td.calendarToday 
{
    background-color:#FFE100;
    color:#FFFFFF;
    padding: 2px 3px 2px 3px;
}
.calendarWeekendDay
{
    background-color:#F5F7F8;
    padding: 2px 3px 2px 3px;
}
.calendarOtherMonthDay, .calendarOtherMonthDay a, td.calendarOtherMonthDay 
{
    color:#808080 !important;
    padding: 2px 3px 2px 3px;
}
.calendarSelector
{
    background-color:#7D99D1;
}

.CalendarContainer
{
    /*border-style:solid;
    border-width:1px;
    border-color:#00a0c6;
    font-family:Verdana;
    font-size:8pt;
    padding:2px;
    text-align:left;*/
}
/*CalendarContainer input
{
    font-family:Verdana;
    font-size:8pt;
}*/
.CalendarContainerHeader
{
    color:#FFFFFF;
    font-weight:bold;
    padding-bottom:2px;
    padding-left:2px;
}
.CalendarContainerFields td
{
    background-color:#f3f4f5;
   /*padding: 2px 5px 2px 5px;*/
}
/*End Calendar*/