@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------- Global -------------------------------------------------- */

body {
	text-align: center;
	font : 82.5%/170% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: url(images/bg2b.gif) repeat-x;

}


h1, h2, h3, h4, h5, h6, img, p, table, td, input, form, fieldset, ul, li, select {
	padding:0;
	margin:0;
}

P {
	font-weight:normal;PADDING-LEFT: 40px;PADDING-RIGHT: 40px;
}

ul {
	font-weight:normal;PADDING-LEFT: 40px;PADDING-RIGHT: 40px;
}

a {
	color:#1c4e70;
	text-decoration:underline;
	
}

a:hover {
	color:#0c2231;
	text-decoration:underline;
}

.inputClean {
	border:1px solid #babaad;
	font-size:12px;
	width:200px;
	
}

.inputClean2 {
	border:1px solid #babaad;
	font-size:12px;
	
}


input:focus {
	background-color:#fef4d1;
}

textarea:focus {
	background-color:#fef4d1;
}

select:focus {
	background-color:#fef4d1;
}


h6 {
	font-weight:bold;
	font-size:11px;
	line-height:16px;
}

img, fieldset {
	border-style:none;
}

.thRight {
	text-align:right;
}

a.sort_up {
         background: url(/images/up.png) no-repeat;
         padding-left: 15px;
         background-position: 0 50%;

}
a.sort_down {
         background: url(/images/down.png) no-repeat;
                         padding-left: 15px;
                             background-position: 0 50%;

}

th {
	text-align:left;
}
tr.now td  { font-weight: bold;}

.nowrap {
	white-space: nowrap;
}


/* ---------------------------------------------------- Header CSS -------------------------------------------------- */




#headerWrap, #bodyWrap {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	z-index:10;
	
	
	
	
}

#logoArea {
	position:relative;
	top:0px;
	width:850px;
	height:78px;
	
}

#logoArea img {
	position:relative;
	top:0px;

}


.user {
	font-size:11px;
	padding-right:25px;
	float:right;
	margin-top:30px;
	
	
	
}

.helpLink {
	position: absolute;
	top:32px;
	right:38px;
	font-size: 10px;
	
}


/* --------- Navigation ----------- */

/* - Main Navigation - */



#navMain {
	height: 28px;
	width:850px;
	background:url("/images/nav.png");
	background-repeat:repeat-x;
	position:relative;
	left:18px;
	margin:0;
	padding:0;
	clear:both;
	
    
}

#navMain ul {
	list-style-type:none;
	margin:0;
	padding:0;
}


#liDashboard, #liProducts, #liSales, #liReports, #liPayments, #liSetup {
	height:28px;
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
}

#liDashboard {
	width:92px;
}

#liProducts {
	width:80px;
}

#liSales {
	width:57px;
}

#liReports {
	width:75px;
}

#liPayments {
	width:86px;
}

#liSetup {
	width:62px;
}

#liDashboard a, #liSales a, #liProducts a, #liReports a, #liPayments a, #liSetup a {
    color: #dee7ed;
    font-size: 12px;
    text-decoration: none;
	font-weight: bold;
	position:relative;
	left:12px;
	top:2px;
	margin:0;
	padding:0;


}

#liDashboard a:hover, #liSales a:hover, #liProducts a:hover, #liReports a:hover, #liPayments a:hover, #liSetup a:hover {
	color:#FFF;
	position:relative;
	left:12px;
	top:2px;
	margin:0;
	padding:0;
}


#navMain ul li ul li {
	line-height:30px;
	width:190px;

}

#navMain ul li ul li span a {
	color:#FFF;
	font-size:10px;
	font-weight:normal;
}

#navMain ul li ul li span a:hover {
	color: #5fd4fc;

}

#navMain li {
	float:left;
	
}



.divLine {
	width:2px;
	float:left;
	height:28px;
	z-index:10;
	
}

