﻿/* General styles */
body { margin: 0; padding: 0; font: 13px/16px Arial,Helvetica,sans-serif; color: #666; background-color: #FFF;}
h2 { margin: 0px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 200%; font-weight: normal; color: #FFF; background-color: #999; border-bottom: #BBB 2px solid; }
p#copyright { margin: 20px 10px; font-size: 92%; color: #999; }
p a { color: #666; }
p a:hover { color: #333; background-color: #EBEBEB; }
p a:visited { color: #666; background-color: #EBEBEB; }

/* Form styles */

div#wrapper { position:relative; margin:0 auto;	width: 600px; }

div#wrapper .logo { margin: 10px 0 0 10px; }

#form-container { width: 580px; margin: 10px; background-color: #FFF; }

p.legend { margin-bottom: 1em; }
p.legend em, em { color: #C00; font-style: normal; }


/*------------------ CALENDAR ------------------------------------------------- */
.calendar .ajax__calendar_container {
    clear:none;
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
/*------------------ CALENDAR ------------------------------------------------- */

.dateError { margin-left: 238px; font-size: 85%; color: #CC0000;}

.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
.errors p { margin: 0; }
.errors p em { color: #C00; font-style: normal; font-weight: bold; }

#form-container { border: 1px solid #CCC; padding: 5px; min-height: 326px; }
#form-container p { margin: 10px; }
#form-container p.note { font-size: 85%; color: #999999; }
#form-container p.error { margin-left: 238px; font-size: 85%; color: #CC0000;}
#form-container ul { margin: 10px 10px 10px 20px; padding: 0; list-style: none;}
#form-container li {margin: 5px 0;}
#form-container table { border-collapse: collapse; margin: 10px 0;}
#form-container td { vertical-align: top; border: 1px solid #ccc; padding: 3px; font-size: 92%;}
#form-container fieldset { margin: 5px 0; padding: 5px; border: #DDD 1px solid; }
#form-container fieldset p { margin: 10px; }
#form-container legend { font-weight: bold; color: #00275d; }

    #form-container fieldset div { padding: 0.25em 0; }

.checkboxList
{
    float:left;
    border:solid blue 0px;
    width:185px;
    padding:4px;
}

#form-container .checkboxList label
{
    border:solid green 0px;
    text-align:left; 
    width:160px;
    font-weight:bold;
    color:#666666;
}
#form-container .checkboxList table
{
    float:left;
}
#form-container .checkboxList table td
{
    border:0;
}

#form-container .checkboxList input
{
    float:right;
    margin: .3em 2% 0 0;
    padding:0;
}
#form-container .checkboxList td label
{
    margin: .3em 2% 0 0;
    padding:0;
    display:block;
    border:solid red 0px;
    float:left;
    width:80%;
    text-align:left;
    font-weight:normal;
}


#form-container .examples
{
    font-size:77%;
    color:#999999;
}

/*div#form-container label, 
div#form-container span.label { margin-right: 10px; padding-right: 10px; width: auto; text-align: right; position: relative; }*/
#form-container label, 
#form-container .label {
					width: 40%;
					float: left;
					clear: both;
					margin: .3em 2% 0 0;
					padding:0;
					line-height: 120%;
					position: relative;
					text-align: right;
					display: block;
					border:solid red 0px;
					}
#form-container span {
					/*display: block;
					clear: left;*/
					}
	
#form-container .inlinelabel {
					float: left;
					clear: none;
					}
					
#form-container .inlinelabel label {
					width:auto;
					float:none;
					display: inline;
					padding: 2px;
					color: #000;
					}
							
					/*input { margin: .3em .3em 0 0; vertical-align: baseline; background-color:#CC00CC}*/
#form-container label em, 
#form-container p.label em {font-size: 120%; font-style: normal; color: #C00; }
#form-container input, #form-container textarea, #form-container select { border: 1px solid #999; padding: 2px 5px;}
#form-container input[type=checkbox], #form-container input[type=radio] { border: 0; padding: 0;}
#form-container input.error, #form-container select.error { border-color: #C00; background-color: #FEF; }
#form-container input:focus,
#form-container input.error:focus, 
#form-container textarea:focus,
#form-container select:focus { background-color: #FFC; border-color: #FC6; }
/*#form-container .controlset label, 
#form-container .controlset input { display: inline; float: none; }
#form-container .controlset div { margin-left: 170px; }
#form-container .buttonrow,
#form-container .buttonrow2 { text-align: center; }
#form-container .buttonrow input { margin: 10px 5px; }
#form-container .buttonrow a { border: 1px #666666; background-color: #00275d; padding: 5px; margin: 0 10px; color: #FFFFFF; text-decoration: none;} */

/*div#form-container input + label { background-color: #006; float: none; display: inline; }*/


#lblFirstName, #lblLastName, #lblCompany, #lblAddress, #lblAddress2, #lblCity, #lblState, #lblZip {display: inline !important;}
#rbUpadateOption label {clear: none; float: none; width: 100%; text-align: left; display: inline !important;}

#form-container #phonenumber {
	border-collapse: collapse;
	}
	
#form-container #phonenumber td {
	border: 1px solid #ccc;
	}
