﻿/*--------------------------------- 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; /*#39397F; */
}
	
.ajax_calendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: #FFBB59;
	color: #FFFFFF;
	font-weight: bold;
}
	
.ajax_calendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #39397F;
	color: #FFBB59;
	font-weight: bolder;
	font-size: 12px;
}
	
.ajax__calendar_header {
	background-color: #FFBB59;
	color: #6265A8;
}
	
.ajax_calendar .ajax__calendar_today {
	background-color: #FFBB59;
	color: #6265A8;
}
	
.ajax_calendar .ajax__calendar_other .ajax__calendar_day {
	background-color: #6265A8;
	color: #FFFFFF;
}
	
/*-----------------------  Divs alike to forms ------------------------------- */
#typeform {	white-space: nowrap;	height: auto;	}

.labelform { float: left;	text-align: right;	width: 150px;	padding-right: 5px;	 padding-top: 5px;	}

/*-----------------------   Master page contents ----------------------------- */
.mastercontent { width:768px; background-color:#ffffff;  	margin: 0 auto;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #201A62;
 }

.innercontent { margin-left:15px; margin-right:15px;}

#mastercontent .topcontent {
	background-image: url('../../images/top_px.jpg');	height: 17px;	}
#mastercontent .logo {
	background-image: url('../../images/logo.jpg');		background-repeat: no-repeat;	height: 55px;	}
	
#mastercontent .lefttop {
	background: url('../../images/top_bg.jpg');	color: #AC4B41;	text-decoration: none;	font-weight: bold;
	text-align: center;	width: 235px;	height: 183px;	float: left;	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;	border-top-color: #8E4F49;		border-top-style: solid;	}
	
#mastercontent .statusSect {
	color: #AC4B41;		font-size: 9px;		text-align: left;		margin-left: 15px;	}
	
#mastercontent .righttop {
	background: url('../../images/top.jpg');	width: 472px;	height: 183px;	float: right;
	border-width: 1px;	border-top-color: #8E4F49;	border-top-style: solid;	}
	
#mastercontent .spacer {
	background: url('../../images/spacer.gif') no-repeat;	width: 100%;	height: 5px;	}
	
#mastercontent .centercontent {
	text-align: left;	background: #F6EEDD;	vertical-align: bottom;	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	color: #8E4F49;	table-layout: auto;		display: block;	}
	
#mastercontent .bottomcontent {
	background: url('../../images/bot_px.jpg') repeat-x top;	height: 70px;	vertical-align: middle;
	text-align: center;		color: #8E4F49;		font-size: 11px;	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;		display: block;		bottom: 0px;		width: 707px;	}
	
/* ---------------------- Main Divs ----------------------------*/
#lefttopmain {
	float: left;	width: 211px;	height: 50px;	background-color: #f6eedd;	color: Red;
	overflow: visible;	padding: 10px;	position: static;	}
	
.banner {
	height: 19px;
	background-color: #6265A8;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
	
.rightmain {
	float: right;	width: 452px;	height: 430px;	background-color: #FFFFFF;	overflow: visible;
	padding: 10px;	position: static;	}
	
/* ----------------------   Login Area  ------------------------------ */
.leftdivlog {
	text-align: right;	width: 280px;	float: left;	font-weight: normal;	line-height: 19px;	}
	
.rightdivlog {
	width: 400px;	float: right;	text-align: left;	padding-left: 15px;	}

.centerarea {
	font-family: Arial;		font-size: 11px;	font-weight: bold;	text-align: center;		/*height: 300px;*/	}
	
.logbut {
	text-align: center;		position: relative;		height: 70px;	 clear:both;		 /*width:100%;*/	}
	
.alingright {	text-align: right;	}

/* ------------------ Menu Principal  ------------------------------*/
#menubar {
	background-color:#1B2666;   /*#39397F*/
/*	margin-top:1px; position:relative;
	top:186px;
	width:729px;
	left:194px;*/
	height:26px;
}

#menunav {
	font-family: "Arial Narrow";
}

/* this is the item for every header menu */
#menunav .StaticMenuItem {
	background: url('../../images/menu_bg1.jpg');
	font-family: "Arial Narrow";
	font-size: 13px ! important;
	line-height: 24px;
	text-transform: uppercase;
	color: #1B2666;
	height: 24px;
	cursor: pointer ! important;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 0px 0px 1px 0px; /*	padding: trbl*/
}
	
