BODY, DIV, P, TD, TH {
    font-family : arial, helvetica, sans-serif;
    font-size : 10pt;
}
BODY {
    margin : 0px;
    padding : 0px;
    background-color : #fff;
    background-image : url("images/page-background_new.gif");
    background-repeat : repeat-y;
}

/*******************************************/
/*	Header								   */
/*******************************************/

div.Header
{
	background-image : url('images/header-background_new.gif');
	background-repeat : repeat-x;
	height : 90px;
}

/* This class creates the curved corner between the body, header, and content */
div.Header div.SideBarTop
{
	display: block;
	position: absolute;
	width: 169px;
	height: 10px;
	left: 0px;
	top: 80px;
	background: url("images/sidebar_top.gif") no-repeat;
	overflow: hidden;
}
div.Header div.Title
{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 350px;
	height: 40px;
	font-size: 16pt;
	color: #FFFFFF;
	overflow: hidden;
}

div.Header div.Logout
{
	display: block;
	position: absolute;
	top: 55px;
	right: 10px;
}
div.Header div.CurrentPBXSelect
{
    color : #FFFFFF;
    font-size : 8pt;
    font-weight : bold;
    text-decoration : none;	
    
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
div.Header div.Logout A
{
    color : #FFFFFF;
    font-size : 8pt;
    font-weight : bold;
    text-decoration : none;	
}
div.Header div.Logout A:hover
{
    color : #FFFFFF;
    font-size : 8pt;
    font-weight : bold;
    text-decoration : underline;	
}

div.Header div.Tabs
{
	display: block;
	position: absolute;
	top: 54px;
	left: 60px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}
	
div.Header div.Tabs UL, 
div.Header div.Tabs LI 
{
    display: inline;
    padding: 0px;
    margin: 0px;
	white-space: nowrap;		

}

div.Header div.Tabs LI
{
    font-family : verdana, arial, helvetica, sans-serif;
    font-size : 8pt;
    font-weight : bold;		
}

div.Header div.Tabs LI A 
{
	display: block;
	float: left;
    color : #FFFFFF;
    text-decoration : none;
    padding : 1px 7px 1px 7px;
	margin-top: 2px;
	margin-right: 4px;
	background-color: #6788A6;
}
div.Header div.Tabs LI A:hover
{
    color : #fff;
    text-decoration : underline;
}
div.Header div.Tabs LI.CurrentLink A
{
	margin-top: 0px;
    color: #006699;
    text-decoration: none;
	background-color: #EAF1F8;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.Header div.Tabs LI.CurrentLink A:hover
{
	color: #006699;
	text-decoration: none;
}

/*******************************************/
/*	SideBar								   */
/*******************************************/

div.SideBar
{
	height:80%;
	width:166px;
	margin-top:-15px;
}


div.SideBar ul
{
	margin: 0px; /*removes indent IE and Opera*/
	margin-left: 7px;
	padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
div.SideBar li
{
	margin: 0px 5px 1px 0px;
	width : 145px;
}

div.SideBar a
{
	display: block;
	padding: 2px 2px 2px 8px;
	border: 1px solid #EAF1F8;

	-moz-border-radius: 3px;
}


div.SideBar a:link, div.SideBar a:visited
{
	color: #003366;
	text-decoration: none;
}
div.SideBar a:hover
{
	border: 1px solid #34679A;
	background-color: #FFFFFF;
	text-decoration: none;
}
div.SideBar LI.CurrentLink a,
div.SideBar LI.CurrentLink a:link,
div.SideBar LI.CurrentLink a:visited,
div.SideBar LI.CurrentLink a:hover
{
	border: 1px solid #34679A;
	background-color: #5C7D9D;
	color: #FFFFFF;
}
div.SideBar LI.category
{
    padding-top : 20px;
    padding-bottom : 3px;
    font-weight : bold;
}
div.SideBar .subitems LI
{
    margin-left: 10px;
    width: 130px;
}
div.SideBar .subitems LI A
{
    margin-left : 10px;
    padding : 2px 2px 2px 5px;
    width : 120px;
}

/*******************************************/
/*	Content								   */
/*******************************************/

div.Content
{
	padding-top:13px;
	padding-left:23px;	
	padding-bottom:13px;
	padding-right:20px;		
	/*border:1px solid;*/
	/*background-color:#222222;*/		
}

div.Content div.Title
{
    font-size : 12pt;
    font-weight : bold;
    padding-bottom : 20px;

}

div.Content div.SubTitle
{
    font-size : 10pt;	
    padding-bottom : 20px;
}

div.Content div.Tabs
{
	display: block;
	position: absolute;
	height: 20px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}
	
div.Content div.Tabs UL, 
div.Content div.Tabs LI 
{
    display: inline;
    padding: 0px;
    margin: 0px;
	white-space: nowrap;		

}

div.Content div.Tabs LI
{
    font-family : verdana, arial, helvetica, sans-serif;
    font-size : 8pt;
    font-weight : bold;		
}

div.Content div.Tabs LI A 
{
	display: block;
	float: left;
    color : #FFFFFF;
    text-decoration : none;
    padding : 1px 7px 1px 7px;
	margin-top: 2px;
	margin-right: 4px;
	background-color: #6788A6;
}
div.Content div.Tabs LI A:hover
{
    color : #fff;
    text-decoration : underline;
}
div.Content div.Tabs LI.CurrentLink A
{
	margin-top: 0px;
    color: #006699;
    text-decoration: none;
	background-color: #EAF1F8;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.Content div.Tabs LI.CurrentLink A:hover
{
	color: #006699;
	text-decoration: none;
}

/*******************************************/
/*	Grid								   */
/*******************************************/

div.Grid
{
    border-color : #bbb;
    border-style : solid;
    border-width : 1px 1px 0px 1px;
}

div.Grid th
{
	color: #FFFFFF;
	background-color : #6788A6;
	border-bottom : 1px #bbb solid;
	text-align : left;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
}

div.Grid th, 
div.Grid td
{
	padding : 7px;
}

div.Grid th a
{
    text-decoration : none;
    color: #000;
}
div.Grid TR TD
{
	color: #000;
	border-bottom : 1px #ccc solid;
}

div.Grid table tr:hover td
{
        background-color: #EAF1F8;
        text-decoration: none;
}

div.Grid tr.GridRowOdd TD
{
	background-color : #fff;
}

div.Grid tr.GridRowEven TD
{
	background-color : #f5f5f5;
}

div.Grid TFOOT *
{
	vertical-align:bottom;
	font-size:8pt;
}


div.Grid TFOOT TD,
div.Grid TFOOT tr:hover td
{
        background-color: #e5e5e5;
}