@import "WebDateChooserLayoutGray.css";

body {
	margin:0 20px 0px 0px;height:100%;
}

.top_bg{ background-repeat:repeat-x; background-position:top left;}

.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;}
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none;}
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#FF9900; text-decoration:underline;} 

#wrapper{ position:relative; height:258px; }
#logo{ position:absolute; top:29px; left:29px; width:228px; height:31px; z-index:3; }
#user{ position:absolute; height:18px; top:8px; right:8px; text-align:right; z-index:3; }
#header{ position:absolute; bottom:40px; z-index:2; width:100%; background:url(headerbg.gif); }
#menu{ position:absolute; background:url(menubg.jpg); width:auto; height:54px; bottom:0px; z-index:1; }
#SearchContainer input{MARGIN:0px; padding:0px;border-left:1px solid #3E015D;border-right:1px solid #8336A9;border-top:1px solid #29003D;border-bottom:1px solid #A46DC0;font-size:9px;color:#ffffff;BACKGROUND:#620192;WIDTH:100px;HEIGHT:16px;}
#LanguageContainer select{MARGIN:0px; vertical-align:top; border:1px #8B00CE solid; font-size:9px;color:#FCFFFE;BACKGROUND:#6E02A6;WIDTH:130px;HEIGHT:16px;} 
/*#menu{ text-align:center; background-image:url(images/menu_bg.gif) repeat-x; margin:0px auto; clear:both; }
#options{ position:relative; height:24px; }
#yellow #options{background-image:url(images/MM2.gif); } */
.TopPane{ padding:11px 0px 11px 0px; }
.LeftPane{ padding:0px 9px 0px 0px;}
.LinkPane{ padding:0px 0px 0px 0px;}
.ContentPane{padding:0px 0px 11px 0px;}
.RightPane{ padding:0px 0px 11px 9px; }
.BottomPane{padding:0px 0px 11px 0px;}
.FooterPane{ padding:0px; }
.BannerPane{ padding:0px; }

