/* For V2 changes search for valiant_v2 */
/* 25/10/2010 Changes made by Sie-Hang */
/* 01-11-2010 Shorthand note rules */
/* 12/07/2011 Changes by Sie-Hang */
/* Basic Styles */
html { height:100%; }

/* ### Standardization of the fonttypes ### */
body /* Contains the font for widely used text (11 px black) */ {
 font-family:Arial, Verdana, Geneva, sans-serif;
 min-width: 1000px;
 margin:0px;
 padding:0px;
 color:#000;
 font-size:0.7em;
 font-weight:normal;
 line-height:1.4;
 background-color:#f5f5f5; /* Added 08/10/2010 */
}

select { 
	margin-right: 3px;	
	font-size: 1em;	
}

img {
 border: none;
 vertical-align: middle;
}

.h1 /* Used for the page titles */ {
 font-size:2em;
 font-weight:normal;
 margin: 10px 0;
 color:#666;
}

.h2 /* Used for the tab titles */ {
 font-size: 1.25em;
 color:#666;
}

.h4 /* Used for the megamenu items. Not sure about using this one, because it will affect the classes as well, still have to look into it for the megamenu */ {
 color:#fff;
 font-size: 1.25em;
/* text-shadow:0 2px 1px #22ABD8;*/
}

.h5 /* Used for the 'view all' text */ {
 font-size: 0.9em;
 font-style:italic;
 color:#666;
 float:right;
}

