#container { margin: 0pt auto; text-align: left; background: #efefef; }
#containerOuter { background: #efefef; padding: 10px 0px 0px 0px; }

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

/* header text */
#header h1 { font-size: 14pt; float: left; height: 30px; padding: 10px; line-height: 30px } 
#header h1 a { color: #D2DCF3; } 

/* 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: #D2DCF3 }

/* The search bar that has google and live search boxes */
#search_bar { background:#B2DD80; width:100%; padding: 5px 0px 5px 0px; clear:both; overflow: auto; width: 100% }
	#search_bar_wrapper { margin: 5px }
	#google_search { float: left; margin-right: 20px;  }
		#google_search img { float: left; margin-right: 5px; }
		#google_search input { float: left; margin-right: 5px }
		#google_search input#query { width: 200px }
		
	#live_search { float: left; margin-right: 20px; }
		#live_search .livesearch_logo { float: left; margin-right: 5px }
		#WLSearchBoxDiv { float: left; }

#header_message { clear:both; height:30px; background:#90B566 url(DropThings/message_corners.gif) no-repeat scroll bottom left; clear:both; overflow:hidden; width:100%; line-height: 20px; font-size: 8pt; text-align: center  }
#header_message_wrapper { padding: 5px; background:url(DropThings/message_corners.gif) no-repeat scroll bottom right; color: #115511 }
#header_message a { color: #ddffdd }

#contents { background:#FFFFFF }
	#contents_wrapper { background:transparent;  min-height:400px; height:auto !important; height:400px; } 

#tab_container { height: 30px; margin-left: 20px; }

#widget_area { overflow: auto; width: 100%; }
#widget_area_wrapper { padding-left: 15px; }
.widget_loading { font-size: 7pt; color: #666; margin-left: 8px; }

/* tab common styles */
ul.tabs { list-style-type: none; margin: 0px; padding: 0px; }
li.tab { float: left; margin: 0px 10px 0px 0px; height: 30px; }
li.tab div.tab_wrapper { padding: 5px 20px 5px 15px; }
li.tab a { font-size: 10pt; margin: 5px 5px 0px 50x; }
li.tab span { font-size: 10pt; margin: 5px 5px 0px 0px; font-weight: bold; color: dimgray}

/* active tab */
li.activetab { padding-left: 5px; background:white url(DropThings/content_corners.gif) no-repeat scroll top left } 
li.activetab div.tab_wrapper { background:transparent url(DropThings/content_corners.gif) no-repeat scroll top right;  }
li.activetab a { color: #666666; font-weight: bold}

/* inactive tab  #C6DFE9*/
li.inactivetab { padding-left: 5px; background:#dddddd url(DropThings/inactivetab_corners.gif) no-repeat scroll top left } 
li.inactivetab div.tab_wrapper { background:transparent url(DropThings/inactivetab_corners.gif) no-repeat scroll top right; }
li.inactivetab div a { color: #666666; font-size: 9pt; }

/* new tab */
li.newtab { float: left; padding-top: 10px}
	
#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(DropThings/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(DropThings/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, .invitation, .license { color: dimgray; }
	
.pushdown { clear:both; height: 0px !important; visibility:hidden; line-height: 0px !important; overflow: hidden !important }

#onpage_menu { background:#FFFFFF url(DropThings/content_corners.gif) no-repeat scroll top left; }
	#onpage_menu_wrapper { background:transparent url(DropThings/content_corners.gif) no-repeat scroll top right; overflow: auto; width: 100%; }
		#onpage_menu_bar { padding: 5px; margin: 5px 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: 5px 15px 0px 15px; height:auto !important; min-height: 15px; height: 15px; border-bottom: solid 1px #EFEFEF; }
			.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: 120px; background:#EFEFEF; }
				.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_holder { min-height: 400px; height:auto !important; height: 400px; }
.widget { margin-bottom: 10px; background-color: #fff; padding: 0px }
.widget_hover { padding: 0px }
.widget_header { cursor: move; height: 28px; }
.widget_dropcue { border: dashed 2px gray; display:none; margin-bottom: 20px; }

.column { width:33%;vertical-align:top; }
.table_fixed {table-layout:fixed; clear:both}
.column_divider { height: 400px; }
.dashboard_body { width: 100%; height: 500px; background-color: lightgrey; }

.handleText {
	width:16px;
	height:16px;
	background-image:url(HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

#AddContentUpdatePanel { clear:both; }
	.add_stuff_toggle { position: absolute; font-weight: bold; font-size: 12pt; position: relative; top: -25px; left: 80%; }

.widget_showcase { overflow:hidden; height:auto }
.addcontent_message { font-weight: bold; float: left; }
.addcontent_navigation { float: right; font-weight: bold }

#WidgetDataList { 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,
#DeletePageConfirmPopup { 
	display: none; 
	z-index: 60000; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -150px; 
	margin-top: -60px; 
	width: 300px; 
	height: 110px; 
	border: solid 4px black; 
	padding: 10px;
	background: white url('warning.png') no-repeat 10px 10px; 
	text-align: center;
}
#DeleteConfirmPopup h1,
#DeletePageConfirmPopup h1 { margin-left: 50px; font-size: large; }
#DeleteConfirmPopup p,
#DeletePageConfirmPopup p { margin: 20px 0px 0px 50px; clear: both; }