#navMain li ul {
  	display: none;
  	position: absolute; 
 	top: 28px;
  	left: 0px;
	background-image:url(images/bg-dropdown.gif);
	background-repeat:repeat-x;
	background-color: #18354a;
	width:170px;
	z-index:10;
	border-left: 2px solid #0d1c27;
	border-right: 2px solid #0d1c27;
	border-bottom: 2px solid #0d1c27;
	padding:10px 10px 10px 1px;
	margin:0;
	

}

li > ul {
	top: auto;
	left: auto;
	}


#navMain li:hover ul, #navMain li.over ul { 
	display: block; 
	
	}
	
#navMain .active {
    background:url(images/nav-sel.png) #005185;
	background-repeat:repeat-x;
    color: #fff;
	height:28px;
	
} 


#navMain .active a {
    color:  #fff;
}



/* ----- End of Dropdown Nav Styles ------ */



#merchantName {
	position:absolute;
	top:2px;
	right:38px;
	z-index:10;
	color:#FFF;
}





#merchantName a:hover {
	color:#FFF;	
}

/* ------- Top Section --------*/

#topSection {
	width: 880px;
	height:28px;
	background: url(images/body-shadow2.png);
	background-repeat:no-repeat;
	position:relative;
	left:-18px;
	margin:0;
	z-index:10;
	

}

/* -------- Blue Bar (subnav) ------ */

#blueBarHolder {
	background: url(images/body-shadow2.png);
	background-repeat:no-repeat;
	position:relative;
	left:-18px;
	width:880px;
	
}

#subnav {
	background-image: url(images/bg-blueBar.gif);
	background-repeat:repeat-x;
	height:27px;
	width:850px;	
	position:relative;
	left:18px;
	border-bottom: 1px solid #b2ccd5;
}



#subnav ul {
	position:relative;
	font-size:10px;
	list-style-type:none;
	padding-left:22px;
	padding-top:2px;
}

#subnav ul li {
	display: inline;
	list-style: none;
	padding-right: 20px;
	display: inline;
	margin: 0;
	float: left;
}
/* ---------------------------------------------------- Content CSS -------------------------------------------------- */

/* ------------------------- Content Holder ----------------------- */

#bgHolder {
	width:880px;
	min-height:1806px;
	height:auto !important;
	height:1806px;
	background: url(images/body-shadow2.png);
	background-repeat: no-repeat;
	position:relative;
	left:-18px;
	
}

#bgHolder2 {
	width:850px;
	min-height:1806px;
	height:auto !important;
	height:1806px;
	position:relative;
	left:18px;
	background-color:#FFF;
}


#bgHolderDash {
	width:880px;
	min-height:1806px;
	background: url(images/body-shadow2.png);
	background-repeat: no-repeat;
	position:relative;
	left:-18px;
	
}

#bgHolder2Dash {
	width:850px;
	min-height:1806px;
	position:relative;
	left:18px;
	background-color:#FFF;
}

#contentHolder {
	width:850px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
}


/* ------------------------- Page Header ----------------------- */

#pageHeader	{
	width:850px;
	height:32px;
	/*border-bottom:1px solid #d6d6d0;*/
	background-image: url(images/bg-uiHeader.gif);
	background-repeat: repeat-x;
}

#pageHeader h1 {
	font-size:18px;
	font-weight:bold;
	color:#1c4e70;
	padding:4px 0 0 22px;
}

#pageHeader2	{
	width:850px;
	height:676px;
	border-bottom:1px solid #d6d6d0;
}

#pageHeader2 h1 {
	font-size:28px;
	text-transform:capitalize;
	font-weight:bold;
	line-height:normal;
	text-align:center;
	color:#da0303;
	padding-left:35px;
	padding-right:35px;
	padding-top:10px;
}
#pageHeader2 h3 {
	font-size:18px;
	text-transform:capitalize;
	font-weight:bold;
	line-height:normal;
	text-align:center;
	color:#000000;
	padding-left:39px;
	padding-right:39px;
	padding-top:10px;
}

