/* Base tag definitions */
body
{
    font-family: Verdana, Arial, Verdana, sans-serif;
    font-size: 8pt;
    background: #FFFFFF;
    margin:0px;
}
table 
{
	border-collapse: collapse;
}
td
{
	font-size: 8pt;
}
input, textarea
{
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
	color: #213C71;
}

.input
{
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
}
select
{
    font-family: Verdana, Arial, helvetica, sans-serif;
    font-size: 8pt;
	border: solid 1px #5979A7;	    
	margin-right: 2px;
}
h2
{
    font-size:12pt;
    margin-bottom:10px;
}
h3
{
    font-size:8pt;
    margin-bottom:5px;
}
ul
{
    margin-left:10px;
    padding-left:10px;
}
li
{
    margin-bottom:5px;
}
p
{
    margin: 0px 0px 10px 0px;
}
a
{
    color: #044B69;
    text-decoration: underline;
}
a:active
{
    color: #044B69;
    text-decoration: underline;
}
a:visited
{
    color: #044B69;
    text-decoration: underline;
}
a:hover
{
    color: #044B69;
    text-decoration: none;
}

/* Form Elements */

.button
{
    display:inline;
    text-decoration:none;
    margin:0px;
    padding:0px 0px 0px 0px;
    font-size:10px;
}

.buttonSmall
{
    text-decoration:none;
    margin:0px;
    display:inline;
    padding:0px 0px 0px 0px;
    font-size:9px;
}

.buttonLogout
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    font-size:9px;
}

.button:inactive
{
	color: #DDDDDD;
}

tr.buttonStrip td
{
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}

tr.buttonStrip2 td
{
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}

a.button
{
    text-align:center;
    color:#333333;
    line-height:20px;
}
a.button:hover
{
    color:#333333;
    text-decoration:none;
}
a.button:visited
{
    color:#333333;
    text-decoration:none;
}

.inputWide
{
    display:block;
    width:100%;
}

.inputSmall
{
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	color: #213C71;
}

.inputQuickSearch
{
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #213C71;
}

/* Table styles for list, edit pages */

tr.dataHeading th
{
    text-align:left;
    font-size:11pt;
    border-width:0px;
    padding: 4px;
	padding-left:0px;
    margin-bottom: 10px;
    vertical-align:top;
    font-weight: bold;
	background-color: #FFFFFF;
    color:#3E9FCC;
	border-bottom: solid 1px #EEEEEE;    
}
tr.dataHeading td
{
    font-size:8pt;
    padding: 4px;
	padding-left:0px;	
    vertical-align: top;
    font-weight: normal;
    background-color: #3E9FCC;
    border: 1px solid #65B2D6;
    color: white;	
}

tr.dataHeading a, tr.dataHeading a:link, tr.dataHeading a:visited,tr.dataHeading a:hover, tr.dataHeading a:active
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
}
tr.dataList, tr.dataList2
{

}
tr.dataList th
{
    font-size:8pt;
    text-align: left;
    font-weight: normal;
    padding: 6px 2px 2px 2px;
    vertical-align: top;
}
tr.dataList td
{
    font-size:8pt;
    padding: 2px;
    vertical-align: top;
    text-align: left;

}
.dataList
{
    font-size:8pt;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}

tr.dataHeadingPublic th
{
    font-size:8pt;
    padding: 4px;
    vertical-align: top;
    font-weight: normal;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CAC8F7;
	color: #555555;
}

tr.dataHeadingPublic td
{
    font-size:8pt;
    padding: 4px;
    vertical-align: top;
    font-weight: normal;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CAC8F7;
	color: #555555; 	
}
tr.dataHeadingPublic a, tr.dataHeadingPublic a:link, tr.dataHeadingPublic a:visited,tr.dataHeadingPublic a:hover, tr.dataHeadingPublic a:active
{
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}

tr.dataListPublic th
{
    font-size:8pt;
    text-align: left;
    font-weight: normal;
    padding: 6px 2px 2px 2px;
    vertical-align: top;
    border: 0px solid white;
    border-bottom: 1px solid #CAC8F7;
}
tr.dataListPublic td
{
    font-size:8pt;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    border: 0px solid white;
    border-bottom: 1px solid #CAC8F7;   
}
.dataListPublic
{
	color: #666666;
    font-size:8pt;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    border: 0px solid white;
    border-bottom: 1px solid #CAC8F7;
  /*  border-left: 1px solid #EEEEEE;*/
  /*  border-right: 1px solid #EEEEEE; */
    background-color: #F8F8F8;
}

tr.dataList2 td
{
    font-size:8pt;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    border: 0px solid white;
	border-top: 1px solid #CAC8F7;
	border-bottom: 1px solid #CAC8F7;
/*  border-left: 1px solid #EEEEEE;*/
/*  border-right: 1px solid #EEEEEE; */
    background-color: #F4F4F4;
}

