/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  Forms
  Store Admin

 COLOR CHART

  Grey default fonts - #666 
  Blue Links - #1BA0D7
  Grey wrapper div outlines - #D7D5CB
  Grey lefthand nav boxes - #EBEBEB
  Beige h4 background, Admin Notes and hidden divs - #F7F5ED
*/




/* ---------- @ HTML Elements -----------*/

body, html {	
	background: url(/images/cms/bg_lines.gif);	
	text-align:center;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	min-height:101%;
	}

body, html, input, textarea, select, table {	
	font: 11px Arial;
	color: #666;
	}

a, a:visited {	
	text-decoration:none;
	color: #1BA0D7;
	}

a:hover, a:active {	
	color:#167FAC;
	text-decoration: underline;
	}

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

p {
	margin: 15px 0px 15px 0px;
	}

fieldset {
	padding: 0px;
	border: none;
	}

img {
	border: 0px;
	}
	
iframe {
	border: none;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	height: 5000px;
	}
		


/* ---------- @ Page Structure -----------*/

#wrapper {	
	width:876px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding: 16px 21px 41px 21px;
	border-left: 1px #D7D5CB solid;
	border-right: 1px #D7D5CB solid;
	background: url(/images/cms/bg_container.gif);
	}	

a#masthead {	
	height:878px;
	background: url(/images/cms/masthead.png);
	height: 116px;
	text-indent:-9000px;
	padding:0px;
	margin:4px 0px 0px 0px;
	display: block}

.left {
	float: left;
	}

.center {
	text-align:center
	}
	
.right {
	float: right;
	}

.leftcol {	
	width:161px;
	float:left;
	}
	
.rightcol {	
	width:683px;
	float:right;
	padding:24px 0px 0px 0px;
	}

.curveboxtop {
	width: 148px;
	height:28px; 
	padding: 6px 0px 0px 13px;
	background: url(/images/cms/bg_curvetop.gif) no-repeat;
	margin-top:20px;
	color: #FFF;
	font-weight:bold;
	font-size: 12px;
	}
		
br.clearfix {	
	clear:both; 	
	margin:0px !important; 
	padding:0px !important; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; }




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


#toolbar {	
	text-align:right;
	color: #000;
	}	

#toolbar ul {	
	padding:0px;
	margin:0px 0px 0px 15px;
	}

#toolbar li, #toolbar ul {	
	display:inline;
	}

#toolbar li {	
	padding-left:15px;
	margin-right:10px;
	}
	
#toolbar li#stats {	
	background:url(/images/cms/icon_stats.gif) no-repeat;
	}

#toolbar li#users {	
	background:url(/images/cms/icon_users.gif) no-repeat;
	}

#toolbar li#overview {	
	background:url(/images/cms/icon_overview.gif) no-repeat;
	}

#toolbar li#help {	
	background:url(/images/cms/icon_help.gif) no-repeat;
	}

#toolbar li#trash {	
	background:url(/images/cms/icon_trash.gif) no-repeat;
	}

#toolbar li#logout {	
	background:url(/images/cms/icon_logout.gif) no-repeat;
	}

#toolbar li#templates {	
	background:url(/images/cms/icon_templates.gif) no-repeat;
	}

ul.nav {
	background:#EBEBEB;
	margin: 0px;
	padding: 0px 0px 9px 0px;
	background: #EBEBEB url(/images/cms/curveboxbot.gif) bottom no-repeat;
	}	

.nav li {
	list-style:none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}

.nav a, .nav a:visited {
	color: #7D7D7D;
	padding: 0px 0px 0px 15px;
	display:block;
	width: 146px;
	}

.nav a:hover, .nav a:active {
	color: #000;
	background:#F5F5F5;
	text-decoration:none
	}

.nav li#search {
	padding-left: 15px;
	}



		
/* ---------- @ Headings -----------*/
	
h2 {
	font: 26px Georgia,Times New Roman;
	margin: 0px;
	border-bottom: 1px solid #999;
	padding: 0px 0px 4px 0px;
	color: #000
	}

h2.title {	
	font: 22px Arial;
	margin: 15px 0px 15px 0px;
	padding:0px;
	font-weight:normal;
	line-height: 100%;
	border:none;
	}
	
h3 {
	padding: 2px 12px 2px 0px;
	margin: 15px 0px 0px 0px;
	font-weight:bold;
	color: #919191;
	font-size: 13px;
	}	

table.form h3 {
	padding: 0px;
	margin: 0px;
	}		
	
h4 {
	background: #F7F5ED;
	font-size: 14px;
	height: 17px;
	padding: 2px 2px 2px 4px;
	}	
	


	

/* ---------- @ Content Area -----------*/

#livepreview, #newMailList, #bulkAddEmails, .showhide {
	display:none;
	background: #F7F5ED;
	border: 1px dotted #000;
	padding: 0px 20px 20px 20px;
	}

.showhide {
	padding: 20px;
	}

#optionalDiv, #pageEntries {
	display:none;
	}
		
h4 .right {
	font-size: 11px;
	font-weight: normal;
	}	
	
table.form td {
	padding-bottom: 7px;
	}

.note {
	padding: 16px 16px 6px 16px;
	background: #F7F5ED;
	margin-bottom: 13px;
	}

#usermessage {
	background: #FFF url(/images/cms/check.png) no-repeat;
	padding: 15px 15px 15px 40px;
	font-weight:bold;
	display:none; 
	border: 3px solid #eee;
	margin-bottom: 20px;
	}	

	
a#accumulist {
	width: 125px;
	height: 100px;
	float: left;
	margin: 1px 15px 9px 0px;
	border: 5px solid #999;
	background: url(/images/cms/bg_accumulist.png) no-repeat;
	display:block;
	}

a#accumulist:hover {
	border: 5px solid #FFF;
	}
		
#box {	
	padding: 16px 21px 41px 21px;
	border-top: 1px #D7D5CB solid;
	border-bottom: 1px #D7D5CB solid;
	background: url(/images/cms/bg_container.gif);
	text-align:left
	}		
	
ul.basic li {
	list-style-type:none;
	padding-bottom: 10px;
	}




/* ---------- @ Forms -----------*/

.white {
	background: #FFF ! important;
	}		

.button {	
	background: #F1F3EB;
	border:#C8CDBA 1px solid;
	padding: 2px;
	margin: 0px;}
	
.button:hover {	
	background: #FFF;
	}

.submit {	
	background: #000;
	padding: 4px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #000;
	}
	
.submit:hover {	
	background: #666;
	border: 1px solid #FFF;
	}

p .submit {
	margin: 25px 0px 25px 0px;
	}
	
		


/* ---------- @ Store Admin -----------*/


.listtable td { 
	padding: 6px; 
	}

tr#black {
	background: #000;
	color: #FFF;
	font-weight:bold
	}
	
tr.listline { 
	background: #F7F5ED;
	border-bottom: 1px solid #FFF; 
	}

tr.listline:hover {
	background: #FFF;
	border-bottom: 1px solid #DFDDD6;
	}
	
.listtitle { 
	font-weight: bold; 
	}

table#sort {
	width: 100%;
	}

table#sort td {
	background: #000;
	color: #F7F5ED;
	font-weight: bold;
	padding: 6px;
	}

#storemessage {
	font-weight:bold;
	color:#00CC00;
	}