/* ------------------------- Login Page ----------------------- */

#subHeader {
	
	padding:20px 0 20px 22px;
}

#subHeader p {
	font-size:14px;
	line-height:normal;
	padding-left:39px;
	padding-right:39px;
}



/* ----------------------------- Dashboard ----------------------------- */



#messageCenterHolder {
	width:850px;
	background-color:#f6f6f5;
	margin-bottom:20px;

}

#messageCenterCollapsed {
	margin-bottom:20px;

}


#newMessage {
	text-align:right;
	font-size:12px;
	background-color:#f6f6f5;
	width:850px;
	
}

#newMessage a {
	cursor:pointer;
	color:#ea633f;
	text-decoration:none;
}

#newMessage a:hover {
	text-decoration:underline;
}

#msg_list tr.new {
	font-weight: bold;
}
.collapser {
	text-align:center;
	background-color:#d6d6d0;
	width:850px;
	height:13px;
}

.imgCollapse {

	cursor:pointer;
	height:15px;
	

}

.dataCollapser {
	text-align:center;
	background-color:#def0f6;
	height:15px;

	
	
	
}

.defaultTab {
	width:300px;
	height:20px;
	text-align:right;
	float:right;
	font-size:10px;
	position:absolute;
	top:182px;
	left:557px;
	color:#1c4e70;
}

.defaultTab p {

	
}

.defaultTab input {
	padding:0;
	margin:0;
	
}


/* ------------------------- FAQ ----------------------- */

#FAQ h1 {
	font-size: 14px;
	font-weight: bold;

}

#FAQ h2 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	
}

#FAQ h2 a {
	color:#000000;
	text-decoration: none;
}

#FAQ h3 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding:10px 22px 0 0;
	
}


#FAQ p {
	font-size: 12px;
	line-height:16px;
	padding-bottom: 10px;
}


.faqTop {
	border-bottom: 1px solid #babaad;
	padding: 0px 22px 20px 22px;
	
}

.faqBrown {
	background-color: #f4f4f0;
	border-bottom: 1px solid #babaad;
	padding: 20px 22px 20px 22px;
}

.faqWhite {
	background-color: #FFFFFF;
	border-bottom: 1px solid #babaad;
	padding: 20px 22px 20px 22px;

}


/* ------------------------- Footer ----------------------- */

#footer {
	font-size: 11px;
	border-top:  6px solid #d9f5ff;
	clear: both;
	background: #fff url(/images/double-border-footer.gif) repeat-x 0 bottom;
	color: #6e6f72;
	position: relative;
	height:60px;
	width:850px;
	z-index:10;
	
	
}



/* Footer Content */


#footerCopy {
	position:relative;
	left:23px;
	top:12px;
	
}


#footerLinks {
	text-align:left;
	position:relative;
	top:12px;
	left:420px;

	

}


#footer a {
	color: #407b09;
	text-decoration: none;
}

#footer a:hover {
	color: #213f05;
}


/* ----------- Image Classes ----------- */

.logo {
	padding-top:5px;
	float:left;
	
}


/* ----------- Required Classees and MSG Classes ----------- */



#tips {
	background-color:#f4f4f0;
	border-bottom:1px solid  #d6d6d0;
	padding:6px 0 6px 22px;
	font-size:12px;
}



.notices {
	margin-top:12px;
	margin-left:22px;
	background-color:#ffffe2;
	border:1px solid  #d6d6d0;
	padding:6px 0 6px 30px;
	font-size:12px;
	width:810px;
	line-height:16px;
	background-image: url(/images/icons/alert.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
}




.required label {
	font-weight: bold;
	
}

.required-error input select {
	font-weight: bold;
    background-:#CC0000;
}


.required-error h1 {
   background-color: #F5E9EB;
   color: #820000;

}

.required-error a {
   color: #820000;
}



#msg {
	margin-top:12px;
	margin-left:22px;
	background-color:#F9EBE3;
	border:1px solid #F2AF7B;
	padding:6px 0 6px 35px;
	font-size:12px;
	width:860px;
	line-height:16px;


}