#menunav .selected {
	background: url('../../images/menu_bg.jpg');
	color: #FFB546;
	background-repeat: no-repeat;
}
	
#menunav a.StaticMenuItem {
	display: block;		text-decoration: none;		text-align: center;
	}
	
#menunav a:hover.StaticMenuItem {
	background-repeat: no-repeat;
	background: url('../../images/menu_bg.jpg');
	color: #FFB546; /*FFBB59;*/
}
/*------------------------- Menu for Client side --------------*/
#menunav .StaticMenuItemClient {
	background: url('../../images/menu_bg1C.jpg');
	font-family: "Arial Narrow";
	font-size: 13px ! important;
	line-height: 24px;
	text-transform: uppercase;
	color: #1B2666;
	height: 24px;
	cursor: pointer ! important;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 0px 0px 1px 0px; /*	padding: trbl*/
}
	
#menunav .selectedClient {
	background: url('../../images/menu_bgC.jpg');
	color: #FFB546;
	background-repeat: no-repeat;
}
	
#menunav a.StaticMenuItemClient {
	display: block;		text-decoration: none;		text-align: center;
	}
	
#menunav a:hover.StaticMenuItemClient {
	background-repeat: no-repeat;
	background: url('../../images/menu_bgC.jpg');
	color: #FFB546;
}

	
/* --------------------  Sub Menus Style --------------------- */
#menunav .MenuItemStyle {
	font-family: "Arial Narrow";
	font-size: 12px !important;
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	color: #1B2666 !important;
	width: 140px;
	height: 24px;
	cursor: pointer ! important;
	border: 1px #6265A8 solid;
	background-color: #FFFFFF !important;
}
#menunav .MenuItemStyle a,
.dinmenustyle a {
color:#1B2666 !important;
height: 24px;
 }
	
#menunav a.MenuItemStyle {
	display: block;
	text-decoration: none;
}
	
#menunav a:hover.MenuItemStyle {
	background-color: #9296C6 !important;
	width: 140px;
	color: #FFB546;
	height:24px;
	text-decoration:none !important;
	display:block;
}