tr.dataListWhite td
{
    font-size:8pt;
    padding: 2px;
    height:20px;
    vertical-align: top;
    color: #3E9FCC;
    text-align: left;
    /* removed by request */
    /* border-bottom: 1px solid #EEEEEE;*/
    background-color: #FFFFFF;
    padding-bottom: 1px;
    padding-top: 1px;
}

tr.dataListEdit td, tr.dataListEdit th
{
    font-size:8pt;
    padding: 2px;
    height:24px;
    vertical-align: top;
    color: #666666;
    font-weight: normal;
    text-align: left;
    border: 0px solid white;
    /* removed by request */    
    /* border-bottom: 1px solid #EEEEEE;*/
    background-color: #FFFFFF;
    padding-bottom: 0px;
    padding-top: 1px;
}


.dataListEdit2, tr.dataListEdit2 td, tr.dataListEdit2 th
{
    font-size:9pt;
    padding: 2px;
    height:20px;
    vertical-align: top;
    color:#3E9FCC;
    font-weight: bold;
    text-align: left;
    border: 0px solid white;
    /* removed by request */    
    /* border-bottom: 1px solid #EEEEEE;*/
    padding-bottom: 1px;
    padding-top: 1px;
}

tr.dataListWhite a, tr.dataListWhite a:link, tr.dataListWhite a:visited,tr.dataListWhite a:hover, tr.dataListWhite a:active
{
    color: #3E9FCC;
    text-decoration: underline;
}

.dataListButton 
{
    padding: 2px;
    vertical-align: middle;
    text-align: left;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    /* background-color: #FFFFFF; */
	width:20px;
}

.dataListButton td
{
    border: 0px solid white;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}


.dataGrid
{
	margin: 2px;
}

/* Pager line */

tr.pager a, a:hover, a:visited
{
	color:#3E9FCC;    
	text-decoration: underline;
	
}

tr.pager th
{
	color:#666666;
	font-size:8pt;
	font-weight: normal;
	padding: 1px;
	padding-left:0px;	
	vertical-align: middle;
	border: 0px solid white;
	background-color: #FFFFFF;
	height: 40px;    /* removed by request */
    /* border-bottom: 1px solid #EEEEEE;*/
}
tr.pager td
{
    font-size:8pt;
    padding: 2px;
	padding-left:0px;
    vertical-align: bottom;
    border: 0px solid white;
	color:#666666;

}

/* Page header */

.BodyTop {
	width: 100%;
	height: 60px;
	background-color: #003773;
	vertical-align: top;
	text-align: left;
	}
	
.BodyTop div {
	width: 110px;
	display: inline;
	float: left;
	display:block;	
	}
	
.BodyTop img {
	margin: 10px 5px 0px 7px;
	}
	
/* Page header DeTeWe */	

.BodyTopDTW {
	width: 100%;
	height: 60px;
	background-color: #EEEEEE;
	vertical-align: top;
	text-align: left;
	}
	
.BodyTopDTW div {
	width: 110px;
	display: inline;
	float: left;
	display:block;	
	}
	
.BodyTopDTW img {
	margin: 10px 5px 0px 7px;
	}

.LogoutBox
{
	float:right;
	display:block;
	color:#FFFFFF;
	padding-top:10px;
}

/* Wavelink admin menu */

.AdminMenu 
{
	width: 100%;
	font-weight: bold;	
}
.AdminMenuContainer
{
	width:150px;
	vertical-align:top;
	text-align: left;
	background-color: #3E9FCC;
	height: 100%;
}

tr.AdminMenuCellOn td
{
	padding: 3px;
	width: 150px;
	font-weight: normal;	
	color: #FFFFFF;
	background-color:#003773;
	border: solid 1px #65B2D6;
}

tr.AdminMenuCellOff td
{
	padding: 3px;
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#3E9FCA;
	border: solid 1px #65B2D6;	
}

tr.AdminMenuCellOver td
{
	padding: 3px;
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#FFBE1C;
	border: solid 1px #65B2D6;	
}


tr.AdminMenuCellOn td
{
	padding: 3px;
	width: 150px;
	font-weight: normal;	
	color: #FFFFFF;
	background-color:#003773;
	border: solid 1px #65B2D6;
}

tr.AdminMenuCellOff td
{
	padding: 3px;
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#3E9FCA;
	border: solid 1px #65B2D6;	
}

tr.AdminMenuCellOver td
{
	padding: 3px;
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#FFBE1C;
	border: solid 1px #65B2D6;	
}

tr.AdminMenuCellOff2 td
{
	padding: 3px;
	padding-left:13px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#43A8D7;
	border: solid 1px #65B2D6;	
}

/* Container element for all right panel content (Wavelink Admin) */

.AdminMainContainer
{
	vertical-align: top;
	background-color: #FFFFFF;
	border-top: solid 1px #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;
	width: 90%;
}

/* Dealer menu */

.DealerMenu {
	width: 100%;
	font-weight: bold;	
}

.DealerMenuContainer
{
	width:180px;
	vertical-align:top;
	text-align: left;
	background-color: #3E9FCC;
	height: 100%;
	border: none;
}

