/* 
Copyright skin: Cestus Websites 2006. 
Created by Peter Schotman, contact information: www.cestuswebsites.nl
*/

/* Skin */
.NewErpSkin {}

html 
{
	height: 100%;
}

body
{
	margin-top: 1px;
	background: #E8E9EB url(images/bg-checkered.gif) repeat scroll top left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: center;
	height: 100%;
}

#std, #admin
{
	width: 950px;  
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	text-align: left;
	background-color: #ffffff; 
}


.bgtable
{
	border:  solid 0px #812F78;
	border-left:  solid 3px #000000;
	border-right:  solid 3px #000000;
	border-bottom:  solid 3px #000000;
	background-color: #ffffff; 
	height: 100%;
	width: 100%;
}

.logorow
{
}
.toppane
{
    background-color: #E8E9EB;
	margin: 0px; 
	padding: 0px 0 0 0px; 
	border: solid 0px #ffffff;
}


.logopane
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	vertical-align: top;
	background-color: Transparent;
	width: 600px;
	float: left;
}
.topmenupane
{
	margin: 0px; 
	padding: 0px 0 0 0px; 
	border: solid 0px #ffffff;
    background: #000000 url(images/item-normal8.gif) repeat-x scroll top left;
    width: 100%;
    height: 28px;
	text-align: left;
	clear: both;
}
.adminmenu
{
    width: 200px;
	text-align: left;
	float: right;
}

.loginpane
{	
	background-color: Transparent;
	margin: 0px; border: solid 0px #ffffff;
	padding: 10px 20px 0px 0; 
    width: 300px;
    height: 20px;
	text-align: right;
	font-size: 10px;
	float: right;
}

.contentrow 
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	vertical-align: top;
	height: 100%;
	clear: both;
}
.menupane 
{
	padding: 0px 0px 0 0px;
	margin: 0px; border: solid 0px #ffffff;
	background-color: #000000;
	border: solid 0px #ffffff;
	border: solid 0px #333333;
	width: 180px;	
}

.contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	border-top: solid 0px #333333;
	border-right: solid 0px #333333;
    width: 564px;
}
.contentPanesAdmin
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	border-top: solid 0px #333333;
	border-right: solid 0px #333333;
    width: 764px;
}

.contentPanesTable
{
	background-color: #ffffff; 
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	height: 100%;
	width: 100%;
}

.RADmenupane
{
	padding: 30px 0px 20px 0px;
	margin: 0px; border: solid 0px #ffffff;

}

.bottommenupane
{
	padding: 20px 10px 0px 15px;
	margin: 0px; border: solid 0px #ffffff;
}

.rightColumnPane
{	
	margin: 0px 0 0 0; border: solid 0px #ffffff; padding: 0px 0 0 0;
    width: 200px;
	background-color: #E8E9EB;
}
.rightColumnPanecontent
{
	margin: 0px 0 0 0; border: solid 0px #ffffff; padding: 0px 0 0 0;
}
.searchpane
{
	margin: 0px 0 0 0; border: solid 0px #ffffff;
	padding: 20px 20px 5px 0; 
	_padding: 30px 20px 0px 0; 
    float: right;
}

/* */
.paneTop 
{
	margin: 0px 0 0 0; border: solid 0px #ffffff;
	padding: 0px;
    padding: 20px 20px 0px 25px;
	vertical-align: top;
	width: auto;
}
/* */
.paneBottom
{
	margin: 0px 0 0 0; border: solid 0px #ffffff;
	width: 100%;
	vertical-align: bottom;
}
/* */
/* */
.paneLeft 
{
	margin: 0px 0 0 0; border: solid 0px #ffffff;
	vertical-align: top;
	width: 50%;
    padding: 20px 10px 0px 25px;
}

.paneRight 
{
	margin: 0px 0 0 0; border: solid 0px #ffffff;
	vertical-align: top;
	width: 50%;
    padding: 20px 25px 0px 10px;
}

.breadcrumbpane
{
	background-color: #ffffff;
	height: 20px;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}
