﻿
/*li.inactivetab div.tab_wrapper {background:transparent url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right; }*/
#top-head {font-family: Segoe UI Light;background-color: #000000;height: 50px;color: #fff;overflow: visible;width: 100%;padding: 0;margin: 0;top: 0;left: 0;}
#top-head .ProdNameBar {display:inline-block;float:left;height:40px;width:185px;}
#top-head .ProdNameBar:hover {background-color:#006aba;}
#top-head .ProdNameBar #ProdName a{width:130px;height:40px;display:block;background:url(images/header/wslogo.png) no-repeat 5px 3px;padding-right:10px;margin-left:13px;float:left;}
#top-head .ProdNameBar #ProdName a:hover {background-color:#005594;height:40px;}
#top-head .ProdNameBar #Separator{float:left;display:block;background:url(images/header/separator.png) no-repeat 0px 3px;width:3px;height:40px;}
#top-head .ProdNameBar #OpenUp{padding:0 1px 0 2px;float:left;display:block;height:40px;width:25px;background:url(Images/Content/DownArrow.png) no-repeat 2px 7px;}
#top-head .ProdNameBar #OpenUp:hover {cursor:pointer;background-color:#005594;}

html{background:#ffffff; color: #393733; padding: 0pt 0px; font-size: 8pt;}
body,td,a,p,.h,h1,h2,h3,div,form{font-family: Segoe UI, arial,sans-serif; padding:0px; margin:0px;}



p{ margin-bottom: 20px; line-height: 1.6em;}
/*input[type="text"] { width: 200px; border: 1px solid #CCC; background-color:#FFFFFF.error{ color:Red;}
input[type="password"] {width: 200px; border: 1px solid #CCC; background-color:#FFFFFF;}*/


.error{ color:Red;}
.success{ color:#8dea15;}
.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; }*/
    
#header {width:100%;}

/* header text */
#header h1 {font-weight:normal;font-size: 24px; color:#aaa;float: left; height:125px;width:673px; background:transparent url(Images/Header/logo.png) no-repeat 0px 10px;border: 0; margin-top: 20px;} 
/*#header h1 a { display: block; width: 300px; text-decoration: none; border: 0;} */

/* login/logout/signup panel */
#login_panel { position:absolute;top:0;right:0;text-align:right; font-size: 10pt; float: right; margin: 5px 10px 0 0 ; padding: 5px;}
#login_panel a { color: #fff; }
#Header1_UserNameLabel {color:#fff;}
.login_panel_label {color:#fff;}

/* The search bar that has google and live search boxes */
#search_bar { /*background:#B2DD80; */ width:100%; clear:both; height: 0px; 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: #FFF;
    opacity: 1;
    position: relative;
    -moz-box-shadow: 0px 0px -5px -5px #888;
    -webkit-box-shadow: 0px 0px -5px -5px #888;
    box-shadow: 0px 0px -5px -5px #888;
    float: left !important;
    margin-top: 50px !important;
    width: 100% !important;
}

	#contents_wrapper { background:transparent /*url(content_corners.gif) no-repeat scroll top right*/; min-height:200px;  height:auto !important; height:400px; 
	                        -moz-box-shadow: 0px 0px -5px -5px #888;
    -webkit-box-shadow: 0px 0px -5px -5px #888;
    box-shadow: 0px 0px -5px -5px #888;
} 
#widget_area { background-color:#F0F1F4; 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: 7px 20px 5px 15px; overflow:hidden;}
		li.tab a { font-size: 9pt; margin: 7px 5px 0px 5px; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
		li.tab span { font-size: 9pt; margin: 7px 5px 0px 5px; font-weight: bold;}

	.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: 0px; background-color: #0072C6;color:#FFF;} 
	/**li.activetab div.tab_wrapper { background:transparent url(Images/Tab/content_corners.gif) no-repeat scroll top right;  }**/
	li.activetab a { color:#FFF;}

	/* inactive tab */
	li.inactivetab { background: #F0F1F4 url('Images/Tab/tab_inactive_blue.png') repeat-x top right;padding-left: 0px;} 
	/*li.inactivetab div.tab_wrapper {background:transparent url(Images/Tab/inactivetab_corners.gif) no-repeat scroll top right; }*/
	li.inactivetab a {color:#333;font-weight: normal;}

	li.newtab {  float: left; margin-right:2%;}
	li.newtab .newtab_add {background:#0072C6 url('Images/Tab/Add.png') no-repeat center;}
	li.newtab a.newtab_add:hover {background-color:#005594;}
	li.newtab .newtab_add_block {overflow:hidden; display:block; 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.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: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: 50%; margin-left: 0px; top: 90px; z-index: 5000; }

#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-color:#191919; opacity:.80;clear:both; /*min-height:180px;*/ height: 70px; text-align:left; padding-left: 10px; }
	#footer_wrapper { /**background: url(Images/Footer/footer.gif) no-repeat scroll top right;**/ padding-left:0px; padding-top:25px; }

	#footer_wrapper { font-size: 8pt; line-height: 170% }

    .copyright { color: #FFF; }
    .copyright a {color:#FFF;}
p.copyright {
    padding-left: 50px;
}
	

#body {  }

.pushdown { clear:both; height: 0px !important; visibility:hidden; line-height: 0px !important; overflow: hidden !important; }

#onpage_menu { background-color:#0072C6;}
	#onpage_menu_wrapper { /**background:transparent url(Images/Content/content_corners.gif) no-repeat scroll top right;**/ overflow: auto; width: 100%; border-right:2px solid #0072C6;}
		#onpage_menu_bar { /*padding: 1px 7px 1px 5px;*/ margin: 0px 0px 0px 0px; height:40px; min-height: 15px; }
			.onpage_menu_bar_hover {padding: 0px 0 0px 0;}
			
			/*#onpage_menu_bar { padding:5px; margin: 5px 15px 0px 15px; height:auto !important; min-height: 15px; height: 15px; border-bottom: solid 0px #EFEFEF; }*/
            #onpage_menu_bar a:link {color:#FFFFFF;font-size:14px;text-decoration:none;}
            #onpage_menu_bar a:hover {background-color:rgba(0,0,0,.25);color:#fff;font-size:14px;}
			.onpage_menu_action { float: left; margin-right: 20px; margin-bottom:0px;}
			.onpage_menu_action2 { float: left; margin-right: 20px;margin-bottom:0px;}
			#ChangeTabTitleLinkButton {float:right;}
		#onpage_menu_panels { padding: 0px 15px 0px 15px; }
			.onpage_menu_panel { padding: 8px; clear:both; min-height: 120px; height: auto !important; height: 120px; background:#fff;}
				.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:#484848; font-weight: normal; 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; min-height: 0px !important; }
		.widget_holder_panel_post_link {display:none;}
.widget_resize_frame {
    margin-top: 0px;
    float: left;
    width: 100%;
}

.widget {
    overflow: hidden; /*position: relative; left: 0px; top: 0px; */
    /*margin-bottom: 20px;*/
    background-color: white;
    opacity: 1;
    border: 0px;
    padding: 0px;
}
			/*.widget_hover { border: solid 1px #999999; padding: 0px; }*/
			.widget_header { background-color: #0072C6; padding: 5px; margin-bottom: 5px; opacity:1;}
				.nodragdrop .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:5px !important;font-weight:normal;padding-right:5px; }
					.widget_title a { overflow:hidden;height:1.2em; color: #FFFFFF; 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:#FFF;text-decoration:none;}
						.widget_edit a:hover {text-decoration:underline;}
						
				/*.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:pointer;}

			/*.widget_body {margin:5px 5px 0px 5px; padding-bottom:20px;}*/
.widget_body {
    padding-bottom: 0px !important;
    float: left;
    width: calc(100% - 51px);
    margin-left: 50px !important;
}
.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; background: url(Images/Content/Floppy_16.png) no-repeat left;}
	.add_stuff_toggle { position: absolute; font-weight: normal; 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;
	background:url(Images/Widget/rss-feed.jpg) no-repeat left;
	padding-left:20px;
	}

.feed_item_link a:link {color:#000000;}


#DeleteConfirmPopup 
{ 
	display:none; 
	z-index: 60000; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -150px; 
	margin-top: -60px; 
	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: -150px; 
	margin-top: -60px; 
	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: #FFF 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: #1C314B; font-weight:bold; padding: 4px; color:#FFF;}
		#altpageHeading2 { background: #1C314B; font-weight:bold; padding: 4px; color:#FFF;}
		.altpageHeading1 { font-weight: bold; }
		.altpageHeading2 { font-size: -1px; }
		
.draggable { cursor:move; }
#gaia_table tbody tr td span {color:#FFF;}
#gaia_table tbody {color:#FFF;}

.onpage_menu_action {background:url(Images/Content/Add.png) no-repeat 7px 8px;padding-left:35px;padding-right:5px;line-height:normal;height:30px;padding-top:0px;height:40px;}
.onpage_menu_action:after {content:url(Images/Content/DownArrow.png);position:relative;top:10px;}
.onpage_menu_action2 {background: url(Images/Content/settings.png) no-repeat 7px 8px;padding-left:35px;padding-right:5px;line-height:normal;height:30px;padding-top:0px;height:40px;}
.onpage_menu_action2:after {content:url(Images/Content/DownArrow.png);position:relative;top:10px;}

#Openpanel
{
background-color:#000;
border:solid 1px #000;
display:none;
width:100%;
height:150px;
}

#Openpanel a.Prod1 {float:left;margin:20px 5px 0 20px;padding:3px;display:inline-block;width:100px;height:100px;background:url(Images/Content/product-ut.png) no-repeat 3px,0;}
#Openpanel a.Prod1:hover {background-color:#fff;}
#Openpanel a.Prod2 {float:left;margin:20px 5px 0 10px;padding:3px;width:100px;display:inline-block;height:100px;background:url(Images/Content/product-ws.png) no-repeat 3px,0;}
#Openpanel a.Prod2:hover {background-color:#fff;}
 

.ribbonbarArea {
    width: 100%;
    height: auto;
    float: left;
    position: fixed;
    z-index: 9998;
    padding: 0px;
}
#ribbonBar {
    width: 100%;
    height: 30px;
    float: left;
}
#widget_area_wrapper .RadRibbonBar_Default .rrbTabs {
    border-bottom-color: White !important;
    border-bottom-width: 0px !important;
}
#widget_area_wrapper .RadRibbonBar .rrbContentWrapIn {
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
    /*height: 0px !important;*/
}
#widget_area_wrapper .RadRibbonBar .rrbContentWrapIn {
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    position: relative !important;
    border-bottom-color: White !important;
}

#Progress {
    position: fixed !important;
    z-index: 99999 !important;
}