body,td,a,p,.h,h1,h2,h3,form, select, input{font-family:tahoma, arial,sans-serif !important; padding:0px; margin:0px;}
body { background: white none repeat scroll 0%; color: #393733; padding: 0pt 20px; font-size: 9pt !important; } 
select, input, label{font-size: 9pt !important;padding-left:2px;}
input{padding-right:2px;}
/*body { background-color: #666; color: #393733; padding: 0pt 20px; font-size: 8pt }*/
p{ margin-bottom: 20px; line-height: 1.6em;}
input[type="text"] { width: 200px; border: 1px solid #CCC;}
input[type="password"] {width: 200px; border: 1px solid #CCC;}
.error{ color:Red;}
.form{margin: 1em 0; padding: 1em;}
.form p { margin: 2px 10px 10px 10px;}
.form span{ display: block;}

#container { margin: 0pt auto; text-align: left; /*max-width: 1200px*/ }
#lblBreadcrumbTrail { margin-left: 5px;}

/* header text */
#header { background:#83Bf34; color:#FFF; margin-bottom:7px; width:100%; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; 
                    border-radius: 0 0 9px 9px;}
#header h1 {font-size: 14pt; float: left; height: 30px; padding: 10px; line-height: 30px; margin-left: 30px; width: 100px;} 
#header h1 a { background:#83Bf34; color: #000; text-decoration: none; } 
.header { background:url(Images/Header/energent_logo_trans.png) no-repeat left;}
#header_message { border-top: 1px solid #fff; clear:both; height:28px; background-color:#42617d; overflow:hidden; width:100%; line-height: 20px; font-size: 8pt; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; 
                    border-radius: 0 0 8px 8px; }
/*FIX FOR IE6 - doesn't support transparent images*/
* html .header { background:url(Images/Header/energent_logo_new.png) no-repeat left;}
/*#header_message_wrapper { height: 22px; font-size:medium; text-align:left; margin-left: 10px; padding: 0px; color: #FFF; background:url(Images/Header/right_corner.png) no-repeat scroll bottom right; }*/

/*Energent Main Navigation*/
.EnergentNav { height: 25px; position:absolute; z-index: 100; text-align: left; font-size: 12pt; }     
.EnergentNav ul { vertical-align: bottom; margin:0; padding:0; list-style:none; z-index: 10; }
.EnergentNav ul li { height: 23px; display:block;float:left; width: 150px; display:block; background:#42617d; z-index:10; 
            position:relative; font-weight: normal; padding: 4px 0 0 5px; color: #FFF; border-right: 1px solid #CCC;}
.EnergentNav ul li a { display:block; height: 25px; font-weight: normal; text-decoration:none; color:#fff; 
             text-align:left; z-index: 10; margin-left: 5px;}
.EnergentNav ul li.dashboard_link:hover { background-color: #324a5f; }
.EnergentNav ul li.dashboard_link { -moz-border-radius: 0 0 0px 8px; -webkit-border-radius: 0 0 0px 8px; 
                    border-radius: 0 0 0px 8px; }
.EnergentNav ul ul { left:0; margin: 0; padding: 0; list-style: none; float: left; display: none; position: absolute; top: 27px; z-index: 10; width: auto; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; 
  -moz-box-shadow: 6px 6px 19px #666666, -6px 0 19px #666666; -webkit-box-shadow: 6px 6px 19px #666666, -6px 0 19px #666666; box-shadow:0px 6px 19px #666666, 0px 0 19px #666666;}
.EnergentNav ul ul li { float: left; border-top:1px solid #333; z-index: 100; border-right: none;}
.EnergentNav ul ul li:hover { background-color: #324a5f; }
.EnergentNav ul ul a { display:block; height:25px; color:#FFF; z-index: 100; }
.EnergentNav ul ul li:last-child { border-bottom: none; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; 
                    border-radius: 0 0 8px 8px; border-bottom: none; z-index:10; }


/* login/logout/signup panel */
#login_panel { text-align:right; font-size: 10pt; float: right; margin: 10px 10px 0 0 ; padding: 5px;  }
#login_panel a { color: #FFF; }

#energent_slogan_wrapper { background: url(Images/Header/energent_slogan.png) no-repeat; }
/*FIX FOR IE6 - doesn't support transparent images*/
* html #energent_slogan_wrapper { background: url(Images/Header/energent_slogan_blue.png) no-repeat; }

#contents { border: 1px solid #d7d7d7; background:#FFFFFF /*url(content_corners.gif) no-repeat scroll top left*/; position: relative; }
#contents_wrapper { background:transparent  min-height:400px; height:auto !important; height:400px; } 
#widget_area { overflow: auto; width: 100%; }
#widget_area_wrapper { padding-left: 15px; }

#dashboard_tabs { border-bottom: 1px solid #d7d7d7; height: 23px;}
#tab_container { height: 22px; margin-left: 20px; padding-bottom: 0px; }
/* tab common styles */
.tab_container{width:98%;position:relative; }
	.tab_container_header{overflow:hidden;position:relative; float:left;width:68%;}
	.tab_container_options{position:relative; float:left; width: 150px; margin-left:1%;}
	.tabwrap{width:98%;overflow:hidden;position:relative;}
	ul.tabs { list-style-type: none; margin: 0px; padding: 0px; width:15000px;}
	ul.tab-strip{width:15000px;zoom:1;}

		li.tab { float: left; margin: 0px 10px 0px 0px; height: 22px; cursor: move }

		li.tab div.tab_wrapper { padding: 5px 20px 5px 15px; overflow:hidden;}

		li.tab a { font-size: 10pt; margin: 5px 5px 0px 50x; overflow:hidden; text-overflow:ellipsis; cursor:hand; cursor:pointer}

		li.tab span { font-size: 10pt; margin: 5px 5px 0px 50x; font-weight: bold; color: dimgray}



	.tab-scrolling .tabwrap{}

	.tab-scrolling{position:relative;}
	.tab-edge{ float: left;margin:0!important;padding:0!important;border:0 none!important;font-size:1px!important;line-height:1px!important;overflow:hidden;zoom:1;background:transparent!important;width:1px;}
	/* active tab */
	li.activetab {-moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 8px 8pxs 0 0; border-radius: 8px 8px 0 0; padding-left: 5px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #FFF; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-color:#fff; } 
	li.activetab div.tab_wrapper { }
	li.activetab a { color: #000; font-weight: bold; text-decoration: none;}
	/* inactive tab */
	li.inactivetab {-moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 8px 8pxs 0 0; border-radius: 8px 8px 0 0;  padding-left: 5px; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background-color: #f0f0f0; } 
    li.inactivetab:hover { background-color: #ccc; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
	li.inactivetab a:hover { color: blue; text-decoration: underline; }
	li.inactivetab div.tab_wrapper { }
	li.inactivetab a { color: #666; text-decoration: none;}
	
	li.newtab {  float: left; margin-right:2%;}
	li.newtab .newtab_add { /*background-image:url('Images/Tab/tab_addnew.gif')*/}
	li.newtab a.newtab_add:hover {/*background-image:url('Images/Tab/tab_addnew.gif')*/}
	li.newtab .newtab_add_block {overflow:hidden; display:block; cursor:hand;cursor:pointer; width:60px; margin-left: 5px; height:20px; padding-top: 4px;}
	.tab_container_options .newtabscrolling {  width: 60px; float: left; margin-right:2%; margin-left: 2%;}
	.tab_container_options .newtabscrolling .newtab_add {width: 60px;}
	.tab_container_options .newtabscrolling .newtab_add a {width: 60px;}
	/*.tab_container_options .newtabscrolling a.newtab_add:hover {background-image:url('Images/Tab/tab_addnew.gif')}*/
	.tab_container_options .newtab_add_block {overflow:hidden; display:block; cursor:hand;cursor:pointer; width:55px; height:20px; padding-top: 4px;}
	.tab_container_options .tab-scroller-left { float: left; background-image:url('Images/Tab/tab_back.png'); min-height: 20px; height: auto !important; height: 20px; width: 18px; margin-right:1%; background-repeat: no-repeat; margin-top: 2px;}
	.tab_container_options .tab-scroller-right { float: left; background-image:url('Images/Tab/tab_forward.png'); min-height: 20px; height: auto !important; height: 20px; width: 18px; margin-right: 1%; background-repeat: no-repeat;  margin-top: 2px;}
	.tab_container_options .tab-scroller-disabled{ opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default;}
	
	
	/*CSS for the tab list menu in the dashboard*/
	.tab_container_options .newtabscrolling ul {margin:0;padding:0;list-style-type:none;z-index:10;list-style: none;-moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -moz-box-shadow: 6px 6px 19px #666666, -6px 0 19px #666666; -webkit-box-shadow: 6px 6px 19px #666666, -6px 0 19px #666666; box-shadow:0px 6px 19px #666666, 0px 0 19px #666666;}
	.tab_container_options .newtabscrolling ul.navigation {   position:absolute;display:none;}
	.tab_container_options .newtabscrolling ul.navigation li {padding:5px 5px 5px 5px;background-color:#F0F0F0;border-top: 1px solid #ccc;clear:both;min-width:150px;}
	.tab_container_options .newtabscrolling ul.navigation li a{text-decoration:none;color:#0066CC;}
	.tab_container_options .newtabscrolling ul.navigation li a:visited{text-decoration:none;color:#0066CC;}
	.tab_container_options .newtabscrolling ul.navigation li:last-child { border-bottom: none; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border-bottom: none; z-index:10; }
	/*End of CSS for the tab list menu in the dashboard*/
	
	

#Progress { position:absolute; left: 100%; margin-left: -50px; top: 123px; }

#HelpDiv { position:absolute; top:0; left: 100%; margin-left: -320px; height: 300px; width: 300px; display:none; background-color: White; border: solid 1px dimgray; padding: 10px; z-index: 60000 }
	.helpContent { height: 280px; overflow: auto; }

#footer { min-height:180px; height: auto !important; height:180px; text-align:left; padding-left: 15px }
	#footer_wrapper { text-align:center; padding-left:10px; padding-top:25px; position:relative; }

	#footer_wrapper { font-size: 8pt; line-height: 170% }
	#counter { position: absolute; left: 100%; margin-left: -125px; margin-top: -86px}

	.copyright { color: dimgray; }
	.invitation { color: dimgray; }
	.license { color: dimgray; }

.pushdown { clear:both; height: 0px !important; visibility:hidden; line-height: 0px !important; overflow: hidden !important }
#onpage_menu { background-color: #FFF; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
		#onpage_menu_bar {padding: 5px; margin: 0px 15px 10px 15px; height:auto !important; min-height: 15px; height: 15px; border-bottom: solid 1px #EFEFEF;}
			.onpage_menu_bar_hover { -moz-opacity:1;opacity:1; }
			#onpage_menu_bar { padding: 5px; margin: 0px 15px 0px 15px; height:auto !important; min-height: 15px; height: 15px; border-bottom: solid 1px #EFEFEF; }
			.onpage_menu_action { float: left; margin-right: 20px; }
			.onpage_menu_action_hide { float: left; margin-right: 20px; display:none; }
			#ChangePageTitleLinkButton {  }
		#onpage_menu_panels { padding: 0px 15px 10px 15px;}
			.onpage_menu_panel { padding: 8px; clear:both; min-height: 120px; height: auto !important; height: 120; background:#f0f0f0; border: 1px solid #d0d0d0;}
				.onpage_menu_panel_column { float: left; min-height: 40px; height: auto !important; height: 40px; margin-right: 15px }
					.onpage_menu_panel_column h1 { font-size: 12pt; color: black; font-weight: bold; padding-bottom: 5px; border-bottom: solid 1px black; margin-bottom: 15px}
					.onpage_menu_panel_column p { padding: 5px; font-size: 10pt }

.widget_zone_container { padding: 10px; }
	.widget_zone { min-height: 400px; height:auto !important; height: 400px; padding-bottom: 10px; }
		.widget_holder_panel_post_link {display:none}

		.widget {overflow:hidden; /*position: relative; left: 0px; top: 0px; */ margin-bottom:20px;background-color:white; border: solid 1px #EFEFEF; padding: 0px }
			.widget_hover { border: solid 1px #999999; padding: 0px }
			/*Coloured widget headers*/
 
            .nodisplay { display: none; }
 
			/*Grey*/
			.widget_header { cursor:move; background-color: #efefef; padding: 5px; margin-bottom: 5px; }
				.nodragdrop .widget_header{cursor:default; background-color: #efefef; padding: 5px; margin-bottom: 5px; }
				.widget_header_table { width:100%; border:none}
				.widget_title { width:90%; padding-left:2px;font-weight:bold;padding-right:5px; height: 100%; }
					.widget_title a { overflow:hidden;height:1.2em; color: black; text-decoration:none; font-size:10pt; }
				.widget_edit {width:10%; white-space:nowrap;text-align:right; padding: 2px 2px 0 0}
					.widget_edit a {color:black;text-decoration:none;}
						.widget_edit a:hover {color:red;}
						
				.widget_edit_td {width:10%; white-space:nowrap;text-align:right; padding: 2px 2px 0 0}
					.widget_edit_td a {color:black;text-decoration:none;}
						.widget_edit_td a:hover {color:red;}

				.widget_collapse, .widget_expand, .widget_close { display:inline; }
				.widget_footer{background-image:url('Images/widget-bottom.png');background-repeat:repeat-x;height:14px;}
						
				/*.widget_max_holder{	background-color:#ffffff;width:98%;position:relative;}
				.widget_max_content{width:93%;}*/

				.widget_button {padding: 2px 2px 0 0; vertical-align:top;}
				.widget_max {background-image:url('Images/Widget/os_maximise.gif');}
					a.widget_max:hover {background-image:url('Images/Widget/os_maximise_over.gif');}
				.widget_restore {background-image:url('Images/Widget/os_restore.gif');}
					a.widget_restore:hover {background-image:url('Images/Widget/os_restore_over.gif');}
				.widget_min {background-image:url('Images/Widget/os_minimise.gif');}
					a.widget_min:hover {background-image:url('Images/Widget/os_minimise_over.gif');}
				.widget_expand {background-image:url('Images/Widget/os_expand.gif');}
					a.widget_expand:hover {background-image:url('Images/Widget/os_expand_over.gif');}
				.widget_close {background-image:url('Images/Widget/os_close.gif');}
					a.widget_close:hover {background-image:url('Images/Widget/os_close_over.gif');}
				.widget_box {display:block;margin-top: 2px;overflow:hidden;width:13px;height:13px;cursor:hand;cursor:pointer;}
				.widget_help {background-image:url('Images/Widget/os_help.gif');}
					a.widget_help:hover {background-image:url('Images/Widget/os_help_over.gif');}
				.widget_help_close{background-image:url('Images/Widget/os_close.gif');}
					a.widget_help_close:hover {background-image:url('Images/Widget/os_close_over.gif');}
				.widgetHelpDiv{padding:5px 10px 10px 5px;margin:5px 10px 10px 5px; background-color:#EDEDED;border:1px solid #EEE;display:none;vertical-align:top;}

			.widget_body {margin:5px 5px 0px 5px; padding-bottom:20px;}
			.ui-resizable-s  
			{
				cursor: s-resize; 
				height: 13px; 
				width: 100%; 
				bottom: 0px; 
				right: 0px; 
				background: url(Images/Widget/os_vertical_resize.gif)  no-repeat bottom right;
			}

		.widget_dropcue { border: dashed 2px gray; display:none; margin-bottom:20px; }
		.placeholder { border: dashed 2px gray; margin-bottom:20px; min-height:20px; }

.column { width:33%; vertical-align:top; float:left; }
.column_divider { height: 400px; }
.dashboard_body { width: 100%; height: 500px; background-color: lightgrey; }
#AddContentUpdatePanel { clear:both; }
	.add_stuff_toggle { position: absolute; font-weight: bold; font-size: 12pt; position: relative; top: -25px; left: 80%; }

.widget_showcase { }
.addcontent_message { font-weight: bold; float: left; }
.addcontent_navigation { float: right; font-weight: bold }

.widget_list { clear: both; margin-top: 20px }

.smalltext, .smalltext a { font-size: 90%; }

.feed_item_link
{
	line-height: 120%;	
	clear:both;
	display:block;	
	margin-bottom: 5px;
	font-size: 9pt;
}

#loading { display: none; position: absolute; top: 50%; left: 50%; z-index: 1000; background-color: #FFF; border: 1px solid #666; padding: 10px; }

#DeleteConfirmPopup 
{ 
	display:none; 
	z-index: 60000; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -150; 
	margin-top: -60; 
	width: 300px; 
	height: 120px; 
	border: solid 4px black; 
	padding: 10px;
	background: white url('Images/Content/warning.jpg') no-repeat 10px 10px; 
	text-align: center 
}
#DeleteConfirmPopup h1 { margin-left: 30px; font-size: 120% }
#DeleteConfirmPopup p { margin-top: 10px; margin-bottom: 10px; clear: both }

#DeletePageConfirmPopup 
{ 
	display:none; 
	z-index: 60000; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -150; 
	margin-top: -60; 
	width: 300px; 
	height: 120px; 
	border: solid 4px black; 
	padding: 10px;
	background: white url('Images/Content/warning.jpg') no-repeat 10px 10px; 
	text-align: center 
}
#DeletePageConfirmPopup h1 { margin-left: 30px; font-size: 120% }
#DeletePageConfirmPopup p { margin-top: 10px; margin-bottom: 10px; clear: both }

/* Non EMSTabs.aspx pages */
#altpage { background: #FFFFFF url(Images/Content/content_corners.gif) no-repeat scroll top left; }
	#altpageWrapper { background: transparent url(Images/Content/content_corners.gif) no-repeat scroll top right; overflow: auto; width: 100%; }
		#altpageContent	{ margin: 5px; padding: 5px; height: auto; }
		#altpageHeading1 { background: #DDE8CC; font-weight:bold; padding: 4px; }
		#altpageHeading2 { background: #FFFFFF; font-weight:bold; padding: 4px; }
		.altpageHeading1 { font-weight: bold; }
		.altpageHeading2 { font-size: -1; }
		
/* modal dialog box css */
#mask {  position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
  
#boxes .window {  position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px;}

#boxes #dialog { border: solid 4px black; border-style: ridge; width:375px; height:350px; padding:10px; background-color:#ffffff;}

/*
* Container layout
*/

div#content-container{ /*min-height: 500px; height: 100%;*/ width: 100%;}

/* main */
div#main{ /*float: right;*/ text-align: left; width: 100%; height: 100%; display: inline;}

div#main-bot{ height: 20px;	line-height: 20px; text-align: center;}

div#main-content{/*position: relative;*/ /*	width: 757px;*/ min-height: 500px; margin-left: 190px; vertical-align:top;}
/*IE 6*/
* html div#main-content{ width: 600px; min-height: 500px; margin-left: 190px; vertical-align:top; }

div#main-mid{ /*background: url(../../images/content-mid.jpg) repeat-y;*/}

div#main-top{
	/*background-image: url(../../images/content-top.jpg);*/
	/*background-repeat: no-repeat;*/
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/*buttons*/
.dateButton { background-color: #FFF; color:#666; border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #ccc; }
.dateButton:hover { color: #000; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); }
.selectedDateButton { background-color: #478Af8; color: #F5F5F5;  border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #ccc; }
.SubmitButton { background-color: #FFF; color:#666; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; }
.SubmitButton:hover { color: #000; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); }

/* sidenav */
#sidenav
{
    border: 1px solid #D7D7D7;
    margin-right: 2px;
    margin-left: 2px;
    float: left;
    height:100%;
    width: 190px;
    margin-right: 5px;
}

#sidenav-top{
	background-color: #F7F7F7;
	color: #000;
	border-bottom: 1px solid #D7D7D7;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

div#sidenav-content{
	position: relative;
	height: 100%;
}

div#sidenav-mid{
	overflow: hidden;
	height: 100%;
}

div#sidenav-bot{
	height: 20px;
	border-right: solid 1px #c6dfe9;
}

/* output */
div#output{
	width: 100%;
	display: none;
}

div#output-bot{
}

div#outputcontent{
	position: relative;
	/*width: 100%;
	height: 650px;*/
}

div#output-mid{
}

div#output-top{
	background-color: #00395A;
	/*background-color: #8DC53E;*/
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	/*color: #8DC53E;*/
	text-align: left;
	width: 100%;
}

div#output-top a{
	color: #FFFFFF;
	padding-left: 15px;
	text-decoration: none;
}

div#output-top a#current {
	font-weight: bold;
}

/* site navigation (drop list)*/

#ddl 
{
    background: rgb(248,248,248);
    border-bottom: 1px solid #c7c7c7;
}

#ddlWrapper
{ 
    /*background:#c6dfe9 url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right;*/
    /*background: transparent url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right; */
    overflow: auto; width: 100%;
    width: 100%;
    text-align: right;
    padding: 5px;
}

#ddlnav
{
    float: right;
}

.ddlSites
{
    border-color: #333;
    /*background-color: #f7f7f7;*/
    height: 20px;
}

#siteSelectorLabel
{
    margin-left: 5px;
    color: #000;
}

/*billing*/
#billtd
{
    border: 1px solid #f0f0f0;
}

#billHeader
{
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}

/*slideshow*/
#backgroundimage 
{
    position: relative; 
    width:100%; 
    height:100%;
    vertical-align: middle;
}

/*make sure calendar stays on top*/
.ajax__calendar_container { z-index : 1000 ; }

.featured{
	width:325px;
	padding-right:275px;
	position:relative;
	background:#fff;
	border:5px solid #ccc;
}

.featured .ui-tabs-panel{
	width:325px; height:275px;
	background:#999; position:relative;
        overflow:hidden;
}
.featured .ui-tabs-hide{
	display:none;
}

.featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:325px;
	list-style:none;
	padding:0; margin:0;
	width:275px;
	height: 275px;
	overflow: auto;
	overflow-x: hidden;
}
.featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
.featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

.featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
.featured li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
.featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('../../images/equivalents/selected-item.gif') top left no-repeat;
}
.featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}

.featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}

/*slide show title and info*/
.featured .ui-tabs-panel .info{
	position:absolute;
	top:195px; left:0px;
	height:80px; width: 100%;
	background: url('../../images/equivalents/transparent-bg.png');
}
.featured .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
.featured .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
.featured .info a{
	text-decoration:none;
	color:#fff;
}
.featured .info a:hover{
	text-decoration:underline;
}

/*slideshow small*/
/*changed*/
.featuredSmall{
	width:275px;
	padding-right:0px;
	position:relative;
	height:250px;
	background:#fff;
	border:5px solid #ccc;
}

.featuredSmall .ui-tabs-panel{
	width:275px; height:250px;
	background:#999; position:relative;
        overflow:hidden;
}
.featuredSmall .ui-tabs-hide{
	display:none;
}

/*changed*/
.featuredSmall ul.ui-tabs-nav{
	position:absolute;
	top:0; left:275px;
	list-style:none;
	padding:0; margin:0;
	width:150px;
	display:none;
}

.featuredSmall ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}

.featuredSmall ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

.featuredSmall li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
.featuredSmall li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
.featuredSmall li.ui-tabs-selected{ /*Selected tab style*/
	background:url('../../images/equivalents/selected-item.gif') top left no-repeat;
}
.featuredSmall ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
.featuredSmall ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}

/*slide show title and info*/
.featuredSmall .ui-tabs-panel .info{
	position:absolute;
	top:150px; left:0;
	height:100%; width: 100%;
	background: url('../../images/equivalents/transparent-bg.png');
}

.featuredSmall .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
.featuredSmall .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
.featuredSmall .info a{
	text-decoration:none;
	color:#fff;
}
.featuredSmall .info a:hover{
	text-decoration:underline;
}

/*slideshow tiny*/
/*changed*/
.featuredTiny{
	width:175px;
	padding-right:0px;
	position:relative;
	height:150px;
	background:#fff;
	border:5px solid #ccc;
}

.featuredTiny .ui-tabs-panel{
	width:175px; height:150px;
	background:#999; position:relative;
        overflow:hidden;
}
.featuredTiny .ui-tabs-hide{
	display:none;
}

/*changed*/
.featuredTiny ul.ui-tabs-nav{
	position:absolute;
	top:0; left:175px;
	list-style:none;
	padding:0; margin:0;
	width:150px;
	display:none;
}

.featuredTiny ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}

.featuredTiny ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

.featuredTiny li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
.featuredTiny li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
.featuredTiny li.ui-tabs-selected{ /*Selected tab style*/
	background:url('../../images/equivalents/selected-item.gif') top left no-repeat;
}
.featuredTiny ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
.featuredTiny ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}

/*slide show title and info*/
.featuredTiny .ui-tabs-panel .info{
	position:absolute;
	top:0px; left:0;
	height:100%; width: 100%;
	background: url('../../images/equivalents/transparent-bg.png');
}

/*IE 6 Fix*/
* html .featuredTiny .ui-tabs-panel .info{
	position:absolute;
	top:65px; left:0;
	height:100%; width: 100%;
	background: none;
	background: url('../../images/equivalents/transparent-bg.png');
}
* html .featuredTiny .info h2{
	font-size:12px; font-family:Georgia, serif;
	color:#000; padding:5px; margin:0;
	overflow:hidden;
}
* html .featuredTiny .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#000;
}
* html .featuredTiny .info a{
	text-decoration:none;
	color:#000;
}
.featuredTiny .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
.featuredTiny .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
.featuredTiny .info a{
	text-decoration:none;
	color:#fff;
}
.featuredTiny .info a:hover{
	text-decoration:underline;
}

/*slideshow small*/
/*changed*/
.featuredMedium{
	width:375px;
	padding-right:0px;
	position:relative;
	height:250px;
	background:#fff;
	border:5px solid #ccc;
}
.featuredMedium .ui-tabs-panel{
	width:375px; height:250px;
	background:#999; position:relative;
        overflow:hidden;
}
.featuredMedium .ui-tabs-hide{
	display:none;
}
.featuredMedium ul.ui-tabs-nav{
	display:none;
}

.featuredMedium ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}

.featuredMedium ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

.featuredMedium li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
.featuredMedium li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
.featuredMedium li.ui-tabs-selected{ /*Selected tab style*/
	background:url('../../images/equivalents/selected-item.gif') top left no-repeat;
}
.featuredMedium ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
.featuredMedium ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}

/*slide show title and info*/
.featuredMedium .ui-tabs-panel .info{
	position:absolute;
	top:171px; left:0;
	height:100%; width: 100%;
	background: url('../../images/equivalents/transparent-bg.png');
}

.featuredMedium .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
.featuredMedium .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
.featuredMedium .info a{
	text-decoration:none;
	color:#fff;
}
.featuredMedium .info a:hover{
	text-decoration:underline;
}

/* jQuery tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:0px 0pt 0px;
	width: 100%;
	font-size: 8pt;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	background-color: #ece9d8;
	background-color: #f0f0f0;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 2px;
}
table.tablesorter thead tr .header {
	background-image: url('../../images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 2px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../../images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

td.labelstyle
{
    width: 75px;
}

/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
    z-index: 100000000;
}   
     
    /* make the LI display inline */
    #menu { height: 35px; 
            position:absolute;
            z-index: 100000;}
            
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li { float:left; display:block; background:#00395a; z-index:55551500; margin:0 1px; position:relative; font-weight:700;  
        color:#ccc; padding:1px 1px 0 1px; }
    /* this is the parent menu */
    #nav li a { display:block; font-weight:700; height:23px; text-decoration:none; color:#fff; text-align:center; z-index: 100000; }
    #nav li a:hover { color:#83bf34; }
    #nav a.selected { color:#83bf34; }
    /* submenu, it's hidden by default */
    #nav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; z-index: 1000000; }
    #nav ul li { float:left; border-top:1px solid #fff; z-index: 1000000; }
    /* display block will make the link fill the whole area of LI */
    #nav ul a { display:block;  height:15px; padding: 8px 5px; color:#f0f0f0; z-index: 1000000; }
    /* fix ie6 small issue */
    /* we should always avoid using hack like this */
    /* should put it into separate file : ) */
    *html #nav ul { margin:0 0 0 -2px; }

img 
{
    border: none;
}

* html .transparentimage  
{
    border: none;
    behavior: url('css/iepngfix.htc');
    
}

/*Charting*/
#loading { display: none; position: absolute; top: 50%; left: 50%; z-index: 1000; background-color: #FFF; border: 1px solid #666; padding: 10px; }
.greyBox { border: solid 1px #D7D7D7; background-color: #F7F7F7; margin-right: 10px; }
.greyBox-topborder {background-color: #F7F7F7; border-top: solid 1px #D7D7D7; background-color: #F7F7F7; padding: 2px;}
#emsdata-meters {background-color: #F7F7F7; border-left: solid 1px #D7D7D7; border-bottom: solid 1px #D7D7D7; border-right: solid 1px #D7D7D7; background-color: #F7F7F7; margin-right: 10px; padding: 2px;}

/*buttons*/
.dateButton { background-color: #FFF; color:#666; border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #ccc; }
.dateButton:hover { color: #000; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); }
.selectedDateButton { background-color: #478Af8; color: #F5F5F5;  border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #ccc; }
.SubmitButton { background-color: #FFF; color:#666; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; }
.SubmitButton:hover { color: #000; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); }


table.widgetinnertable {
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width:100%;
}
table.widgetinnertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #a9c6c9;
	text-align:left;
}
table.widgetinnertable tr {
	/*background-color:#d4e3e5;*/
	background-color:#fff;
}
table.widgetinnertable td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.widgetinnertable td span label{
    
    padding-right:5px;
}




.ui-widget-header
{
    background: none repeat scroll 0 0 #83BF34;
    border: 1px solid #c7c7c7;
    color: #FFFFFF;
    font-weight: bold;
}

.contentloading
{
    position:fixed;
    left:50%;
    top:50%;
    width:200px;
    height:100px;
    margin-left: -100px;
    margin-top: -50px;
    background-color:White;
    border: 2px solid #aaa;
    z-index: 99;
    
}
.contentloading img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.toolbar
{
    padding-left: 25px; float: left;
}