a.buttonLink {
  background-color: #F0EEEA;
  padding: 2px;
}

body{
	background:url(../img/body.png) #F0EEEA repeat-x center top;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	cursor:default;
}

#container{
	width:800px;
	background:url(../img/container.png) repeat-y 7px 0px;
	margin:auto;
	text-align:left;
}

div.clearthis {
  clear: both;
  margin: 0px;
  padding: 0px;
}

div.error_message {
  background-color: #EFA4A4;
  color: #FFFFFF;
  padding: 2px;
  margin: 2px;
  width: 250px;
}

div.formElementContainer {
  width: 450px;
  text-align: right;
  padding: 5px;
}

div.formElementContainer label {
  color:#666666;
  font-size:12px;
  line-height:1.5;
}

div.headerAction {
  float: right;
}

div#pagination {
  text-align: center;
  padding-top: 20px;
}

div.searchElement {
  padding: 10px 0px;
}

#header{
	background:url(../img/header.png) no-repeat;
	height:109px;
	overflow:hidden;
}

#header h1{
	margin-top:0px;
	width:300px;
	height:75px;
	position:relative;
	top:25px;
	left:25px;
	font-size:22px;
}

#header h1 a{
	text-decoration:none;
	width:100%;
	height:75px;
	display:block;
}

#header h1 a span{
	visibility:hidden;
}

#submenu{
	margin:0px;
	padding:0px;
	margin-top:25px;
	margin-right:15px;
	float:right;
	list-style:none;
	font-size:11px;
}

#submenu li{
	float:right;
	margin-left:10px;
}

#submenu li a{
	color:#FFFAEF;
	text-decoration:none;
	text-transform:lowercase;
}

#submenu li a:hover {
	color:#FFF;
	text-decoration:underline;
}

#menu{
	background:url(../img/menu.png) no-repeat;
	height:36px;
}

#menu ul{
	margin:0px;
	margin-left:20px;
	margin-right:25px;
	padding:0px;
	list-style:none;
}

#menu ul li{
	float:left;
}

#menu ul li a{
	color:#FFF;
	background:url(../img/menu-left.png) no-repeat top left;
	padding:8px;
	padding-top:6px;
	padding-left:10px;
	padding-right:0px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

#menu ul li a span{
	background:url(../img/menu-right.png) no-repeat top right;
	padding:8px;
	padding-top:6px;
	padding-right:18px;
}


#menu ul li a:hover, #menu ul li.current a{
	background:url(../img/menu-current-left.png) no-repeat top left;
}

#menu ul li a:hover span, #menu ul li.current a span{
	background:url(../img/menu-current-right.png) no-repeat top right;
}

#news{
	margin-bottom:8px;
	margin-left:21px;
	margin-right:23px;
	background:url(../img/news.png) repeat-x;
	height:31px;
	padding-left:10px;
}

#news h3{
	margin:0px;
	padding-top:8px;
	float:left;
	color:#436793;
	font-size:12px;
}

#news h3 a{
	color:#436793;
	text-decoration:none;
}

#news p{
	float:left;
	margin:0px;
	margin-left:5px;
	padding-top:9px;
	font-size:11px;
	color:#7B848F;
}

#news p a{
	color:#7B848F;
	text-decoration:none;
}

#footer{
	background:url(../img/footer.png) no-repeat;
	height:89px;
	font-size:10px;
	padding-left:25px;
	padding-right:25px;
	color:#B3BABF;
}

#footer p.copyright{
	float:left;
	margin:0px;
	margin-top:20px;
}

#footer ul{
	float:right;
	list-style:none;
	margin:0px;
	margin-top:20px;
	padding:0px;
}

#footer ul li{
	float:left;
	margin-right:10px;
}

#footer a{
	color:#939A9F;
	text-decoration:none;
}

#footer a:hover {
	color:#B3BABF;
	text-decoration:none;
}

#wrapper{
	padding:10px;
	padding-left:30px;
	padding-right:25px;
	margin-bottom:8px;
}

#content{
	float:left;
	width:100%;
}

#content p, #content h2, #content h3, #content h4{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

#content p, #content ul, #content ol{
	color:#666;
	line-height:1.5;
	font-size:12px;
}

#contet ul, #content ol{
	padding-top:0px;
}

#content h2{
	font-family:Helvetica,Arial,sans-serif;
	text-transform:lowercase;
	color:#436793;
	font-weight:normal;
	font-size:20px;
}

#content h2 span{
	color:#9DBAD3;
}