.h6 /* normal text*/ { color:#666; }
.h7 /* bolder text */ { font-weight: bold; }

/* ### Standardization of the fonttypes ends here ### */
a {
 cursor: pointer;
 color: #0066CC; /* was #333 */
 text-decoration: none;	
}

a:visited /*'visited' must put before hover, otherwise not working*/ { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

INPUT { background-color: #fff; }

hr {
 height: 1px;
 background-color: #ddd;
 color: #ddd;
 border: none;
}

div.noborder { border: 0px black solid !important; }
div.nowrap { white-space: nowrap; overflow: hidden; }

table { border: none; width: 100%; }
table tr.separator td { font-weight: bold; }
table tr td.caption { 
 width: 150px;
 white-space: nowrap;
 overflow: hidden;
}

div.label { font-weight: bold; padding-left: 5px; }
div.quickinfo {
 background-image: url(../images/quickinfo.png);
 background-position: 0 100%;
 cursor: pointer;
 display: inline-block;
 height: 16px;
 margin: 0 5px; /* 02-11-2010 Shorthand margin? */
 vertical-align: middle;
 width: 16px;
}

div.search { /* Shorthand margin? */
 background: url(../images/search.png) no-repeat; /* Shorthand 16/06/2011 */
 cursor: pointer;
 display: inline-block;
 height: 16px;
 margin: 0 5px; /* 02-11-2010 Shorthand margin? */
 vertical-align: middle;
 width: 16px;
}

/* div table row, column header & column */
div.row {
 float:left;
 margin:0;
 padding:0;
 width:99.8%;
 background:#FFF;
 border:thin solid #E6E6E6;
 border-bottom-style:none;
 border-top-style:none;
}

div.rowexpanded {
 float:left;
 margin:0;
 padding:0;
 width:99.8%;
 background-color:#E6E6E6;
 border-left:thin solid #E6E6E6;
 border-right:thin solid #E6E6E6;
}

div.row > div {
 float:left;
 margin:0;
 padding:5px;
 text-align:left;
}

div.rowexpanded > div {
 float:left;
 margin:0;
 padding:5px;
 text-align:left;
}

div.row:hover {
 background-color:#E6E6E6;
 border:thin solid #E6E6E6;
 border-bottom-style:none;
 border-top-style:none;
 float:left;
 width:99.8%;
 margin:0;
 padding:0; 
}

div.rowheader {
 float:left;
 margin:0;
 padding:0;
 width:100%;
 background-color:#E6E6E6;
 border-radius:3px 3px 0 0; /* 16/06/2011 */
 -webkit-border-radius:3px 3px 0 0; /* 01-11-2010 Shorthand */
 -moz-border-radius:3px 3px 0 0; /* 01-11-2010 Shorthand */
}

div.rowheader > div {
 float:left;
 margin:0;
 padding:5px;
 text-align:left;
}

div.rowfooter {
 border-radius:0 0 3px 3px; /* 01-11-2010 Shorthand */
 -webkit-border-radius:0 0 3px 3px; /* 01-11-2010 Shorthand */
 -moz-border-radius:0 0 3px 3px; /* 01-11-2010 Shorthand */
 border-bottom:thin solid #E6E6E6;
}

div.rowfooter:hover {
 background-color:#E6E6E6;
 border-bottom:thin solid #E6E6E6;
 float:left;
 width:99.8%;
 margin:0;
 padding:0;
}

/* login */
.loginusername,.loginpassword { font-size: 12px; }
.loginbutton { padding: 3px; }

/* ##### Start: Search Input Box ##### */
/* All search rules below have been editted for V2 */
.searchInput {
 float:left;
 background:#fff;
 border:1px solid #B4B4B4;
 width:250px;
 vertical-align:middle; 
 /*start: multi-browser compliant - To ensure cursor appear middle of inputfield, use padding instead "height" (not working in IE).*/
 margin: 0 0 0 -1px; 
 -webkit-padding:6px 0 6px 10px; /* Added 16/06/2011 */
 -moz-padding:6px 0 5px 10px; /* Added 16/06/2011 */
 padding:4px 0 5px 10px;
 height: 16px; /* 12/07/2011 Added to correct height on macs. Only on the height was off */
 /*end: multi-browser compliant*/
}

.searchInputNormal { padding-top:-10px; }

.searchInputWatermark {
 color:#666;
 font-style:italic;
 text-transform:lowercase;
}

.searchInputNormal:focus { outline: none; }
/* ##### End: Search Input Box ##### */

#searchInputImageButton /*SearchBox Icon*/ {
 float:left;
 height:20px;
 border:1px solid #B4B4B4;
 border-radius: 0 3px 3px 0;
 -moz-border-radius: 0 3px 3px 0;
 -webkit-border-radius: 0 3px 3px 0;
 padding: 0 0 5px 0;
 margin-left:-1px;
 width:26px;
 height:27px;
 cursor: pointer;
 /* Added 16/06/2011*/
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#c8c8c8));
 background: -moz-linear-gradient(#E6E6E6, #c8c8c8);
 background: linear-gradient(#E6E6E6, #c8c8c8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#C8C8C8'); /* IE6–IE9 */
}

/* Iframe */
iframe.content { padding: 0px; margin: 0px; }
/* Content */
div.content { margin: 0px; min-width: 400px; }
div.main { float: left; width: 100%; }
div.sidebar {
 float:right;
 padding:5px;
 width:22%; 
}

/* Tabstrip */
.tabstrip {overflow:auto;}

.tabstrip > ul {
 /*border-bottom:1px solid #fff; 08-11-2010 Removed by Sie-Hang. Removed the border. Unnecessary*/
 height:3em; /* 08-11-2010 Added by Sie-Hang. Added for making tabs bigger */
 margin:10px 0 0 0;
 padding:0;
}

.tabstrip > ul > li {	
 background: #fff; /* 08-11-2010 Changed by Sie-Hang. Removed unnecessary code */
 border:1px solid #ddd;
 /* border-bottom:none; 08-11-2010 Removed by Sie-Hang. Removed the border. Unnecessary*/
 color:#9F9F9F;
 display:block;
 float:left;
 font-size:1.25em; /* 08-11-2010 Added by Sie-Hang. Adjusted tab font to align with visual design */
 height:29px; /* 08-11-2010 Added by Sie-Hang. Added to make tabs taller */
 line-height:160%;
 list-style-type:none;	
 padding:5px 10px 0; /* 08-11-2010 Added by Sie-Hang. Changed for vertical aligning the tab text */
 position:relative; /* 08-11-2010 Added by Sie-Hang. Needed for the depth*/
 text-align:center; 
 margin-left:5px;
 /* Added 21/06/2011 */
  border-radius:3px 3px 0 0;
 -webkit-border-radius:3px 3px 0 0;
 -moz-border-radius:3px 3px 0 0;
}

.tabstrip > ul > li:first-child {left:-5px;margin-right:-5px} /* Adjusting the margin left of the tabs 21/06/2011 */

.tabstrip > ul > li.active {	
/* background:url(../images/widget_header.png) #fff repeat-y left top;*/
 background: #fff;
 border-left: 5px solid #0060A4;
 border:1px solid #ddd;
 border-bottom:none;
 color:#000;
 margin-top:1px;
 padding-left:15px;
 z-index: 5; /* 08-11-2010 Added by Sie-Hang. Added to adjust the depth. Make the tabs go OVER the content, so the active tab is not seperated from the content */

 }

.tabstrip .tabadd {
	cursor: pointer; 
	text-align: center; 
	width: 18px;
	padding-right: 10px; 
	padding-left: 10px; 
} /* 08-11-2010 Created by Sie-Hang. Added to make the 'more' tab square */

.tabstrip > ul > li > a { color:#9F9F9F; }
.tabstrip > ul > li > a:hover { color:#4C575F; text-decoration:none; }

.tabaddlist {
	 display: none;	
	 width:auto;
	 padding:0;
	 margin:0;
	 list-style-type:none;
	 text-align:left;
	 height:auto;
	 min-height:10px;     
	 position: absolute;
	 background-color:#fff;
	 border:#ddd 1px solid;
	 z-index: 100;
}

.tabaddlist > li { padding: 2px 3px 2px 3px; }

.tab .tabPlaceholder, .quicklinks .quicklinkPlaceholder  {
 height: 1.5em;
 line-height: 1.2em;
 border: 1px dashed #009be2;
}

.tabMoveDotsImg {
  float:right; /*The dot should inline regardless the description.*/
  /*margin:-13px -5px 0 5px;  21/06/2011 Notes: The dot image will not align properly if margin is added.*/	
  width:13px;
  height:9px;    
}

.tabMoveDotsImg:hover{ cursor:move;}

.tabContent { margin-top: -1px; }

/** use in tab control ***/
div#sectioncontent { background-color: #FFFFFF; padding: 20px 5px 10px 5px;	min-height: 300px; overflow: hidden; }

/*
.tabAddListContainer {
 display:none;
 position:absolute;
 width:300px;
 border:#ddd 1px solid;
 background-color:#fff;
 z-index:10;
}


.tabAddListContainer a { cursor:move; }*/

.separatorHeader {
 color:#666;
 cursor:default;
 vertical-align:middle;
}



/* WidgetListView Control */

div.widgetListView .list-right-contents  
{	
	margin-left: 0px; 
}

div.widgetListView .list-left-contents
{
	left: auto; 
    right: 0px; 
    display: none;
}
    
div.widgetListView a.clickableLink  
{
	/*min-height: 44px;*/
}

div.widgetListView ul li.strong
{
	font-weight:bold;
}


/* Widgets */
div.widget {
 border:1px #ddd solid;
 min-height:80px;
 margin-bottom:10px;
}

div.widget div.title {
 font-size:1.25em; /* 01-11-2010 Sie-Hang */
 padding:3px 0 0 5px; /*01-11-2010 Shorthand */
 font-weight:bold;
 height:26px;
 overflow:hidden;
 background-image:url('../images/widget_header.jpg');
 background-repeat:repeat-x;
}

div.widget div.content { padding:0px; margin:0px; }
/*div.widget div.content table td { padding-top:5px; vertical-align:top; }*/ /*12-11-2010 commented out by KokWai: since this will affect all inner tables */
div.widget div.content table td.label { font-weight:bold; }
div.widget div.content > ul {
 margin:0px;
 padding:0 0 5px 5px; /*01-11-2010 Shorthand */
}
div.widget div.content > ul li { list-style-type:none; padding-top:10px; }

/* Web Parts */
.WebPartZoneHeader { }

.WebPartZoneHeader .Title { 
	color:#666; 
	padding:3px 0 0; 
	font-size:1.125em;
	font-weight:bold;
	height:26px;
	overflow:hidden;
}
.WebPartZoneHeader .Action
{
	color: #000066;
	font-weight: bold;
	cursor: pointer;
}
.WebPartZoneHighlight
{
	border:dashed 1px #0060A4;
}

.WebPartZoneBody { border:solid 1px #6B94CB; }
.WebPartChrome {	
	Padding:0; 
	border:1px #b3b3b3 solid;
	float:left;
	margin-bottom:20px;
}

.WebPartChromeHeader 
{
 Background-color: transparent; 
 margin:0px;
 width:100%;
 /*border-top:1px #b3b3b3 solid\9; Removed 21/06/2011*/
 /*border-bottom:1px #ccc solid;*/
 height:30px;
}

.WebPartChromeHeader .Title, .WebPartChromeHeaderSelected .Title /* Used for the widget titles */ {
 color:#666; 
 font-size:1.25em;
 height:26px;
 margin-bottom:-2px;
 padding-top:6px;
 padding-bottom:3px;
 position:relative;
 text-indent:16px; 
 /*background:url(../images/widget_header.png) #fff repeat-y left top;*/
 border-left: 5px solid #0060a4;
 background: #FFF;
 top:0px;
}

.WebPartChromeHeader .Verbs 
{
    bottom:-2px;
     color:#666;     
     left:-1px;
     margin-bottom:-2px;
     padding-top:6px;
     padding-bottom:3px;
     position:relative;
     top:-1px;
     height:26px;
}
   
.WebPartChromeHeader .Icon, .WebPartChromeHeaderSelected .Icon 
{
	font-weight:bold;	
	cursor:pointer;
	background-color:#FFF; 	
    color:#666;
    height:26px;
    left:-1px;
    margin-bottom:-2px;
	padding: 6px;
    position:relative;
}

div.rightSidebar .WebPartChromeHeader .Icon, div.rightSidebar .WebPartChromeHeaderSelected .Icon  
{
	background-color: transparent;
}
.WebPartChromeHeader, .WebPartChromeHeaderSelected {border-bottom: 1px solid #ccc}
.WebPartChromeContent { background-color: #fff;}
.WebPartChromeContent > ul { margin:0px; padding:0 0 5px 5px; /*01-11-2010 Shorthand */ }
.WebPartChromeContent > ul li { list-style-type:none; padding-top:10px; }

.grayWebPartChromeContent {background-color:#F5F5F5;}

.WebPartChromeSelected { border:1px #ddd solid; }
.WebPartChromeHeaderSelected { }
.WebPartChromeHeaderSelected .Verbs { color:#fff; font-weight:bold; }

.WebPartChromeHeaderSelected .Icon {
 color:#fff;
 font-weight:bold;
 padding:2px;
 cursor:pointer;
}

.WebPartChromeContentSelected { background:#fff; padding:3px 3px 0 0; /*01-11-2010 Shorthand */ }
.WebPartChromeContentSelected > ul { margin: 0px; padding:0 0 5px 5px; /*01-11-2010 Shorthand */ }
.WebPartChromeContentSelected > ul li { list-style-type:none; padding-top:10px; }

.EditorPartChromeContent .Form .Field { background:#f5f5f5; }

TABLE.ListViewAll,TABLE.ListView { /* 10-11-2010 Merged both classes */
 padding:0; /* 10-11-2010 Shorthand*/
 margin:0 0 4px 4px; /* 10-11-2010 Shorthand*/
 background:#fff;
 width:99%;
}

TABLE.ListViewAll TABLE.ListView { /* 02-11-2010 This is the same as the above one. Please check which can be removed? */
 border:none; /* 10-11-2010 Shorthand*/
 padding:0; /* 10-11-2010 Shorthand*/
 background:#fff;
 margin:0; /* 10-11-2010 Shorthand*/
 width:100%;
}

TABLE.ListView TR.Header TH {
 font-weight:bold;
 vertical-align:bottom;
 text-align:left;
}

.Form td.Field { padding: 0 3px 0 2px; background:#fff; }

.Form TD.Label {
 text-align:right;
 padding-right:5px;
 width:100px;
}

.Form TR.SubSection td {
 text-align:left;
 padding-left:4px;
 font-weight:normal;
}

.Form > SELECT { font-size:0.75em; }

/* ##### Start: Search Option ##### */
#searchCaptionContainer, #cockpitCaptionContainer /*Container for "Entity" span and "arrow icon" */  {	
 text-align:left; 
 width:100%;	
 display:inline-block;		
 z-index:5;
 position:relative;	
}
.searchCaption {	
 text-align:left;
 float:left;
 width:100%;				
}
.searchCaptionClicked {
 padding:0;	
 text-align:right;			
 float:left;
 width:100%;	
 z-index:30000;	
}

.searchCaptionArrow {
 vertical-align:bottom;			
 margin-top:13px;
 float:right;
 height:5px;
 width:6px;
 background: url (..images/arrow_grey_down.png)
}
/* ##### End: Search Option ##### */

/* ##### Start: Search Option Popup ##### */
/* ##### Search options rules have been changed on 25-10-2010 by Sie-Hang. Paddings adjusted) ##### */
.searchoptions {
 position:absolute;
 font-weight:normal;
 background:#ddd;
 border:1px solid #B4B4B4;
 display:none;
 text-align:left;
 margin: 2px;
 max-width:300px;
 color:#666;
 white-space:nowrap;
 text-shadow:none;	
 z-index:5000; /* valiant_v2*/	
 position:relative;
 left:-13px;
 top:3px;
 width:157px;
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#E6E6E6)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #C8C8C8, #E6E6E6); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #C8C8C8, #E6E6E6); /* FF3.6 */
 background: -ms-linear-gradient(top, #C8C8C8, #E6E6E6); /* IE10 */
 background: -o-linear-gradient(top, #C8C8C8, #E6E6E6); /* Opera 11.10+ */
 background: linear-gradient(top, #C8C8C8, #E6E6E6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C8C8C8', EndColorStr='#E6E6E6'); /* IE6–IE9 */
}

.searchoptions > ul, .searchoptions > ul > li {
 margin: 0;
 padding: 0;
 list-style: none;		
}

.searchoptions > ul > li,.searchoptions > ul > li:hover { 
 cursor:pointer;
 padding:2px 10px; /* Changed padding to 11px for the alignment */
}

.searchoptions > ul > li:hover {
 cursor:pointer;
 background-color:#ccc; /* 21/06/2011 */
 color:#FFF; /* 10/11/2010 highlight text in search options become white */
 padding:2px 10px; /* Changed padding to 11px for the alignment */
}

.searchoptions > ul > li > input[type="checkbox"] {
 vertical-align:middle;
 padding:1px 3px 1px 2px;
 margin:0 3px;
} 

.searchoptions > ul > li a {
 color:#666;
 text-decoration:none;
 vertical-align:middle;	
}

.SearchOptionsContainer {	
 display:none;	
 width:100%;
 height:20px; 
 margin-top:6px 0 0 -10px; /* 02-11-2011 DEV version did not contain -10px */
}

.SearchOptionsContainer a.enabled, .SearchOptionsContainer span.enabled {
 float:right;
 text-decoration:none;
 color:#666;	
 margin:2px 10px 0 0; /* 21/06/2011 */
}

.SearchOptionsContainer a.disabled, .SearchOptionsContainer span.disabled {
 float:right;
 color:#929497;
 text-decoration:none;
 cursor:default;
 margin:2px 2px 0 0; /* 02-11-2010 Copied from DEV */
}

/* ##### End: Search Option ##### */

/* ##### Start: Suggestion Box ##### */
#SuggestContainer, .SuggestContainer {
 position:absolute;
 border:1px solid #B4B4B4; /* 10-11-2010 Shorthand*/
 border-top:0; /* 10-11-2010 Shorthand*/	
 background:#FFF; 
}

#SuggestContainer > ul, #SuggestContainer > ul > li, .SuggestContainer > ul, .SuggestContainer > ul > li {
 margin:0;
 padding:0;
 list-style:none;
}

#SuggestContainer > ul > li, .SuggestContainer > ul > li {
 padding:2px 4px; /*line that separate each li element */
 color:#221e1f; 
 background:#FFF;
 cursor:pointer;	
 margin:2px;
 word-wrap:break-word;	
}

#SuggestContainer > ul > li.Header, .SuggestContainer > ul > li.Header {
 color:#bababa;
 vertical-align:middle;
 cursor:default;
 height:15px;
}

#SuggestContainer > ul > li.Header > div.HeaderTitle, .SuggestContainer > ul > li.Header > div.HeaderTitle { position:absolute; background-color:#FFF; }

#SuggestContainer > ul > li.last, .SuggestContainer > ul > li.last { border-bottom:0; }

/*Highlighter color*/
#SuggestContainer > ul > li.SuggestHover, .SuggestContainer > ul > li.SuggestHover { background:#ccc; color:#333; }

.typeahead { color:#00aeef; }

.MoreCriteriaMainContainer {
 background-color:#FFF;
 width:100%;
 height:20px;
}

.MoreCriteriaContent {	
 float:right;
 color:#00bbf8;
 margin-top:3px;
 margin-right:2px;
}

.MoreCriteriaContent a { color:#00bbf8; text-decoration:none; }
/* ##### End: Suggestion Box ##### */

/* ##### Start: Tooltip ##### */
.tooltipContainer {
 display:block;
 position:absolute;
 background-color:Transparent;
 margin:0 3px 3px 3px; /* 10-11-2010 Shorthand*/
 z-index: 80000;
}

.tooltipContainerArrow {
 border:0;  
 position:relative; 
 z-index:100;
 background-color: Transparent;
}

.tooltipContainerArrowUp { 	
 background:url('../images/tooltip_arrow.png') no-repeat;
 top:6px;	
 background-position: 15% 0%;
}

.tooltipContainerArrowDown {
 background:url('../images/tooltip_arrow_down.png') no-repeat; 
 top:-6px;
 background-position: 15% 0%;
}

.tooltipContainerArrowLeft {
 background:url('../images/tooltip_arrow_left.png') no-repeat; 
 left:6px;
 background-position: 0% 15%;
}

.tooltipContainerArrowRight { 
 background:url('../images/tooltip_arrow_right.png') no-repeat; 
 left:-6px;
 background-position: 0% 15%;
}

.tooltipContainerContent {
 background-color:#FFF;
 border:1px solid #0073ae; /* 21/06/2011 */
 color:#000;	  
 padding:5px;
 z-index:50;
 border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius: 3px; /* 21/06/2011 */
 -moz-border-radius: 3px; /* 21/06/2011 */
}

.tooltipHeaderText { color:#00bbf8; }

/*######## Start: New UX: Styling ########*/
div#top_container {
 height:80px;
 margin-right:10px;
 background-color:#f3f3f4;
 border-radius:0 0 3px 0; /* 16/06/2011 */
 -moz-border-radius:0 0 3px 0;
 -webkit-border-radius:0 0 3px 0;
}

div#login_info {
 height:20px;
 margin:0 25px 0 70px; 
 padding-top:5px;
 text-align:right;
}

div#menu_top {
 height:30px;
 margin:0 25px 0 70px;
 border:2px #0060a4 solid;
 border-radius:3px; /* 21/06/2011 */
 -moz-border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius:3px; /* 21/06/2011 */
 /* Added 16/06/2011 */
 background: #49a7de;
 background: -moz-linear-gradient(top, #49a7de, #016fb6);
 background: -webkit-linear-gradient(top, #49a7de, #016fb6);
 background: -ms-linear-gradient(top, #49a7de, #016fb6);
 background: -o-linear-gradient(top, #49a7de, #016fb6);
 background: linear-gradient(#49a7de, #016fb6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49a7de', EndColorStr='#016fb6');
}

.menu_topItem {
 height:30px;
 line-height:30px;
 padding:0 20px; /* 10-11-2010 Shorthand*/	
 font-size:15px;
 font-weight:bold;
 color: #FFF;
}

.menu_topItem_left { float:left; border-right:2px inset #24b3eb; }
.menu_topItem_right { float:right; border-left:2px outset #24b3eb; }

.menu_topItem_search {
 float:right;
 height:30px;
 padding:0 8px 0 20px; /* 10-11-2010 Shorthand*/
 font-size:15px;
 font-weight:bold;
 color:#FFF;
}

/*Changed in V2*/ 
div#content_area { margin:0 42px 20px; }

div#content_box_border {
 margin-top:30px;
 border:1px #c6c5c6 solid;
 border-radius:3px; /* 21/06/2011 */
 -moz-border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius:3px; /* 21/06/2011 */
}

div#content_box {
 padding:8px;
 border:4px #fff solid;
 border-radius:3px; /* 21/06/2011 */
 -moz-border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius:3px; /* 21/06/2011 */
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #ffffff, #f2f2f2); /* FF3.6 */
 background: -ms-linear-gradient(top, #ffffff, #f2f2f2); /* IE10 */
 background: -o-linear-gradient(top, #ffffff, #f2f2f2); /* Opera 11.10+ */
 background: linear-gradient(top, #ffffff, #f2f2f2);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f2f2f2'); /* IE6–IE9 */
}

div#content_box2 {
 padding:8px;
 border:4px #fff solid;
 border-radius:3px; /* 21/06/2011 */
 -moz-border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius:3px; /* 21/06/2011 */
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #f2f2f2, #ffffff); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #f2f2f2, #ffffff); /* FF3.6 */
 background: -ms-linear-gradient(top, #f2f2f2, #ffffff); /* IE10 */
 background: -o-linear-gradient(top, #f2f2f2, #ffffff); /* Opera 11.10+ */
 background: linear-gradient(top, #f2f2f2, #ffffff);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#ffffff'); /* IE6–IE9 */
}

.content { *z-index:20; }

/* Popup not used anymore, removed in V2 */
/*= Start: Menu: Sidebar (layout) =*/
/*Start: popup*/
#popup {
 overflow:auto;
 border-bottom:1px dotted #CCC;
 padding:5px 0 5px 40px;
}

#popup ul {
 padding:0;
 margin-top:0;
 list-style:none;
}

#popup li {}
#popup li.img { float:left; }

#popup li.text {
 float:left;
 margin-top:-2px;
 padding-left:10px;
}

#popup li.text .italic {
 font-style:italic;
 color:#666; 
}

#popup li.lefttxt {
 float:left;
 padding:0 20px 0 10px; 
}

#popup li.lefttxt_96060b {
 float:left;
 padding:0 20px 0 10px;
 color:#96060b;
}

#popup li.righttxt {
 float:right;
 padding:0 10px 0 20px;	
}

#popup li.righttxt_96060b {
 float:right;
 padding: 0 10px 0 20px;
 color: #96060b;
}
/*End: popup*/

/*= Start: Menu: Top mega menu =*/
div#top_megamenu_logininfo  /* Changed for V2, please keep using this, new styling may affect the classes. Still working on them */ { padding:5px 0 0 42px; }
div#top_megamenu_logininfo a { vertical-align:top; }

div#top_megamenu_menu  /*Changed for V2 */ {
 border:1px solid #0060a4;
 background: #49a7de;
 background: -moz-linear-gradient(top, #49a7de, #016fb6);
 background: -webkit-linear-gradient(top, #49a7de, #016fb6);
 background: -ms-linear-gradient(top, #49a7de, #016fb6);
 background: -o-linear-gradient(top, #49a7de, #016fb6);
 background: linear-gradient(#49a7de, #016fb6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49a7de', EndColorStr='#016fb6');

 border-radius:3px 0 0 3px;
 -moz-border-radius:3px 0 0 3px;
 -webkit-border-radius:3px 0 0 3px;
 margin:5px 0 0 32px;
 padding-left: 8px;
 height:3.5em; /* Changed to make blue bar smaller , 18/10/2010 */ 
}

.search {
 border:none;
 padding:2px;
 color:#CCC;
 font-style:italic;
}

/* #### top_megamenu_menu #### */
.PopupMenuArrow {	
 display:none;
 position:relative;
 z-index:11;
 left:-22px;
 padding-left:42px;	
 top:-12px; /* changed to 12px to align menu */
 width:100%;	
}
.PopupMenu {
 display:none;
 border:1px #808080 solid; /* 02-11-2010 DEV version, shorthanded */	
 border-top:0; /* 01-11-2010 Shorthand */
 text-align:left;
 position:absolute;
 z-index:10;
 left:-1px;
 background-color:#f0f0f0;  /* valiant_v2 */
 box-shadow:0 0 5px rgba(102, 102, 102, 1); /* valiant_v2 */
 -webkit-box-shadow:0 0 5px rgba(102, 102, 102, 1); /* valiant_v2 */
 -moz-box-shadow:0 0 5px rgba(102, 102, 102, 1); /* valiant_v2 */	
 top:50px; /* changed to 52px to align menu */
 /*padding-bottom:5px; Not needed anymore, and removed to remove the strange gap on the bottom */
}

.CockpitDesc {padding-left:6px; color:#4F4E4F;}

.menuColumn .h2, .popupMenuHeader, .menuColumnHeader { color: #009BDF; padding-bottom:.7em; /* Adds padding to the bottom */ } /* 08-11-2010 Added by Sie-Hang. Made the headers blue */

/* .menuColumn .singleColumn .h2{ padding:3px 0 5px; }  08-11-2010 Added by Sie-Hang. Not complete yet. We need to add another class to differentiate the last 2 menus? Currently already makes the header padding bigger */

.menuColumnGroups {	height:100%; border-bottom:0px solid #fff; /* valiant_v2 - remove border */ }
.menuColumnsHeader {
	background-color: #efefef;
	color:#fff;	
	font-size:60px;
	font-weight:bold;
	text-align:center;					
}

.menuColumnHeader { padding: 5px 5px 5px 4px;}

.menuColumnGroupSeparatorLine { border-left:1px ridge #ccc; } /* 12/07/2011 */
.menuFirstColumn { border-left:0px solid #fff; }
.menuLastColumn { border-right: 0px solid #fff; }
.menuColumnContent { vertical-align:top; height: 100%; }

@media screen {
 .menuColumn {
  padding-top:5px;
  left:0;
  float:left;
  width:150px;
  line-height:18px;
  margin:0;
  list-style-type:none;
  padding-left:0;
  height:100%;
 }	
}

@media screen and (max-width: 1024px) {
 .menuColumn {
  padding-top:5px;
  left:0;
  float:left;
  width:150px;
  line-height:18px;
  margin:0;
  list-style-type:none;
  padding-left:0;
  height:100%;
 }
}

@media screen and (min-width: 1025px) {
 .menuColumn {
  background-color:#f5f5f5; /* 02-10-2010 Sie-Hang. This is not in DEV version */
  padding-top:5px;   
  left:0;
  float:left;
  width:200px;
  line-height:18px;
  margin:0;
  list-style-type:none;
  height:100%;
 }
}

.menuSectionHeader, .blueSectionHeader {
 font-size:12px;
 font-weight:normal;
 color:#009bdf;
 position:relative;
 z-index:1;
 padding-left:10px;
}

.menuItem, .sectionContent {
 /*background-color:#f5f5f5;  02-10-2010 Sie-Hang. This is not in DEV version */
 padding:0; 
 font-size:11px;
 font-weight:normal;
 color:#4F4E4F;
 text-decoration:none;
 line-height:18px;
 text-indent:10px; /* change from 20px to 10px to line up the text, valiant 28/10/2010 */
}

.cockpitSectionContent 
{
	text-indent: 0px; 
	padding-left: 10px;
}

.menuItem a, .menuItem a:link, .menuItem a:active, .menuItem a:visited {
 color:#4F4E4F;
 display:block;
}

.menuItem a:hover {
 display:block;
 background-color:#ccc;
}

.menuSectionFooter {
 /* background-color:#f5f5f5; 02-10-2010 Sie-Hang. This is not in DEV version*/
 padding:5px 10px 5px 0;
 font-weight:normal;
 text-align:right;
}

.menuSectionFooter a, .menuSectionFooter a:link, .menuSectionFooter a:active, .menuSectionFooter a:hover, .menuSectionFooter a:visited {
 text-decoration:none;
 font-style:italic;
 color:#999;
 font-size:11px;
 text-transform:lowercase;
}

.menuBlankItem { padding:0; height:18px; }
.menuLastBlankItem { padding:0; height:100%; }
.menuColumnSeparatorLine { border-right:1px ridge #ccc; } /* 12/07/2011 softening borders */

/*Start: Options */
div.pageOptions {
 height:35px;
 text-align:middle;  
 color:#666; 
}

div.pageOptions > h1 { float:left; margin:-2px 0 0 0; }

div.pageOptions a {
 text-decoration:none;
 color:#666;
}

div.pageOptions > ul {
 padding:0;
 margin-top:-2px;
 list-style:none;	
}

div.pageOptions > ul > li.right {
 float:right;
 padding:0; 

 position:relative;
}

div.pageOptions > ul > li > div.caption {	
 border:1px solid #B4B4B4;
 cursor:pointer;
 /*float:right; 21/06/2011*/
 padding:5px 5px 5px 10px; /* 12/07/2011 Centering the caption more */
 position:relative;
 width:80px;
 z-index:5;	
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#C8C8C8)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #E6E6E6, #C8C8C8); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #E6E6E6, #C8C8C8); /* FF3.6 */
 background: -ms-linear-gradient(top, #E6E6E6, #C8C8C8); /* IE10 */
 background: -o-linear-gradient(top, #E6E6E6, #C8C8C8); /* Opera 11.10+ */
 background: linear-gradient(top, #E6E6E6, #C8C8C8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#C8C8C8'); /* IE6–IE9 */
 /* 21-06-2011 */
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 text-align:center;
} 

div.pageOptions > ul > li > div.captionDefault {	background-color: #f3f3f4; }

div.pageOptions > ul > li > div.caption > img {
 vertical-align:middle;
 padding:0 5px 0 2px; 
}

div.pageOptions > ul > li > div.caption:hover { background-color:#fff; }
div.pageOptions > ul > li > div.popup li { padding-right:10px; }

div.pageOptions > ul > li > div.popup {
 display: none;
 background-color:#fff;
 margin-top:0px; /* 21-06-2011 */
 min-width:150px;
 width: auto;
 position:absolute;
 z-index:4;
 border:1px solid #B4B4B4;
 float:right;
 right:0px;	
 white-space: nowrap;
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#E6E6E6)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #C8C8C8, #E6E6E6); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #C8C8C8, #E6E6E6); /* FF3.6 */
 background: -ms-linear-gradient(top, #C8C8C8, #E6E6E6); /* IE10 */
 background: -o-linear-gradient(top, #C8C8C8, #E6E6E6); /* Opera 11.10+ */
 background: linear-gradient(top, #C8C8C8, #E6E6E6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C8C8C8', EndColorStr='#E6E6E6'); /* IE6–IE9 */
}
	
div.pageOptions > ul > li > div.popup > ul hr,
div.pageOptions > ul > li > div.popup hr { color:#B4B4B4;  background-color:#B4B4B4; }

div.pageOptions > ul > li > div.popup > ul {
 list-style-type:none;
 line-height:18px;	 
 margin: 0;
 padding: 0;
}

div.pageOptions > ul > li > div.popup > ul > li { padding: 5px; }

div.pageOptions > ul > li > div.popup > ul > li:hover {
 background-color:#ccc;
 cursor:pointer;
}

div.pageOptions a,div.pageOptions a:link, div.pageOptions a:active,div.pageOptions a:visited { width:100%; display:block; }
div.pageOptions > ul > li > div.popup .hor_dotted_border { border: none; }
/*End: Options */
/*= End: Menu: Top mega menu =*/

/*######## Start: New UX: Styling ########*/
.showall, .showall a, .showall a:link, .showall a:active, .showall a:hover, .showall a:visited {				
 float:right;			
 font-style:italic;
 font-size:11px; /* 12/07/2011 changed from 10px */
 margin: 5px 3px 3px 0;			
 text-decoration:none;
 color:#929497;				
}

#SettingDialogMainContainer > #SettingDialogContents a, #SettingDialogContents ul.settings li {
 margin:2px 2px 0 0; 		
 color:#00bbf8;
 text-decoration: none; 
}	

#SettingDialogContents ul {
 display:block; 
 list-style-type:none;
 padding:0;
 width:100%;
}

#SettingDialogContents ul.settings { margin:10px 5px; border-top:1px dotted #CCC; }
#SettingDialogContents ul.settings li { margin: 5px 3px; text-align:right; }

#SettingDialogContents ul li {
 display:inline-block;
 width:100%;	
 vertical-align:top;					
}

#SettingDialogContents ul li.label { width:35%; white-space:nowrap; }
#SettingDialogContents ul li.controls { width:50%; white-space:nowrap; }

.settingHelp { 
 text-align:center;
 font-weight:bold;
 font-size:12px;
 color:#00bbf8;  
}

.unread { font-weight:bold; padding:0; }

.text {	 	
 font-size:11px; /* 12/07/2011 changed from 10px */	
 font-style:italic;
 color:#666;	
}

.text img { border:none; vertical-align:middle; }

.ver_solid_border {
 padding:0;
 height:335px; 
 float:left; 
 margin:0px 10px;
 border-right:1px ridge #CCC;
}

.hor_dotted_border /*horizontal dotted border*/ { border-bottom:1px dotted #929497; padding:5px 0px 3px 0px;	}	

.hor_dotted_border_Top /*horizontal dotted border*/ { border-top:1px dotted #929497; padding:5px 0px 3px 0px;	}	

.removeFromWorkflow {
 height:20px;
 width:21px;
 opacity:0.4;
 filter:alpha(opacity=40);
 cursor:pointer;
}

.removeFromWorkflow:hover { opacity:1; filter:alpha(opacity=100); }

/* CSS Document Sie-Hang*/
/*Below is added for control in V2 */
/*Top menu*/
div#switch { float:left; margin-left:20px; }
div#feedback { float:left; margin-left:140px; }
div#logout { float:right; margin-right:42px; }
div#welcome { float:right; }

#ProfileContainer { position:relative; float:right; display:block; margin-right:42px;}
#ProfileContainer ul li {list-style:none; text-decoration: none; display:block;margin-left:-40px;}
#ProfileContainer ul li a {cursor:pointer; display:block;  padding: 10px 25px;}
#ProfileContainer ul li a:hover {background:#999;color:#ccc;}
#ProfileContainer ul li:last-child a:hover { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-radius: 0 0 3px 3px;} /* Needed to adjust to rounded corners for last item in list*/

/* dropdowns: general */
.profile_info { font-size: 1.125em; text-decoration: none; display: block; color: #666; padding:10px; cursor: pointer;}
.profile_info:hover { background: #EEE; }
.profile_info img {border:none; vertical-align:middle;}
.profile_info_clicked { color:#666; background-color:#EEE; }

.profile_popup_menu 
{
    display: none;
    position:absolute;	
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-radius: 0 0 3px 3px;	
	border:1px #ccc solid; /* 21/06/2011 */
    border-top:0; /* 01-11-2010 Shorthand */
    box-shadow:2px 2px 2px #666666; /* 21/06/2011 */    
    -webkit-box-shadow:2px 2px 2px #666666; /* 21/06/2011 */
    -moz-box-shadow:2px 2px 2px #666666; /* 21/06/2011 */	
	min-width: 180px;
	right: 0px;	
	width: auto;
	white-space: nowrap;
    float:right; 
    font-size: 1.125em; 
    background:#EEE; 
    z-index:8000; 
 }

.profile_popup_menu p, .profile_popup_menu p { font-size:11px; display:block;}
.profile_popup_menu a:link, .profile_popup_menu a:visited { color: #666; text-decoration:none; }
.profile_popup_menu a:active, .profile_popup_menu a:hover { color:#666; display:block; }

.avatar {float:left; margin:-6px 10px 0px -5px; width: auto; height:30px; } /* Positioning of the profile pic*/

/* Control end */
/*Grey generic menu bar*/
div#generic_menu_container a {color: #666;} /* Changed the links in the generic menu only */

div#generic_menu_separator {	
 position:relative;	
 background-image:url(../images/shadow.png);
 background-repeat:repeat-x;
 height:6px;
 z-index:1;
 margin-left:42px;	
}

div#generic_menu_container {
 background:#ccc;
 margin-left:42px;
 height:28px;
 padding:3px 0 3px 5px;  /* Changed to make blue bar smaller , 18/10/2010 */
 border:1px solid #B4B4B4;
 border-top:none; /* Needed to remove the top border */
 border-radius: 0 0 0 3px; /* from 5px, 21/06/2011 */
 -moz-border-radius: 0 0 0 3px; /* from 5px, 21/06/2011 */
 -webkit-border-radius: 0 0 0 3px; /* from 5px, 21/06/2011 */
}

div#generic_menu_search { margin:0 auto; width:461px; /* valiant_v2 - increase width by 25px */ }

div.generic_menu_buttons {
 float:right;
 margin:2px 5px 0;
 cursor: pointer;
 /* Below is as placeholder */
 width: 24px;
 height: 24px;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}
.generic_menu_buttons_holder {
 float:right;
 margin-right:42px;	
}

/* Generic menu starts here */
.alerts_menu { background-image: url('../images/alerts.png'); }
.workflow_menu { background-image: url('../images/workflow.png'); }
.documents_menu { background-image: url('../images/documents.png'); }
.favorites_menu { background-image: url('../images/favorites.png'); }
.contacts_menu { background-image: url('../images/contacts.png'); margin-right:-5px; }

.alerts_menu:hover { background-image: url('../images/alerts_hover.png'); }
.workflow_menu:hover { background-image: url('../images/workflow_hover.png'); }
.documents_menu:hover { background-image: url('../images/documents_hover.png'); }
.favorites_menu:hover { background-image: url('../images/favorites_hover.png'); }
.contacts_menu:hover { background-image: url('../images/contacts_hover.png'); }

.alerts_menu_click { background-image: url('../images/alerts_click.png'); }
.workflow_menu_click { background-image: url('../images/workflow_click.png'); }
.documents_menu_click { background-image: url('../images/documents_click.png'); }
.favorites_menu_click { background-image: url('../images/favorites_click.png'); }
.contacts_menu_click { background-image: url('../images/contacts_click.png'); margin-right:-5px; }

/* Generic menu ends here */

/* New search styles */

div#cockpit_options,div#search_options,div.search_box { padding:0 10px; }
div#search_options, div#cockpit_options 
{ 
 float:left; 
 height:20px;
 border:1px solid #B4B4B4;
 border-radius: 3px 0 0 3px;
 -moz-border-radius: 3px 0 0 3px;
 -webkit-border-radius: 3px 0 0 3px;
 padding-top:5px;
 color:#666;
 width:110px;
  /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#C8C8C8)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #E6E6E6, #C8C8C8); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #E6E6E6, #C8C8C8); /* FF3.6 */
 background: -ms-linear-gradient(top, #E6E6E6, #C8C8C8); /* IE10 */
 background: -o-linear-gradient(top, #E6E6E6, #C8C8C8); /* Opera 11.10+ */
 background: linear-gradient(top, #E6E6E6, #C8C8C8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#C8C8C8'); /* IE6–IE9 */
}

div#search_button,div#cockpit_button {
 float:left;
 background:#B4B4B4;
 height:20px;
 border:1px solid #B4B4B4;
 border-radius:0 3px 3px 0;
 -moz-border-radius: 0 3px 3px 0;
 -webkit-border-radius: 0 3px 3px 0;
 padding-top:5px;
 margin-left:-1px;
 width:26px;
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#C8C8C8)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #E6E6E6, #C8C8C8); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #E6E6E6, #C8C8C8); /* FF3.6 */
 background: -ms-linear-gradient(top, #E6E6E6, #C8C8C8); /* IE10 */
 background: -o-linear-gradient(top, #E6E6E6, #C8C8C8); /* Opera 11.10+ */
 background: linear-gradient(top, #E6E6E6, #C8C8C8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#C8C8C8'); /* IE6–IE9 */
}

div.search_arrow, .dropdown_arrow { /* valiant_v2 - added for search option arrow */
 float:left;
 background:#B4B4B4;
 height:20px;
 border:1px solid #B4B4B4;
 padding-top:5px;
 margin-left:-1px;
 width:26px;
 text-align:center;
 cursor: pointer;
 /* Added 16/06/2011 */
 background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#C8C8C8)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #E6E6E6, #C8C8C8); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #E6E6E6, #C8C8C8); /* FF3.6 */
 background: -ms-linear-gradient(top, #E6E6E6, #C8C8C8); /* IE10 */
 background: -o-linear-gradient(top, #E6E6E6, #C8C8C8); /* Opera 11.10+ */
 background: linear-gradient(top, #E6E6E6, #C8C8C8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#C8C8C8'); /* IE6–IE9 */
}

/* New search styles end here */
div.clearfloat {
 clear:both;
 height:0;
 line-height:0;
}

/* Right side bar */
.rightSidebar .WebPartChrome { border: none; } /* container */
.rightSidebar .WebPartChromeHeader .Title /* header title table column (td) */   {
 border-left:none;
 padding-left:0;
 background:#f5f5f5; /* Added 26-10-2010 for white background in widgets header Sie-Hang */
 text-indent:11px;
}
.rightSidebar .WebPartChromeHeader .Title span {  } /* header title */
.rightSidebar .WebPartChromeContent { padding:0; background:#f5f5f5;} /* widget data container */

.fullClickableLink, a.ui-corner-all { width:100%; display:block; } /* class used to create complete clickable html element */
.noStyleListitem { list-style:none; padding:0; margin:0; }

.nowrap { white-space:nowrap; padding-right:3px; }

/*mouse lighlight/hover class*/
.mh { background-color:transparent; }
.mh:hover { background-color:#ccc;}

.mh_arrow_right { width:20px; height:20px; }

.WebPartChromeContent .mh { background-color: transparent; }
.WebPartChromeContent .mh:hover { background-color: #E9F8FF; }
/*mouse hover class*/

.list {
 line-height:16px;
 padding: 0px; 
 position:relative; 
 font-size:11px; /* 12/07/2011 changed from 10px */	
}

.list-left-contents {
 display:block; 
 height:50px; 
 left:0; 
 position:absolute; 
 line-height:16px; 
 padding-left:3px;
}

.list-right-contents {
 display:block; 
 overflow:visible; 
 margin-left:38px;	
}

.list-newline { display:block; overflow:hidden; padding: 2px 5px; }

.list-field {
 float:right; 
 margin:0 10px 0 20px; 
 white-space:nowrap; 
 min-width: 50px; 
 text-align:right;
}

.list-field-left 
{
	min-width: 200px;
	float: left;
}

.wrap { white-space: normal; }

.incoming-calendar-list-left-contents, .news-list-left-contents 
{
    left: auto; 
    right: 0px; 
    display: none;
}

.smallPhoto {
 padding:0;
 border:none;
 width:24px;
 height:32px;
}

/*Temporary used by popup "Alert" contents - HTML structure to be change and follow ToDo widget contents*/
.floatText {
 float:left; 
 margin-top:-4px; 
 margin-left:10px; 
 padding:10px 0px 0px 0px;
}

/* Default class for all hyperlink */
.url {
 padding:0;
 text-decoration:none;	
 color:#0066CC;
}
.url:hover {color:#000;}

/* Expand and Collapse listing header*/
div.listingHeader {
 border: 1px #DDD solid;
 background-image:url('../images/list_header.png');
 background-repeat:repeat-x;		
 background-color:#CCC;
 width:99%;
 text-align:left;
 font-size:12px;
 font-weight:normal;
 color:GrayText;
 font-weight:bold;
 padding:2px 3px 2px 5px;
 border-radius:3px; /* 21/06/2011 */
 -webkit-border-radius:3px; /* 21/06/2011 */
 -moz-border-radius:3px; /* 21/06/2011 */	
}

div.listingHeaderUpArrowUp {
 background: url('../images/arrow_grey_up.png') no-repeat center right; 
 cursor:pointer;
 width:13px;
 height:15px;
 float:left;
 text-align:right;
 margin: 2px 10px 0 0;
}

div.listingHeaderUpArrowDown {
 background:url('../images/arrow_grey_down.png') no-repeat center right;
 cursor:pointer;
 width:13px;
 height:15px;
 float:left;
 text-align:right;
 margin:2px 10px 0 0;
}

.dropdownimg  {
 width:16px;
 height:16px;
 /* padding-top:5px; 08-11-2010 Removed by Sie-Hang. Unnecessary*/
}

.activity {	
}

.activityArrow{
	height:100%;
	width:10px;
	position:relative;
	z-index:10;
	float:left;
}

.activityArrowImg{ background:url('../images/arrow_left_01.png') no-repeat 0% 50%; }
.activityDetailsArrowImg{ background:url('../images/arrow_left_02.png') no-repeat 0% 50%; }

.activityContainer {
 height:50px;
 display:block;
 width:100%;
}

.activityContents {
 height:100%;
 width:98%;
 padding:10px 5px 10px 5px;
 margin-left:9px;
 position:relative;
 z-index:9;
 border:1px solid #959595;
}

.activityContentsBg { background-color:#dae6e8; }
.activityDetailsContentsBg { background-color:#edf3f4; }

.noDataFound, .createNewLink {    
 color:#666; 
 text-align: center;
 font-style: italic;
 list-style: none;
 padding: 15px 0px 15px 0px;
 font-size: 11px;
}

.createNewLink a { text-decoration: underline; color:#666;}

/*JQUERY UI Class*/
.ui-autocomplete 
{
    margin:0px;
    padding:0px;
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */	
    list-style: none;
    background-color: #fff;
    position: absolute;    
    border: 1px solid #b4b4b4;
    border-top: none;
}

/*.ui-state-hover { background-color: #ccc; }*/

li.ui-menu-item { text-indent: 5px; }
li.ui-menu-item:hover { background-color: #ccc;}


/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 100px;
	width:1px;
}

.favoritesDropDown 
{    
    border: 1px solid #ccc;
    margin-left:-1px;
    margin-top:-4px;
    padding:2px;
    cursor:pointer;
}

.addNewFavoritesContainer {display: none;}

.addNewFavoritesContainer td { text-align: left; }

.deleteListItem
{    
    display:none;
    float:right; 
    padding: 4px 5px;       
    width:10px;
    height:10px;
}

.cockpitListItem { padding: 5px 0px; }

.wlv-row-min-height-40px { min-height: 40px; }
.wlv-row-height-42px { min-height: 42px; }

.myWorkListViewRow { height: 25px; }

.topRightIconMenuRow { font-size: 11px; line-height: 18px; }

.personalFilesListViewRow td { padding: 4px; font-size: 11px; }

.columnPaddingLeft {padding-left:5px;}
.columnAlignRight {text-align: right;padding-right:5px;}
.calendarRow {height: 25px;}
.calendarSectionContent
{
    width:99.8%;
    float:left;
    /* Edited 16/06/2011 */
    border-style:thin solid #E6E6E6;
    border-top:none
}

/*Dialog overlay blocker div*/
.ui-widget-overlay 
{
    display: none;
	background-color: #000;	
	bottom: 0px;
	filter: alpha(opacity=45);
	opacity: 0.45;
	height: 100%;
	width: 100%;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 9997;
}

/*Reference: jquery-ui.css*/

/*## DIALOG ##*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; cliptop: 1px; clipright: 1px; clipbottom: 1px; clipleft: 1px; }
.ui-helper-reset { list-style: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; line-height: 1.3; font-size: 100%; text-decoration: none; }
.ui-helper-clearfix::after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }

.ui-dialog  
{
	padding: 0.2em; 
	width: 300px; 
	overflow: hidden; 
	position: absolute; 
	
	/* Can't apply the gradient. Otherwise, no more rounded corner for IE.
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E3', endColorstr='#B7B7B7'); 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#E3E3E3',endColorstr='#B7B7B7');
	*/
	background-color: #E3E3E3;	
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.14, rgb(227,227,227)), color-stop(0.80, rgb(183,183,183)));
	background:-moz-linear-gradient(center bottom, rgb(227,227,227) 14%, rgb(183,183,183) 80%);
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
}
.ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { margin: 0.1em 16px 0.1em 0px; }
.ui-dialog .ui-dialog-titlebar-close { margin: -10px 0px 0px; padding: 1px; top: 50%; width: 19px; height: 18px; right: 0.3em; position: absolute; }
.ui-dialog .ui-dialog-titlebar-close span { margin: 1px; display: block; }
.ui-dialog .ui-dialog-content { padding: 0.5em 1em; border: 0px currentColor; overflow: auto; position: relative; zoom: 1; color: #565656; height: auto !important; }
.ui-dialog .ui-dialog-buttonpane { border-width: 1px 0px 0px; margin: 0px; padding: 0em 1em 0.8em; text-align: left; background-image: none; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }

.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-state-focus, .ui-dialog .ui-widget-content .ui-state-focus,
.ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover 
{			
}

/*Dialog: Custom*/
.ui-no-dialog-titlebar .ui-dialog-titlebar { display: none; }

.ui-dialog .ui-dialog-confirmation {display: block; padding: 8px;}
.ui-dialog .ui-dialog-confirmation div { display: block; }
.ui-dialog .ui-dialog-confirmation div.description { font-size: 14px; font-weight: bold; }
.ui-dialog .ui-dialog-confirmation div.detail { font-size: 12px; font-weight: normal; padding-top: 10px; border-radius: 3px; }

/*## ACCORDION ##*/
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header  
{
    margin-top: 1px; 
    position: relative; 
    cursor: pointer; 
    zoom: 1;     
    background: url('../images/list_header.png') repeat-x #ccc;    
    border: 1px #DDD solid;
    color:#5f6062;
    font-weight:normal;    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important; }
.ui-accordion .ui-accordion-header a { padding: 0.5em 0.5em 0.5em 0.7em; font-size: 1em; display: block; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 5px; color: #5f6062; }
.ui-accordion .ui-accordion-header .ui-icon { right: 0.5em; top: 50%; margin-top: -8px; position: absolute; float: right; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; top: 1px; overflow: auto; margin-top: -2px; margin-bottom: 2px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; display: none; position: relative; zoom: 1;}
.ui-accordion .ui-accordion-content-active { display: block; }

/*Accordion: Custom*/
.ui-accordion .ui-widget-content { background-color: #fff; }
.ui-accordion .ui-icon-expand { background-image: url(../images/arrow_grey_down.png); }
.ui-accordion .ui-icon-collapse { background-image: url(../images/arrow_grey_up.png); }

.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-resizable { position: relative; }
.ui-resizable-handle { font-size: 0.1px; display: block; position: absolute; z-index: 9998; background-image: url("data:"); }
.ui-resizable-disabled .ui-resizable-handle { display: none; }
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { left: 0px; top: -5px; width: 100%; height: 7px; cursor: n-resize; }
.ui-resizable-s { left: 0px; width: 100%; height: 7px; bottom: -5px; cursor: s-resize; }
.ui-resizable-e { top: 0px; width: 7px; height: 100%; right: -5px; cursor: e-resize; }
.ui-resizable-w { left: -5px; top: 0px; width: 7px; height: 100%; cursor: w-resize; }
.ui-resizable-se { width: 12px; height: 12px; right: 1px; bottom: 1px; cursor: se-resize; }
.ui-resizable-sw { left: -5px; width: 9px; height: 9px; bottom: -5px; cursor: sw-resize; }
.ui-resizable-nw { left: -5px; top: -5px; width: 9px; height: 9px; cursor: nw-resize; }
.ui-resizable-ne { top: -5px; width: 9px; height: 9px; right: -5px; cursor: ne-resize; }
.ui-selectable-helper { border: 1px dotted black; position: absolute; z-index: 100; }

.ui-icon { text-indent: -99999px; overflow: hidden; display: block; background-repeat: no-repeat; background-position: 50% 50%; }

/*Reference: parseThem.css*/
.ui-accordion .ui-widget-content, .ui-dialog-buttonpane 
{	
	background: none !important;
	filter: none !important;
}

.ui-widget-header  
{
 background:#29cfec;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#29cfec', endColorstr='#29aae2'); /* for IE */
 background:-webkit-gradient(linear, left bottom, left top, color-stop(0.14, rgb(41,170,226)), color-stop(0.80, rgb(41,207,236))); /* for webkit browsers */
 background:-moz-linear-gradient(center bottom, rgb(41,170,226) 14%, rgb(41,207,236) 80%); /* for firefox 3.6+ */ 
 border: #ccc 1px solid; 
}

.ui-icon { width: 16px; height: 16px; background-image: url(../images/dialog_resize.png); }
.ui-widget-content .ui-icon { background-image: url(../images/dialog_resize.png); }
.ui-widget-header .ui-icon { background-image: url(../images/dialog_close.png); }

.ui-corner-top { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-right { -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; }
.ui-corner-all { /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/ }

#favoritesWidgetList .list-right-contents { min-height: 20px; }



DIV.ui-button { border: 1px #0060a4 solid; }
DIV.ui-button, .glow-button  
{
 background: #0060a4;
 background: -moz-linear-gradient(top, #49a7de, #016fb6);
 background: -webkit-linear-gradient(top, #49a7de, #016fb6);
 background: -ms-linear-gradient(top, #49a7de, #016fb6);
 background: -o-linear-gradient(top, #49a7de, #016fb6);
 background: linear-gradient(#49a7de, #016fb6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49a7de', EndColorStr='#016fb6');
-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*Jquery External Plugins: Button*/
.glow-button { vertical-align: text-bottom; }
.glow-button .inner  { border: none; background: none; } 
.glow-button .inner INPUT { background-color: transparent; margin: 0px; border:none; cursor: pointer; overflow: visible; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.blue, .blue .inner { border: 1px #24b3eb solid; }
.blue INPUT { border:none; color: #fff; padding: 4px 10px; }
.normal, .normal .inner { border: 1px #d9d9d9 solid; background: none; filter: none; }
.normal INPUT { border:none; color: #000000; padding: 4px 10px; }
.buttonDisabled, .buttonDisabled .inner { border: 1px #d9d9d9 solid; background: none; filter: none; }
.buttonDisabled INPUT { border:none; padding: 4px 10px; color: #A0A0A0; }
.glowColor, .glowNormal { font-weight: normal !important; }


/* cockpit.aspx customized radio button */
input.styled { display: none; } 
.radio { width: 48px;  height: 48px;  padding: 0 5px 0 0;  float: left; background: no-repeat; cursor: pointer;}
.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; }

.zone-options td { vertical-align: top; padding: 10px;}
.zone-options td.widgetModule { width: 69%; min-height: 60px;}
.zone-options td.widgetModuleZone { width: 31%; min-height: 60px;}

/* quick search pop up menu (dashboard) */
table.contextmenu {
	background-color:menu;
	border:1px solid buttonface;
	border:2px outset buttonhighlight;
	cursor:default;
	font:menutext;
	position:absolute;
	text-align:left;
	visibility:hidden;
	z-index:5;
}

.SectionHeader table, table.resetTableWidth, .resetTableWidth table {	width: auto; }

/*################
/*# Telerik menu #*/
/*################
		/* <RadMenu / Simple> */	
		DIV.RadMenu_MegaMenu ul.rmRootGroup, .RadMenu_MegaMenu div.rmRootGroup
		{
			border:0;		
			background-image:none;
			background-color:transparent;
			border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
			-webkit-border-radius: 3px 0 0 3px;
			height: 3.5em;
		}
				
				
		DIV.RadMenu_MegaMenu .rmGroup { background-image: none; }
				
		/*DIV.RadMenu_MegaMenu UL.rmVertical {padding: 15px 0px;} Increase padding between Root Menu Item and SubMenu Item*/
		
		/*Reducce */
		DIV.RadMenu_MegaMenu .rmSlide .rmSlide {margin-left: 0px; }
		DIV.RadMenu_MegaMenu .rmShadows .rmSlide 
		{
		    padding-right: 6px; 
		    padding-bottom: 120px !important;
		}
		
		/* <Root items> */
		DIV.RadMenu_MegaMenu, .RadMenu_MegaMenu a.rmLink { color: #fff; text-decoration: none; }
		DIV.RadMenu_MegaMenu .rmItem a.rmLink { padding: 1px 12px; }
		DIV.RadMenu_MegaMenu .rmHorizontal a.rmLink .rmText { padding-right: 0; }
		DIV.RadMenu_MegaMenu a.rmRootLink .rmText { padding-left: 0; }
		
		DIV.RadMenu_MegaMenu_Context a.rmRootLink .rmText { padding-left: 28px; }
		
		/*Cockpit Menu*/
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmText { padding: 0px; }		
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmText a { float: left; }
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmText img { cursor: pointer; }
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmSlide .rmLast { border-top: 1px solid #ccc; }
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmSlide .rmLast .rmLink IMG.rmLeftImage { margin-top: 0px; }
		 .RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmSlide .rmLast a.UXMenuItem 
		 {
		 	padding-right: 30px !important;
		 }

		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmSlide .rmLast a.UXMenuItem span.rmText 
		{
		  padding: 0 0 0 4px\9;			
		 -moz-padding-start: 0 0 0 20px;		
		 -webkit-padding: 0 0 0 20px;
		 
		 }
		
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmText IMG.menuDropdownImg { float: left; margin-top: -4px; }
		
		
		.RadMenu_MegaMenu .rmRootGroup li.rmItem A.rmLink, .RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmText a  /*Root Item link*/
		{			
			background: none;
			color: #fff;
			font-size: 1.25em;
			font-weight: bold;
			padding: 0.7em 1.5em 0em;
			display: block;			
			cursor: pointer;
			line-height: 18px;
			height: 2.0em;
		}
		
		/*Menu Item Root level - Item Selected/Clicked style */
		.RadMenu_MegaMenu .rmRootGroup li.rmItem A.rmExpanded  
		{			
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C75BC', endColorstr='#29ABE2');
			background:-webkit-gradient(linear, left top, left bottom, from(#1C75BC), to(#29ABE2));
			background:-moz-linear-gradient(top, #1C75BC, #29ABE2);			
		}
		
		DIV.RadMenu_MegaMenu .rmRootGroup .rmItem > A.rmRootLink { width: auto;}
		DIV.RadMenu_MegaMenu .rmHorizontal .rmRootLink SPAN.rmText { padding: 0px; }
						
		/*	
		.RadMenu_MegaMenu_rtl ul.rmVertical .rmText { padding-left: 30px; padding-right: 0; }
		*/
		.RadMenu_MegaMenu .rmItem a.rmLink:hover, .RadMenu_MegaMenu .rmItem a.rmFocused, .RadMenu_MegaMenu .rmItem a.rmSelected { } 
		
		.RadMenu_MegaMenu .rmItem a.rmExpanded, .RadMenu_MegaMenu .rmItem a.rmExpanded:hover {  }
		.RadMenu_MegaMenu .rmItem a.rmDisabled, .RadMenu_MegaMenu .rmItem a.rmDisabled:hover
		{
			color: red;
			background-color: transparent;
			border: 0;
			padding: 1px 12px;
		}
		
		.RadMenu_MegaMenu img.rmLeftImage, .RadMenu_MegaMenu span.rmLeftImage { margin: 2px 2px 0 0; padding-bottom: 3px; }
		/* </Root items> */
		
		/* <Submenu items> */
		
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmGroup, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrap .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmGroupColumn .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmHorizontal .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrap .rmVertical, 
		DIV.RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, 
		DIV.RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrap .rmItem, 
		DIV.RadMenu_MegaMenu_Context.rmRoundedCorners .rmHorizontal .rmItem, 
		DIV.RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrap .rmVertical { background-image: none; }
		
		* html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmGroup, 
		* html .rmRoundedCorners_MegaMenu .rmScrollWrap .rmItem, 
		* html .rmRoundedCorners_MegaMenu .rmHorizontal .rmItem, 
		* html .rmRoundedCorners_MegaMenu .rmScrollWrap .rmVertical { background-image: none; }
		
		.RadMenu_MegaMenu .rmRoundedCorners .rmGroupColumn { background-color: #ffffff; }
		
		DIV.RadMenu_MegaMenu .rmTopFix, DIV.RadMenu_MegaMenu .rmBottomFix, DIV.RadMenu_MegaMenu .rmRoundedCorners .rmGroup .rmFirst, 
		.RadMenu_MegaMenu_Context.rmRoundedCorners .rmGroup .rmFirst, .rmRoundedCorners_MegaMenu .rmGroup .rmFirst { border-color: #616161; }
		
		/*Overrides Telerik Menu: To remove left gray color bar in submenu */
		DIV.RadMenu_MegaMenu .rmTopFix, DIV.RadMenu_MegaMenu .rmBottomFix, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmGroup .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners li.rmFirstGroupColumn .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem, 
		DIV.RadMenu_MegaMenu .rmRoundedCorners ul.rmHorizontal .rmFirst, 
		.rmRoundedCorners.RadMenu_Default_Context .rmGroup .rmItem, 
		.rmRoundedCorners.RadMenu_Default_Context ul.rmHorizontal .rmFirst, 
		DIV.RadMenu_MegaMenu .rmGroup .rmVertical { background-image: none; background-color: #F1F2F2; }
		
		DIV.RadMenu_MegaMenu .rmGroup { background-color: #F1F2F2; }
		
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, 
		.RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, 
		.RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix { background: #ffffff; }
		
		* html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmTopFix, * html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmBottomFix { background: #ffffff; }
		
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, .RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, .RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, .RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow { background-color: #ffffff; border: 0; }
		* html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmTopArrow, * html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmBottomArrow, * html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmLeftArrow, * html .rmRoundedCorners_MegaMenu .rmScrollWrapContainer .rmRightArrow { background-color: #ffffff; border: 0; }
		
		DIV.RadMenu_MegaMenu li.rmTopFix, .RadMenu_MegaMenu li.rmBottomFix { background-position: -4px 0; }
		
		DIV.RadMenu_MegaMenu_rtl li.rmTopFix, .RadMenu_MegaMenu_rtl li.rmBottomFix, .RadMenu_MegaMenu_rtl .rmRoundedCorners .rmGroup .rmItem, 
		.rmRoundedCorners.RadMenu_MegaMenu_Context_rtl .rmGroup .rmItem { background-position: 101% 0; }
		
		DIV.RadMenu_MegaMenu .rmGroup .rmHorizontal { background: #ffffff; }
		DIV.RadMenu_MegaMenu .rmRoundedCorners .rmScrollWrapContainer li.rmItem, .RadMenu_MegaMenu_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem, .rmRoundedCorners_MegaMenu .rmScrollWrapContainer li.rmItem { background: none; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem a.rmLink { padding: 1px; margin: 1px 0; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 0px; }
		* html DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; }
		* + html DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem a.rmLink:hover, .RadMenu_MegaMenu .rmGroup .rmItem a.rmFocused, .RadMenu_MegaMenu .rmGroup .rmItem a.rmSelected, .RadMenu_MegaMenu .rmGroup .rmItem a.rmExpanded, .RadMenu_MegaMenu .rmGroup .rmItem a.rmExpanded:hover { padding: 0; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem a.rmDisabled, .RadMenu_MegaMenu .rmGroup .rmItem a.rmDisabled:hover { padding: 1px; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem a.rmLink .rmText { padding-right: 53px; } 
		DIV.RadMenu_MegaMenu .rmGroup .rmHorizontal a.rmLink .rmText { padding-right: 10px; }
		
		DIV.RadMenu_MegaMenu .rmVertical .rmExpandRight, DIV.RadMenu_MegaMenu .rmGroup .rmExpandRight { background-position: 100% 0; }
		/*
		DIV.RadMenu_MegaMenu a.rmLink:hover .rmExpandRight, DIV.RadMenu_MegaMenu a.rmFocused .rmExpandRight, 
		DIV.RadMenu_MegaMenu a.rmSelected .rmExpandRight, DIV.RadMenu_MegaMenu a.rmExpanded .rmExpandRight { background-position: 100% -24px; }
		*/
		
		DIV.RadMenu_MegaMenu .rmGroup A.rmFocused .rmExpandRight {}
		DIV.RadMenu_MegaMenu .rmGroup A.rmSelected .rmExpandRight {}
		
		DIV.RadMenu_MegaMenu .rmVertical .rmExpandLeft, DIV.RadMenu_MegaMenu .rmGroup .rmExpandLeft { background-position: 0 -48px;  }
		DIV.RadMenu_MegaMenu a.rmLink:hover .rmExpandLeft, DIV.RadMenu_MegaMenu a.rmFocused .rmExpandLeft, 
		DIV.RadMenu_MegaMenu a.rmSelected .rmExpandLeft, DIV.RadMenu_MegaMenu a.rmExpanded .rmExpandLeft { background-position: 0 -72px; }
		
		DIV.RadMenu_MegaMenu .rmTopArrow, DIV.RadMenu_MegaMenu .rmBottomArrow, 
		DIV.RadMenu_MegaMenu .rmLeftArrow, DIV.RadMenu_MegaMenu .rmRightArrow { background-color: #ffffff; }
		DIV.RadMenu_MegaMenu .rmTopArrow { border-bottom: 1px solid green; background-position: 50% -95px; }
		DIV.RadMenu_MegaMenu .rmBottomArrow { border-top: 1px solid #616161; background-position: 50% -109px; }
		DIV.RadMenu_MegaMenu .rmLeftArrow { border-right: 1px solid #616161; background-position: 50% -48px; }
		DIV.RadMenu_MegaMenu .rmRightArrow { border-left: 1px solid #616161; background-position: 50% 1px; }
		DIV.RadMenu_MegaMenu .rmVertical li.rmSeparator, 
		DIV.RadMenu_MegaMenu .rmHorizontal .rmVertical li.rmSeparator
		{
			border-left: 0;
			border-right: 0;
		}
		DIV.RadMenu_MegaMenu .rmVertical li.rmSeparator .rmText, 
		DIV.RadMenu_MegaMenu .rmHorizontal .rmVertical li.rmSeparator .rmText
		{
			background: #616161;
			padding-bottom: 1px;
			margin-top: 2px;
		}
		
		/*Separator color*/
		DIV.RadMenu_MegaMenu .rmHorizontal li.rmSeparator .rmText, 
		DIV.RadMenu_MegaMenu .rmVertical .rmHorizontal li.rmSeparator .rmText
		{
			background: #99d4f8;
			width: 1px;
			margin-left: 1px;
			height: 38px;			
		}
		
		/* <rtl> */
		DIV.RadMenu_MegaMenu_rtl .rmGroup, DIV.RadMenu_MegaMenu_rtl .rmGroup .rmVertical { background-position: 101% 0; }
		DIV.RadMenu_MegaMenu_rtl .rmGroup .rmItem a.rmLink .rmText { padding-left: 53px; padding-right: 27px; }
		DIV.RadMenu_MegaMenu_rtl .rmGroup .rmHorizontal a.rmLink .rmText { padding-left: 10px; padding-right: 9px; }
		/* </rtl> */
		
		DIV.RadMenu_MegaMenu .rmScrollWrap .rmVertical { border: 0; }
		
		/* </RadMenu / Simple> */
		
		DIV.RadMenu_MegaMenu {  height: 3.5em; border: 0; }		
		DIV.RadMenu_MegaMenu .rmItem .rmLink
		{
			line-height: 18px;
			background-color: transparent;
			text-indent: 0px;
			font-family: Arial, Verdana, Geneva, sans-serif;
			font-size: 1.25em;
			font-weight: bold;
			color: #fff;
			/*padding: 0.7em 1.5em 0em;*/
			display: block;
			/*height: 2.1em;*/
		}
		DIV.RadMenu_MegaMenu .rmItem .rmLink:hover { /*color: #FFFFFF;*/ }
		DIV.RadMenu_MegaMenu .rmItem .rmLink:hover .rmText { }
		DIV.RadMenu_MegaMenu .rmItem .rmLink .rmExpandDown { font-style: normal; font-size: 14px; font-weight: bold; }
		DIV.RadMenu_MegaMenu .rmItem .rmExpanded { }
		DIV.RadMenu_MegaMenu .rmItem .rmExpanded .rmText { /* Indicates as behavior after clicked on megamenu item, */ }
		DIV.RadMenu_MegaMenu .rmItem .rmDisabled { background-color: #29CFEC; font-style: italic; color: #FFFFFF; font-weight: normal; }
		DIV.RadMenu_MegaMenu .rmItem .rmGroup { }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLink
		{
			line-height: 24px;
			background-color: #F5F5F5;
			text-indent: 0px;
			color: #4F4E4F;
			font-size: 12px;
			font-weight: normal;
			padding: 0px;
			margin: 0px;
		}
		
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLink:hover { padding: 0px; }	
		
		DIV.rmSlide .rmVertical LI.rmItem A.rmExpanded 
		{
		    background: rgb(204, 204, 204) !important;
		} 
		
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLink .rmExpandRight
		{
		    background: url(../images/arrow_grey_right.png) no-repeat 95% 50% !important;
		}	
		
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmLink .rmExpandRight:hover 
		{
		     background: rgb(204, 204, 204) url(../images/arrow_grey_right.png) no-repeat 95% 50% !important;
		}
		
		DIV.rmSlide .rmVertical LI.rmItem A.rmExpanded:hover
		{
		    background: rgb(204, 204, 204);
		}

		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmExpanded { background-color: #CCCCCC; }
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmExpanded .rmText { background-color: transparent; } /*Set Expanded item text background color to transparent*/
		DIV.RadMenu_MegaMenu .rmGroup .rmItem .rmDisabled { font-style: italic; }
		
		/* CUSTOM OVERRIDES */
		.RadMenu_MegaMenu .rmHorizontal .rmText { padding-right: 0px; }		
		
		/*Overrides Telerik: Proper align submenu item with the parent Item */		
		DIV.RadMenu_MegaMenu .rmGroup .rmText { margin: 0px; padding-left: 22px; } /*Mega menu*/
		DIV.RadMenu_MegaMenu .rmVertical .rmItem .rmLink SPAN.rmText { padding-left: 15px; } /*And More... menu*/
		DIV.RadMenu_MegaMenu li.CockpitHome .rmVertical .rmItem .rmLink SPAN.rmText { padding-left: 20px; } /*Cockpit Menu*/
		/*Indicates as menu item group text style */
		
		/*################
          # COCKPIT MENU #
          ################ */
        DIV.rmSlide .rmVertical li.rmItem .rmLink, DIV.rmSlide .rmVertical li.rmItem .rmLink span { background: none; }	/*Overrides Telerik .axd embedded style */	
		DIV.rmSlide .rmVertical li.rmItem  .rmLink SPAN.rmText { white-space: nowrap; }
		
		/*#################*/
		/*# SITE MAP NODES */
		/*#################*/
		/*Menu Sub Item based*/
		DIV.rsm_MM { margin-top: 12px; margin-bottom: 12px; }
		DIV.rsm_MM .RadSiteMap LI.rsm_MMSection { margin-top: 5px; margin-bottom: 5px;}
		
		DIV.rsm_MM .RadSiteMap .rsmLink, DIV.rsm_MM .RadSiteMap .rsmTemplate, 
		DIV.rmSlide .rmVertical li.rmItem .rmLink  
		{
			font-family: Arial, Verdana, Geneva, sans-serif;
			font-size: 12px;			
			color: #4F4E4F; 
			cursor: default; 
			padding: 0px;
			cursor: pointer; 
		}
		
		/*Menu Sub Item Blue Header*/
		DIV.rsm_MM .RadSiteMap .rsmLink, DIV.rsm_MM .RadSiteMap .rsmTemplate 
		{ 
			border-bottom: 1px #ccc ridge;
			line-height: 16px; 
			color: #009BDF; 
			white-space: nowrap;
			cursor: default; 
			overflow: hidden; 
			font-weight: bold;
			font-size: 14px;			
		}
		
		DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmLink, DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmTemplate, 
		DIV.rsm_MM .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink, DIV.rsm_MM .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink, 
		DIV.rsm_MM .RadSiteMap .rsmOneLevel .rsmItem .rsmLink { color: #4F4E4F; font-size: 12px; }
				
		DIV.RSM_MM .RadSiteMap .rsmLevel2 .rsmLink:hover, DIV.rsm_MM .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink:hover, 
		DIV.RSM_MM .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink:hover, 
		DIV.RSM_MM .RadSiteMap .rsmOneLevel .rsmItem .rsmLink:hover { background: #ccc; }
				
		DIV.rmSlide .rmVertical li.rmItem .rmLink,
		DIV.rsm_MM .RadSiteMap .rsmLevel1 .rsmLink { height: 1em; padding: 5px; }		
		
		DIV.rmSlide .rmVertical li.rmItem .rmLink,
		DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmLink,
		DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmTemplate { font-weight: normal; color: #4F4E4F; }
		
		/* Cockpit menu and Submenu: Item Hover Style */
		DIV.rmSlide .rmVertical li.rmItem .rmLink,
		DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmLink { background: none; padding: 5px; line-height: 16px; }
		
		DIV.rmSlide .rmVertical li.rmItem .rmLink:hover,
		DIV.rsm_MM .RadSiteMap .rsmLevel2 .rsmLink:hover { background-color: #ccc; color: #4F4E4F; padding: 5px; line-height: 16px; }
		
		DIV.rmSlide .rmVertical li.rmItem .rmLink,
		DIV.rsm_MM .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink, 
		DIV.rsm_MM .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink, 
		DIV.rsm_MM .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink { display: block; height: auto;  white-space: normal; font-weight: normal; }
		
		DIV.rmSlide .rmVertical li.rmItem .rmLink:hover,
		DIV.rsm_MM .RadSiteMap .rsmOneLevel .rsmItem .rsmLink:hover, 
		DIV.rsm_MM .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink:hover,  
		DIV.rsm_MM .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink:hover { background-color: #ccc; cursor: pointer;}					
		
		/*Overrides Telerik menu: Clear Menu Item Anchor background and applied filter*/
		DIV.RadMenu_MegaMenu .rmVertical .rmText,
		DIV.rsm_MM .RadSiteMap li.rsmItem a.rsmLink:hover,
		DIV.rmSlide .rmVertical li.rmItem a.rmExpanded { background: none; filter: none; }		
		
		/*Fix Telerik Menu RepeatColumns="2-50%/4-25%/5-20%" issue. 
		  The megamenu item will push to next line when the "Width" value divided equally. */
		DIV.rsm_MM .RadSiteMap li.rsmItem_50 { width: 49% !important; }
		DIV.rsm_MM .RadSiteMap li.rsmItem_25 { width: 24% !important; }
		DIV.rsm_MM .RadSiteMap li.rsmItem_20 { width: 19% !important; }
/* End - Telerik menu */

/* Start - Standard widget styling*/
TABLE.ListView TR:hover, TABLE.Pivot TR:hover
{ 
	background-color: #E9F8FF; 
}

TABLE.ListView TR:First-Child:hover, TABLE.Pivot TR:First-Child:hover, TABLE.ListView TR.SectionHeader, TABLE.Calculator TR:hover, Table.ListView TR.Total:hover
{
	background-color: transparent;
}

TABLE.ListView TD.pivotValue
{
	text-align:right;
}

TABLE.ListView
{
	border-spacing:3px;
}

TABLE.Pivot {
	background-color: #FFFFFF;
	border: solid 1px #9FA9A9;
	margin-left: 4px;
}

TABLE.Pivot {
	background-color: #FFFFFF;
	border: solid 1px #9FA9A9;
	margin-left: 4px;
}
TABLE.Pivot TH {
	background-color: #637876;
	color: #FFFFFF;
	text-align: left;
}
TABLE.Pivot TH a:link {
	color: #FFFFFF;
}
TABLE.Pivot TH a:visited {
	color: #FFFFFF;
}
TABLE.Pivot TH a:hover {
	color: #FFFFFF;
}
TABLE.Pivot TD {
	background: #E0E4E4;
	text-align: right;
}
TABLE.Pivot TD A {
	color: black;
	text-decoration: none;
}
TABLE.Pivot TD A:hover {
	color: black;
	text-decoration: underline;
}
TABLE.Pivot td.Total {
	font-weight: bold;
}
TABLE.Pivot td.Total A {
	color: black;
	text-decoration: none;
}
TABLE.Pivot td.Total A:hover {
	color: black;
	text-decoration: underline;
}
TABLE.Pivot td.GrandTotal {
	font-weight: bold;
}
TABLE.Pivot td.GrandTotal A {
	color: black;
	text-decoration: underline;
}

/* End - Standard widget styling */

/*Start: Top Right Icon contents style*/
td.topRight { text-align: center; border-bottom:#ccc ridge 1px; padding: 0px 3px; } 
td.topRight a.h2 { padding: 5px; }
/*End: */