#menunav .MenuItemStyle a:hover,
.dinhover a:hover {
color:#FFB546 !important; height: 24px; }


/* -----------------------    Menu End     --------------------------------- */

/* -------------------- Schedule Styles  ------------------------------------- */
.scrollbarh {
	background-color: #efefef;
	border-style: solid;
	border-width: 1px;
	border-color: #6265A8;
	position: absolute;
	display: block;
	height: 18px;
	width: 16px;
	left: 0px;
}
.scrollbarv {
	background-color: #efefef;
	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: white;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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 ------------------------*/

/* ---------------------- General ------------------------------------*/
.maparea {
	padding: 0px;	margin: 0px;	width: 435px;	height: 100%;	}
	
.detailedtext {}

body 
{	background-color:#99BBFF; margin-left:0; margin-top:0; } 
/*.body {		margin: 0px;	padding: 0px;	}*/

.regiontitle {
	font-family: "Arial Narrow";
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-align: center;
	color:#F78B20;
}
	
.titlemaster {
	font-family: "Arial Narrow";
	font-size: 16px;
	font-weight: bold;
	color: White;
	text-align: center;
	line-height: 20px;
	margin-top: 2px;
}
.subtitlemaster {
	font-family: "Arial Narrow";
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-align: center;
	line-height:20px;
}

	
.normaltext {
	font-family: Arial;		font-size: 11px;		font-weight: normal;	}
	
.normaltext a {
	font-family: Arial;		font-size: 11px;		font-weight: normal;		color: #962216;	}
	
.statusboldtext {
	font-family: Arial;		font-size: 11px;		color: Gray;		font-weight: bold;	}

.boldtext {
	font-family: Arial;		font-size: 11px;		font-weight: bold;	}

td { 
	/* text-align: left; */
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #201A62;
} 

a {
	text-decoration: underline; 
	color: #F78B20; 
}
a:link {
	color: #F78B20;
	font-weight: bold; 
}
/*
a:visited {
	/* color:yellow;   #962216;	//
	text-decoration: underline;
	color: #F78B20;
	font-weight: bold;
}*/

a.1 {	text-decoration: none;	color: #000000;	}

.t11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-style: normal;	}

.bott {	color: #988874;		text-decoration: none;	}

.red1 {
	color: #FFBB59;
}

.red {	color: #AC4B41;		text-decoration: none;	}

.redtitle {
	color: #AC4B41;	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, Geneva, Arial, Helvetica, sans-serif;		font-size: 10px;	font-weight: normal;	}
	
.welcomediv {
	overflow: visible;		padding: 10px;		position: static;	}
	
input {
	font-family: Arial;		font-size: 11px;		font-weight: normal;	background-color: White;	}
	
.entrytext {background-color: White;	color: Black;	font-family: Arial;	font-size: 11px;	font-weight: normal;	}


/* ------------------  Style for GridView and DetailView  -------------------      */
.viewstyle{
	/*	font-size: 11px;	font-family: Arial;*/
	border: 1px solid;
	color: #000000;
	background-color: #A6A8CE;
}

/* attributes for GridView */
.viewstyle .Header {
	background-color: #39397F;
	color: white;
	font-weight:bold !important;
	line-height: 20px; 	font-size: 12px; 
}

.viewstyle .Footer { display:none; 	background-color: #FFFFFF;	color: #0083C1;		}

.viewstyle .Pager {
	color: #FFFFFF;
	background-color: #A6A8CE;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.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: #D8D8D8;	 text-decoration:none; */
		color: #39397F;
	text-decoration: underline;
	font-size: 11px;
	padding: 5px;
	font-weight: bold;
}

.itemdetail {
	color: #FFFFFF;
	padding: 5px;
}

.viewstyle .AlternatingRow {	background-color: #6265A8;	}

.viewstyle a {
	color: #FFFFFF; font-size:10px; text-decoration:none;
}
.viewstyle .EditRow a:link {
	color: #9D2216;			}

.viewstyle .Row a:link {
	color: #FFFFFF; font-size:10px;
}

.viewstyle .SelectedRow a:link {
	color: #9D2216;			}

.viewstyle .AlternatingRow a:link {
	color: #FFFFFF;
}

.viewstyle .Row 	{
	background-color: #A6A8CE;
}

.viewstyle .EditRow {	background-color: #EAF9FF;	}

.viewstyle .EmptyDataRow {	background-color: White;	}

.viewstyle .SelectedRow {	background-color: #6265A8;	border: 1px solid #005177;	color: #005177;	}


/*--------------------------- End Datagrid Style -----------------------------*/

.modalbackground2 {	background-color: Transparent; }

.line {	color: White; }

.button {
	color: White;
	border: 1px black solid;
	background-color: #6265A8;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 2px;
}

.buttonHide {
	color: #FEE3BB;
	border: 1px #FEE3BB solid;
	background-color: #FEE3BB;
	font-size: 1px;
	width:0px;
	height:0px;
}	
.modalbackground {	background-color: Transparent;	}

.modalbackground3 {	background-color: White;	filter: alpha(opacity=80);	opacity: 0.6;	}

.modalpopup {}

.modalpopupActive {
	color: #39397F;
	background-color: #A6A8CE;
	border:2px gray solid;
}

.modalpopup img {	border: solid 5px #fff;	}

.modalpopup-text {
	display: block;
	color: #39397F;
	background-color: #E0E0E0;
	text-align: center;
	border: 2px #6265A8 solid;
	padding: 10px;
}
	
.modalpopup-text input {	width: 75px;	}

.popoutframe { float: left; width: 434px; height: 550px; }

.popinframe {
	padding: 5px 5px 5px 5px;
	border: 1px #FFB653 solid;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	width: 400px;
	height: 450px;
	display: block;
	overflow: auto;
	text-align: left;
}

.feedback {	color: #00cc00;	font-weight: 700;	}

#UpdatePanel1 {	width: 300px;	height: 100px;	border: solid 1px gray;	}

.linemain {	color:#6265A8; 	height: 1px		}

.linebottom {	color: #6265A8; 	height: 2px		}




/*----------------------- 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; }

.fontsize{  margin:5px 10px 5px 10px; }