body,td,a,p,.h,h1,h2,h3,div,form{font-family:tahoma, arial,sans-serif; padding:0px; margin:0px;}
body { background: #E5ECFF none repeat scroll 0%; color: #393733; padding: 0pt 0px; 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;}

#wrapper {margin: 0px; text-align:left; max-width:100%;}
#container { margin: 0pt auto; text-align: left; max-width: 98%; }

#header { margin-bottom:15px; width:100%; }
#header_wrapper { background-image:url(Images/Header/top_strip.jpg); background-repeat:repeat-x; margin-bottom:7px; width:100%; height:41px; border-bottom:solid 3px #008000;}
#header_logo {float:left; background-image:url(Images/Header/header_logo.jpg); background-repeat:no-repeat; width:249px; height:41px;}

/* header text */
#header h1 { /* font-size: 14pt; */ float: left; height: 80px; background: transparent url(Images/Header/DropthingsHeader.png) no-repeat 0px 10px; text-indent: -3333px; border: 0; margin: 0 } 
#header h1 a { display: block; color: #D2DCF3; width: 300px; height: 70px; text-decoration: none; border: 0} 

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

/* The search bar that has google and live search boxes */
#search_bar { /*background:#B2DD80; */ width:100%; clear:both; height: 30px; position:relative; top:-50px;/*padding: 5px 0px 5px 0px; overflow: auto; width: 100%; text-align: center*/ }
	#search_bar_wrapper { }
	#google_search { margin: 0pt auto; width: 300px; /*float: left; margin-right: 20px;*/  }
	    /*#google_search img { float: left; margin-right: 5px; width: 64px; height: 26px; }*/
		#google_search input { float: left; margin-right: 0px; }
		#google_search input#query { width: 200px; height: 1.5em; vertical-align: middle; }
		
	#live_search { float: left; margin-right: 20px; }
		#live_search .livesearch_logo { float: left; margin-right: 5px }
		#WLSearchBoxDiv { float: left; }

#header_message { position: absolute; right: 30px; top: 40px; /*background:#90B566 url(Images/Header/message_corners.gif) no-repeat scroll bottom left; */ 
                  clear:both; overflow:hidden; width: 30em; font-size: 8pt; text-align: right; line-height: 1.5em }
#header_message_wrapper { padding: 5px; /*background:url(Images/Header/message_corners.gif) no-repeat scroll bottom right; color: #115511*/ }
#header_message a { color: navy;  }

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

