/**********************************************************
* The masterpage styling sheet consists of two main parts:*
* 1. Top horizontal header bar styling                    *
* 2. Navigation horizontal bar styling                    *
* 3. Footer styling
**********************************************************/

/************************************
* Top horizontal header bar styling *
************************************/ 
#header
{
    width:100%;
    float:left;
    clear:both;
    height:50px;
}

#header h1
{
	font: bold 24px Calibri;
    padding:10px 0px 0px 20px;
    margin:0px;
}

#mainHeaderTable 
{
    width: 100%;
}

#logoCell
{
    padding-left: 15px;
}

#headerRightCell 
{
    float: right;
}

#innerHeaderTable 
{
    margin-top: 10px;
    padding-right: 5px;
}

#innerHeaderTableFirstRow 
{
    font-size: x-small;
}

#serverAndVersionLabelCell 
{
    color: #DCDCDC;
}

#loginStatusCell a
{
    color: #2F4F4F;
    float: right;
}

#innerHeaderTableSecondRow 
{
    font-size: small;
}

#innerHeaderTableSecondRow .fieldLabel 
{
    font-weight: bold;
    float: right;
}

#clientField
{
    border-right: 1px solid #DCDCDC;
    padding-right: 5px;
}


/***********************************
* Navigation horizontal bar styling*
***********************************/

.AspNet-Menu
{
	margin: 0px;	
	padding: 0px;
	border-collapse: collapse;
}

.headLinksBar .AspNet-Menu-Horizontal .AspNet-Menu
{
	border-right: 1px solid #666666;
}

.AspNet-Menu-Item:hover, .AspNet-Menu-Item:hover a,
.AspNet-Menu-TopLevel-home:hover, .AspNet-Menu-TopLevel-home:hover a,
.AspNet-Menu-TopLevel-view:hover, .AspNet-Menu-TopLevel-view:hover a,
.AspNet-Menu-TopLevel-manage:hover, .AspNet-Menu-TopLevel-manage:hover a,
.AspNet-Menu-TopLevel-clients:hover, .AspNet-Menu-TopLevel-clients:hover a,
.AspNet-Menu-TopLevel-debtors:hover, .AspNet-Menu-TopLevel-debtors:hover a,
.AspNet-Menu-TopLevel-breakouts:hover, .AspNet-Menu-TopLevel-breakouts:hover a,
.AspNet-Menu-TopLevel-users:hover, .AspNet-Menu-TopLevel-users:hover a,
.AspNet-Menu-TopLevel-logs:hover, .AspNet-Menu-TopLevel-logs:hover a
{
     background-color: #2F4F4F; color: white;
}

.AspNet-Menu a, AspNet-Menu a:visited, AspNet-Menu a:active
{
	margin: 5px 20px 5px 0px;
	text-decoration: none;
    color: #2F4F4F;
}

.headLinksBar .AspNet-Menu a, .headLinksBar AspNet-Menu a:visited, .headLinksBar AspNet-Menu a:active
{
	color: #cccccc;
	margin: 0px;
	text-decoration: none;
	color: #b4b4b4;
	width: 115px; height: 40px;
	display: block;
	padding-left: 5px;
	line-height: 50px;
}

.AspNet-Menu-Selected, .AspNet-Menu-Selected a, .AspNet-Menu-Selected a:visited, .AspNet-Menu-Selected a:active, 
.AspNet-Menu-TopLevel-clients-Selected a, .AspNet-Menu-TopLevel-clients-Selected a:visited, .AspNet-Menu-TopLevel-clients-Selected a:active,
.AspNet-Menu-TopLevel-manage-Selected a, .AspNet-Menu-TopLevel-manage-Selected a:visited, .AspNet-Menu-TopLevel-manage-Selected a:active,
.AspNet-Menu-TopLevel-view-Selected a, .AspNet-Menu-TopLevel-view-Selected a:visited, .AspNet-Menu-TopLevel-view-Selected a:active,
.AspNet-Menu-TopLevel-home-Selected a, .AspNet-Menu-TopLevel-home-Selected a:visited, .AspNet-Menu-TopLevel-home-Selected a:active,
.AspNet-Menu-TopLevel-debtors-Selected a, .AspNet-Menu-TopLevel-debtors-Selected a:visited, .AspNet-Menu-TopLevel-debtors-Selected a:active,
.AspNet-Menu-TopLevel-breakouts-Selected a, .AspNet-Menu-TopLevel-breakouts-Selected a:visited, .AspNet-Menu-TopLevel-breakouts-Selected a:active,
.AspNet-Menu-TopLevel-users-Selected a, .AspNet-Menu-TopLevel-users-Selected a:visited, .AspNet-Menu-TopLevel-users-Selected a:active,
.AspNet-Menu-TopLevel-logs-Selected a, .AspNet-Menu-TopLevel-logs-Selected a:visited, .AspNet-Menu-TopLevel-logs-Selected a:active
{
	color: #2F4F4F;
}