.Head{ font-size:12px; font-weight:bold; color:#FFDD5A; }
.SubHead{ font-size:11px; color:#000000; }
.SubSubHead{ font-size:11px; color:#000000; }
.Normal{ font-size:10.5px; color:#539CC4; line-height:130%; letter-spacing: 130%;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{	color:#10218B; text-decoration:none; }
A.CommandButton:hover{ color:#000000; text-decoration:underline;}

/* Removed. Causes reportlayout to be wrong. */
.DefaultTable
{
	font-family:Tahoma; font-size:11px; color:#000000; 
}
 /*TH,TD,DIV{ font-family:Tahoma; font-size:11px; color:#000000; }*/

TH,TD,DIV{ font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#545454; }
A,A:link,A:visited,A:active{ color:#000000; text-decoration:none; font-size:11px;font-weight:normal;}
A:hover{ color:#10218B; text-decoration:none; font-size:11px;font-weight:normal;}

#SearchContainer{background:url(images/search_bg.gif) no-repeat top left; width:149px; height:21px;}

#SearchContainer input {margin:0; padding:0 4px 0px 3px; border:none; font-size:10px;color:#000000; width:115px; height:19px; background:none; white-space:nowrap;}


.user,a.user:link,a.user:active,a.user:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.user:hover{ font-size:11px; color:#C3D021; text-decoration:none; font-weight:normal;}

.footer,a.footer:link,a.footer:active,a.footer:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.footer:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003E8D; text-decoration:none; font-weight:normal;}

.links,a.links:link,a.links:active,a.links:visited{font-size:11px; color:#A191A9; text-decoration:none; font-weight:normal;}
a.links:hover{ font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal;}

.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{	font-size:10px; color:#FFFEFE; text-decoration:none; font-weight:normal;}
a.Breadcrumb:hover{ font-size:10px; color:#A191A9; text-decoration:none; font-weight:normal;}

.date,a.date:link,a.date:active,a.date:visited{ font-size:9px; color:#FFFEFE; text-decoration:none; font-weight:bold;}
a.date:hover{ font-size:9px; color:#FFFEFE; text-decoration:none; font-weight:bold;}

.ext{color:#262626; font-size:12px;}
.special{ font-size:10px; color:#05F506; text-decoration:none; font-weight:bold;}

.me,a.me:link,a.me:active,a.me:visited{ font-size:10px; color:#262626; text-decoration:underline; font-weight:bold;}
a.me:hover{ font-size:10px; color:#262626; text-decoration:underline; font-weight:bold;}


/*___________________________________________________________________________________________*/
.MainMenu_MenuContainer{ background:transparent; width:100%;}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_MenuBreak{ display:block; border-bottom:1px solid #EEEEEE; border-top:1px solid #F5F5F5;}

.ModuleTitle_MenuItemSel {
            background-color: transparent;
}
.MainMenu_MenuItemSel {
            background-color: transparent;}


.MainMenu_MenuItem,.submenuitembreadcrumb{
	color:#000000;	font-size:11px;	font-weight:normal;
	padding:2px 15px 2px 10px;
	border:1px #E9E9E9 solid; border-width:1px 0px;
}
.submenuitemselected{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding:2px 15px 2px 10px;
	border:1px #E9E9E9 solid;
	border-width:1px 0px;
	Margin:0px;
	background:#B5B5B5;
}
.submenu{
	z-index:1000;
	border:1px #10218B solid;
	padding:0px;
	margin:0px;
	background:#E9E9E9;
}
.rootmenuitem TD{ 
	color:#000000; font-family:Arial, Helvetica, sans-serif;
	height:33px;
	font-size:12px;
	font-weight:bold; 
	padding:0px 10px 0px 10px;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{ 
	color:#7EB4E0; font-family:Arial, Helvetica, sans-serif;
	height:33px;
	font-size:12px;
	font-weight:bold; background:url(images/menu_bg.gif) repeat-x bottom left;
	padding:0px 10px 0px 10px;
}


/* Ajax controlkit Tabstyle */

.TabStyle .ajax__tab_header {
    
    padding-bottom:2px;
	padding-top:2px;
	padding-left:7px;
	padding-right:7px;
	
    background-color: #E8E8E7;
	border: 1px solid #ADADAD;
	border-bottom-width: 0px;
	cursor:default;
	font-family: Verdana; 
	font-size: 10px;
}
.TabStyle .ajax__tab_hover  {
	/*
	padding-bottom:1px;
	padding-top:1px;*/
	/*padding-left:7px;*/
	/*padding-right:7px;
	background-color: #F2F2F2;
	border-top: 2px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	cursor:default;
	*/
	color:Navy;
	font-weight:bold;
}
.TabStyle .ajax__tab_active {
	
	padding-bottom:2px;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
	
	background-color: #FFFFFF;	
    cursor:default;
    border-top: 2px solid #ff9933;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom-width: 0px;
    		
}

.TabStyle .ajax__tab_tab {
    padding-bottom:2px;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
  	font-family: Verdana; 
	font-size: 10px;
	
}
.TabStyle .ajax__tab_body 
{
	/*
	border-top: 1px solid #ADADAD;
	*/
	background-color: #E8E8E7;
	border: 1px solid #ADADAD;
	/*border-bottom-width: 0px;*/
	cursor:default;

}

/* ProducerPicker */
.GridViewContainer
{
	font-family:Tahoma; 
	font-size:11px;
}
.GridHeader 
{
	
	background-color:#B6B6B6;
	color:#FFFFFF;

}
.GridRow
{
	background-color:White;
}
.GridAltRow
{
	background-color:#E1E1E1;
}
.GridFooter 
{
	height:2px;
	background-color:#B6B6B6;
	color:white;
}

.GridPaging
{
	background-color:#B6B6B6;
	font-size:10px;
	color:Yellow;
}


.GridSelectedRow
{
	
}
.watermark 
{ 
	color: gray;  
	font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    padding-left: 1em;
}
.GridEmptyRow
{
	font-family:Tahoma; 
	font-size:11px;
	color:Red;
	font-weight:bold;
}
.btnStyleGray
{
	font-size: 10px;
	font-style: bold; 
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#B6B6B6',EndColorStr='#E1E1E1');
	border: 1px solid #B6B6B6;
	cursor: hand;
}
.btnStyle
{
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#2456AF',EndColorStr='#80C5EC');
	border: 1px solid #2456AF;
	cursor: hand;
}

.highlight
{
	background-color:Yellow;
	font-weight:bold;
}



.head_text{ font-family:Tahoma; font-size:18px; font-style:normal; color:#315C7E;}

.green_text{ font-family:Tahoma; font-size:11px; font-style:normal; color:#2E5E84;}

.black_head{ font-family:Tahoma; font-size:11px; font-style:bold; color:#000000;}

.date{font-family:Tahoma; font-size:11px; font-style:normal; color:#385871;}



.olva_link,a.olva_link:link,a.olva_link:active,a.olva_link:visited{	font-size:11px; color:#336185; text-decoration:underline; font-weight:normal;}
a.olva_link:hover{ font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}


/*__________________________________________________________________________________________*/

#invsidemenu-Downloads A
{
  border: red 1px dotted;
  color: red!important;
  font-weight: bold;
}

#invsidemenu-Downloads A:hover, #invsidemenu-Downloads A:active
{
  border: #1A76D3 0px solid;
  color: white!important;
  font-weight: bold;
}
/*_RootPage -1, current page -2, parentpage -3, topancestor -4_*/

/*option to set number of child levels to display, or leave the setting as blank or zero to show all levels "Levels"_*/

/*_Header css class name in your skin or portal css file color controls the tab colour if you have sub tabs A2694F is a lighter brown "MenuHeaderCssClass". _*/

/*******Menu Normal********/

.MenuHdr
{
  text-align:left;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
  display:block;
  text-indent:15px;
  line-height:1.9em;
  height:26px;
  margin:0px;
  background-image:url(images/invmenu_bg.gif);
  background-repeat:no-repeat;
  padding:0px;
  margin-right:-2px;
  _margin-right:0px;
}
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
{
  text-align:left;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
  display:block;
  text-indent:15px;
  line-height:1.9em;
  height:26px;
  margin:0px;
  text-decoration:none;
  padding:0px;
  background-image:url(images/invmenu_hover.gif);
  background-repeat:no-repeat;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
}

.MenuHdr A:Hover{color:ffffff; text-decoration:none;}

/*_The header highlight css style is used to highlight the menu header under the mouse pointer "MenuHeaderHighlightCssClass". _*/

/*******Menu hover********/

.MenuHHdr
{
  text-align:left;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color:#FFFFFF;
  display:block;
  text-indent:15px;
  line-height:1.4em;
  height:26px;
  margin:0 0 1px 1px;
}
.MenuHHdr A,  .MenuHHdr A:Active, .MenuHHdr A:Hover, .MenuHHdr A:Visited, .MenuHHdr A:Link
{
  text-align:left;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px; 
  padding-top: 0px; 
  color:#ffffff;
  display:block;
  text-indent:15px;
  line-height:1.4em;
  height:26px;
  margin:0px;
  background-image:url(images/invmenu_bg.gif);
  background-repeat:no-repeat;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
}
.MenuHHdr A:Hover{ color:#ffffff;text-decoration:none;}

/*_to highlight the currently displayed page, if the current page is being drawn as a menu header "CurrentHeaderCssClass".  #885842 is kind of brown colour_*/

/*******Menu selected********/
.CurrentHCss
{
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color:#FFFFFF;
  display:block;
  text-indent:15px;
  line-height:1.4em;
  height:26px;
  margin:0 0 0 0;
  cursor:pointer;
  display:block;
  background-image:url(images/invmenu_hover.gif);
  background-repeat:no-repeat;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;  
  }
  
  
 .CurrentHCss A:hover{
   color:#ffffff; text-decoration:none;
}
/*_Menu items are rendered when the page does not have child tabs. "MenuItemCssClass". _*/
/*_. The highlight css style is used to highlight the menu item under the mouse pointer. Default value is MenuItemMouseOver _*/

/**SUB Menu**/

.MenuItem, .MenuItemMouseOver
{
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding: 0;
  text-align:left;  
  color:#ffffff;  
  text-indent:15px;
  height:26px;
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link
{
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:left;
  width: 100%;
  cursor: pointer;
  color:#ffffff;
  text-decoration: none;
  line-height:1.9em;		/* this line height, submenu letter should be center in vertical */
  _line-height:1.4em;    
  text-indent:15px;
  font-weight: bold;
  height:26px;
  background-image:url(images/invmenu_bg.gif);
  background-repeat:no-repeat;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
  padding-top:0px;
  _padding-top:3px;  
}
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
 .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: none;
  width: 100%; 
  cursor: pointer;
  display: block; 
  line-height:1.9em;	/* this line height, submenu letter should be center in vertical */
  _line-height:1.4em;
  text-indent:15px;
  font-weight: bold;
  height:26px;
}
.MenuItemMouseOver A:Hover{
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;  
  text-indent:15px;
  text-decoration:none;
  font-weight: bold;
  height:26px;
  background-image:url(images/invmenu_hover.gif);
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
  padding-top:0px;
  _padding-top:3px;  
}
/*_I am not sure what this one is _*/
.MenuItem HR
{
  color:#6e95ce;
  border:none;
  /*border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid grey;    */
}

/*_set the "current" page's css class Seems to control the sub tab of the ones other than admin and host "CurrentItemCssClass". _*/ 
.CurrentICss{
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none; 
  width: 100%; 
  cursor: pointer;
  display: block;  
  text-indent:15px;
  line-height:1.4em;
  font-weight: bold; 
  height:26px; /*background:url(images/bullet.gif) no-repeat center left;*/
}

.CurrentICss A, .CurrentICss A:Active, 
 .CurrentICss A:Visited, .CurrentICss A:Link, .CurrentICss A:Hover{
  color:#66cccc; text-decoration:none;
  font-weight: bold;
  font-size: 12px;
}

/*****************************************/


/* ********** Other Style ************** */
#wrapper{ position:relative; height:258px; }
#logo{ position:absolute; top:29px; left:29px; width:228px; height:31px; z-index:3; }
#user{ position:absolute; height:18px; top:8px; right:8px; text-align:right; z-index:3; }
#header{ position:absolute; bottom:40px; z-index:2; width:100%; background:url(../Skin/headerbg.gif); }
#menu{ position:absolute; background:url(menubg.jpg); width:auto; height:54px; bottom:0px; z-index:1; }

/********************* Container style ******************/

.white_text{font-family:Tahoma; font-size:19px; color:#FFFFFF; text-decoration:none;}