/* -------------------- Schedule Styles  ------------------------------------- */
.scrollbarh {
	background-color: #E8E8E9;		border-style: solid;		border-width: 1px;		border-color: gray;
	position: absolute;		display: block;		height: 18px;		width: 16px;		left: 0px;
}
.scrollbarv {
	background-color: #E8E8E9;		border-style: solid;		border-top-color: #efefef;	border-bottom-color: #efefef;
	border-left-color: gray;		border-right-color: gray;	border-width: 1px;			position: absolute;
	display: block;					height: 16px;				width: 18px;		
}
.scrollbutton {
	position: relative;		height: 18px;		width: 18px;		top: -1px;	
}
.SchUnit {
	border: 1px;
	border-color: black;
	border-style: solid;
	border-bottom-color: white;
	background-color: #E8E8E9;
	width: 200px;
	height: 16px;
	display: block;
	position: absolute;
}
.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-size: 10px;		display: block;		text-indent: 6px;		font-weight: normal;	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-size: 10px;		font-weight: normal;		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-size: 10px;		font-weight: normal;		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-size: 10px;		font-weight: normal;		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-size: 10px;		font-weight: normal;		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-size: 10px;		font-weight: normal;		display: block;			text-indent: 6px;		color: black;
	height: 15px;			float: left;				top: -12px;				line-height: 17px;		overflow: hidden;
}
.LeadBeg {
	cursor: pointer;		position: relative;		background-image: url('../../sched_imgs/Lead_beg1_yell2.gif');	background-repeat: no-repeat;
	font-size: 10px;		font-weight: normal;	display: block;			text-indent: 6px;		color: black;
	height: 15px;			float: left;			top: -12px;				line-height: 17px;		overflow: hidden;
}
.LeadBeg1 {
	cursor: pointer;
	position: relative;
	background-image: url('../../sched_imgs/Lead_beg2_yell2.gif');
	background-repeat: no-repeat;
	font-size: 10px;
	font-weight: normal;
	display: block;
	text-indent: 6px;
	color: black;
	height: 15px;
	float: left;
	top: -12px;
	line-height: 17px;
	overflow: hidden;
}
.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 {
	border: 1px Black solid;
	background-color: #FFFFFF;
	color: #5A5A5A;
}
	
.ajax_calendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: Black !important;
	color: #FFFFFF !important;
	font-weight: bold;	
}
	
.ajax_calendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #C22222;
	color: #FFFFFF;
	font-weight: bold;
}

.ajax__calendar_prev {
	background-image: url('../../images/arrowPrev.png') !important;
}
.ajax__calendar_next {
	background-image: url('../../images/arrowNext.png') !important;
}
	
.ajax__calendar_header 
{
	background: url('../../images/footer.jpg') repeat-y 0 0;
	/*background-color: #008080;*/
	padding-top:5px;
	color: #FFFFFF;
}
	
.ajax_calendar .ajax__calendar_today {
	background: url('../../images/banner.bmp') repeat-x 0 0;
	color: #FFFFFF;
}
	
.ajax_calendar .ajax__calendar_other .ajax__calendar_day {
	background-color: #E2EBEB;
}
	
/*-----------------------  Divs alike to forms ------------------------------- */
#typeform {	white-space: nowrap;	height: auto; width:100%;	}

.labelform { float: left;	text-align: right;	width: 190px;	padding-right: 5px;	 padding-top: 5px;	}

/*-----------------------   Master page contents ----------------------------- */
.mastercontent {
/*	width: 976px;
	margin: 0 auto;
	text-align: center !important; */
	display: block;
/*	font-family: verdana, arial, sans-serif;
	font-size: 12px; */
}
.innercontent{
	background: #dddbd4 url('../../images/main-bg.gif') repeat-y 0 0;
	padding : 0 28px 0 28px;
}

.topcontent {
	height: 128px;
}
	
.middlecontent {
	float:left; 
	width:796px;
}

.footer	{
	margin-left: 159px;
	background: url('../../images/footer.jpg') repeat-y 0 0;
	background-repeat:no-repeat;
	height:32px;
	padding-left:235px;
	padding-top:8px;
	color:White;
}