.AspNet-Menu-Item, .AspNet-Menu-Selected,
.AspNet-Menu-TopLevel-manage, .AspNet-Menu-TopLevel-manage-Selected,
.AspNet-Menu-TopLevel-home, .AspNet-Menu-TopLevel-home-Selected,
.AspNet-Menu-TopLevel-view, .AspNet-Menu-TopLevel-view-Selected,
.AspNet-Menu-TopLevel-clients, .AspNet-Menu-TopLevel-clients-Selected,
.AspNet-Menu-TopLevel-debtors, .AspNet-Menu-TopLevel-debtors-Selected,
.AspNet-Menu-TopLevel-debtors, .AspNet-Menu-TopLevel-debtors-Selected,
.AspNet-Menu-TopLevel-breakouts, .AspNet-Menu-TopLevel-breakouts-Selected,
.AspNet-Menu-TopLevel-users, .AspNet-Menu-TopLevel-users-Selected,
.AspNet-Menu-TopLevel-logs, .AspNet-Menu-TopLevel-logs-Selected
{
    border-right: 1px solid #DCDCDC;
	margin: 0px;
}

.AspNet-Menu-TopLevel-home, .AspNet-Menu-TopLevel-home-Selected,
.AspNet-Menu-TopLevel-view, .AspNet-Menu-TopLevel-view-Selected,
.AspNet-Menu-TopLevel-manage, .AspNet-Menu-TopLevel-manage-Selected,
.AspNet-Menu-TopLevel-clients, .AspNet-Menu-TopLevel-clients-Selected,
.AspNet-Menu-TopLevel-debtors, .AspNet-Menu-TopLevel-debtors-Selected,
.AspNet-Menu-TopLevel-breakouts, .AspNet-Menu-TopLevel-breakouts-Selected,
.AspNet-Menu-TopLevel-users, .AspNet-Menu-TopLevel-users-Selected,
.AspNet-Menu-TopLevel-logs, .AspNet-Menu-TopLevel-logs-Selected
{
	border-bottom: 1px #DCDCDC;
	font-size: 17px;
}

.AspNet-Menu-TopLevel-home,
.AspNet-Menu-TopLevel-view,
.AspNet-Menu-TopLevel-manage,
.AspNet-Menu-TopLevel-clients,
.AspNet-Menu-TopLevel-debtors,
.AspNet-Menu-TopLevel-breakouts,
.AspNet-Menu-TopLevel-users,
.AspNet-Menu-TopLevel-logs
{
    background: url(grand_gray/summary.gif) repeat-x;
}

.AspNet-Menu-Item, .AspNet-Menu-Selected
{
    font-size: 14px;
    background:url(grand_gray/filter.gif) repeat-x;   
}

.AspNet-Menu-TopLevel-home-Selected,
.AspNet-Menu-TopLevel-view-Selected,
.AspNet-Menu-TopLevel-manage-Selected,
.AspNet-Menu-TopLevel-clients-Selected,
.AspNet-Menu-TopLevel-debtors-Selected,
.AspNet-Menu-TopLevel-breakouts-Selected,
.AspNet-Menu-TopLevel-users-Selected,
.AspNet-Menu-TopLevel-logs-Selected,
.AspNet-Menu-Selected 
{
    background:url(grand_gray/filter.gif) repeat-x;
    font-weight: bold;    
}


/********************
* Footer styling    *
*********************/

#Footer 
{
    width: 100%;
    position:fixed;
    bottom: 0;
    background:url(grand_gray/summary.gif) repeat-x;
    height: 20px;
    z-index: 40;
}

#InnerFooter 
{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-top: 3px;
}

.FooterText 
{
    color: #2F4F4F;
    font-size:0.7em;

}