﻿body,td,a,p,.h,h1,h2,h3,div,form{font-family:calibri,tahoma,arial,sans-serif;padding:0px; margin:0px;}
body { background: #E3E3E3 none repeat scroll 0%; color: #5F7D92; padding: 0pt 20px; text-align: center; font-size: 0.8em }
a { text-decoration: none }
a:link, a:visited, a:active { color: #485A66; }
a:hover { color:Red; text-decoration: underline }
p{margin-top:10px;}
h1{padding-top:10px;}
h2{padding-top:10px;}
h3{padding-top:10px;}

input[type="submit"]
{
	background-color:#A80733;
	color:#FFFFFF;
	border:1px solid #900927;
}

.inputBlue
{
	background-color:#C6D1DA !important;
	color:#7890A1 !important;
	border:1px solid #7890A1!important;
}

#container { background-color:#FFFFFF; margin: 0pt auto; text-align: left; width:998px; max-width: 1200px }

#header 
{ 
	background:#FFFFFF; 
	color:#0086C1; 
	width:993px; 
	padding-left:5px;
}

/* header text */
#header h1 { font-size: 14pt; float: left; height: 30px; padding: 10px; line-height: 30px } 
#header h1 a { color: #FFFFFF; } 

/* login/logout/signup panel */
#login_panel { text-align:right; font-size: 10pt; float: right; margin: 0 10px 0 0 ; padding: 5px;  }
#login_panel a { color: #FFFFFF; }

/* The search bar that has google and live search boxes */
#search_bar  	
{
	margin-bottom:7px; 
	background:#D02243; 
	width:100%; 
	padding: 5px 0px 5px 0px; 
	text-align:right; 
	clear:both; 
	overflow:hidden;
	color:#FFFFFF;
	
}
	#search_bar_wrapper 
	{ 
		margin: 5px;
		background:url(message_corners.gif) no-repeat scroll bottom right; 
	}
	#google_search { float: right; 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 { height:30px; margin-top:5px; margin-left:20px; background:#E1DFE0 url(message_corners.gif) no-repeat scroll bottom left; clear:both; overflow:hidden; width:960px; line-height: 20px; text-align: right  }
#header_message_wrapper { padding: 5px; background:url(message_corners.gif) no-repeat scroll bottom right; color: #535E64 }
#header_message a { color: #535E64;font-weight:bold; }

#contents { margin-top:10px; background:#FFFFFF /*url(content_corners.gif) no-repeat scroll top left*/;  }
	#contents_wrapper { background:transparent /*url(content_corners.gif) no-repeat scroll top right*/;  min-height:400px; height:auto !important; height:400px; } 

#tab_container { height: 85px; margin:0;padding:0; margin-left: 20px; }

#widget_area { overflow: auto; width: 100%; }
#widget_area_wrapper { padding-left: 15px;text-align:justify;}

/* tab common styles */
ul.tabs { list-style-type: none; margin: 0px; padding: 0px; }
li.tab { float: left; margin: 0px 8px 0px 0px; height: 30px; }
li.tab div.tab_wrapper { padding: 5px 0px 5px 0px; }
li.tab a { font-size: 10pt; margin: 5px 0px 0px 0x; }
li.tab span { font-size: 10pt; margin: 5px 5px 0px 50x; font-weight: bold; color: dimgray}
li.tab img {border:0px;}


/* active tab */
li.activetab { padding-left: 5px; background:white url(content_corners.gif) no-repeat scroll top left } 
li.activetab div.tab_wrapper { background:transparent url(content_corners.gif) no-repeat scroll top right;  }
li.activetab a { color: #485A66; font-weight: bold}

/* inactive tab */
li.inactivetab { padding-left: 5px; background:#C6DFE9 url(inactivetab_corners.gif) no-repeat scroll top left } 
li.inactivetab div.tab_wrapper { background:transparent url(inactivetab_corners.gif) no-repeat scroll top right; }
li.inactivetab a { color: #485A66; }

/* 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 { margin-left:20px; background:url(footer.gif) no-repeat scroll top left; background-color:#F0EEEF; clear:both; width:945px; min-height:120px; height: auto !important; height:180px; text-align:left; padding-left: 15px }*/

#footer { margin-left:20px; background:url(footer.gif) no-repeat scroll top left; background-color:#F0EEEF; clear:both; width:945px; min-height:120px; height: 155px !important; text-align:left; padding-left: 15px }
	#footer_wrapper { background: url(footer.gif) no-repeat scroll top right; padding-left:10px; padding-top:10px; }

	#footer_wrapper { font-size: 0.85em; line-height: 140% }
	#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;}
	#onpage_menu_wrapper { 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; clear:both; }
			.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:#EEF0EE; }
				.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 { /*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-color: #EEF0EE; padding: 5px; margin-bottom: 5px; } /*#B2DD80*/ 
.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: #485A66; text-decoration:none; font-size:10pt; }
.widget_collapse, .widget_expand, .widget_close { display:inline; }
.widget_dropcue { border: dashed 2px gray; display:none; margin-bottom:20px; }

.widget_edit {width:10%; white-space:nowrap;text-align:right; padding: 2px 2px 0 0}
.widget_edit a {color:#485A66;text-decoration:none;}
.widget_edit a:hover {color:red;}

.widget_button {padding: 2px 2px 0 0; vertical-align:top;}
.widget_min {background-image:url('min_blue.gif');}
a.widget_min:hover {background-image:url('min_blue_highlight.gif');}
.widget_max {background-image:url('max_blue.gif');}
a.widget_max:hover {background-image:url('max_blue_highlight.gif');}
.widget_close {background-image:url('x_blue.gif');}
a.widget_close:hover {background-image:url('x_blue_highlight.gif');}
.widget_box {display:block;margin-top: 2px;overflow:hidden;width:12px;height:12px;cursor:hand;cursor:pointer;}

.widget_body { margin: 5px; }

.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 { }
.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 
{ 
	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('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('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 }


.login
{
}

.login-form
{
	float:right;
	padding-right:100px;
	width:600px;
}

.login-text
{
	float:left;
	margin-left:160px;
	text-align:right;
}

.form-block
{
	padding-top:20px;
}

.tbl
{
	margin-top:20px;
}

.tblHeader
{
	background-color:#A6052F;
	color:#FFFFFF;
}
.tblHeaderBlue
{
	background-color:#C6D1DA;
	color:#5F7D92;
}
.tbl tr td
{
	padding:2px;
}


.tblAux tr td
{
	padding:2px;
}







#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
.popup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:600px;
width:500px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
.popupSede{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:320px;
width:500px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

.tabla
{
	border:none;
}

.tabla thead
{
	background-color:#C6D1DA;
	color:#5F8CB7;
	font-weight:bold;
}
.tabla thead tr td
{
	padding:4px;
}
.tabla tbody tr td
{
	border-bottom:1px solid #EDEFED;
}
