/***************************************Standard Styles**************************************/
body{
	margin-top:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:normal;
	/*background-image: url(../images/bg_maintbl.jpg);
	background-repeat:repeat-x;
	background-position:center top;*/

}
a {color:#000000;}

a:hover {color:#000066;}

.smallHeight{font-size:1px;}

/***************************************main layout**************************************/
.leftFade{
	background-image:url(../images/leftfade.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}
.rightFade{
	background-image:url(../images/rightfade.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}

.ContentBG{
	background-image: url(../images/bg_maintbl.jpg);
	background-repeat:repeat-y;
	background-repeat:repeat-x;
	background-position:center top;
}
.MenuLinks{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
	text-transform:none;
}
.MenuLinks a{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
	
	text-transform:capitalize;
}
.MenuLinks a:hover{
	font-size:10px;
	font-weight:normal;
	color:#000099;
	text-decoration:none;
	
	text-transform:capitalize;
}
.MenuLinks a:active{
	font-size:10px;
	font-weight:normal;
	color:#000099;
	text-decoration:none;
	
	text-transform:capitalize;
}
.headerbar{
background-image:url(../images/topbar.jpg);
background-repeat:no-repeat;
color:#ffffff;
text-transform:uppercase;
}
/***************************************main layout**************************************/
.border1{border-bottom:2px solid #cecece;font-size:11px;font-weight:bold;}
.border2{border-bottom:2px solid #cecece;font-size:10px;}
.border3{border-bottom:1px solid #cecece;font-size:10px;}
.main{font-size:12px;}
.normal{font-size:10px;}
.small{font-size:10px;}
.big{font-size:12px;}
.heading{
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
}
.heading_small{font-size:8px; font-weight:bold; }
.CatBG{
	background-color:#045BA0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
}
/***************************************sort table**************************************/

.sort-table td {
	padding:2px 0px;
}
/*.sort-table tbody td {
	text-transform:uppercase;	
}*/
.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.sort-arrow.descending {
	background-image:		url("../images/Sort_Table/downsimple.png");
	background-position:right;
}
.sort-arrow.ascending {
	background-image:		url("../images/Sort_Table/upsimple.png");
	background-position:right;
}
#table-1 tbody tr:hover {
background-color: #E8E8E8;
}
#table-2 tbody tr:hover {
background-color: #E8E8E8;
}
.headingblue {
	font-size: 10px;
	color: #045BA0;
}
.headingblue2{
	font-size: 11px;
	color: #045BA0;
}
.headingblue2 a{
	text-decoration:none;
	font-size: 11px;
	color: #045BA0;
}
.headingblue2 a:hover{
	text-decoration:none;
	font-size: 11px;
	color: #000000;
}

/***************************************Admin Styles**************************************/
.Welcome{
	padding:0 0 10px 10px;
	color:#045BA0;
	font-size:12px;
	font-weight:bold;
}
.PosTitles{
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

.PosTitles td{
	background-color:#CCCCCC;
}

.PosTitles a{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.PosTitles a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

.noInfo{
	color:#FF0000;
	font-size:12px;
}

.adminForms td{
	padding-bottom:10px;
}

.CrumbTitle{
	background-color:#CCCCCC;
	height:20px;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

.DtlsMainHead{
	font-size:12px;
	font-weight:bold;
	color:#045BA0;
	padding-bottom:5px;
	padding-bottom:2px solid #CECECE;
}

.DtlsSubHead{
	font-size:11px;
	font-weight:bold;
	height:20px;
	background:#EBEAE6;
}

.greyBG{
	background-color:#CCCCCC;
	padding:5px;
}

.PastInfo{
	color:#999999;
}


/***************************************Survey Styles**************************************/
#step1
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#frmStep1 
{
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;		
}

#UserForm{
	width:590px;
	padding:0 5px 10px 5px;
	border:1px solid #666666;
	background:#EBEAE6;
}

#UserForm hr{
	border:2px inset #666666;
	margin:10px 0 10px 0;
	padding:0;
}

#UserForm a{
	color:#0000FF;
}

#UserForm h1{
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #999999;
}

#UserForm h2{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #999999;
}

#UserForm h3{
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #999999;
}

#UserForm span{
	margin:0 0 0 30px;
}

#savedInfo{
	width:97%;
	padding:0 5px 10px 5px;
	border:1px solid #666666;
	background:#EBEAE6;
}

#savedInfo hr{
	border:2px inset #666666;
	margin:10px 0 10px 0;
	padding:0;
}

#savedInfo a{
	color:#0000FF;
}

#savedInfo h1{
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #999999;
}

#savedInfo h2{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #999999;
}

#savedInfo h3{
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #999999;
}

#savedInfo span{
	margin:0 0 0 30px;
}

#Qbox{
	border:1px solid #666666;
	width:97%;
	padding:0 5px 0 5px;
	background:#EBEAE6;
	margin-bottom:10px;
}

#Qbox h1{
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #999999;
}

.inputRead{
	border:none;
	background-color:#EBEAE6;
	width:80%;
}

.inputWrite{
	border:1px solid #000000;
	background-color:#FFFFFF;
}

form br /* clears floating of the labels and inputs eg. brakes them into a new line */
{ 
  	clear: left; 
}
	
#step1 label
{
 	display: block;
	float: left;
	width: 100px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}

#step1 label.error
{	
 	display: block;
	float: left;
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;
	color:#FF0000;
}

#fieldInput select 
{
 	display: block;
	float: left;
	width: 200px;
	margin: 10px 0 0 20px;
	padding: 0;
	text-align: left;
}

#fieldInput input 
{
 	display: block;
	float: left;
	width: 200px;
	margin: 10px 0 0 20px; 	 
	padding: 0; 
	text-align: left;
}

#fieldInput select:focus 
{ 
	display: block;
	background-color: #e9e9e9;
}

#fieldInput input:focus 
{ 
	display: block;
	background-color: #e9e9e9;
}

input.error 
{ 
	/*display: block;*/
	background-color: #f9e1ca;
}

#submit{ 
	float:left;
	margin:9px 0 0 10px;
	padding:0;
}

#addQType{
	margin:12px 0 0 0;
}

#step2 label.error{
 	display: block;
	float: left;
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;
	color:#FF0000;
}

#SaveInfo{
	width:400px;
	margin-top:10px;
}

#savingStatus{
	float:left;
	color:#33CC00;
	width:100px;
	margin:5px 0 0 0;
}

#newTopic{
	width:400px;
	margin:10px 0 0 0;
	padding:0;
}

#Tfield{
	float:left;
	width:250px;
}

#Tfield input{
	width:240px;
}

#addTopic{
	float:left;
	width:150px;
	margin-top:3px;
}

#addTopic a{
	color:#0000FF;
}

#statusT_new{
	float:left;
	margin-top:3px;
}

.Status{
	float:left;
	color:#33CC00;
	width:120px;
	margin:5px 0 0 0;
}

.clear{
	clear:both;
	width:100%;
	line-height:1px;
	font-size:0;
}

/*
fix for radio and checkboxes.
prevents them from skipping to the 
left when onfocus...
*/
.selFix{
	float:left;
	padding-left:30px;
}

/*events calendar*/
.eventDay{
	background-color:#00FF00;
	font-size:11px;
}

.eventDayOver{
	background-color:#FF0000;
	font-size:11px;
}

/*Hover tip styles*/
#eventTitle{
	float:left;
	width:275px;
}

#eventTitle a{
	font-size:10px;
}

#eventTitle a:hover{
	font-size:10px;
}

#addLink{
	float:right;
	text-align:right;
	width:40px;
}