.footer .boldtext{
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.red1 {
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

/* ---------------------- Main Divs ----------------------------*/
.lefttopmain {
	border: 0px #FF00FF dashed;
	float: left;
	width: 214px;
	color: #5A5A5A;
	overflow: visible;
	padding: 0px;
}
	
order:
{	
	float: left;
	width: 214px;
	color: #5A5A5A;
	overflow: visible;
	padding: 0px 0px 5px 0px;
}
	
.banner {
	height: 25px;
	width:220px;
	background: url('../../images/banner.bmp') repeat-x;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
	
.rightmain {
	float: right;
	width: 500px;
	height: 100%;
	padding: 5px 60px 10px 0px;

}

.leftmain {
	float: left;
	width: 220px;
	background-color: #E8E8E9;
	line-height:12px;
	height:100%;
}
	
.container {
	font-family: verdana, arial, sans-serif;	font-size: 11px;
	height: 575px;
}		
	
.logpassbox {
	margin: 0 auto;
	height: 250px;
	width: 520px;
	background-color: #E8E8E9;
	border: 1px Black solid;
	color: Black;
	
}

.login
{ width:500px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:19px;
	}	
	
.password 
{ width:490px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:19px;
	float:left;
}	

.centerarea {
	font-family: verdana, arial, sans-serif;		font-size: 11px;	
	font-weight: bold;	text-align: center;			width:100%; }
	
.logbut {
	text-align: center;		position: relative;		height: 70px;	 clear:both;		 /*width:100%;*/	}
	
.alingright {	text-align: right ;	}   /* Not neccesary in future websites */


/* ------------------ Menu Principal  ------------------------------*/
#menubar {
	font-size: x-small;
	width: 130px;
	background: #fff url('../../images/background.jpg') repeat-y;
}

#menunav {	font-family: verdana, arial, sans-serif;		}

#menunav .FirstLevel, 
#menunav .SecondLevel {
	padding: 0;
	background: #FFFFFF;
	border: 1px #92B4B3 solid;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px !important;
	color: #3A6666;
	width: 130px;
	font-weight: bold;
	height: 18px;
	text-transform: capitalize;
	line-height: 18px;
}

#menunav .FirstLevel a,
#menunav .SecondLevel a {
	 margin-left:0px !important; display:block; padding-left:4px !important;  }

#menunav .FirstLevel a:hover,
#menunav .SecondLevel a:hover {
	text-decoration: none;
	background-color: #E2EBEB;
	color: #b22222;
}


/* this is the item for every header menu */
/*
#menunav .StaticMenuItem {
	padding: 0 5px 0 5px;			background: #FFFFFF;			border: 1px #92B4B3 solid;
	font-family: Verdana, Helvetica, sans-serif;					font-size: 10px !important;
	color: #3A6666;					cursor: pointer ! important;	height: 18px;
	line-height: 18px;				text-transform: capitalize;		font-weight: bold;
	text-align: left !important;	}
	
#menunav .selected {	color: #008080;		}
	
#menunav a.StaticMenuItem {	display: block;		text-decoration: none;		text-align: center;	}
	
#menunav a:hover.StaticMenuItem {
	text-decoration: underline;		background-color: #E2EBEB;		color: #C22222;	}
	*/
/* --------------------  Sub Menus Style --------------------- */
/*
#menunav .MenuItemStyle {
	background: #958C76 url(../../images/sub-nav-bg.gif) repeat-x 0 0;		font-family: verdana, arial, sans-serif;
	font-size: 12px ! important;		text-decoration: none;				text-align: left;
	vertical-align: middle;				color: #FFFFFF;						width: 150px;
	height: 24px;						line-height: 24px;					padding: 0px 0px 0px 5px;
	cursor: pointer ! important;		text-transform: capitalize;			font-weight: bold;					}
	
#menunav a.MenuItemStyle {	display: block;		text-decoration: none;	}
	
#menunav a:hover.MenuItemStyle {	text-decoration: underline;	} */
/* -----------------------    Menu End     --------------------------------- */


/* ---------------------- General ------------------------------------*/
.maparea {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 99%;
	text-align:left;
}
	
body {
	margin: 0;
	padding: 0;
	background: #fff url('../../images/background.jpg') repeat-y;
}

.regiontitle {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
}
	
.normaltext {
	font-family: verdana, arial, sans-serif;	font-size: 11px;		font-weight: normal; 	}
	
