/*
Light blue: #AAE3FF
dark blue: #013F83
orange: #E39502
*/

body{
	background-color:#AAE3FF;
	background-image:url(/i/main_back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px;
	padding:0px;
	font-family: arial, sans-serif;
	font-size:12px;
	padding-bottom:50px;
	color:#333333;
}

a{
	color:#013F83;
}

h1{
	color:#E39502;
}

h2{
	color:#013F83;
}

hr{
	border:0px;
	height:1px;
	color:#999999;
	background-color:#999999;
}

form{
	margin:0px;
	padding:0px;
}

td{
	text-align:left;
}

legend{
	color:#E39502;
	font-size:14px;
	font-weight:bold;
}

fieldset{
	border:1px solid #013F83;
}

.Warning, .warning{
	color:white;
	background-color:#E39502;
	padding:5px;
	margin:5px;
	border:2px solid #C37500;
	font-weight:bold;
}

.error{
	color:red;
	font-weight:bold;
}

.SubItem{
	color:#013F83;
	font-weight:bold;
	font-size:16px;
	margin:15px;
	padding-bottom:5px;
	background-image:url(/i/subitem_back.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

.BottomLink{
	color:#3CBFFF;
	text-decoration:none;
	font-weight:bold;
}

#MainBody{
	width:880px;
	background-color:white;
	padding:10px;
	padding-bottom:40px;
}

#LogoHotSpot{
	cursor:pointer;
	height:53px;
	width:207px;
	position:absolute;
	left:0px;
	bottom:0px;
}

#Logo{
	height:100px;
	width:900px;
	
	position:relative;
}

#LogoImage{
	float:left;
	position:relative;
	top:50px;
}

#Nav{
	float:right;
	position:relative;
	top:71px;
}

#Nav img{
	margin-left:30px;
}

#TinyLogo{
	height:100px;
	width:500px;
	background-image:url(/i/logo.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:relative;
}


#LoginDiv{
	position:absolute;
	right:10px;
	top:6px;
	font-size:11px;
}

.LoginSpacer{
	padding-left:10px;
}

.LoginField{
	width:100px;
}

.LoginLink{
	text-decoration:none;
	font-weight:bold;
}

input[type=text], input[type=password]{ 
	border:1px solid #999999;
	height:16px;
	font-size:12px;
	background-image:url(/i/input_text_back.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#ffffff;
} 

input[disabled]{ 
	border:1px solid #999999;
	height:16px;
	font-size:12px;
	background-image:none;
	background-color:#cccccc;
} 

input[type=submit], input[type=button]{ 
	border:1px solid #999999;
	height:22px;
	font-size:12px;
	cursor:pointer;
	background-image:url(/i/input_button_back.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#ffffff;
}

.BlogDate{
	font-weight:bold;
	color:#E39502;
	font-style:italic;
	margin-top:25px;
}

.BlogTitle, .BlogTitle a{
	font-weight:bold;
	color:#013F83;
	font-size:18px;
	margin-top:5px;
	margin-bottom:15px;
	text-decoration:none;
}

.BlogTitle a:hover{
	
	color:#013F83;
	text-decoration:underline;
}

.BlogAuthor, .BlogAuthor a{
	color:#555555;
	margin-bottom:10px;
	text-decoration:none;
	position:relative;
}

.BlogAuthor a:hover{
	text-decoration:underline;
}

.BlogCommentCount{
	font-weight:bold;
	position:relative;
}

.BlogTags{
	position:absolute;
	right:5px;
	bottom:0px;
	width:400px;
	font-weight:normal;
}

.BlogTag{
	
}

.BlogSidebarHeader{
	color:#013F83;
	font-weight:bold;
	font-size:14px;
	margin-top:25px;
	border-bottom:1px solid #999999;
	padding-bottom:3px;
	margin-bottom:3px;
}

.BlogSidebarText{
	font-size:11px;
	color:#333333;
}

#BlogSidebar{
	padding-left:20px;
	background-image:url('/i/blog_sidebar.jpg');
	background-repeat:repeat-y;
	width:240px;
}

#BlogSidebar a{
	text-decoration:none;
}

#BlogSidebar a:hover{
	text-decoration:underline;
}

.SidebarIndentText{
	text-indent:-15px;
	padding:2px;
	padding-left:15px;
}

#TinyNavLinks{
	position:absolute;
	right:10px;
	bottom:15px;
	padding-bottom:4px;
}

#TinyNavLinks a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding: 5px 10px;
	margin-right:4px;
	background-image:url(/i/input_text_back.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
#TinyNavLinks a:hover{
	background-color:#dddddd;
	background-image:none;
}

/*
Dialog Box CSS
*/

.ui-dialog-container{
	/*border-top:3px solid #FF750F;
	border-left:3px solid #FF750F;
	border-right:3px solid #FF750F;
	border-bottom:3px solid #FF750F;*/
}

.ui-dialog-titlebar{
	background-color:#003F84;
	height:18px;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	background-image:url('/i/dialog_title_back.jpg');
	background-repeat:repeat-x;
}

.ui-dialog-titlebar-close{
	position:absolute;
	z-index:50;
	right:2px;
	height:18px;
	width:18px;
	background-image:url('/i/dialog_close.png');
}

.ui-dialog-titlebar-close-hover{
	
}

.ui-dialog-content{
	padding:10px;
	background-color:#ffffff;
}

.ui-dialog-buttonpane{
	padding:10px;
	text-align:center;
	background-color:#ffffff;
}

.ui-dialog-overlay{
	background-color:#AAE3FF;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}

button{
	cursor: pointer;
	border: 2px solid #006633;
	background-color:#ccffcc;
}


/*Date picker styles*/
#datepicker_div{
	background-color:#ffffff;
	border:1px solid black;
	width:160px;
	padding:5px;
	padding-top:15px;
	display:none;
}
.datepicker_close{
	position:absolute;
	right:5px;
	top:5px;
	cursor: pointer;
}

.datepicker_prev{
	float:left;
	cursor: pointer;
	padding-right:25px;
}

.datepicker_current{
	float:left;
	cursor: pointer;
}

.datepicker_next{
	float:right;
	cursor: pointer;
	padding-left:5px;
}

.datepicker_daysCell{
	cursor: pointer;
	padding: 3px;
	border:1px solid #aaaaaa;
	text-align:center;
}

.datepicker_weekEndCell{
	background-color:#cccccc;
}

.datepicker_daysCellOver{
	background-color:#aaaaaa;
}

.datepicker_today{
	background-color:yellow;
}

.reportHeader{
	background-color:#AAE3FF;
}

.reportRow{
	border-bottom:1px solid #555555;
}

.UploadBox{
	border:1px solid #999999;
	background-color:#dddddd;
	width:200px;
}

.PreviewImage{
	display:none;
	position:absolute;
	border:2px dashed #006633; 
	padding:5px; 
	margin-top:20px;
	background-color:#ccffcc;
	right:235px;
}