html, body
{
	background-color:#ffffff;
	font-size:95%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	 
	margin:0;	 
	padding:0;
	height:100%; 
	width:768px; 
	line-height:1.4;
}

 
div.ui-datepicker{ /*jquery datepicker size */
 font-size:13px;
}

input{	 
	font-size:13px;
	border:solid 1px #cccccc;	
	vertical-align: middle;     
	position: relative;     
	top: -1px;      	 
} 

input.error{border: solid 1px red;}
 

.wrap{
	border:.1em solid white;
	position:relative;	 
	font-size:13px;	 	 
	background-color:#ffffcc; /* light yellow */
	/*cross browser height hack */
	min-height:1000px;
	height:auto !important;	
	height:1000px;				 
}

body.admin{
	background-color:#ffffff;
	font-size:95%;	
	font-family:"Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;*/		
	margin:0em;	 
	padding:2em;
	height:100%; 
	width:auto; 
	font-size:12px;	 
}

.agencyMenu{	 
	padding: 1em 2em 1em 2em;			
	width:auto; 	
}

.agencyMenu .agencyName{
	float:left;	
	font-size:14px;
	font-weight: bold;	
}

.agencyMenu .menu{
	float:right;
	font-size:11px;	
}
	
.topSection{		
	 margin:2em 2em 0 2em;		  
	 text-align:center;	 
	  
}
.topSection P{
	text-align:justify;
}

.topSection H5{	 	 
	font-size:1.2em;
	padding:0;
}



/*-----Appointment ---*/
.calSection{
	float:left;
	margin-left:2em; 	
	_margin-left:1em; /*ie6*/
}

.apptSection{
 	float:right; 
 	margin-right:5em; 
 	_margin-right:2em; 
 	width:380px; 
 	/*border:1px solid gray;*/	 
}


#indicator{
	width:25px;
	height:25px;
	background: url('../images/loader4.gif') no-repeat;
	float:right;
	margin:0 2em 0 0;
	display:none;
}

fieldset {  
	margin: 0 0 0 0;  
	padding:1em 0 0 0;
	width:380px; 
	border:solid 1px gray; 
	background-color:#F8F8F8;	
}


.legend {  
	position:relative;
	margin:2em 0 0 8em;
	top:0em;
	font-size:13px;
	font-weight:bold;
	color:gray; 
}

fieldset ol {  
	margin-left:4.4em;
	padding: 0em;  
	list-style:none;  
}  
fieldset li {  
	padding-bottom: 1.5em;  	 
}

li.center{
	text-align: center;
	width: auto;	
	padding-top: 1em;
}

input.submit {
	padding:0.2em;  	
	width:100px;  
	border:1px solid gray;	 
	margin:auto;	 
	font-weight:normal;
	font-size:13px;
}

input.submit:hover{
	cursor:pointer;
}

li input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border:solid 1px #cccccc;		 
	vertical-align: middle;     
	position: relative;     		   	
}

li label {    
	display: block; /*Label above input*/
}
 
.warming{
	font-weight:bold;
	color: red;
}


#timeSlotsWrap{
	width:210px;
	height:80px;	
	border:solid 1px #cccccc;
	padding:1em;
	background-color:#ffffff;
}

#timeSlots{			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:2em;	
}

#timeSlots input{ /*Remove box around radio button*/
	border:0px;
}

input#recordtype{
	border:0px;
}

/*---- Agency Registration --- */ 
.register{
 	min-height:100%;
 	margin:0 2em,0,2em;  	
 	float: left; 	
 	width:100%;
 	/*border:1px solid gray;*/
}

#regCompleted{			
 	text-align:center;
 	font-size: 1.2em; 
 	position:relative;
 	top:-40em;	 		
}

.register fieldset{	 
	margin: 0 0 0 0;  
	padding:1em 0 0 0;
	width:560px; 
	border:none;
	background-color:#ffffcc; /* light yellow */ 		
}

.register .legend {  
	position:relative;
	margin:2em 0 1em 22em;
	top:0em;
	font-size:13px;
	font-weight:bold;
	color:gray; 
}

.register fieldset li {  
	padding-bottom: 1em; 	 
}

.register label{
	float:left;
	text-align: right;
	width: 13em;
	margin:0.2em 1em 0 0;			
}

.register label.error{	
	color:red;	
	clear:both;	
	float:left;	 
	text-align:left;	
	position:relative;	
	margin-top:-4px;
	width:20em;	 
	margin-left:14em;	
}

/*------ Logon Section------*/

.loginSection{
	min-height:100%;
	margin-top:5em;
 	margin-left:auto;
 	margin-right:auto;   	 
 	/*border: 1px solid #cccccc*/
 	text-algin:center;	 		
}