#tab_container { height: 30px; margin-left: 20px }
/* 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:28%;margin-left:1%;}
	.tabwrap{width:100%;overflow:hidden;position:relative;}
	ul.tabs { list-style-type: none; margin: 0px; padding: 0px; width:5000px;}
	ul.tab-strip{width:5000px;zoom:1;}
		li.tab { float: left; margin: 0px 10px 0px 0px; height: 31px;}
		li.tab div.tab_wrapper { padding: 5px 5px 5px 5px; overflow:hidden;text-align:center;}
		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 { background:transparent url(Images/Tab/tab_active.png) no-repeat; width:130px; height:30px; } 
	/* li.activetab div.tab_wrapper { background:transparent url(Images/Tab/content_corners.gif) no-repeat scroll top right;  } */
	li.activetab a { color: #008000; font-weight: bold}

	/* inactive tab */
	li.inactivetab {background:transparent url(Images/Tab/tab_inactive.png) no-repeat; width:120px; height:30px; } 
	/*li.inactivetab div.tab_wrapper { background:transparent url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right; }*/
	li.inactivetab a { color: #008000; }

	li.newtab {  float: left; margin-right:2%;}
	li.newtab .newtab_add {background-image:url('Images/Tab/tab_addnew.png') }
	li.newtab a.newtab_add:hover {background-image:url('Images/Tab/tab_addnew.png')}
	li.newtab .newtab_add_block {overflow:hidden; display:block; cursor:hand;cursor:pointer; width:38px; height:30px;}

	.tab_container_options .newtabscrolling {  float: left; margin-right:2%;}
	.tab_container_options .newtabscrolling .newtab_add {background-image:url('Images/Tab/tab_addnew.png')}
	.tab_container_options .newtabscrolling a.newtab_add:hover {background-image:url('Images/Tab/tab_addnew.png')}
	.tab_container_options .newtab_add_block {overflow:hidden; display:block; cursor:hand;cursor:pointer; width:38px; height:30px;}
	.tab_container_options .tab-scroller-left { float: left; background-image:url('Images/Tab/tab_back.png'); background-repeat:no-repeat;  min-height: 30px; height: auto !important; height: 27px; width: 30px; margin-right:1%}
	.tab_container_options .tab-scroller-right { float: left; background-image:url('Images/Tab/tab_forward.png'); background-repeat:no-repeat; min-height: 30px; height: auto !important; height: 27px; width: 30px; margin-right: 1% }
	.tab_container_options .tab-scroller-disabled{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default;}

#Progress { position:fixed; left: 50%; margin-left: -60px; top: 50%;z-index:50000;width:35px;height:35px }

#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; }

/* RS */
#content_footer { background:url(Images/Footer/footer_corner.gif) no-repeat scroll top left; clear:both; min-height:25px; height: auto !important; height:25px; text-align:left; padding-left: 15px }
#content_footer_wrapper { background: url(Images/Footer/footer_corner.gif) no-repeat scroll top right; padding-left:10px; padding-top:25px;  }

#footer { clear:both; text-align:left; border-top:solid 3px #008000;position:absolute;bottom:0;width:100%;}
	#footer_wrapper { background: url(Images/Footer/footer_strip.jpg) repeat-x; padding-left:30px; padding-top:5px;height:29px; }

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

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

#body {  }

.pushdown { clear:both; height: 0px !important; visibility:hidden; line-height: 0px !important; overflow: hidden !important }

#onpage_menu { background:#FFFFFF url(Images/Content/content_corners.gif) no-repeat scroll top left; }
	#onpage_menu_wrapper { background:transparent url(Images/Content/content_corners.gif) no-repeat scroll top right; overflow: auto; width: 100%; }
		#onpage_menu_bar { padding: 5px; margin: 5px 15px 5px 15px;  min-height: 15px; height: 22px; border-bottom: solid 1px #EFEFEF;}
			.onpage_menu_bar_hover { -moz-opacity:1;opacity:1; }
			
			.onpage_menu_action { float: left; margin-right: 20px; }
			#ChangePageTitleLinkButton { float: right }
			
		#onpage_menu_panels { padding: 0px 15px 0px 15px }
			.onpage_menu_panel { padding: 8px; clear:both; min-height: 120px; height: auto !important; height: 120; background:#B2DD80}
				.onpage_menu_panel_column { float: left; min-height: 40px; height: auto !important; height: 40px; width: 30%; 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 }
			.widget_header { cursor:move; background-image:url(Images/Widget/header_widget_strip.jpg); background-repeat:repeat-x; padding: 5px; border-bottom: solid 1px #D4E4EE; padding: 5px; margin-bottom: 5px; }
				.nodrag .widget_header{cursor:default; background-color: #EEF0EE; 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; }
					.widget_title a { overflow:hidden;height:1.2em; color: #008000; text-decoration:none; font-size:10pt; }
				.widget_collapse, .widget_expand, .widget_close { display:inline; }
				
				.widget_edit {width:10%; white-space:nowrap;text-align:right; padding: 2px 2px 0 0}
					.widget_edit a {color:#008000;text-decoration:none;}
						.widget_edit a:hover {color:red;}
						
				/*.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_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;
}

#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 Default.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; }
		
.draggable { cursor:move; }
.nodrag {cursor:default;}

/* controls */
.control {width: 100px; font-size:13px;}

/* pager */
.pager_pages {
    color: #008000;
    font-weight: bold;
}
.pager_current_page {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
/* RS 2011/3/15: From version 1 */
/* Global */
a {
    color: #008000;
    text-decoration: none
}
a:link,a:visited,a:active{color:#008000;text-decoration:none}
a:hover{color:#008000;text-decoration:underline}

/*h4{color:#008000}*/
.pagebuttons{vertical-align:middle}
.pageNumbers{padding:0 5px}
li.indent{list-style-type:none;padding-left:30px}
.widgetText{font-family:Tahoma,Verdana,Arial;font-size:8pt}
.widgetTextHighlight{font-family:Tahoma,Verdana,Arial;font-size:10pt}
.widgetTextSectionTitle{font-family:Tahoma,Verdana,Arial;font-size:10pt;font-weight:bold}
.normalSpanColor{color:#000}
.normalSpanColorDim{color:#eef0ee}
.normalSpanHighlight{font-weight:bold}
.boxgrid{margin:10px;float:left;background:#161613;border:solid 2px #8399af;overflow:hidden;position:relative}
.boxgrid img{position:absolute;top:0;left:0;border:0}
.boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande",Arial,sans-serif}
.boxcaption{float:left;padding:4px;position:absolute;background:#FFF;height:100px;width:100%;opacity:.8;filter:alpha(opacity=80);-MS-filter:"alpha(opacity=80)"}
#assetDetailSummary{margin-top:0;font-size:12px}
#assetDetailSummary img{float:left;vertical-align:middle;margin-right:3px}
#assetDetailSummary #assetDetailSummaryBox1{width:49%;height:120px;display:inline;float:left;vertical-align:top}
#assetDetailSummary #assetDetailSummaryBox2{width:49%;height:120px;display:inline;float:left;vertical-align:top}
#assetDetailSummary #assetDetailSummaryBox3{float:left;padding-top:10px;width:100%;display:block}
#assetDetailTab{padding:30px 10px 10px 10px;line-height:22px;font-size:12px}
.gauge{display:inline;float:left}
table.fleetEvents{border-collapse:collapse;border:1px solid #eef0ee;font-size:8pt}
table.fleetEvents #icon{width:30px;vertical-align:middle;text-align:center}
table.fleetEvents #event{padding:4px;margin:4px}
table .rowSelected{background-color:#ffffec}
.note{font-size:7pt}
.validation{color:#f00}
.elabel2{background-color:#fff;padding:2px;border:1px solid #000;width:150px}
.tblleft td{text-align:left;padding-left:5px}
.tblleft td.fixedcol{width:200px}
td.EventDetailfixedcol{width:40%}
input:focus,input.focused{border-color:#000;color:#000;font-style:normal}
input.datetime{color:#666;font-size:12px;padding-bottom:5px}
a.link{text-decoration:none;cursor:pointer}
a.link:hover{text-decoration:underline;cursor:hand}
#ZoneManagement #SaveZone{font:12px;color:#fff;font-family:Tahoma,Verdana}
#SaveZoneForm .hdnZonePoints{display:none}

fieldset legend {font-weight:bold;}

.altrow{background-color: #dde9e9}
.normalrow{background-color: #ffffff}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px; z-index:1010}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* Simple modal end */

 /* RS 2011/3/18 */
 
.eventBox {margin:3px auto;width:100%}
.eventBox .xtop,.eventBox .xbottom{display:block;background:transparent;font-size:1px}
.eventBox .xb1,.eventBox .xb2,.eventBox .xb3,.eventBox .xb4{display:block;overflow:hidden}
.eventBox .xb1,.eventBox .xb2,.eventBox .xb3{height:1px}
.eventBox .xb2,.eventBox .xb3,.eventBox .xb4{background:#ffffec;border-left:1px solid #EEC;border-right:1px solid #EEC}
.eventBox .xbottom .xb2,.eventBox .xbottom .xb3,.eventBox .xbottom .xb4{background:#ffffec}
.eventBox .xb1{margin:0 5px;background:#EEC}
.eventBox .xb2{margin:0 3px;border-width:0 2px}
.eventBox .xb3{margin:0 2px}
.eventBox .xb4{height:2px;margin:0 1px}
.eventBox .xboxcontent{padding:.15em 10px;margin:0;border:1px solid #EEC;border-width:0 1px 0 1px;background-color:#ffffec;color:#000;font-size:115%}
.eventBox .xboxcontent .xboxadditionalcontent{margin-top:10px;color:#000;font-size:10px;margin-left:5px}
.eventBox .xboxcontent a:link,.eventBox .xboxcontent a:visited{display:block;color:#000;text-decoration:none}
.eventBox .xboxcontent a:hover{color:#ff7303;text-decoration:underline}

.eventPanel{overflow:auto;overflow-x:hidden;padding-left:5px;background-color:#ceece7;padding-top:5px;}

/* Controls */
.checkboxStyle{vertical-align:middle;}

/* RS Table */
.yui-grid {font-family:arial;font-size:small;border:solid 1px #7f7f7f;border-collapse:collapse}
.yui-grid th{border-color:#989898 #cbcbcb #989898 #989898;border-style:solid solid solid none;border-width:1px 1px 1px medium;color:#008000;text-align:center;vertical-align:middle;}
.yui-grid th a{font-weight:normal;text-decoration:none;font-weight:bold;text-align:center;display:block;padding-right:10px}
.yui-grid th.sortasc,.yui-grid th.sortdesc{background:url(Images/Content/header_list_strip.jpg) repeat-x 0 -100px}
.yui-grid th.sortasc a{background:url('/img/dt-arrow-up.png') no-repeat right 50%}
.yui-grid th.sortdesc a{background:url('/img/dt-arrow-dn.png') no-repeat right 50%}
.yui-grid td{padding:4px 2px 4px 5px;border-right:solid 1px #cbcbcb}
.yui-grid .altrow,.yui-grid .normalrow .sort{background-color:#edf5ff}
.yui-grid .altrow .sort{background-color:#dbeaff}
.yui-grid .normalrow{background-color:#fff}
.yui-grid .header {background-image:url(Images/Content/header_list_strip.jpg); background-repeat:repeat-x;height:21px;}
.yui-grid .selected {background-color: #fbf5d0;}

.widget-section-header{background-color:#e8f3f6;height:30px;padding-left:10px;padding-top:5px;}

.errorContent{color:#FF0000}
.successContent{color:#1e90ff}

.lstZoneSetsInAssetGroup{width:100%;height:300px}
.lstZonesInZoneSet{width:100%;height:300px}

.olMarkerLabel {
    font-size:11px;
    color: #000000;
    background-color:#fbfbfa;
    width: auto;
    padding: 1px;
    border: solid 1px #000000;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    white-space: nowrap;
    text-align: center;
}

.assetDetailTabContentLabel 
{
	float: left;
	height: 14px;
	width: 220px;
	text-align: right;
	font-weight: normal;
}

.assetDetailTabContentText 
{
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;	
}

.assetDetailTabWarning 
{
	font-weight: bold;
	font-size: 13px;
	color: #FF0000;
}

.assetDetailContentRow 
{
	padding-top: 5px;
}