/*************************************
* Area Styles ( Menu )
**************************************/
.menuArea {
  	margin          : 0px;
 	padding         : 0px;
	border          : none;
	
	text-align      : left;
	vertical-align  : top;
	
	width		: 165px;
}

.menuArea .menuAreaViewDiv {
  	margin          : 0px;
 	padding         : 0px;
	border          : none;
}
/*************************************
* mainMenu view styles
**************************************/
.menuAreaViewDiv .mainMenu 
{
	margin          : 0px;
	/*margin-top	: 15px;*/
	
 	padding         : 0px;
 	/*padding-left    : 15px;*/
	border          : none;
	text-align      : left;
    
}
/*************************************
* Menulisten styles
**************************************/
.menuAreaViewDiv ul {
	margin		: 0px;
	padding		: 0px;
	
	list-style-image	: none;
	list-style-position	: outside;
	list-style-type		: none;
	
}
.menuAreaViewDiv li {
	margin		: 0px;
	padding		: 0px;
	
	font-family	: Verdana, Arial, Helvetica, sans-serif;
}

.menuAreaViewDiv ul.menuCategories
{    
	font-weight	: bold;
	font-size	: 0.8em;
	
	color		: #666666;	
}
.menuAreaViewDiv ul.menuCategories li div.menuTitleItem {
	margin-top	    : 8px;
	padding-left    : 18px;
	
	background	: transparent url(../pic/nav/seperator.jpg) left center no-repeat;
		

}
.menuAreaViewDiv ul.menuSubCategories {
	padding-top     : 3px;
	padding-left	: 0px;
	
	font-weight	    : normal;
	font-size	    : 0.8em;
	
	text-align	    : left;
	
}
.menuAreaViewDiv ul.menuSubCategories li {
	margin		    : 0px;
	padding		    : 0px;	
	
	background	    : transparent;
	
}
/************************
 * Public Menu "TreeView" styles
 ************************/
.mainMenu .TreeView 
{
   font-family      : Verdana,Arial,Helvetica,sans-serif;
   color            : #666666;
   
   width            : 165px;
}
.mainMenu .TreeView table
{
   width            : 100%;
}
.mainMenu .TreeView td.Node
{

}
.mainMenu .TreeView td.HoverNode a:hover
{
    text-decoration : none;
    
    color           : #1A3993;
}
.mainMenu .TreeView td.RootNode
{
    margin          : 0px;
    padding         : 0px;
    padding-top     : 5px;
    padding-bottom  : 5px;
    border          : none;
    
    font-size       : 0.8em;
    font-weight     : bold;
}
.mainMenu .TreeView span.RootNode, .mainMenu .TreeView a.RootNode
{
    margin          : 0px;
    padding         : 0px;
    padding-left    : 17px;
    border          : none;
    
	background	    : transparent url('../pic/nav/seperator.jpg') left center no-repeat;
}
.mainMenu .TreeView td.ParentNode
{
    margin          : 0px;
    padding         : 0px;
    padding-top     : 5px;
    padding-bottom  : 5px;
    border          : none;
    
    font-size       : 0.8em;
    font-weight     : bold;
}
.mainMenu .TreeView span.ParentNode
{
    margin          : 0px;
    padding         : 0px;
    padding-left    : 17px;
    border          : none;
       
    background	    : transparent url('../pic/nav/seperator.jpg') left center no-repeat;
}
.mainMenu .TreeView td.LeafNode
{
    margin          : 0px;
    padding         : 0px;
    border          : none;
    
    text-decoration : underline;
    font-size       : 0.6em;
}
.mainMenu .TreeView td.LeafNode a
{
    text-decoration : underline;
}
.mainMenu .TreeView td.SelectedNode
{
    margin          : 0px;
    padding         : 0px;
    padding-left    : 3px;
    border          : none;
    
    font-weight     : bold;
    
    width           : 100%;  
    
    background	    : #DFDFDF;
}
.mainMenu .TreeView td.SelectedNode a
{
    text-decoration : none;
    color           : #1A3993;
    width           : 100%;   
}
/************************
 * Category Menu styles
 ************************/
.mainMenu ul.menuCategories li 
{
    margin          : 0px;
    padding         : 0px;
}
.mainMenu ul.menuCategories li ul.menuSubCategories
{
    margin          : 0px;
    padding         : 0px;
}
.mainMenu ul.menuCategories li ul.menuSubCategories li {
	margin		    : 0px;
	padding		    : 0px;
}
.mainMenu ul.menuCategories li ul.menuSubCategories li.channalCategoryMenuItem {
	margin		    : 0px;
	margin-top	    : 5px;
	padding		    : 0px;
    border          : none;
    
	background	    : transparent url(../pic/nav/chCatMenuItem_big.jpg) left top no-repeat;

	width           : 86px;
	height          : 45px;	
	
	overflow        : visible;
}
.mainMenu ul.menuCategories li ul.menuSubCategories li.channalCategoryMenuItem a {
	margin		    : 0px;
	padding		    : 0px;
    border          : none;
    
    text-decoration : none;

	text-align      : right;
	vertical-align  : bottom;
	
    font-family	    : Verdana, Arial, Helvetica, sans-serif;
	font-weight	    : bold;
	font-size	    : 1.1em;
    
    color           : white;
	background	    : transparent;
		
	width           : 86px;
	height          : 45px;
    
    float           : none;
    clear           : both;
    
    overflow        : visible;
    
	display         : inline-block;
	position        : absolute;
}
.mainMenu ul.menuCategories li ul.menuSubCategories li.channalCategoryMenuItem a div 
{   right           : 0px;
    bottom          : 0px;
    margin		    : auto;
	padding		    : 3px;
    border          : none;
    
    cursor          : pointer;
    
    height          : auto;
    
    overflow        : visible;
    
	position        : absolute;       
}
/************************
 * User Menu styles
 ************************/
