/* ============================= Start Table CSS ============================== */
	
	
	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:400px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:400px;

	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:400px;
	}

	.tableWidget thead{
		position:relative;
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}
		
/* ============================= End Table CSS ============================== */	





/* ============================= Start Menu ============================== */


		div {
			font-family: Tahoma, Helvetica;
		}
		
		.clsCMOn, .clsCMOver {
			font-size: 12px;
		    padding: 2px 4px;
			color: black;
		}
		


/* ============================= End Menu ============================== */



/* ============================= Start Lytbox ============================== */

		#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 600px; }
			#lbOverlay.grey { background-color: #777777; }
			#lbOverlay.red { background-color: #330000; }
			#lbOverlay.green { background-color: #003300; }
			#lbOverlay.blue { background-color: #011D50; }
			#lbOverlay.gold { background-color: #666600; }
		
		#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
		#lbMain a img { border: none; }
		
		#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
			#lbOuterContainer.grey { border: 3px solid #888888; }
			#lbOuterContainer.red { border: 3px solid #DD0000; }
			#lbOuterContainer.green { border: 3px solid #00B000; }
			#lbOuterContainer.blue { border: 3px solid #5F89D8; }
			#lbOuterContainer.gold { border: 3px solid #B0B000; }
		
		#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
			#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
			#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
			#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
			#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
			#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
		
		#lbImageContainer, #lbIframeContainer { padding: 10px; }
		#lbLoading {
			position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
		}
		
		#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#lbImageContainer>#lbHoverNav { left: 0; }
		#lbHoverNav a { outline: none; }
		
		#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
			#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
			#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
			#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
			#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
			#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
			
		#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
			#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
			#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
			#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
			#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
			#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }
		
		#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
			#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
			#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
			#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
			#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
			#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
			
		#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
			#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
			#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
			#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
			#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
			#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
			
		#lbDetailsData { padding: 0 10px; }
			#lbDetailsData.grey { color: #333333; }
			#lbDetailsData.red { color: #620000; }
			#lbDetailsData.green { color: #003300; }
			#lbDetailsData.blue { color: #01379E; }
			#lbDetailsData.gold { color: #666600; }
		
		#lbDetails { width: 60%; float: left; text-align: left; }
		#lbCaption { display: block; font-weight: bold; }
		#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
		#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
		
		#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
			#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
			#lbClose.red { background: url(images/close_red.png) no-repeat; }
			#lbClose.green { background: url(images/close_green.png) no-repeat; }
			#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
			#lbClose.gold { background: url(images/close_gold.png) no-repeat; }
		
		#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
			#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
			#lbPlay.red { background: url(images/play_red.png) no-repeat; }
			#lbPlay.green { background: url(images/play_green.png) no-repeat; }
			#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
			#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
			
		#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
			#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
			#lbPause.red { background: url(images/pause_red.png) no-repeat; }
			#lbPause.green { background: url(images/pause_green.png) no-repeat; }
			#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
			#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
			
			
/* ============================= End Lytbox ============================== */	



/* ============================= Form CSS ============================== */	

		/* General styling for both valid and invalid input */
		.invalidInput,.validInput{
			display:compact;
			padding:1px;
		}
		/* Style for invalid input */
		.invalidInput{
			border:1px solid #F00;
		}
		
		/* Style for valid input */
		.validInput{
			border:1px solid #FFF;
		}


/* ============================= End Form CSS ============================== */	


/* ============================= Start HintBox CSS ============================== */	

		#hintbox{ /*CSS for pop up hint box */
		position:absolute;
		top: 0;
		background-color: lightyellow;
		width: 150px; /*Default width of hint.*/ 
		padding: 3px;
		border:1px solid black;
		font:normal 11px Verdana;
		line-height:18px;
		z-index:100;
		border-right: 3px solid black;
		border-bottom: 3px solid black;
		visibility: hidden;
		}
		
		.hintanchor{ /*CSS for link that shows hint onmouseover*/
		font-weight: bold;
		color: navy;
		margin: 3px 8px;
		}
		
/* ============================= End HintBox CSS ============================== */			


/* ============================= Start Image Div Preview ============================== */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/* ============================= End Image Div Preview ============================== */