.normaltext a {
	font-family: verdana, arial, sans-serif;		font-size: 11px;		font-weight: normal;		color: #962216;	}
	
.statusboldtext {
	font-family: verdana, arial, sans-serif;		font-size: 11px;		color: Gray;		font-weight: bold;	}

.boldtext {
	font-family: verdana, arial, sans-serif;		font-size: 11px;		font-weight: bold;	}

/* --------------- Links ----------------------------------- */	
a {
	text-decoration: none;
	color: Black;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a:link {	color:#D57500;		 text-decoration:none;	 }

a:visited {	text-decoration:none;		color: Black; 			}

a:hover {
	color: Black;
	text-decoration: none;
}


.red {	color: #C22222;		text-decoration: none;	}

/* Not necessary for future websites*/
.redtitle {
	color: #C22222;	text-decoration: none;	font-weight: bold;	font-size: medium;	text-align: center;	}

.centerdiv {
	width: 650px;	top: 0px;	margin: 0 auto;		position: relative;
	font-family: verdana, arial, sans-serif;		font-size: 11.5px;	font-weight: normal;	}

/* Not necesary for future websites	*/
.welcomediv {
	overflow: visible;		padding: 10px;		position: static;	}
	
input {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
	
.entrytext {
	background-color: White;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}


/* ------------------  Style for GridView and DetailView  -------------------      */
.viewstyle{
	/*	font-size: 11px;	font-family: Arial;*/
	border: 1px #A0C0BD solid;
	color: #5A5A5A;
	background-color: Silver;
}

-----      */
.viewstyle{
	/*	font-size: 11px;	font-family: Arial;*/
	border: 1px Black solid;
	background-color: #E8E8E9;
}

.viewstyle .Header {
	background: url('../../images/banner.bmp') repeat-x;
	/* background-color: #008080; */
	color: white;
	line-height: 20px; /*	font-size: 12px; */
}

.itemdetail {
	color: Black;
	padding: 3px;
}

.viewstyle .AlternatingRow a:link, 
.viewstyle .SelectedRow a:link, 
.viewstyle .Row a:link,
.viewstyle .EditRow a:link {
	color: #3A6666;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

w a:link, 
.viewstyle .Row a:link,
.viewstyle .EditRow a:link {
	color: Black;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.viewstyle .AlternatingRow a:hover, 
.viewstyle .SelectedRow a:hover, 
.viewstyle .Row a:hover,
.viewstyle .EditRow a:hover {
	color: Black;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

/*  Used sometimes at future websites */

.viewstyle .Row 	{
	background-color: #EDF1F1;
}

.viewstyle .AlternatingRow {
	background-color: #A6CFCB;
}

normal;
	color: Black;
}	

.viewstyle .Row 	{
	background-color: #E8E8E9;
}

.viewstyle .AlternatingRow {
	background-color: #E8E8E9;
}

.viewstyle .EditRow {	background-color: #EAF9FF;	}

Row {
	background-color: #E8E8E9;
}

.viewstyle .EditRow {	background-color: #E8E8E9;	}

.viewstyle .EmptyDataRow {	background-color: White;	}

.viewstyle .Footer { display:none; 	background-color: #FFFFFF;	color: #0083C1;		}

nd-color: #E8E8E9;	border: 1px solid Black;	color: #005177;	}

.viewstyle .Footer { display:none; 	background-color: #FFFFFF;	color: #0083C1;		}

.viewstyle .Pager tr td {
	border: 0px #000000 solid !important;
}	

.viewstyle .Pager table { margin-left:auto; margin-right:auto; 	}	/* Center Page numbers at firefox */

.viewstyle .Pager span {
	color: #C22222;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	left: 2px;
	padding: 5px;
	position: relative;
}


.viewstyle .Pager a:link {
	color: #3A6666;
	text-decoration: underline;
	font-size: 11px;
	padding: 5px;
	font-weight: bold;
}


/*--------------------------- End Datagrid Style -----------------------------*/

.modalbackground2 {	background-color: Transparent; }

.line {	color: White; }

.button {
	background: url('../../images/banner.bmp') repeat-x;
	
	/* background: #008080;*/
	color: #FFFFFF;
	border: 1px Black solid;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 4px;
	/*text-transform: capitalize; */
	cursor: pointer;
	height: 20px;
}
	
.modalbackground {	background-color: Transparent;	}

.modalbackground3 {
	background-color: #E8E8E9;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.modalpopup img {
	border: 1px #008080 solid;
}

.modalpopup-text {
	display: block;
	color: #3A6666;
	background-color: #E8E8E9;
	text-align: center;
	border: 2px Black solid;
	padding: 10px;
}
	
.modalpopup-text input {	width: 75px;	}

/* Not neccesary for future websites */
.feedback {	color: #00cc00;	font-weight: 700;	}

/*----------------------------------------------------------------------*/

.popoutframe {
	float: left;
	width: 434px;
	height: 450px;
	color: #000000;
	background-color: #E8E8E9;
}

.popinframe {
	padding: 5px 5px 5px 5px;
	border: 1px #8F8771 solid;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	width: 400px;
	display: block;
	overflow: hidden;
	text-align: center;
	color: #666666;
}

.poptitle {
	color: Black;
	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 Properties ------------------------- */
#bannerBack
{
	margin: 0;
	width: 100%;
	background: #fff url('../../images/banner_background.jpg') repeat-x;
	height: 119px;
}

#entireBanner {
    margin:0px;
    width: 800px;
    z-index: 2;
}

#cornerImage {
	float: left;
	margin: 0;
	background: #fff url('../../images/corner_image.jpg');
	width: 192px;
	height: 119px;
}

#pnnlBanner {
	float: right;
	background: #fff url('../../images/pnnl_banner.jpg') no-repeat;
	width: 608px;
	height: 68px;
}

#logo {
float: right;
margin-top: -115px;
margin-left: 10px;
}

#message {	float:right; text-align: center; margin-right:0px; margin-top:10px; 	}