.mainMenu#userMenu 
{
	font-weight	    : bold;
	font-size	    : 0.9em;
	
	color		    : #666666;	
}
.mainMenu#userMenu ul.menuCategories a
{
	margin          : 0px;
	padding         : 0px;
}
.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories 
{
}
.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories li
{
    margin-top      : 0px;
    padding		    : 0px;
}
.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories li span#userNameLabel
{
    margin-top      : 5px;
    overflow        : visible;
    
	display         : inline-block;
}
.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories li div#btnLogout {
	margin		    : 0px;
	font-weight     : bold;
	color           : #1A3993;
	/*padding		    : 0px;*/
}
.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories li div#btnLogout a {
	margin		    : 0px;
	/*color           : #1A3993;*/
	/*padding		    : 0px;*/
}
/*.mainMenu#userMenu ul.menuCategories li ul.menuSubCategories li#loginView_LOGOUT {
	margin		    : 0px;
	padding		    : 0px;
}*/

/*************************************
* view Style for TOP MENU AREA
**************************************/
.TopMenuArea 
{   
    margin          : 0px;
    margin-top      : 10px;
    padding         : 0px;
    padding-left    : 5px;
    padding-bottom  : 3px;
    border          : none;
  
    text-align      : left;
    vertical-align  : middle;
  
    width           : 100%;
    height          : auto;
    
    position        : relative;

    display         : inline-block;
}
.TopMenuArea:after 
{
    clear           : both;  
}
/*************************************
* General styles for the breadcrumb line
**************************************/
.TopMenuArea .BreadCrumb {
   	margin          : 0px;
 	padding         : 0px;
    border          : none; 
	
    font-size       : 0.75em;
    font-weight     : bold;
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    
    color           : #666666;
	
	text-align      : left;
	vertical-align  : top;
	
    width           : 100%;
    height          : auto;
    
    display         : inline-block;
}
.TopMenuArea .BreadCrumb .BreadCrumb_RootItem 
{
    margin          : 0px;
    padding         : 0px;
    padding-left    : 20px;
    padding-right   : 5px;
    border          : none;
    
    background      : transparent url(../pic/nav/seperator.jpg) left center no-repeat;

	position        : relative;
	    
    display         : inline;
}
.TopMenuArea .BreadCrumb .BreadCrumb_Item 
{
    margin          : 0px;
    padding         : 0px;
    padding-left    : 20px;
    padding-right   : 5px;
    border          : none;
   
    background      : transparent url(../pic/nav/seperator.jpg) left center no-repeat;
    
    display         : inline;
}

.TopMenuArea .BreadCrumb a {
   	margin          : 0px;
 	padding         : 0px;
	border          : none; 
	
	color           : #666666;
	
    display         : inline;
}

.TopMenuArea .BreadCrumb a:hover {
    color           : #1A3993;
}
.TopMenuArea .BreadCrumb a:visited {
    color           : #666666;
}
/*************************************
* Login view styles
**************************************/
.menuAreaViewDiv .loginView
{
    top             : 7px;
    margin          : 0px;
 	padding         : 0px;
 	/*padding-left    : 15px;*/
	border          : none;
	
	text-align      : left;
	
	position        : relative;
    
}
.menuAreaViewDiv .loginView .loginDataArea
{
    margin          : 0px;
 	padding         : 5px;
    border          : 1px solid #1A3993;
    
	font-family	    : Verdana, Arial, Helvetica, sans-serif;
	font-size	    : 0.8em;
    
 /*   background-color: Silver;*/
    
	width		    : 200px;
	
}

.menuAreaViewDiv .loginView .loginDataArea legend 
{
    font-size       : 0.8em;
    font-weight     : bold;
    color           : #1A3993;
    
    background-color: white;
}
.menuAreaViewDiv .loginView .loginDataArea div {
    margin-top      : 0px; 
    margin-bottom   : 0px;
	width		    : 195px;
}
.menuAreaViewDiv .loginView .loginDataArea div input {
	font-family	    : Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
	color           : #666666;
}
.menuAreaViewDiv .loginView .loginDataArea div.loginNameField 
{
    margin-top      : 10px;
}
.menuAreaViewDiv .loginView .loginDataArea div.loginNameField input {
    border          : 1px solid #1A3993;
    font-size	    : 0.8em;
	color           : #1A3993; /*#666666;*/
}
.menuAreaViewDiv .loginView .loginDataArea div.loginPasswordField {
	margin-bottom	: 3px;

}
.menuAreaViewDiv .loginView .loginDataArea div.loginPasswordField input {
	border          : 1px solid #1A3993;
	font-size	    : 0.8em;
	color           : #1A3993; /*#666666;*/
}
.menuAreaViewDiv .loginView .loginDataArea div.LoginErrMsgArea 
{
    margin-bottom   : 5px;
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : smaller;
    color           : Red;
}
.menuAreaViewDiv .loginView .loginDataArea div.loginSubmitButton
{
    /*border      : 1px solid gray;*/
    margin-top      : 10px;
        
    text-align      : right;
    width           : 100%;
}
.menuAreaViewDiv .loginView .loginDataArea div.loginSubmitButton input
{
    /*border      : 1px solid gray;*/
    font-size       : 0.8em;
    color           : Black;
    width           : 50%;
}
.menuAreaViewDiv .loginView label
{
	font-size	: 0.8em;
	font-weight	: bold;
	
	width		: 100%;
	
}

.menuAreaViewDiv .loginView input
{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 1em;
	
	width		: 100%;
	
}
.menuAreaViewDiv .loginView div.menuTitleItem
{
	font-size	: 0.8em;
}