.error{ color:Red;}
.form{margin: 1em 0; padding: 1em;}
.form p { margin: 2px 10px 10px 10px;}
.form span{ display: block;}

#container { margin:0; text-align: left; max-width: 820px;/* border: 1px solid #c8c8c8;*/ }

#header { background:#205020; color:#D2DCF3; margin-bottom:7px; width:100%; }


#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: auto; width: 100%; }
#widget_area_wrapper { /*padding-left: 15px;*/ }

#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:98%;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: 30px; 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 { padding-left: 5px; background:white url(Images/Tab/content_corners.gif) no-repeat scroll top left } 
li.activetab div.tab_wrapper { background:transparent url(Images/Tab/content_corners.gif) no-repeat scroll top right;  }
li.activetab a { color: green; font-weight: bold}

/* inactive tab */
li.inactivetab { padding-left: 5px; background:#C6DFE9 url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top left } 
li.inactivetab div.tab_wrapper { background:transparent url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right; }
li.inactivetab a { color: green; }

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:30px; height:30px;}

.tab_container_options .newtabscrolling {  float: left; margin-right:2%;}
.tab_container_options .newtabscrolling .newtab_add {background-image:url('Images/Tab/tab_addnew.gif')}
.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:30px; height:30px;}
.tab_container_options .tab-scroller-left { float: left; background-image:url('Images/Tab/tab_back.gif'); min-height: 30px; height: auto !important; height: 30px; width: 18px; margin-right:1%}
.tab_container_options .tab-scroller-right { float: left; background-image:url('Images/Tab/tab_forward.gif'); min-height: 30px; height: auto !important; height: 30px; width: 18px; margin-right: 1% }
.tab_container_options .tab-scroller-disabled{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default;}

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

#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 { background:url(Images/Footer/footer.gif) no-repeat scroll top left; clear:both; min-height:180px; height: auto !important; height:180px; text-align:left; padding-left: 15px }
#footer_wrapper { background: url(Images/Footer/footer.gif) no-repeat scroll top right; padding-left:10px; padding-top:25px; }

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

#body {  }

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

#onpage_menu 
{ 
	width: 100%;
	margin: 0; 
}
#onpage_menu_wrapper 
{
	overflow: auto; 
	width: 100%; 
	margin: 0; 
}
.onpage_menu_bar_hover 
{ 
	-moz-opacity:1;
	opacity:1;
}
#onpage_menu_bar 
{ 
	margin: 0; 
	height:auto !important; 
	width:100%;
}
.onpage_menu_action { float: left; margin-right: 20px; }
#ChangePageTitleLinkButton { float: right }

#onpage_menu_panels 
{ 
	/*padding: 0px 15px 10px 15px */
}
.onpage_menu_panel 
{ 
	padding: 8px; 
	clear:both; 
	height: auto !important; 
	background:#e6e6e6
}
.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-right: 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:18px;
	background-color:white; 
	border: solid 1px #c8c8c8; 
	border-bottom:5px solid #c4c4c4;
	padding: 0px 
}
.widget_hover 
{ 
	border: solid 1px #c4c4c4; 
	border-bottom:5px solid #c4c4c4;
	padding: 0px;
}
.widget_header { cursor:move; }
.disabled
{
	cursor:default;
}
.nodragdrop .widget_header{cursor:default; }
.widget_header_table { width:100%; border:none}
.widget_title 
{ 
	width: 100%;
	padding: 5px;
	border-bottom:5px solid #c6c6c6;
	font-family:Tahoma;
	color: #111111;
	text-decoration:none;
	font-size: 17px;
	font-weight: normal;
}
a.widget_title_link, a.widget_title_link:link, a.widget_title_link:visited, a.widget_title_link:active, a.widget_title_link:hover
.widget_title_label, a.widget_title_label, a.widget_title_label:link, a.widget_title_label:visited, a.widget_title_label:active, a.widget_title_label:hover
{ 
	overflow:hidden;
	font-family:Tahoma;
	color: #111111;
	text-decoration:none;
	font-size: 17px;
	font-weight: normal;
	cursor:default;
}
a.disabled, a.disabled:link, a.disabled:visited, a.disabled:active, a.disabled:hover
{
	overflow:hidden;
	font-family:Arial;
	color: #111111;
	text-decoration:none;
	font-size: 17px;
	font-weight: normal;
	cursor:default;
}
.widget_collapse, .widget_expand, .widget_close { display:inline; }
.widget_editPlaceHolder
{
	width:85%;
	white-space:nowrap;
	text-align:right;
	height:21px;
	background-color:#e6e6e6;
	padding: 2px 2px 2px 0;
}
.widget_edit
{
	background-image:url('Images/Widget/icon_edit.gif');
	cursor:hand;
	cursor:pointer;
}
.widget_edit_close
{
	background-image:url('Images/Widget/icon_close_edit.gif');
	cursor:hand;
	cursor:pointer;
}
/*.widget_max_holder{	background-color:#ffffff;width:98%;position:relative;}
.widget_max_content{width:93%;}*/