tr.DealerMenuCellOn td
{
	padding: 3px;
	height:23px;
	width: 180px;
	font-weight: normal;	
	color: #FFFFFF;
	background-color:#003773;
	border-right: solid 1px #65B2D6;
	border-left: solid 1px #65B2D6;	
}

tr.DealerMenuCellOff td
{
	padding: 3px;
	height:23px;	
	width: 180px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#3E9FCA;
	border-top: solid 1px #65B2D6;	
	border-bottom: solid 1px #65B2D6;	
	//border-right: solid 1px #65B2D6;
	border-left: solid 1px #65B2D6;	
}

tr.DealerMenuCellOver td
{
	padding: 3px;
	height:23px;	
	width: 180px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#FFBE1C;
	border-right: solid 1px #FFBE1C;		
	border-left: solid 1px #FFBE1C;			
}

tr.DealerMenuCellOff2 td
{
	padding: 3px;
	padding-left:13px;
	color: #FFFFFF;
	font-weight: normal;	
/*	background-color:#43A8D7;*/
	background-color:#42a6d4;
	border-right: solid 1px #65B2D6;
	border-left: solid 1px #65B2D6;	
	
}

tr.DealerMenuCellOver2 td
{
	padding: 3px;
	padding-left:13px;	
	width: 180px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#FFBE1C;
}

tr.DealerMenuCellOn2 td
{
	padding: 3px;
	padding-left:13px;	
	width: 180px;
	font-weight: normal;	
	color: #FFFFFF;
	background-color:#003773;
}

tr.DealerMenuCellOff3 td
{
	padding: 3px;
	height:23px;	
	width: 180px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#FFBE1C;
	border-top: solid 1px #FFDDB4;	
	border-bottom: solid 1px #FFDDB4;	
	border-right: solid 1px #FFDDB4;
	border-left: solid 1px #FFDDB4;	
}

tr.DealerMenuCellOver3 td
{
	padding: 3px;
	height:23px;	
	width: 180px;
	color: #FFFFFF;
	font-weight: normal;	
	background-color:#003773;
}

.inputDealerMenu
{
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #213C71;
	width:170px;
}


a.DealerMenuLink, a.DealerMenuLink:visited, a.DealerMenuLink:hover {
	color: #FFFFFF;
	font-weight: normal;	
	text-decoration: none;
	width:100%;
}

/* Container element for all right panel content (Dealer section)*/

.DealerMainContainer
{
	vertical-align: top;
	background-color: #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-left: solid 0px #DDDDDD;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 400px;
	width: 90%;
}

/* Error/warning/information messages from server side */

.message
{
	color: #FFBE1C;
	font-size:8pt;
	text-align: left;
	padding:2px;
	font-weight: bold;
}

/* Page footer */

.footer
{
    font-size:7pt;
    padding: 2px;
	padding-left: 15px;
    vertical-align: top;
    color: #3E9FCC;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
}

.footerDealer
{
    font-size:7pt;
    padding: 2px;
	padding-left: 15px;
    vertical-align: top;
    color: #3E9FCC;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
}


/* General text content */

.generalContent
{
    font-size:8pt;
    color: #666666;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    border: 0px solid white;
}

/* Content in a grey box */

.greyBoxContent
{
    color: #254277;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-bottom: 8px;
    margin-top: 8px;    
    vertical-align: top;
    text-align: left;
}

/* Feature content on right hand side */

.featureContent
{
    font-size:7pt;
    color: #254277;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 5px;    
    vertical-align: top;
    text-align: left;
	width: 130px; 
}

/* Top search bar (Dealer section) */

searchBar
{
    margin-bottom:5px;
}

tr.searchBar td, tr.searchBar th
{
    font-size:7pt;
    text-align:right;	
	font-weight: normal;	
	color: #254277;
	background-color:#DAE1EB;
	border: solid 1px #EEEEEE;
}


tr.contentView td
{
    font-size:8pt;
    padding: 2px;
    height:24px;
    vertical-align: top;
    color: #666666;
    font-weight: normal;
    text-align: left;
    border: 0px solid white;
    /* removed by request */
    /* border-bottom: 1px solid #EEEEEE;*/
    background-color: #FFFFFF;
    padding-bottom: 0px;
    padding-top: 1px;
}

tr.contentView th
{
    font-size:8pt;
    padding: 2px;
    height:24px;
    vertical-align: top;
    color: #666666;
    font-weight: normal;
    text-align: left;
    border: 0px solid white;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    padding-top: 1px;
}

/* Miscellaneous classes */

.panel
{
    vertical-align:top;
    padding:15px;
}
.listEven td
{
    padding:5px;
    border-width:0px;
}
.listOdd td
{
    background-color:#DDDDDD;
    border-width:0px;
    padding:5px;
}
.noDisplay
{
    display:none;
}

.dataGraph
{
	background:#D2DBED;
	border:1px solid #3D64B1;
	position:relative;
	height:8px;
}

.BalHeading
{
	font-size:large; 
	color:Yellow;
}