/**** HTML Setting ****/
	body { margin:0; padding:0; border:0; width: 97%; min-width:600px;	font-family:"Times New Roman", Times, serif;
	background-image:url('../theme/wallpaper.jpg');
	background-position:center; 	
	background-repeat:repeat-y;
	background-color: white; }

	div { border: none; }

#header { height: 245px; clear:both; }
	
#leftcol {
	float: left;
	width: 135px;
	margin-top: 0px;
	padding: 3px;
	}
		
#rightcol {
	position: absolute;
	left: 73%;
	top: 225px;
	width: 135px;
	z-index: 3;
	padding: 1px;
	}


#content {
	margin: 0px 16% 0 130px;
	}
	
#footer {
	clear: both;
	width: 95%;
	margin: 10px;
	text-align: center;
	padding: 3px;
	}
	
	#footer .date { float: left; text-align: left; }
	#footer .contact { float: right; text-align: right; }
	
html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	}

	
/**** Footer styles *****/
#footer { clear:both; float:left; width:100%;}
#footer p { padding:10px; margin:0; }

/**** Global Setting *****/
.Body {width: 900px; margin-left: auto; margin-right: auto;}
.ProgramList { margin-right: 25px; top: 250px; }
.TopMenu { width:100%; }
.NavigationInfo { margin: 5px 75px 25px 75px; }
.Panel { width:100%; }
.Content { height:auto; width:900px; text-align:left; }
.Footer { margin: 0px 75px 25px 75px; text-align:center;}
.Invisible { width:0px; display:none; visibility:hidden; }
.FloatRightButton {float:right;}
.FloatLeftPanel {float:left; margin-left:10px;}
.FieldInput {margin-right: 100px;}
.Debug { background-color:Red; } 
 
/**** Ajax Setting ****/
.watermark { background: #FFAAFF; }
.popupControl { background-color:#66CCFF; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px; }
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:white; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:350px; }
.watermarked { color:Gray; }

/**** Specific Settings ****/
.Dashboard-Block { float:left; margin:10px; width:124px; height:171px; }
.Dashboard-BG { z-index: 1; position:absolute;}
.Dashboard-Content {z-index: 5; position:absolute;}
.Dashboard-Hover { z-index: 10; position:absolute;}
.Dashboard-Title { background-color:Black; color:White; width:100%; margin:0px; }
.Address-Block { float:left; }

.Rightline { border-right: solid 1px black; }
.Leftline { border-left: solid 1px darkgrey; }

/****  Individual Setting  ****/
#header { background-repeat:repeat-x; background-image: url(/theme/Header_Bg.jpg); height: 112px; }
#content { background-repeat:repeat-x; background-image: url(/theme/Body_Bg.jpg); }


/** CODA **/
/* body { margin: 10px; padding: 0; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; background-color: #EDEDEC; } */
h2 { margin: 0; margin-bottom: 14px; padding: 0; }
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
ul.navigation li { display: inline; margin-right: 10px; }
ul.navigation a { padding: 10px; color: #000; text-decoration: none; }
ul.navigation a:hover { background-color: #f6f6f6; }
ul.navigation a.selected { background-color: #fff; }
ul.navigation a:focus { outline: none; }

#wrapper { width: 760px; margin: 0 auto; }
#intro { padding-bottom: 10px; }
#slider { width: 620px; margin: 0 auto; position: relative; }
#shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px; }

.scroll { height: 250px; width: 620px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom; }
.scrollContainer div.panel { padding: 20px; height: 210px; width: 580px; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.hide { display: none; }


.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

.mootabs_title li {
	float: left;
	background-color: #3975BD;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

.mootabs_title li.active {
	background-color: #49A8EC;
}

.mootabs_panel {
	display: none;
	position: relative;
	width: 100%;
	top: -1px;
	font-family: "Trebuchet MS";
	clear: both;
	color: #fff;
	overflow: auto;
	padding: 5px;
}

.mootabs_panel.active {
	background-color: #49A8EC;
	display: block;
	
}

.mootabs_title li.over {
	font-weight: bold;
}