.widget_button 
{
	padding: 2px 2px 2px 0; 
	vertical-align:top;
	height:21px;
	background-color:#e6e6e6;
}
.widget_move 
{
	background-image:url('Images/Widget/os_move.gif');
}
.widget_rss
{
	background-image:url('Images/rssIcon.gif');
	margin-bottom:2px;
	margin-left:5px;
	cursor:pointer;
}
.widget_max 
{
	background-image:url('Images/Widget/os_maximise.gif');
	cursor:hand;
	cursor:pointer;
}
a.widget_max:hover 
{
	background-image:url('Images/Widget/os_maximise_over.gif');
	cursor:hand;
	cursor:pointer;
}
.widget_restore 
{
	background-image:url('Images/Widget/os_restore.gif');
	cursor:hand;
	cursor:pointer;
}
a.widget_restore:hover 
{
	background-image:url('Images/Widget/os_restore_over.gif');
	cursor:hand;
	cursor:pointer;
}
.widget_min 
{ 
	background-image:url('Images/Widget/os_minimise.gif'); 
	cursor:hand;
	cursor:pointer;
}
a.widget_min:hover 
{
	/*background-image:url('Images/Widget/os_minimise_over.gif');*/
	background-image:url('Images/Widget/os_minimise.gif');
}
.widget_expand 
{
	/*background-image:url('Images/Widget/os_expand.gif');*/
	background-image:url('Images/Widget/os_restore.gif');
}
a.widget_expand:hover 
{
	/*background-image:url('Images/Widget/os_expand_over.gif');*/
	background-image:url('Images/Widget/os_restore.gif');
}
.widget_close 
{
	background-image:url('Images/Widget/os_close.gif');
	width:15px;
	height:15px;
}
a.widget_close:hover 
{
	/*background-image:url('Images/Widget/os_close_over.gif');*/
	background-image:url('Images/Widget/os_close.gif');
	width:15px;
	height:15px;
}
.widget_box 
{
	display:block;
	margin-top: 2px;
	overflow:hidden;
	width:15px;
	height:15px;
}

.widget_body {/*margin:5px 5px 0px 5px;*/ padding-bottom:5px;}
.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:35%; vertical-align:top; float:left; }
.column1 
{ 
	width:30%;
	vertical-align:top;
	float:left;
	padding-right: 6px;
	_padding-right: 18px;
}
.column2 
{ 
	width:30%;
	vertical-align:top;
	float:left;
	padding-right: 6px; 
	_padding-right: 18px;
}
.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; 
	padding:5px;
}
.addcontent_navigation { float: right; font-weight: bold; display:none; }

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

a.widgetitem, a.widgetitem:link, a.widgetitem:visited, a.widgetitem:active, a.widgetitem:hover
{
	font-size:11px;
	font-family:Arial;
	color:#183ea3;
	font-weight:bold;
}

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

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

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

.WeatherWidgetLocationText
{
	color: #183b98; 
	font-size: 14px;	
	padding-top: 10px;
	padding-bottom: 10px;
}

.WeatherWidgetImage
{
	float:left; 
	margin-top:5px; 
	margin-right: 14px;
}

.WeatherWidgetCloudCover
{
	font-size:22px;	
	margin-top: 5px;	
}

.WeatherWidgetText
{
	 color: #666666;
	 font-size: 11px;	
}