/* Body */
* {margin:0; padding:0;}
body {background:#303030 url(../images/bodybg.gif) top center repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}

#wrap {width:95%; min-width:750px; background-color:#fff; color:#555; padding:1%; margin:0 auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:95%; margin:15px auto 15px auto;}

#security {width:40%; float:right; text-align:right; vertical-align:middle; color:#ddd; font-size:0.9em; margin:0; padding:0;}
#security a {color:#bacac8; border-bottom: 1px dotted #aaa;}
#security a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#sitetitle {float:left; text-align:left;}
#sitetitle h1 {font-weight:700; font-size:2.4em; color:#ddd; letter-spacing:-1px; line-height:1.3em; margin:0; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px; color:#bacac8;}
#sitetitle h1 a:hover {color:#fff;}
#sitetitle p {margin:5px 0 0 0; padding:0; letter-spacing:-1px; font-size:1.3em; color:#ccc;}

/* Main menu */
#mainmenu {margin:0 0 10px 0;}
#mainmenu dl {float:left; display:block; width:16%; margin: 0 0.5% 5px 0.5%;}
#mainmenu dl.introduction {float:left; display:block; width:31%; margin: 0 0 5px 0.5%;}
#mainmenu dl dt {border-bottom:1px solid #ccc; padding:0; font-weight:700; margin:0; color:#777;}
#mainmenu dl dt a {font-weight:700; color:#555; font-size:1.1em;}
#mainmenu dl dt a:hover {color:#444;}
#mainmenu dl dd {border-bottom:0px solid #ccc; padding:0; font-weight:700; margin:0; color:#777;}
#mainmenu dl dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block;}
#mainmenu dl dd a:hover {color:#444; background:#eaeaea;}

/* Headline */
#headline {text-align:center; margin:5px 0 15px 0; border:1px solid #e0e0e0; background-color:#f0f0f0; color:#777; font-size:0.9em;}
#headline p {margin:2px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 12px; padding-bottom:5px; color:#555; font-weight:700;}

/* Content */
#content {text-align:left; width:80%; float:right;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; letter-spacing:-1px; margin-bottom:7px;}
#content h2 a, #content h3 a {font-weight:700; border:0;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 5px;}
#content ul li, #content ol li {margin:0 0 4px 5px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}

/* Sidebar */
#sidebar {text-align:left; float:left; margin:0; width:20%; }
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-weight:400; font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar ul.sidemenu li {list-style: none; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #e0e0e0; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #ddd; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #eee; border-bottom:1px solid #ddd;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Footer */
#footer {clear:both; width:95%; line-height:1.6em; color:#ccc;  margin: 0 auto; padding:10px 0;}
#footer p {margin:0; padding:0;}
#footer a {color:#bacac8; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Links and tags */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
img, a img {border:0;}

/* Various classes */
.pageheader {color:#555; font-weight:700; font-size:1.7em; padding:0 0 2px 0; margin:0 0 5px 0;}
.expandHelp {color:#555; font-weight:100; font-size:0.9em; padding:0 0 2px 0; margin:0 0 5px 0;}
.leftmenu {float:left; width:100%; text-align:left;}
.left {float:left; width:48%; text-align:left;}
.right {float:right; width:48%; text-align:left;}
.trio1 {float:left; width:31%; padding:0 2% 0 0;}
.trio2 {float:left; width:31%; padding:0 2% 0 0;}
.trio3 {float:left; width:33%; padding:0;}
.duo1 {float:left; width:46%; padding:0 2% 0 0;}
.duo2 {float:right; width:46%; padding:0 2% 0 0;}
.twothirds {float:left; width:67%; padding:0 2% 0 0;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:2px;}
.hide {display:none;}
.errorText {font-weight:bold; color: Red;}

/* check box classes */
.checkBox {text-align:left; font-size:1.0em; height:22px; margin:4px; }

/* text box classes */
.textBox {text-align:left; font-size:1.0em; height:20px; width:80%; margin:0px; }
.timeTextBox {text-align:left; font-size:1.0em; height:20px; width:55px; margin:0px;}
.highTextBox {text-align:left; font-family:Verdana; font-size:1.0em; height:60px; width:80%; margin:0px; }
.narrowTextBox {text-align:left; font-size:1.0em; height:20px; width:80px; margin:0px; }
.smallTextBox {text-align:left; font-size:0.8em; height:12px; width:80px; margin:0px; }
.dropDownList {text-align:left; font-size:1.0em; height:20px; width:80%; margin:0px; }

/* button classes */
.button {text-align:center; font-size:1.1em; height:26px; width:80px; margin:0px; }
.smallButton {text-align:center; font-size:1.0em; height:20px; width:60px; margin:0px; }
.wideButton {text-align:center; font-size:1.1em; height:26px; width:120px; margin:0px; }
.editButton {width: 80px; text-align: center; vertical-align: middle;}

/* table classes */
.invisibleTable
{
	padding: 2px 2px 2px 2px;
	empty-cells: hide;
	margin: 2px 2px 2px 2px;
	border-spacing: 0px;
	border-style: none solid none none;
	border-width: 0px;
}

.labelCells
{
	width: 40%;
	vertical-align: middle;
	text-align: right;
}

/* menu classes */
.menu {float:left; display:block; width:100%; margin: 0 0.5% 5px 0.5%;}
.menuItem {border-bottom:1px solid #ccc; padding:0; height:16px; width:92%; margin:0; font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block;}
.menuItemHover {color:#444; background:#eaeaea;}
.menuItemSelected {border-bottom:1px solid #ccc; padding:0; height:15px; width:96%; font-weight:700; margin:0; font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block;}

/* sidebar menu classes */
.sideMenu {float:left; display:block; width:100%; margin: 2 0.5% 5px 0.5%;}
.sideMenuItem {border-bottom:1px solid #ccc; padding:2; height:18px; width:92%; margin:0; font-weight:600; padding:1px 0 1px 5px; color:#4d699d; display:block; background-color:#f4f4f4}
.sideMenuItemHover {color:#444; background:#eaeaea;}
.sideMenuItemSelected
{
	border-bottom: 1px solid #ccc;
	padding: 2;
	height: 18px;
	width: 92%;
	margin: 0;
	font-weight: 600;
	padding: 1px 0 1px 5px;
	color: #4d699d;
	display: block;
	background-color: #C9C9C9;
}

/* command image and link classes */
.image {width:20px;}
.link {width:120px;}

/*GridViewCSS*/
.GridViewStyle
{
	
    font-size:8pt;
    table-layout: auto;
    border-collapse: collapse;
    border: #1d1d1d 5px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../Images/HeaderGlassBlack.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#1d1d1d;
}
.HeaderStyle th
{
    padding: 5px;
    color: #ffffff;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
    background-color: #c9c9c9;
}
.AltRowStyle td
{
    background-color: #f0f0f0;
}
.SelectedRowStyle td
{
    background-color: #ffff66;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	text-align: left;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	color: Black;
	padding: 3px;
	width: 500px;
}

.modalPopupHeader
{
    color: Black;
    font-weight: bold;
    padding: 2px;
    height: 15px;
	padding: 5px;
	cursor: move;
	background-color: #C0C0C0;
	border: solid 1px Gray;
    text-align: center;
}

.invisible{ display: none; }

.normalRowStyle
{
    background-color: #c9c9c9;
}

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #FFFFFF;
	color: #555;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.ColourSample
{
	width: 18px;
	height: 18px;
	border: 1px solid #000;
	margin: 0 3px;
	float: left;
}

.ColourButton
{
	float: left;
	margin: 0 3px;
}

.MaskedEditFocus
{
	color: #000000;
}

.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}

.MaskedEditError
{
    background-color: #ffcccc;
}

.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}

.MaskedEditBlurNegative
{
    color: #ff0000;
}

.FormViewTableStyle
{   
	font-size:8pt;
    table-layout: auto;
    border-collapse: collapse;
}

.FormViewCellStyle 
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
    background-color: #c9c9c9;
}

.FormViewAltCellStyle
{
	padding: 5px;
    border-right: solid 1px #1d1d1d;
    background-color: #f0f0f0;
}

.UpDownButtonStyle
{
	float:left;
	border-style: outset;
	border-width: 1px;
	font-family: Webdings;
	font-size: 9pt;
	height: 12px;
	width: 24px;
	overflow: hidden;
	line-height: 1em;
}