/* ============================= Start ajax-tooltip ============================== */

		/* CSS needed for the script */
		
		#ajax_tooltipObj{
			z-index:1000000;
			text-align:left;
		}
		#ajax_tooltipObj div{
			position:relative;
		}
		
		/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
		
		#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
			background-image:url('../images/arrow.gif');
			width:1px;
			position:absolute;
			left:0px;
			top:0px;
			background-repeat:no-repeat;
			background-position:center left;
			z-index:1000005;
			height:60px;
		}
		
		#ajax_tooltipObj .ajax_tooltip_content{
			border:2px solid #317082;	/* Border width */
			left:18px;	/* Same as border thickness */
			top:0px;
			position:absolute;
			width:500px;	/* Width of tooltip content */
			height:410px;	/* Height of tooltip content */
			background-color:#FFF;	/* Background color */
			padding:5px;	/* Space between border and content */
			font-size:0.8em;	/* Font size of content */
			overflow:auto;	/* Hide overflow content */
			z-index:1000001;
		}

/* ============================= End ajax-tooltip ============================== */


	.textSimple {font-family:Verdana; color:#2A2A2A; font-size:11px; text-decoration:none;}
	.textSimple a:link {font-family:Verdana; color:#2A2A2A; font-size:11px; text-decoration:underline;}
	.textSimple a:hover {font-family:Verdana; color:#003366; font-size:11px; text-decoration:none;}
	.textSimple a:visited {font-family:Verdana; color:#2A2A2A; font-size:11px; text-decoration:underline;}
	.textSimple a:visited:hover {font-family:Verdana; color:#003366; font-size:11px; text-decoration:none;}
	

	.textSimpleMsg {font-family:Verdana; color:#4687AF; font-size:11px; text-decoration:none; font-weight:bold;}
	.textSimpleMsgOk {font-family:Verdana; color:#4687AF; font-size:11px; text-decoration:none; font-weight:bold;}
	.textSimpleMsgErr {font-family:Verdana; color:#800000; font-size:11px; text-decoration:none; font-weight:bold;}

	
	
	.textSimpleTitle {font-family:Verdana; color:#666666; font-size:15px; text-decoration:none; font-weight:bold;}
	.textSimpleTitle a:link {font-family:Verdana; color:#666666; font-size:15px; text-decoration:none; font-weight:bold;}
	.textSimpleTitle a:hover {font-family:Verdana; color:#003366; font-size:15px; text-decoration:underline; font-weight:bold;}
	.textSimpleTitle a:visited {font-family:Verdana; color:#666666; font-size:15px; text-decoration:none; font-weight:bold;}
	.textSimpleTitle a:visited:hover {font-family:Verdana; color:#003366; font-size:15px; text-decoration:underline; font-weight:bold;}
	

	.textSimpleSubTitle {font-family:Verdana; color:#666666; font-size:12px; text-decoration:none; font-weight:bold;}
	.textSimpleSubTitle a:link {font-family:Verdana; color:#666666; font-size:15px; text-decoration:none; font-weight:bold;}
	.textSimpleSubTitle a:hover {font-family:Verdana; color:#666666; font-size:15px; text-decoration:underline; font-weight:bold;}
	.textSimpleSubTitle a:visited {font-family:Verdana; color:#666666; font-size:15px; text-decoration:none; font-weight:bold;}
	.textSimpleSubTitle a:visited:hover {font-family:Verdana; color:#666666; font-size:15px; text-decoration:underline; font-weight:bold;}



	.topbar {font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; font-size:19px; text-decoration:none;}	


	.selectbox {
	
	width: 175px; 
	height: 23px; 
	border: 1px solid #C0C0C0;
	font-family: Verdana;
	font-size: 11px;
	
	}
	
	.inputbox {
	
	width: 170px; 
	height: 16px; 
	border: 1px solid #C0C0C0;
	font-family: Verdana;
	font-size: 11px;
	
	}
	
	.textbox {
	
	width: 170px; 
	height: 100px; 
	border: 1px solid #C0C0C0
	font-family: Verdana;
	font-size: 11px;
	
	}
	
	.buttonSubmit {
	background-image:url(images/readmore.png);
	background:url(../images/readmore.png);
	color:#FFFFFF;
	width: 74px; 
	height: 22px; 
	font-family: Verdana;
	font-size: 11px;	
	
	}
	
	.button {
	background-image:url(images/readmore.png);
	background:url(../images/readmore.png);
	color:#FFFFFF;
	width: 74px; 
	height: 22px; 
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;	
	
	}

	img{
	border:0px;
	}