#msg.alert  {
	background-color:#ffffe2;
	border:1px solid  #d6d6d0;
    background-image: url(/images/icons/alert.gif) ;
	background-repeat:no-repeat;
	background-position:2px 3px;
	
}


#msg.error  {
    border-color: #EAB3B4;
    background-color: #F5E9EB;
    background-image: url(/images/icons/error.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	
}


#msg.ok  {
    border-color: #c7e1c8;
    background-color: #f0f9f1;
    background-image: url(/images/img-complete.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	
}

#msg.info 	{
	background-color:#ffffe2;
	border:1px solid  #d6d6d0;
    background-image: url(/images/icons/alert.gif) ;
	background-repeat:no-repeat;
	background-position:2px 3px;
  }
  
  
  /* -------------------------------- Tables ------------------------------ */

/* ------------------- Main Table ------------------- */

.data {
	border-color: #d6d6d0;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	font-size:11px;
	width:95%;
	position:relative;
	left:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;

	
}

/* ------------------- Payments Table ------------------- */

.paymentData {
	font-size:9px;
	border-color: #d6d6d0;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	width:95%;
	position:relative;
	left:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	
	
	
}

/* ------------------- Sales Table ------------------- */

.salesData {
	font-size:10px;
	border-color: #d6d6d0;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	width:95%;
	position:relative;
	left:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	
	
	
}



/* ------------- Dashboard Tables - Upper ---------- */

.tableMessages, .tableSales, .tableSystem {
	
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	font-size:11px;
	width:97%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	font-size:10px;
	margin-left:2px;
	
	

}


.tableMessages, .tableSystem {
	border-color: #cce5ee;

}

.tableMessages tr, .tableSystem tr {
	background-color:#f6fafb;
	
	
}

.tableMessages tr:hover, .tableSystem tr:hover {
	background-color:#FFFFFF;

}

.tableMessages th, .tableSystem th {
	background-color:#cce5ee;
	border-color: #cce5ee;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	padding:0 7px 0 10px;
	line-height:15px;
	text-align:left;
	
}

.tableMessages th a {

}

.tableMessages th a:hover {

}

.tableMessages td, .tableSystem td {
    border-color: #cce5ee;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	padding:0 7px 0 10px;
	line-height:18px;

}

.tableMessages td a {

}






.tableSales {
	border-color: #d6d6d0;
	
}

.tableSales tr {
	
	

}


.tableSales tr:hover {
	

}

.tableSales th {
	background-color:#F4F4F0;
	border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	padding:0 7px 0 10px;
	line-height:17px;

}


.tableSales td {
	border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	padding:0 7px 0 10px;
	line-height:19px;

}





.tableSystem {


}


/* ------------- Dashboard Tables - Lower ---------- */


.dashTableData {
	border-color: #d6d6d0;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	font-size:11px;
	width:98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	background-color:#FFFFFF;
	
}


.dashTableData th a {
	color:#000;
	text-decoration:none;
}

.dashTableData th a:hover {
	text-decoration:underline;
}

.dashTableData th {
	border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	/*text-align:left;*/
	padding:0 7px 0 10px;
	background-color:#f4f4f0;
}

.dashTableData td a {
	font-weight:bold;
}

.dashTableData td {
    border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0;
	padding:0 7px 0 10px;
}

.dashTableData tr:hover {
	background-color:#fef4d1;

}

/* ------------- Combined Elements ---------- */



.data th a, .paymentData th a, .dataDB th a, .salesData th a {
	color:#000;
	text-decoration:none;
}

.data th a:hover, .paymentData th a:hover, .dataDB th a:hover, salesData th a:hover {
	text-decoration:underline;
}

.data th, .paymentData th, .dataDB th, .salesData th {
	border-color: #d6d6d0;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    margin: 0;
	padding:0 7px 0 10px;
	background-color:#f4f4f0;
}