#content h3{
	font-family:Helvetica,Arial,sans-serif;
	color:#436793;
	font-weight:strong;
	font-size:14px;
}

#content a, #popup a{
	color:#426793;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover{
  	color:#6D8BAF;
  	text-decoration:none;
}

#content table, #popup table{
	background:#FFF;
	color:#444;
	width:100%;
}

#content table tr th, #popup table tr th{
	background:#E7EFF5;
	padding:5px;
	text-align:center;
}

#content table tr td, #popup table tr td{
	background:#FFF;
	padding:3px;
	font-size:12px;
	vertical-align:top;
}

#content table tr.even td, #popup table tr.even td{
	background:#F4FAFF;
}

.clear{
	clear:both;
}

.colleft{
	float:left;
	width:125px;
	margin-right:10px;
}

.colleft p{
	text-align:right;
}

.colright{
	float:left;
	width:250px;
}

.text, select,.ghost{
	margin:0px;
	font-size:12px;
}

.text{
	color:#444;
	height:14px;
}

input.text{
	border:1px solid #CCC;
	padding:2px;
}

.ghost{
	color:#888;
}

.button{
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
}

form{
	margin:0px;
	padding:0px;
}

hr{
	border:1px solid #FFF;
	border-top:1px solid #F3F3F3;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	clear:left;
}

.error{
	padding:3px !important;
	padding-left:5px !important;
	margin-bottom:10px !important;
	background:#EFA4A4;
	-moz-border-radius:5px;
}

.success,.message,.msg{
	padding:3px !important;
	padding-left:5px !important;
	margin-bottom:10px !important;
	background:#AFEFA4;
	-moz-border-radius:5px;
}

.colright p,.colleft p{
	padding-bottom:0px !important;
	height:25px;
}

.img{
	border:1px solid #666;
	float:right;
	margin:10px;
}

.icon{
	float:left;
	width:125px;
	height:75px;
	font-size:10px;
	text-align:center;
	color:#444;
}

.icon a img{
	margin-bottom:5px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

.icon a:hover img{
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

a.view span, a.cancel span, a.delete span, a.edit span, a.approve span, a.restore span, a.download span, a.trash span{
	visibility:hidden;
}

a.view{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/view-mini.png) no-repeat center center;
}

a.download{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/download-mini.png) no-repeat center center;
}

a.cancel{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/cancel-mini.png) no-repeat center center;
}

a.approve{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/approve-mini.png) no-repeat center center;
}

a.delete{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/delete-mini.png) no-repeat center center;
}

a.edit{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/edit-mini.png) no-repeat center center;
}

a.restore{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/refresh-mini.png) no-repeat center center;
}

a.trash{
	text-decoration:none;
	display:block;
	height:16px;
	background:url(icons/trash-mini-wh.png) no-repeat center center;
}

.navigation{
	position:absolute;
	top:190px;
	width:740px;
	text-align:right;
}

#popup{
	background:url(../img/popup-header.gif) no-repeat top center;
	width:400px;
	min-height:300px;
	position:absolute;
	top:125px;
	margin-left:200px;
	margin-bottom:10px;
	z-index:99;
}

#popup-content{
	background:#FFF;
	padding:15px;
	padding-top:10px;
	padding-bottom:10px;
}

#popup h2{
	color:#FFF;
	font-size:12px;
	margin:0px;
	position:relative;
	top:18px;
	left:20px;
	height:50px;
	width:120px;
	text-align:center;
}

#popup .clear{
	background:url(../img/popup-footer.gif) no-repeat;
	height:50px;
	margin-top:-30px;
	margin-bottom:10px;
}

#popup p{
	margin-top:0px;
}

#popup-close{
	float:right;
	margin-top:10px;
	margin-right:10px;
	padding:5px;
}

#popup-close img{
	width:16px;
	height:16px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

#popup-close:hover img{
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

#screen{
	background:#9C8E65;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:98;
}

#autocomplete{
	position:absolute;
	background:#FFF;
}

#autocomplete ul{
	margin:0px;
	padding:0px;
	list-style:none;
	border:1px solid #EEE;
}

#autocomplete ul li a{
	padding:3px;
	display:block;
	font-size:10px;
	background:#FFF;
}

.location{
	margin-bottom: 10px;
/*	border-bottom: 1px solid #666666;*/
}

small{
	color:#888;
}

#edit_account_container{
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 10px;   
}

.editable-cell-form input{
  width: 80px;  
}

