﻿/* ------- This area can be delete , --------------------
   ------- It is not necessary for future websites ------ */
.alingright {	text-align: right;	}  
.feedback {	color: #00cc00;	font-weight: 700;	}
.redtitle {	color: #AC4B41;	text-decoration: none;	font-weight: bold;	font-size: medium;	text-align: center;	}
.welcomediv { overflow: visible;		padding: 10px;		position: static;	}
/* ---------------------------------------------------------- */

/* -------------------- Schedule Styles  ------------------------------------- */
.scrollbarh {
	background-color: #efefef; border-style: solid; 	border-width: 1px; 	position: absolute;		display: block;		
	height: 18px;		width: 16px;		left: 0px;
	border-color: gray;
}
.scrollbarv {
	background-color: #efefef; border-style: solid;		border-width: 1px; 	position: absolute;		display: block;		
	height: 16px; 	width: 18px;
	border-top-color: #efefef; border-bottom-color: #efefef; border-left-color: gray; border-right-color: gray;
}
.scrollbutton {
	position: relative;		height: 18px;		width: 18px;	top: -1px;	
}
.SchUnit {
	border: 1px;
	border-color: black;
	border-style: solid;
	position: absolute;
	border-bottom-color: white;
	background-color: #FFFFFF;
	width: 200px;
	height: 16px;
	display: block;
}
.SchRes {
	border: 1px;	border-color: black;	border-style: solid;	position: absolute;		height: 16px;
	left: 201px;
}
.UnitLabel {
	position: relative;		font-size: 10px;		display: block;			text-indent: 2px;
	color: black;			height: 15px;			float: left;			line-height: 17px;		overflow: hidden;
}
.ResBlue {
	position: relative;		background-image: url('../../sched_imgs/res_beg1_blue2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResBlue1 {
	position: relative;		background-image: url('../../sched_imgs/res_beg2_blue2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResYell {
	position: relative;		background-image: url('../../sched_imgs/res_beg1_yell2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResYell1 {
	position: relative;		background-image: url('../../sched_imgs/res_beg2_yell2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResRed {
	position: relative;		background-image: url('../../sched_imgs/res_beg1_red2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResRed1 {
	position: relative;		background-image: url('../../sched_imgs/res_beg2_red2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.LeadBeg {
	position: relative;		background-image: url('../../sched_imgs/Lead_beg1_yell2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
	cursor: pointer;
}
.LeadBeg1 {
	position: relative;		background-image: url('../../sched_imgs/Lead_beg2_yell2.gif');	background-repeat: no-repeat;
	font-weight: normal;	font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
	cursor: pointer;	
}
.LeadEnd1 {
	position: relative;		background-image: url('../../sched_imgs/Lead_end1_yell2.png');	background-repeat: no-repeat;
							font-size: x-small;		display: block;	
	height: 15px;			float: left;			top: -12px;
	width: 9px;
}
.ResGray {
	position: relative;		background-image: url('../../sched_imgs/res_beg1_gray2.png');	background-repeat: no-repeat;
							font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResGray1 {
	position: relative;		background-image: url('../../sched_imgs/res_beg2_gray2.png');	background-repeat: no-repeat;
							font-size: 10px;		display: block;		text-indent: 6px;	color: black;
	height: 15px;			float: left;			top: -12px;			line-height: 17px;	overflow: hidden;
}
.ResEnd1 {
	position: relative;		background-image: url('../../sched_imgs/res_end1_blue2.gif');	background-repeat: no-repeat;
							font-size: x-small;		display: block;		
	height: 15px;			float: left;			top: -12px;		
	width: 9px;
}
.ResEndY1 {
	position: relative;		background-image: url('../../sched_imgs/res_end1_yell2.gif');	background-repeat: no-repeat;
							font-size: x-small;		display: block;
	height: 15px;			float: left;			top: -12px;
	width: 9px;
}
.ResEndR1 {
	position: relative;		background-image: url('../../sched_imgs/res_end1_red2.gif');	background-repeat: no-repeat;
							font-size: x-small;		display: block;
	height: 15px;			float: left;			top: -12px;
	width: 9px;
}
.ResEndG {
	position: relative;		background-image: url('../../sched_imgs/res_end1_gray2.png');	background-repeat: no-repeat;
							font-size: x-small;		display: block;
	height: 15px;			float: left;			top: -12px;
	width: 9px;
}
.ResBlank {
	position: relative;		
							font-size: x-small;		display: block;
	height: 15px;			float: left;			top: -12px;
	width: 8px;
}
.RedLine {
	position: absolute;		top: 0px;
}
/*------------------------- End Schedule Style ------------------------*/

/*--------------------------------- Rating ----------------------------------- */
.ratingStar {	font-size: 0pt;	width: 13px;	height: 12px;	margin: 0px;	padding: 0px;	
				cursor: pointer;	display: block;		background-repeat: no-repeat;	}
.filledRatingStar {	background-image: url('../../images/FilledStar.png');	}
.emptyRatingStar {	background-image: url('../../images/EmptyStar.png');	}
.savedRatingStar {	background-image: url('../../images/SavedStar.png');	}

/*----------------------- Calendar Style ------------------------------------- */
.ajax_calendar .ajax__calendar_container {
	background-color: #ffffff;
	color: #025575;
	border: 2px #719B8C solid;
}
	
.ajax_calendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: #006DB3 !important;	color: #FFFFFF !important;	font-weight: bold;	}
	
.ajax_calendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #009E6F;
	color: #ffffff;
	font-weight: bold;
}
	
.ajax__calendar_header , .ajax_calendar .ajax__calendar_today{
	background-color: #719B8C ;
	color: #FFFFFF;
}

.ajax__calendar_prev {
	background-image: url('../../images/arrowPrev.png') !important;
}
.ajax__calendar_next {
	background-image: url('../../images/arrowNext.png') !important;
}
		
.ajax_calendar .ajax__calendar_other .ajax__calendar_day {
	background-color: #B59883;
	color: #FFFFFF;
}
	

/*-----------------------   Master page contents ----------------------------- */
.mastercontent {
	width: 751px;
	margin: 0 auto;
	display: block;
	font-family: Arial;
	font-size: 11px;
	color: #025575;
	/*font-weight: bold;*/
}

.contentlogos {
	height: 102px;	text-align: left;
}

.contentline {
	position: relative;		background-image: url('../../images/paper.gif');
}	

.contentimg {
	height: 102px;	position: relative;		top: 0px;
}

.footer	{
	font: normal normal bold 9px Corbel;
	padding-top: 4px;
	height: 20px;
	background-color: #005239;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	word-spacing: 3px;
}

.imgtitle {
	border-style: solid;	border-width: 0;	width: 30px;		height: 21px;	position: relative;		top: 4px;
}

/* ---------------------- Main Divs ----------------------------*/
.banner {
	height: 19px;	background-color: #006DB3;		margin: 0px;	padding: 0px;	vertical-align: middle;	}
	
.leftmain {
	float: left;
	width: 212px;
	padding: 5px 10px 10px 0px;
	line-height: 12px;
/*		border-top: 2px #006E4C solid !important; */
}

.lefttopmain {
	float: left;
	width: 211px;
	height: 50px;
	overflow: visible;
	padding: 0px 5px 10px 5px;	
	/*	border: 1px red solid;*/
}
	
.rightmain {
	float: right;
	width: 500px;
	height: 100%; /*	background-color: #488F71;*/;
	overflow: visible;
	padding: 10px;
	color: #025575;
/*	border-top: 2px #006E4C solid; */
	border-left: 3px #006E4C solid;
	line-height: 15px;
	font-size: 11px;
}

.container {
	/*background: #0F6241; */
	border: 2px #649080 solid;
	border-top: 3px #006E4C solid !important; 
	background-color: #FFFFFF;
	height: 575px;
}		
	
/* ----------------------   Login Area  ------------------------------ */
.leftdivlog {
	text-align: right;	width: 300px;	float: left;	/*font-weight: normal;*/	line-height: 19px;	}
	
.rightdivlog {
	width: 420px;	float: right;	text-align: left;	padding-left: 15px;	}

.centerarea {
/*	font-family: Arial;		font-size: 10px;*/	font-weight: bold;	text-align: center;	}
	
.logbut {
	text-align: center;		position: relative;		height: 70px;	 clear:both;		}

/* ------------------ Menu Principal  ------------------------------*/
#menubar {
	background-color: #005D41; text-align:center;
}

#menunav {	font-family: Arial; width:99.5%;}

/* this is the item for every header menu */
#menunav .StaticMenuItem {
	font-family: Arial;
	font-size: 10px !important;
	height: 28px;
	color: #005239;
	background: url('../../images/Menu_Dark.png');
	cursor: pointer ! important;
	text-transform: capitalize; /*	padding: 2px 2px 0px 2px; */;
	line-height: 28px;
	font-weight: bold;
}
	
#menunav .selected {
	background: url('../../images/Menu_Light.png');
}
	
#menunav a.StaticMenuItem {
	display: block;		text-decoration: none;		text-align: center;	}
	
#menunav a:hover.StaticMenuItem {
	background: url('../../images/Menu_Light.png');
}
	
/* --------------------  Sub Menus Style --------------------- */
#menunav .MenuItemStyle {
	font-family: Arial;
	font-size: 10px !important;
	height: 28px;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	color: #005239;
	width: 150px;
	cursor: pointer ! important;
	border-left: 1px #D6D6D6 solid;
	border-right: 1px #D6D6D6 solid;
	border-bottom: 1px #D6D6D6 solid;
	vertical-align: middle;
	line-height: 28px; /*	padding: 0px 0px 0px 3px; */;
	background-image: url('../../images/Menu_Dark.png');
	font-weight: bold;
}
	
#menunav a.MenuItemStyle {
	display: block;		text-decoration: none;	}
	
#menunav a:hover.MenuItemStyle {
	background: url('../../images/Menu_Light.png') !important;
}
/* -----------------------    Menu End     --------------------------------- */



/* ---------------------- General ------------------------------------*/
.maparea {
	padding: 0px;	margin: 0px;	width: 480px;	height: 100%;	}
	
body {
	margin: 0px;
	padding: 0px;
	background-image: url('../../images/vert-background.gif');
	background-repeat: repeat-x;
	background-color: #0F6241;
	color: #FFFFFF;
}

.regiontitle {
	font-weight: bold;	/*color: White;*/	}
	
.normaltext {
	font-family: Arial;
	font-size: 11px;
}
	
.normaltext a {
	font-family: Arial;		font-size: 10px;		font-weight: normal;		color: #962216;	}
	
.statusboldtext {
	font-family: Arial;		font-size: 10px;		color: White;		font-weight: bold;	}

.boldtext {
	font-weight: bold; 	}

.entrytext {
	color: Black; 
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}

input {
	/*font-family: Arial;*/		font-size: 11px;		font-weight: normal;	}
	
#typeform {	white-space: nowrap;	height: auto;	}

.labelform { float: left;	text-align: right;	width: 150px;	padding-right: 5px;	 padding-top: 5px;	}		
	
.red1 {
	color: #00B07B;
}

.red {	color: #AC4B41;		text-decoration: none;	}

.centerdiv {
	width: 650px;	top: 0px;	margin: 0 auto;		position: relative;
	font-family: Arial;		font-size: 10px;	font-weight: normal;	}


/*--------------------------- Links ----------------------------------*/	
a {	text-decoration: underline;	color: #025575; 	}

a:link {	color:#025575;		font-weight:bold;	}

a:visited {	text-decoration: underline;		color: #025575; 	font-weight: bold;		}

a:hover { color: #006DB3; text-decoration: underline;	font-weight: bold;	}

	
/* ------------------  Style for GridView and DetailView  -------------------      */
/* ------------- The areas commented here, could probably be used -----------      */
.viewstyle{
	font-size: 11px;
	font-family: Arial;
	border: 1px #719B8C solid;
	color: #000000;
	background-color: Silver;
}

.viewstyle .Header {
	background-color: #B59883;
	color: white;
	line-height: 20px;
}

.viewstyle .Footer { display:none; 	background-color: #FFFFFF;	color: #0083C1;		}

.viewstyle .Pager {
	color: #FFFFFF;
	background-color: #649080;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.viewstyle .Pager span {
	color: #FFFFFF;		font-weight: bold;		text-decoration: none;	
	font-size: 11px;	left: 2px;				padding: 5px;	position: relative;		}

.viewstyle .Pager a:link {
	color: #EEEEEE;
	text-decoration: underline;
	font-size: 11px;
	padding: 5px;
	font-weight: bold;
}

/*.viewstyle .Pager a:hover {
	color: #C3C3C3;		text-decoration: underline;	 font-size: 11px;	padding: 5px;	font-weight: bold; }	*/

.itemdetail {
	color: #025575;
	padding: 2px;
}

.viewstyle .Row 	{
	background-color: #DDDDDD;
}

.viewstyle .AlternatingRow {
	background-color: #FFFFFF;
}

.viewstyle .AlternatingRow a:link, 
.viewstyle .SelectedRow a:link, 
.viewstyle .Row a:link,
.viewstyle .EditRow a:link {
	color: #025575;			}

.viewstyle .SelectedRow a:hover , 
.viewstyle .Row a:hover ,
.viewstyle .EditRow a:hover,
.viewstyle .AlternatingRow a:hover {
	color: #006DB3;
}

.viewstyle .EditRow {	background-color: #EAF9FF;	}

.viewstyle .EmptyDataRow {	background-color: White;	}

.viewstyle .SelectedRow {	background-color: #BBC6D0;	border: 1px solid #005177;	color: #005177;	}
/*--------------------------- End Datagrid Style -----------------------------*/


.modalbackground2 {	background-color: Transparent; }

.line {	color: White; }

.button {
	color: White;
	border: 1px #093724 solid;
	background-color: #0F6241;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 2px;
}
	
.modalbackground {	background-color: Transparent;	}

.modalbackground3 {	background-color: White;	filter: alpha(opacity=80);	opacity: 0.6;	}

.modalpopup img {	border: solid 2px #fff;	 background-color:White; }

.modalpopup-text {
	display: block;
	color: White;
	background-color: #719B8C;
	text-align: center;
	border: 3px #025575 solid;
	padding: 10px;
}
	
.modalpopup-text input {	width: 75px;	}


.popoutframe {
	float: left;	width: 434px;	height: 470px;		color: #000000;		}

.popinframe {
	padding: 5px 10px 5px 10px;
	border: 1px #334381 solid;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	width: 400px;
	display: block;
	overflow: hidden;
	text-align: center;
	color: #334381;
	font-family: Arial;
	font-size: 11px;
}

.poptitle {
	color: #FFFFFF;
	font-size: 12px;
}

.linemain {	color: gray; 	height: 1px		}

.linebottom {	color: gray; 	height: 3px		}


/*----------------------- Thumnails and Photos ------------------------------*/
.thumbnails {
	height: 110px;
	border: outset thin black;
	background-color: #3C3C3C;
	filter: alpha(opacity=70);
	opacity: 0.7; /*	overflow: auto;*/;
	display: inline-block;
	overflow: auto;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-arrow-color: #C0C0C0;
	scrollbar-base-color: #EAF9FF;
	scrollbar-darkshadow-color: #E0E0E0;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #E0E0E0;
	scrollbar-shadow-color: #808080;
}

.imgThumb {
	margin: 5px 5px 0px 5px;
	border: 1px #4B4B4B solid !important;
	/*height: 100px; */
	/* width: 100px; */
	height:99px;
	width:148px;
}

.imgContent {width:100%; height:400px; display:block; text-align:center; font-size:small; }

.imgShow { height:367px; width:522px; border:solid 1px #4B4B4B;	}

.imgDesc { line-height:28px; font-size:11px; }


/*------------------------- New css ----------------------------- */
.header {
	background-image: url('../../images/header.png');
	height: 51px; /*	background-color:#005D41; */;
	border-top: 2px #719B8C solid;
	background-repeat: repeat;
}