.paymentData td a, .dataDB td a, .salesData td a {
	font-weight:bold;
}

.data td a {
	text-decoration: none;
}

.paymentData td, .dataDB td {
    border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:0 7px 0 10px;
	

}

.salesData td {
    border-color: #d6d6d0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
		padding:0 7px 0 10px;
}

.data td {
    border-bottom: solid 1px #d6d6d0;
    border-right: solid 1px #d6d6d0;
    margin: 0;
	padding:0 7px 0 10px;
}

.data tr:hover, .paymentData tr:hover, .dataDB tr:hover, .salesData tr:hover {
	background-color:#ebf1ff;
	
}

.sales{
	font-weight: bold;	
}

.sales .closed:hover {
	background-image:url("/images/img-salesClosed.gif");
	background-repeat:no-repeat;
	background-position:1.5px 9px;
	
}

.sales.open {
	font-weight: bold;	
	background-image:url("/images/img-salesOpen.gif");
	background-repeat:no-repeat;
	background-position:1.5px 9px;
}

.sales:hover {
	font-weight: bold;	
	background-image:url("/images/img-salesClosed.gif");
	background-repeat:no-repeat;
	background-position:1.5px 9px;
}



/* ------------- Special TD TR TH classes ---------- */

.averageTD {
	text-align:right;
	color:#a2a2a2;
	font-style: italic;
	
}

.salesTD, .refundsTD, .chargebacksTD {
	text-align:right;
}


.salesTD {
	background-color:#e4ffd3;
}

.refundsTD {
	background-color:#fffde0;

}

.chargebacksTD {
	background-color:#ffeded;
}




.r {
	text-align:right;
}

.l {
	text-align:left;
}

code {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#259c1d;
}



/* Get Links */
div.links{
	width: 300px;
	font-size: 0.75em;
	margin-top: -5px;
	margin-left: 30px;
    position:absolute;
	display:none;
	z-index:20;

}

div.links blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.links blockquote ul {
	list-style:none;
	margin: 10px;
	padding: 0px;
}

div.links input {
	border:solid 1px #f6f6f6;
	width: 100%;
	font-size: x-small;
}

div.links input:hover {
	border:solid 1px #e1e1e1;
	width: 100%;
	font-size: x-small;
}

div.links div {
	position: relative;
margin:0px;
padding: 0 0 9px 0;
top: 4px; /* 1px less than padding-top */
background: transparent url(/images/tip.gif) no-repeat 20px 0;
			font-style: normal;
}

sup.v {
	font-size: xx-small;
	color: #460a00;
}

/* ------------- Other Classes ---------- */

#reports {
	margin:30px 0 0 40px;
}

.reportLeft {
	float:left;
	padding: 3px 0 3px 22px;


}

.reportLeft a {
	text-decoration: none;
}

.reportLeft a:hover {
	text-decoration: underline;
}


.reportBG:hover {
	background:url(/images/bg-reports.gif);
	background-position: bottom right;
}

.reportRight {
	float:right;
	clear:right;
	padding: 3px 10px 3px 0;
}

.reportBG {
	background:url(/images/bg-reports.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:300px;
	margin-bottom: 10px;
	height:28px;


}

.rank {
	width:82px; 
	height: 12px; 
	background-image:url(/images/bg-ratingHold.gif);
	background-repeat:no-repeat; 
	float:right;
	margin-right:22px; 
	margin-top:6px;
}

.rank span {
	float:left; 
	height: 10px; 
	display: block; 
	background-image:url(/images/bg-rating.gif); 
	background-repeat:repeat-x; 
	position:relative; 
	top:1px; 
	left:1px;
}

.report-graph {
	margin:20px 0 5px 22px;
}

sup.new {
	font-weight: bold;
	font-variant: small-caps;
	color: red;
}

#loader {
	width: 100%;
height: 20px;
background: url(/images/load.gif) no-repeat center right;
color: #777777;
	visibility: hidden;
	}