.editable-cell-form input.editor_ok_button{
  width: 45px;  
}

/* Member Reports */

.memberReportTable {
	width: 780px;
	margin-left: 8px;
	color: #444;
}

.memberReportTableHeadings {
	color: #444;
}

.repHeading, .repData, .practiceHeading, .practiceData, .qHeading, .qData, .uHeading, .uData, .dHeading, .dData, .ytdHeading, .ytdData, .shipToHeading, .shipToData, .billToHeading, .billToData, .differenceHeading, .differenceData {
	float: left;
	margin-right: 5px;
	height: 20px;
	padding: 5px 5px 0 5px;
} 

.repHeading, .repData {
	width: 130px;
}

.practiceHeading, .practiceData {
	width: 200px;
}

.shipToHeading, .shipToData, .billToHeading, .billToData, .differenceHeading, .differenceData {
  width: 60px;
}

.qHeading, .qData, .uHeading, .uData, .dHeading, .dData {
	width: 10px;
}

.ytdHeading, .ytdData {
	width: 70px;
}

.memberReportTableData {
	clear: both;
}

.vendorTitle {
	width: 100%;
	margin-top: 5px;
}

.repHeading, .practiceHeading, .qHeading, .uHeading, .dHeading, .ytdHeading, .qTotal, .uTotal, .dTotal, .ytdTotal, .shipToHeading, .billToHeading, .differenceHeading  {
	background-color:#E7EFF5;
	padding: 5px 5px 0 5px;
	font-weight: bold;
	text-align: center;
}

.memberReportTotals {
	clear: both;
}

.qTotal, .uTotal, .dTotal, .ytdTotal {
	float: right;
	padding: 5px;
}

.qTotal, .uTotal, .dTotal {
	width: 50px;
	margin-right: 5px;
}

.ytdTotal {
	width: 100px;
	margin-right: 45px;
}

.ytdRebateAmountTotalData {
  height: 20px;
  text-align: right;
  font-weight: bold;
  padding: 5px 40px 5px 10px;
  float: right;
  clear: both;
  font-size: 14px;
  border-bottom: 2px dotted #E7EFF5;
  width: 685px;
  margin-right:45px;
  margin-bottom: 15px;

}

/* Accounts By Reps */

.accountsByRepsTable {
	width: 780px;
	margin-left: 8px;
	color: #444;
}
    
.accountsByRepsTableHeadings {
	color: #444;
	clear: both;
	height: 15px;
}

.accountsRepHeading, .accountNumHeading, .ytdShipToHeading, .ytdBillToHeading, .ytdDifferenceHeading, .ytdRebateAmountHeading {
	background-color:#E7EFF5;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100px;
	margin-right: 5px;
	height: 15px;
}

.accountsByRepsTableData {
	clear: both;
}

.accountsRepData, .accountNumData, .ytdBillToData, .ytdShipToData, .ytdDifferenceData, .ytdRebateAmountData {
	float: left;
	width: 100px;
	padding: 5px;
	margin-right: 5px;
}

.accountsRepHeading, .accountsRepData  {
	width: 150px;
}

/* Performance by Members */

.clear-both { clear: both; }
.performance-h2 { margin: 25px 0 0 0 !important; }
#performance-by-members { width: 100%; color: #444444; } 
#performance-by-members .heading-row { clear: both; }
#performance-by-members .data-row { clear: both; }

#performance-by-members .heading {  text-align: center; font-weight: bold; width: auto; margin: 0 0 0 3px; padding: 5px; float: left; background: #E7EFF5; } 
#performance-by-members .data { float: left; padding: 5px; width: auto; margin: 0 0 0 3px;} 

#performance-by-members .practice-heading,
#performance-by-members .practice-data {
  width: 220px;
  margin: 0;
}

#performance-by-members .account-number-heading,
#performance-by-members .account-number-data {
  width: 95px;
}

#performance-by-members .qualification-heading,
#performance-by-members .qualification-data {
  width: 60px;
}

#performance-by-members .qualification-data { text-transform: uppercase; text-align: center;}

#performance-by-members .ship-to-heading,
#performance-by-members .ship-to-data {
  width: 60px;
}

#performance-by-members .bill-to-heading,
#performance-by-members .bill-to-data {
  width: 60px;
}

#performance-by-members .difference-heading,
#performance-by-members .difference-data {
  width: 80px;
}

#performance-by-members .amount-heading,
#performance-by-members .amount-data {
  width: 80px;
}