.breadcrumbpaneDiv
{
    padding: 0 0 0 10px;    
}
.breadcrumbpaneleft
{
   	background-color: #000000;
}
.breadcrumbpaneright
{
   	background-color: #E8E9EB;
}


/* Algemene stijlen */


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Hevetica, Sans-Serif;  
	color: #333333; 
	line-height: 150%;
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	padding: 0px;
	margin: 0px;
}

h1 {font-size: 20px; color: #8F4587;}
h2 {font-size: 16px; color: #8F4587;}
h3 {font-size: 12px; font-family: Verdana; font-weight: bold; color: #336633;}

.SubHead {
    color: #8F4587;
}
.SkinObject {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: Transparent;
}

A 
{
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
    font-weight: normal;
    font-size: 10px;
    text-decoration: none;
    color: #333333;
}

A:link  {
    text-decoration: none;
    color: #333333;
}

A:visited   {
    text-decoration: none;
    color: #333333;
}

A:active    {
    text-decoration: none;
    color: #333333;
}

A:hover {
    text-decoration: underline;
    color: #8F4587;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  12px;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #336633;
}

.searchpane a:link, .searchpane a:visited, .searchpane a:hover, .searchpane a:active,
.loginpane, .loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:active, .loginpane a:hover,
.breadcrumbpane, .breadcrumbpane .SkinObject, .breadcrumbpane a, .breadcrumbpane a:link, .breadcrumbpane a:visited, .breadcrumbpane a:active, .breadcrumbpane a:hover
{
	font-size: 10px;
	color: #8F4587;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color: Transparent;
    text-decoration: none;
}
.loginpane a:hover
{
    text-decoration: none;
}


.searchpane .NormalTextBox 
{
	width: 155px;
	margin: 0 0 0px 0;
	padding: 2px 0 2px 5px;
	font-size: 10px;
	font-family: Verdana;
}

.Search_Button
{
	padding: 0px 0 0 0;
	vertical-align: bottom;
	font-size: 10px;
}



/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #333333;
	font-family: Tahoma, sans-serif;
}


.NormalBold
{
	font-weight: bold; 
}

.NormalRed
{
    color: red; 
}


.Level0panelbarItem, .Level0panelbarItemHover, .Level0panelbarItemSelected, .Level0panelbarItemExpanded
{         
    display:none;
}

.Level1panelbarItem, .Level1panelbarItemSelected, .Level1panelbarItemHover, 
.Level1panelbarItemExpanded, .Level2panelbarItem, .Level2panelbarItemSelected, 
.Level2panelbarItemHover, .Level2panelbarItemExpanded
{
    FONT-SIZE: 15px;
    line-height: 20px;
    font-weight: normal; 
    COLOR: #ffffff;
    FONT-FAMILY: Arial,Verdana;
    cursor: hand;
    cursor: pointer;
    background-color: transparent;
    border: 0px solid #336633;
    border-right: 3px solid #000000;
    text-decoration: none;
    padding: 3px 5px 2px 20px;
	text-align: left;
	text-transform: none;
	margin: 5px 0px 3px 0px;
}

.Level2panelbarItem, .Level2panelbarItemSelected, .Level2panelbarItemHover, 
.Level2panelbarItemExpanded, .Level3panelbarItem, .panelbarItem, .Level3panelbarItemSelected, 
.Level3panelbarItemHover, .panelbarItemHover, .panelbarItemSelected

{
   FONT-SIZE: 14px;
   line-height: 20px;
   font-weight: normal; 
   padding: 5px 5px 4px 35px;
}

.Level1panelbarItemSelected, .Level2panelbarItemSelected, .Level3panelbarItemSelected
{
    border-right: 3px solid #ffffff;
    background-color: #ffffff;
    color: #8F4587;
    font-weight: bold; 
    
}
.Level1panelbarItemHover, .Level2panelbarItemHover, .Level3panelbarItemHover
{
    border-right: 3px solid #000000;
    background-color: #8F4587;
    color: #ffffff;
}
.Level1panelbarItemExpanded, .Level2panelbarItemExpanded
{
    color: #BD93B9;
    font-weight: bold; 
}



.NewsItem
{
    margin: 5px 0 15px 0;
    padding: 0 0 0 0;
}
.NewsItem div.Normal, .NewsItem p, .NewsItem div.NormalBold
{
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.NewsItem div a.SubHead:link, .NewsItem div a.SubHead:visited
{
    text-decoration: none;
}

.NewsItem div a.SubHead:hover
{
    text-decoration: none;
    color: #333333;
}



/* Main Menu */
.MainMenu_MenuBreak, .MainMenu_MenuIcon  { display: none; }

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow { display: none; }
.g0menucontainer
{	
	margin: 0 0px 0 180px; padding: 0px; border: solid 0px #ffffff;
	background-color: Transparent;
	width: auto;
}
.g0menucontainerAdmin
{	
	margin: 0 0px 0 89px; padding: 0px; border: solid 0px #ffffff;
	background-color: Transparent;
	width: auto;
}

.g0submenu 
{
	padding: 0px;
	margin:  0 0 0 0px;
	border: solid 1px #333333;
	z-index: 1;
	background-color: Transparent;
}

.g0menubar
{
	cursor: pointer; 
	cursor: hand; 
}

/* propagate to submenu items */
.g0menuitem, .g0menuitemsel
{
    FONT-SIZE: 12px;
    font-weight: normal; 
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    cursor: hand;
    cursor: pointer;
    background-color: #E8E9EB;
    border: 0px solid #ffffff;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
	text-align: left;
	text-transform: none;
	height: 22px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* rootmenu */
.g0rootmenuitem, .g0rootmenuitemactive, .g0rootmenuitemsel, .g0rootmenuitembreadcrumb
{
	FONT-SIZE: 15px; 
    COLOR: #ffffff;
    FONT-FAMILY: Arial,Verdana;
    font-weight: normal;
    cursor: hand;
    cursor: pointer;
    background-color: Transparent;
    border: 0px solid #333333;
	text-align: right;
	text-transform: none;
	color: #ffffff;
}

.g0rootmenuitem TD, .g0rootmenuitemactive TD, .g0rootmenuitemsel TD, .g0rootmenuitembreadcrumb TD
{
	border: 0px solid #ffffff;
	text-align: center;
	margin: 0px;
	padding: 3px 20px 0px 20px;
	width: auto;
	height: 28px;
    vertical-align: top;
}
.g0rootmenuitemactive TD, .g0rootmenuitembreadcrumb TD
{
    background: #ffffff url(images/item-hover3.gif) repeat-x scroll top left;
}

.g0rootmenuitemsel TD
{
    background: #ffffff url(images/item-hover3.gif) repeat-x scroll top left;
}

.g0rootmenuitemactive, .g0rootmenuitembreadcrumb
{
	color: #ffffff;
/*	font-weight: bold;
	letter-spacing: 0.05em; */
}

.g0rootmenuitemsel
{
	color: #ffffff;
}

/* submenu items */
.g0submenuitemsel, .g0submenuitemactive, .g0submenuitembreadcrumb
{
    FONT-SIZE: 12px;
    font-weight: normal; 
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana;
    cursor: hand;
    cursor: pointer;
    background-color: #8F4587;
    border: 0px solid #ffffff;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
	text-align: left;
	text-transform: none;
	height: 22px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.g0submenuitemactive, .g0submenuitembreadcrumb, .g0submenuitemsel
{
	color: #ffffff;
	background-color: #8F4587; 	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.adminmenu .g0menucontainer
{	
	margin: 0 0px 0 0px; 
}

.adminmenu .g0rootmenuitem
{
	FONT-SIZE: 15px; 
    COLOR: #333333;
    font-weight: bold;
}
.adminmenu .g0rootmenuitemsel
{
	FONT-SIZE: 15px; 
    COLOR: #ffffff;
    font-weight: bold;
}