﻿body
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	text-align:left;
}

h1 {color:#A7A37E;font-size:12pt;margin:0;padding:0 0 3px 0;font-weight:bold;}



/* Master layout
-------------------------------------------------------*/

.MarginLeft
{
	 margin-left:10px;
}

.MarginRight
{
	 margin-Right:10px;
}

#container
{
	width:1000px;
        margin:0 auto;
}

#header 
{
	width:100%;
	height: 60px;
	background-color:#fff;
	padding:5px 0 5px 5px;
}

#header-left 
{
	float:left;
}

#header-right 
{
	float:right;
	padding-top:45px;
	padding-right:5px;
	color:#000;
}

#nav 
{
	border-top:solid 5px #D1DBBD;
	padding:5px 0 5px 5px;
	background: url('../../image/nav_bg.png');
	
}

#main 
{
	padding:5px;
}

#footer 
{
	background: url('../../image/nav_bg.png');
	height:20px;
}

.div-clear 
{
	clear:both;
}

.black-text 
{
	color:#000;
}

.controlsLayout
{
	background-color:#FFC080;
}

.controlsHeader
{
	background-color:#FF9900;
	font:bold 12px Helvetica, Arial, sans-serif;
	color: #660066;
	padding:2px 6px 2px 6px;
}

.btnDark
{
    background: #FCFFF5;
    color: #000000;
    font-weight:bold;
	font-size:80%;
    border:solid 1px #91AA9D;
	padding:2px 5px 2px 5px;
}

.iBillImage
{
	padding:4px 4px 4px 4px;
}

.MarginRight20
{
	margin-right: 20px
}
/* Login
-------------------------------------------------------*/

.loginLayout
{
	position:absolute;
}

/* Noticeboard 
-------------------------------------------------------*/

h2.titleNotice 
{
	font: bold 12pt Verdana;
	color:#002F2F;
	padding:0px;
	margin:0px;
}

.hrDivider 
{
	margin:5px;
}

.noticeFooterText 
{
	font-size:8pt;
	color:#ccc;
}

/* Formview
-------------------------------------------------------*/
.formViewHeader /* Default */
{
    color:#ffffff;
	font-weight:bold;
	background-color:#D1DBBD;
	padding:5px;
}

.formViewStyle 
{
	text-align:left;
	background-color:#E7F2FF;
	border:solid 1px #D1DBBD; 
}
.formViewFooter {background-color:#D1DBBD;}
.formViewRow {background-color:#D1DBBD;}
.formViewPager {background-color:#D1DBBD;}

.formViewPrintHeader /* Print */
{
    color:#ffffff;
	font-weight:bold;
}

.formViewPrintFooter { background-color:#D1DBBD;}
.formViewPrintStyle {text-align:left;}
.formViewPrintPager {background-color:#ffffff;}

.printTitles 
{
    background-color: #d3d3d3;
    font-weight: bold;
}

/* Tab Styling for Call Stats
-------------------------------------------------------*/

.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:inline-block; color:#ffffff;font-weight:bold;vertical-align:top}
.ajax__tab_default .ajax__tab_inner {display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:inline-block}

.Ajax_Tab .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background-color:White}
.Ajax_Tab .ajax__tab_outer {padding-right:3px}
.Ajax_Tab .ajax__tab_inner {padding-left:3px;background: url('../../image/tab_unselected_bg.png');}
.Ajax_Tab .ajax__tab_tab {height:20px;padding:4px;margin:0;background: url('../../image/tab_unselected_bg.png');vertical-align:top}
.Ajax_Tab .ajax__tab_hover .ajax__tab_outer {background-color:#ffffff}
.Ajax_Tab .ajax__tab_hover .ajax__tab_inner {background: url('../../image/tab_hover_bg.png')}
.Ajax_Tab .ajax__tab_hover .ajax__tab_tab {background: url('../../image/tab_hover_bg.png')}
.Ajax_Tab .ajax__tab_active .ajax__tab_outer {background-color:#ffffff;color:#ffffff}
.Ajax_Tab .ajax__tab_active .ajax__tab_inner {background: url('../../image/nav_bg.png'); }
.Ajax_Tab .ajax__tab_active .ajax__tab_tab {background: url('../../image/nav_bg.png');}
.Ajax_Tab .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;padding:8px;background-color:#ffffff;}

.ajax__scroll_horiz {overflow:scroll;}
.ajax__scroll_vert {overflow:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* Client Maintenance
-------------------------------------------------------*/

.clientSelectLayout
{
	position:absolute;
	left:200px;
}
	
.clientSelectPanel
{
	background-color:#FF9900;
	padding-left:3px;
	padding-right:3px;
	height:30px;
	text-align:center;
}

.ddlClientSelect
{
	background-color:#FF9900;
	padding:2px;
	border:solid 3px #000000;
    text-align:center;
}

.clientSearch
{
	background-color:#FF9900;
	border:solid 3px #0000000;
	text-align:left;
}

.clientPageLayout
{
	position:absolute;
	top:120px;
}

/* Generic control titles
-------------------------------------------------------*/
.tblTitleTop
{
	background-color:#FF9900;
	font:bold 12px Helvetica, Arial, sans-serif;
	color: #660066;
	padding:0px;
	margin:0px;
}

.tblTitleTopText 
{
	padding:2px 0 0 2px;
	float:left;
}

.tblTitleTopControls
{
	padding:0 2px 0 0;
	float:right;
}

.clear {clear:both;}

.divOutput
{
	padding:5px;
	margin:5px 0 5px 0;
	background-color:#FFC080;
	border:solid 1px #FF9900;
	width:100%;
}

img {
border-style:none;
}

.tblHdr{
	padding:5px 5px 5px 5px;
	background-color:#FF9900;
	font:bold 12px Helvetica, Arial, sans-serif;
	color: #660066;
	vertical-align:text-top;
}

.tblSubHdr
{
    color: #660066;
    font-weight:bold;
}

/*  Gridview 
--------------------------------------------------*/
.gridViewStyle /* Default */
{
	margin-top:5px;
	text-align:left;
	background-color:#FCFFF5;
	border:solid 1px #D1DBBD;
	width:900px;
}	

.gridViewHeader 
{
	color:#ffffff;
	font-weight:bold;
	background-color:#3E606F;
	padding:5px;
}

.gridViewFooter
{
	color:#ffffff;
	font-weight:bold;
	background-color:#3E606F;
	padding:5px;
}

.gridViewStyle td, th {	padding:2px 5px 2px 5px;}
.gridViewNormRow {background-color:#D1DBBD;}
.gridViewPager {background-color:#3E606F;color:#ffffff;}


.gridViewPrintStyle /* Print */
{
	margin-top:5px;
	text-align:left;
	border:solid 1px #ffffff;
	width:900px;
}	

.gridViewPrintHeader,.gridViewPrintFooter {color:#000000; background-color:#d3d3d3;font-weight:bold;padding:5px;}
.gridViewPrintStyle td, th {padding:2px 5px 2px 5px;}


/* Opal
-------------------------------------------------------*/
.divNorm 
{
	border:solid 1px #91AA9D;
	background-color:#F0F3EB;
	padding:5px;
	margin-bottom:5px;
}

.divAlt
{
	border:solid 1px #91AA9D;
	background-color:#E7ECDD;
	padding:5px;
	margin-bottom:5px;
}

/* Print bits
-------------------------------------------------------*/
.divPrint 
{
	margin:5px;
}

.div
{
overflow:scroll;
}

/* Sp Maint
-------------------------------------------------------*/
.divAddUserControls 
{
	padding:5px;
	margin:5px 0 5px 0;
	background-color:#FFC080;
	border:solid 1px #FF9900;
	width:698px;
}

/* Modal Popup
-------------------------------------------------------*/

.modalBackground { 
background-color:Gray; 
filter:alpha(opacity=70); 
opacity:0.7; 
} 

.modalPopup { 
background-color:#ffffdd; 
border-width:3px; 
border-style:solid; 
border-color:Gray; 
padding:3px; 
width:250px; 
} 

a:link, a:visited, a:active {text-decoration: none; color:#E5A100; }
a:hover {text-decoration: none; color: #D1DBBD; }

#nav a:link, #nav  a:visited, #nav  a:active {text-decoration: none; color:#fff; }
#nav  a:hover {text-decoration: none; color: #E5A100; }