/* 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; }
INPUT[type=text] { border: 1px solid #B4B4B4; }

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 ##### */

BUTTON.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 */
}

IMG.searchInputImage 
{
	height: 24px; width: 24px; margin-left: -2px;
}

/* 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;
 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; }

.VerticalTab {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px; 
	border-width: 1px; 
	border-color: #CCCCCC; 
	border-style: solid;
	background-color: #E6E6E6;	
	font-size: 12px;
	color: #5f6062;	
	display:block ;
}

.VerticalTabSelection
{	
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	border-radius: 3px 0px 0px 3px; 
	position: relative;
	z-index: 3; 
	background-color: #E6E6E6; 
	float: left; 
	width: 237px;
}

.VerticalTabStrip
{
	float: left;
	width: 225px;
	background-color: inherit;
}

.VerticalTabStrip ul
{
	padding: 0px;
	margin-top: 5px;
}

.VerticalTabOption
{
	display: block;
	list-style-type: none;
	margin-left: 11px;
	margin-right: 10px;
	cursor: pointer;
	padding: .7em 0em .7em 0em;
}

.VerticalTabOption a
{
	color: #4C575F;
	text-decoration: none;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	z-index :3;
}
	
.VerticalTabOptionHover
{
	background-color: white;
	background-repeat: no-repeat;
	background-position: left; 
	border-style: solid;
	border-width: 1.6px;
	border-color: #CCCCCC;
	width: 226px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 3px 0px 0px 3px; 
	border-right-style: none;
	background-image: url('../images/vert_tab_arrow.png');
	position: relative;
}

.VerticalTabContent 
{
	background-color: white;
	margin-left: 237px;
	min-height: 400px;
	border-left-color:#cccccc;
	border-left-width:1px;
	border-left-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
	z-index: 2; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;

}

/** 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 { padding-top: 4px;}

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

.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-color:White; 
 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;
}

TABLE.ListView TR.Selected { background-color: #E9F8FF; }

.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 #24b3eb 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(#59d2fa), to(00bcf9)); /* Saf4+, Chrome */
 background: -webkit-linear-gradient(top, #59d2fa, #00bcf9); /* Chrome 10+, Saf5.1+ */
 background: -moz-linear-gradient(top, #59d2fa, #00bcf9); /* FF3.6 */
 background: -ms-linear-gradient(top, #59d2fa, #00bcf9); /* IE10 */
 background: -o-linear-gradient(top, #59d2fa, #00bcf9); /* Opera 11.10+ */
 background: linear-gradient(top, #59d2fa, #00bcf9);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#59d2fa', EndColorStr='#00bcf9'); /* IE6–IE9 */
}

.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 #3FA9F5;
 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-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 { /*kokwai*/
 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 */
.menuButton { line-height: normal; white-space: nowrap; }
div.RadMenu_MegaMenu .rmGroup .menuButtonContainer .rmText { margin: 5px 3px 0px 5px; text-align: right;  }

/*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 > .SettingAdminContents a, .SettingAdminContents ul.settings li {
 margin:2px 2px 0 0; 		
 color:#00bbf8;
 text-decoration: none; 
}	

.SettingAdminButtons
{
  text-align: right;
  margin-right:25px;  
  margin-top: 5px;
}

.SettingAdminContents
{
 margin-left:15px;
  margin-right:15px;
}

.SettingAdminContents ul {
 display:block; 
 list-style-type:none;
 padding:0;
 width:100%;
 margin-bottom:0;    
}

.SettingAdminContents h1.title 
{
    margin-top:0;  
}

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

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

.SettingAdminContents ul li.label { width:35%; white-space:nowrap; }
.SettingAdminContents 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:0px 5px 0;
 cursor: pointer;
 /* Below is as placeholder */
 width: 24px;
 height: 24px; 
 background-repeat: no-repeat;
}

/* Generic menu starts here */
.headerIcons { float:right; margin-right:42px; height: 32px; }
.headerIcons > ul > li {list-style:none; float:right; position:relative; top:-10px; height: 31px; }

.headerIcon { background-attachment: scroll; background-repeat: no-repeat; width: 24px; height: 24px; background-position: 0px 0px;}

.headerIconPopup
{
	position: absolute; 
	width: auto; 
	border:1px #808080 solid;
	border-top: none; 		
	height: auto; 
	top: 30px; 
	z-index: 7999; 
	right: -1px; 
	background-color:#f2f2f2; 
	display:none;
	box-shadow:0 0 5px rgba(102, 102, 102, 1); 
	-webkit-box-shadow:0 0 5px rgba(102, 102, 102, 1); 
	-moz-box-shadow:0 0 5px rgba(102, 102, 102, 1);
	@media=screen and (max-width: 1024px) (width:100px), @media=screen and (min-width: 1025px) (width: 100px) 
}

LI.headerIconBg { background-color:#f2f2f2; height: 25px; }

/* 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;
}

.addNewFavoritesContainer {display: none;}
.addNewFavoritesContainer td { text-align: left; }

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

.favoritesDropDownWebKit 
{
	margin-left:-3px;
    margin-top:-4px;
}

.favoritesCategory { height: 18px; }
.addNewFavoritesContainer td.favoritesButtons { text-align: right;  padding-right: 5px; }

.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; 
	z-index: 99999;
	/* 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; }
.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: 2px #24b3eb solid; }

BUTTON.eux-button 
{	
	color: #fff; 
	cursor: pointer; 
	display: inline-block; 
	margin-right: 0.1em;
	margin-bottom: 5px;
	outline-color: invert; 
	outline-style: none; 
	outline-width: medium; 
	overflow: visible; 
	padding: 0px; 
	position: relative; 
	text-decoration: none;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

BUTTON.eux-button-enabled 
{
	border: 1px #24b3eb solid;
	background: #29cfec; /* Old browsers */
	background: -moz-linear-gradient(top, #29cfec 0%, #29aae2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29cfec), color-stop(100%,#29aae2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #29cfec 0%,#29aae2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #29cfec 0%,#29aae2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #29cfec 0%,#29aae2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29cfec', endColorstr='#29aae2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #29cfec 0%,#29aae2 100%); /* W3C */
}

BUTTON.eux-button-disabled 
{
	border: 1px #d9d9d9 solid;
	background: #F0F0F0;
	filter: none;
}

BUTTON.eux-button SPAN.eux-button-icon 
{
	color: #000; 
	background-repeat: no-repeat;
	cursor: pointer; 
	display: block; 
	height: 16px; 	 
	margin-top: -8px;
	overflow: hidden; 
	position: absolute; 
	text-align: center; 
	text-indent: -99999px; 
	top: 50%; 
	width: 16px;
}

BUTTON.eux-button SPAN.eux-button-primary-icon { left: 0.5em; }
BUTTON.eux-button SPAN.eux-button-secondary-icon { right: 0.5em; }

BUTTON.eux-button SPAN.eux-button-text 
{
	cursor: pointer; 
	display: block; 
	padding: 0.4em 1em; 	
	text-align: center;
	font-size: 1em;
}

#ButtonListContainer BUTTON.eux-button SPAN.eux-button-text 
{
	line-height: 1;
}

BUTTON.eux-button SPAN.eux-button-primary-text { padding-left: 2.1em; padding-right: 1.0em; }

BUTTON.eux-button-disabled SPAN.eux-button-text { color: #A0A0A0; }


/* 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.rmSlide .rmLastNoBorderTop {border-top:0 !important; }
		.RadMenu_MegaMenu .rmRootGroup li.CockpitHome div.rmSlide .rmLastNoBorderTop span.rmText { padding-left: 20px !important;}
		.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: -4px 0px 0px 0px !important; 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 { border-bottom:#ccc ridge 1px; padding: 5px 5px 0px 4px; } 
td.topRight a.h2 { padding: 5px; }
li.wlvHeader { padding: 10px 4px !important; }
span.topRightEntryHeader, span.wlvHeaderDescription { margin-top: 6px; display: inline-block; }
div.topRightEntryActionButton, div.wlvCreateNewButton { display: inline-block; float: right; }
/*End: */

/*Start: Attachment control*/
.fileControlContainer
	{
	    position: relative; 
	    direction: ltr; 
	    overflow: hidden; 
	    height: 15px; 
	    width: 140px; 
		padding: 5px 3px 5px 3px; 
		background: #24b3eb; 
		color: White; 
		vertical-align: middle; 
		text-align: center;
		webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
	}
	
	.file 
	{
	    z-index: 1; 
	    position: absolute; 
	    filter: alpha(opacity=0); 
	    padding: 0px; 
	    margin: 0px;
		font-size: 460px; 
		top: 0px; 
		cursor: pointer; 
		right: 0px; 
		padding-top: 0px; 
		opacity: 0
	}
	
	.removefile
	{
		float: right; 
		color: #5f6062;
		font-style: italic; 
		cursor: pointer;		
	}

/* SVG */
body svg {
	width:18px;
	height:18px;
    padding-left: 1px; 
}

button.btnHeader svg,
button.btnHeaderSelected svg {
	width:18px;
	height:18px;
    cursor:pointer;
}

/* Header button */
button.btnHeader svg, button.btnHeader svg path, button.btnHeader svg polygon, button.btnHeader svg rect {
	fill:#666666;
}

button.btnHeader:hover svg, button.btnHeader:hover svg path, button.btnHeader:hover svg polygon, button.btnHeader:hover svg rect,
button.btnHeaderSelected svg, button.btnHeaderSelected svg path, button.btnHeaderSelected svg polygon, button.btnHeaderSelected svg rect {
	fill:#137BC0;
}

/* Section Header */
tr.SectionHeader svg, .SectionHeader svg {
	width:14px;
	height:14px;
}

tr.SectionHeader > td > span > div > svg:hover, tr.SectionHeader > td > span > div > svg:hover path, tr.SectionHeader > td > span > div > svg:hover polygon,
tr.SectionHeader > th > a > svg:hover polygon {
	fill:#137BC0;
}


table.ListView th > svg {
    width: 12px;
    height: 12px;
    vertical-align: bottom;
}

table.ListView th svg polygon, table.ListView th svg path, #lvExternalRef_Header svg path, #lvExternalRef_Header svg polygon  {
	fill:#666666;
}

table.ListView th svg:hover polygon, table.ListView th svg:hover path, #lvExternalRef_Header svg:hover path, #lvExternalRef_Header svg:hover polygon {
	fill:#137BC0;
}

/* Monitor section, Search template */
table.Monitor svg, table.Monitor svg path, table.Monitor svg polygon, table.Monitor svg ellipse, table.Monitor svg polyline, table.Monitor svg rect {
	fill:#666666;
} 

table.Monitor svg:hover, table.Monitor svg:hover path, table.Monitor svg:hover polygon, table.Monitor svg:hover ellipse, table.Monitor svg:hover polyline, table.Monitor svg:hover rect,
#Criteria_ShowTemp svg:hover polygon, #Criteria_HideTemp svg:hover polygon, #Search_ShowTemp svg:hover polygon,  #Search_HideTemp svg:hover polygon {
	fill:#137BC0;
} 

/* Field, Grid */
td.RowNumber svg, #FileAttachments_List svg {
	width:18px;
	height:18px;
}

/*To check: Too many repeated selectors*/
td.Field button svg, td.Field button svg path, td.Field button svg polygon, td.Field button svg ellipse, td.Field button svg polyline, td.Field button svg rect, td.Field button svg circle,
table.Grid button svg path, table.Form td button svg path, div.imgButton svg path, #tblSF button svg path, #PeriodType button svg path, div.exButtonBar svg path,
div td.modal-table-field button svg path {
	fill: #137BC0;
}

td.Field button:hover svg, td.Field button:hover svg path, td.Field button:hover svg polygon, td.Field button:hover svg ellipse, td.Field button:hover svg polyline, 
td.Field button:hover svg rect, td.Field button:hover svg circle, table.Form tr td button:hover svg path, div td.modal-table-field button:hover svg path,
table.Grid button:hover svg path, div.imgButton svg:hover path, #tblSF button:hover svg path, #PeriodType button:hover svg path, div.exButtonBar svg:hover path {
    fill: #0E3F61;
}

.WebPartChrome:hover .WebPartChromeHeader .Icon img,
.WebPartChrome:hover .WebPartChromeHeader .Icon svg,
.WebPartChrome:hover .WebPartChromeHeaderSelected .Icon img,
.WebPartChrome:hover .WebPartChromeHeaderSelected .Icon svg {	
	height:16px;
	width:16px;
	opacity:0.7;
	vertical-align:middle;
}

.WebPartChromeHeader .TitleIcon img,
.WebPartChromeHeader .TitleIcon svg,
.WebPartChromeHeader .TitleIcon svg rect,
.WebPartChromeHeader .TitleIcon svg path,
.WebPartChromeHeader .TitleIcon svg polygon,
.WebPartChromeHeaderSelected .TitleIcon img,
.WebPartChromeHeaderSelected .TitleIcon svg,
.WebPartChromeHeaderSelected .TitleIcon svg rect,
.WebPartChromeHeaderSelected .TitleIcon svg path,
.WebPartChromeHeaderSelected .TitleIcon svg polygon {
	color: #137BC0;
	fill: #137BC0 !important;
	width: 24px;
	height: 24px;
	vertical-align:middle;
}

.WebPartChromeHeader .Icon img,
.WebPartChromeHeader .Icon svg,
.WebPartChromeHeaderSelected .Icon img,
.WebPartChromeHeaderSelected .Icon svg  {
	color: #666666;	
	height:16px;
	width:16px;
	opacity:0;
	vertical-align:middle;
}
.WebPartChromeHeader .IconCustomize img,
.WebPartChromeHeader .IconCustomize svg,
.WebPartChromeHeaderSelected .IconCustomize img,
.WebPartChromeHeaderSelected .IconCustomize svg,
.WebPartChromeHeaderSelected .IconCustomize svg rect,
.WebPartChromeHeaderSelected .IconCustomize svg path,
.WebPartChromeHeaderSelected .IconCustomize svg polygon {
	color: #666666;	
	height:16px;
	width:16px;
	opacity:0.7;
	vertical-align:middle;
}

.WebPartChromeHeader .Icon img:hover,
.WebPartChromeHeader .Icon svg:hover,
.WebPartChromeHeader .IconCustomize img:hover,
.WebPartChromeHeader .IconCustomize svg:hover,
.WebPartChromeHeaderSelected .Icon img:hover,
.WebPartChromeHeaderSelected .Icon svg:hover,
.WebPartChromeHeaderSelected .IconCustomize img:hover,
.WebPartChromeHeaderSelected .IconCustomize svg:hover {
	opacity:1 !important;
	vertical-align:middle;
}

.EditorPartChromeHeader .Title div svg path, 
.EditorPartChromeHeader .Title div svg circle,
.EditorPartChromeHeader .Title div svg line, 
.EditorPartChromeHeader .Title div svg polyline, 
.EditorPartChromeHeader .Title div svg ellipse, 
.EditorPartChromeHeader .Title div svg rect, 
.EditorPartChromeHeader .Title div svg polygon {
	fill: #137BC0;
}

/* Paging buttons */
button.liButton { 
	color: #137BC0;
	font-size:13px;
	background:#fff;
	padding:2px 10px;
	margin-right:5px;
	border:1px solid #137BC0;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	    
}

button.liButton:hover:enabled { 
	font-size:13px;
	color: #FFFFFF;
	padding:2px 10px;
	margin-right:5px;	
	border:1px solid #137BC0;
	border-radius:2px;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
 	background: #137BC0;
    cursor:pointer;
}

button.liButton:active:enabled { 
	font-size:13px;
	color: #FFFFFF;
	padding:2px 10px;
	margin-right:5px;	
	border:1px solid #2980B9;
	border-radius:2px;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
 	background: #2980B9;
}

button.liButton:disabled { 
	border: 1px #DDDDDD solid;
	background: #F2F2F2;
	filter: none;
	color:#666666;
}

button.liButton,
button .pgbutton
{
    cursor: default;
}

/*End: */