body 
{
	margin: 0;
	padding: 0;
	border: 0;	
	/*background: #ddb url(images/bg.gif) top left repeat-y;*/
	color: #333;
	background-color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
}

#page {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	height:95%;
	margin-top:10px;
	margin-bottom:auto;
}
#Table1 {
	padding:2px;
}
h2 { font-size:18px; font-weight:bold;color:#14435D; }
h3 { font-size:14px; font-weight:bold;color:#270A2B; }
.validationExample { color:Red; }
/* Grid View */
.gvView { font-size:12px; }
.gvRow { background:#FFFFFF; color:#000000;}
.gvAltRow { background:#F0F0F6; color:#000000; }
.gvHeader { background:#C0C0C0; color:Black;font-weight:bold;text-decoration:none;font-size: 11; border:1px; border-color:Black; }
.gvEdit { background:Yellow; }
.gvButton {  }
.header, .header a
{
	background: Silver;
	color: Black;
	font-weight:bold;
	text-decoration:none;
	font-size: 11;
}
.header a:hover 
{
	text-decoration:underline;
}
.blockTitles
{
	color: #324c96;
	font-family: Arial;
	font-weight: bold;
	font-size: 20;
}
.textSmall
{
	width:2em;
}
/************ Form Styles ***********************/
/* Column Header */
.colHeader { font-weight: bold; vertical-align: top; }

div.scroll 
{
    height: 304px;
    overflow: auto;
}
div.scrollSmall
{
    height: 150px;
    overflow: auto;
}
/* Link Button Add */
.lbAdd { font-size:12px; }
/* Table Add/Edit */
.tblTitle
{
	font-weight: bold;
	font-size: 11;
}
/* Text Boxes */
.longTextBox2
{
	width: 350px;
}

/* Menu */
.tdMenu {
	width:164px;
	vertical-align:top;
}

/* Accordion */

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #333333;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #F1E1A1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: white;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Check point style? */

html.js div.jq-checkpointSubhead {
	display: none;
}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead {
	/*opacity: 0.0001;*/
	position: absolute;
	width: 253px;
	height: 54px;
	background-color: White;
	top: -1.5em;
	left: -35%;
	z-index: 100;
}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead p{
font-size: 1em;
padding: 10px 5px 0 50px;
color: #AE0001;
font-weight: bold;
line-height: 1.3em;
margin: 0;
cursor: pointer;
}


/************ Flan Update Progress Extender ***************/
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

/************ jQuery Related Styles ***********************/
/*** Quick Search ***/
form.quicksearch { padding: 10px; background: #f7f7f7; }
form.quicksearch input { margin-left: 5px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }

/*** TableSort - Make this look like the normal Grid View ***/
table.tablesorter 
{
	width:98%;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background-color: #C0C0C0;
	font-weight:bold;
	border:1px; 
	border-color:Black;
}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;
}
table.tablesorter .even {
	background-color: #fff;
}
table.tablesorter gvEdit {
	background:Yellow;
}
table.tablesorter .odd {
	background-color: #F0F0F6;
}
table.tablesorter .header {
	background-image: url(../../media/images/small.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align:left;
	/*
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	
	padding-left: 30px;*/
	padding-top: 8px;
	height: auto;
	cursor: pointer; /* hand cursor for Mozilla based browsers */
	cursor: hand;
	border: #E6EEEE;
	border-color: White;
	border-width: 1px;
}
table.tablesorter .headerSortUp 
{
	background-image: url(../../media/images/small_asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #8DBDD8;
	border-color: White;
	border-width: 1px;
}
table.tablesorter .headerSortDown {
	background-image: url(../../media/images/small_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #8DBDD8;
	border-color: White;
	border-width: 1px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=75);
	opacity:0.75;
}
.modalpop {
	/*background-color:#ffffdd;*/
	background-color:White;
	border-width:4px;
	border-style:solid;
	border-color:#5D7B9D;
	padding:5px;
	/*width:250px;*/
}


/************ Menu Related Styles ***********************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	border-bottom-color: White;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
}
.sf-menu {
	line-height:	0.5;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			156px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			156px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			156px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	padding:2px;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
}
.sf-menu li {
	display:block;
	width:156px;
	background-color:#333333;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #333;
}
.sf-menu li li 
{
	display:block;
	width:184px;
	background:		#545454;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #333;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:#F1E1A1;
	color:#222;
}
.sf-br-hight
{
	line-height:2.6
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('~/media/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('~/media/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	156px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	156px; /* match ul width */
	padding-left: 4px;
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}