.loginSection fieldset{	
	padding:1em 0 0 0;	 
	border:1px solid #cccccc;
	width:430px;
	margin:auto;
	background-color:#ffffcc; /* light yellow */ 
}

.loginSection fieldset legend{		
	font-size:13px;
	font-weight:bold;
	color:black; 
	margin-left:12em;
}

.loginSection label{
	float:left;
	text-align:left;
	width: 5em;
	margin:0.2em 1em 0 0;			
}

.loginSection label.error{	
	color:red;	
	clear:both;	
	float:left;	 
	text-align:left;	
	position:relative;	
	margin-top:-4px;	 
	width:15em;	 	 
	margin-left:6em; 	 
}
	
/*--------- Agency Appt List -----*/
 
table.agencyApptList {
	width:720px;
	white-space: nowrap;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.agencyApptList th {
    text-align: left;
    font-weight: normal;
    padding: 1px 5px;
    border-bottom: 2px solid #FFFFFF;
    background: #687EAB;
    color:#ffffff;
}

table.agencyApptList td {
    text-align: left;
    border-bottom: 2px solid #FFFFFF;
    padding: 3px 5px 3px;
    background:#EDECEC; /* #DBE2F1;*/
}
 
.agencyApptList a:visited{text-decoration: none;}
.agencyApptList a:hover{text-decoration: none;}
.agencyApptList a:link{text-decoration: none;}
.agencyApptList a{text-decoration: none;color:white;}


/* ------ Calendar -----*/
.calendar {
	padding:0px;
    width:240px;
    border:0px;    
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-collapse:collapse;
	background-color:white;
}
 
.calendarHeader{
	text-align:center;
	font-weight:bold;
	background-color: #E9ECEF;
	border:1px solid #888;
	height:30px;
	
}

.dayHeader{
    background-color: #DFDFDF;
	border:1px solid #888;
	color:#626262;
	width:40px;
	height:30px;
}


.availableDay{
	font-weight:normal;
	background-color: #66FF99;
	border:1px solid #888;
	text-align:right;
    padding-right:5px;
	cursor:pointer;
	height:30px;
}

.availableDay:hover { 
	font-weight:bolder;
	background-color:#33CC66;
	color:#FFFFFF;
}


.today{
	background-color: #FFCC33;
	border:1px solid #888;
	text-align:right;
    padding-right:5px;
	height:30px;
}

.closeDay{
	background-color: #ECECEC;
    font-weight:normal;
	border:1px solid #888;
	text-align:right;
    padding-right:5px;
	height:30px;
	 
}

.emptyDay{
	border:1px solid #888;
	height:30px;
}


/*--- Reciept -----*/
.recieptBody{	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	width:720px;
	text-align:center;
	line-height:20px;
	color:#444444;
	margin-top:2em;
}

.recieptTable{
	width:500px;   
	font-family:Georgia, "Times New Roman", Times, serif;	 	
	border:1px solid #888;
	border-collapse:collapse;
	margin:auto;
}

.recieptHeader{
	height:50px;
	text-align:right;
	border:1px solid #888;
	padding-right:30px;
	width:120px;
}

.recieptValue{	 
	text-align:left;
	border:1px solid #888;
	padding-left:20px;
	color:black;
	font-size:16px;
}


#index a:hover{
	font-size:24px;
	font-weight:bold;
}

/*--- begin Edit button ---*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/*-- Agency Listing Table --*/
Table.Agency{
	background-color: #fafafa; 
	width: 720px; 	 
	white-space: nowrap; 
	border: 1px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0px;
	padding:1em;
	border-collapse:collapse;
}
Table.Agency TH{
	background-color: #99CCCC;	 
	font-weight: bold;
	font-size: 13px;
	/*color: #404040; */
	text-align:left; 
}

Table.Agency TD{
	padding:.2em; 
}


/*----- Admin Appt Listing -------*/

Table.apptList{
	white-space: nowrap; 		
}

Table.apptList TH{
	text-align:left;
}

Table.apptList Caption{
	margin-bottom:1em;
}

/*---- Closing Dates ---*/
Table.closingDates { 	
	white-space: nowrap; 	
	border-collapse:collapse;	
}

Table.closingDates TH{ 	
	text-align: left; 
	color: gray;
	border-bottom: 1px solid #cccccc;
	padding:5px;	
}

Table.closingDates TD{
	padding:5px; 	
}

 
a.lock{
	background: url('../images/lock.png') no-repeat;
	display:block;
	height:16px;
    text-indent:-9999px;
    width:16px;
}

a.unlock{
	background: url('../images/lock_open.png') no-repeat;
	display:block;
	height:16px;
    text-indent:-9999px;
    width:16px;
}