/* --------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------PAGE STRUCTURE AND GLOBAL STYLES-------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------*/

body, html {
	margin: 0;
	padding: 0;
	border:0;
	height: 100%;
	background-color: #FFF;
	font: 13px helvetica, arial, verdana, sans-serif;
	color: #696662;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#wrapper {
	width: 1020px;
	/*background-color: #fcfcfa;*/
	background-color: green;
	height: 100%;
	margin: 0 auto;
}
#leftcol {
	width: 326px;
	background-color: #f9f9f5;
	height: 100%;		
	float: left;
}
#rightcol {
	width: 694px;
	float: right;
	height: 100%;
	background-color: #fcfcfa;
}
.hovered {
	background-color: #f6f5f3;
}
/* ------------------------------------------------------------------------------------------*/
/* --------------------------------HEADER STYLES-------------------------------------*/
/* ------------------------------------------------------------------------------------------*/

#head-nav {
	width: 1020px;
	background-color: #b3ada7;
	height: 21px;
	text-align: right;
}
#head-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-right: 25px;
	padding-top: 3px;
}
#head-nav ul li {
	display: inline;
}
#head-nav a:link {color: #FFF; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 10px;}
#head-nav a:visited {color: #FFF; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 10px;}
#head-nav a:hover {color: #b7006d; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 10px;}
#head-nav a:active {color: #8f0057; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 10px;}
#head-colors {
	height: 5px;
	width: 1020px;
	background-image: url('images/head-colors.gif');
}


/* ------------------------------------------------------------------------------------------*/
/* --------------------------------LEFT COLUMN STYLES----------------------------*/
/* ------------------------------------------------------------------------------------------*/

#btg-logo{
	text-indent: -9999px;
	width: 263px;
	height: 28px;
	background-image: url('images/btg-logo.gif');
	padding: 0;
	margin: 38px auto;
	background-repeat: no-repeat;
}
#list-nav {
	width: 263px;
	margin: -20px auto;
}
#list-nav ul li span, #list-nav ul li h3 {
	display: inline;
	line-height: 32px;

}
#list-nav ul li span {
	float: right;
	padding-right: 10px;
}
#list-nav h3 {
	padding-left: 10px;
}
#list-nav ul{
	border-top: 1px solid #e2e0d6;
}
#list-nav ul li {
		border-bottom: 1px solid #e2e0d6;
}
a:link .list-iteration, a:visited .list-iteration {
	width: 263px;
	height: 31px;
	background-color: #f9f9f5;
	color: #696662;
}
a:link .list-iteration, a:visited .list-iteration {
	width: 263px;
	height: 31px;
	background-color: #f9f9f5;
	color: #696662;
}
a:hover .list-iteration, a:active .list-iteration {
	width: 263px;
	height: 31px;
	background-color: #e3e1d7;
	color: #b7006d;
}
.activenav a:link .list-iteration, .activenav a:visited .list-iteration {
	width: 263px;
	height: 31px;
	background-image: url('images/active-nav.gif');
	background-position: 0 0 0 23px;
	background-repeat: no-repeat;
	color: #696662;
}

#new-list {
	margin: 10px 0 0 188px;
	text-indent: -9999px;
}
a.newlist-button {
    background: transparent url('images/newlist-button.gif') no-repeat scroll top left;
    display: block;
	height: 26px;
    padding-right: 58px; /* sliding doors padding */
	 float: left;
}
a.newlist-button span {
    display: block;
    padding: 5px 0 5px 18px;
} 
a.newlist-button:hover {
    background-position: top right;
    outline: none; /* hide dotted outline in Firefox */
}

a.newlist-button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
     outline: none; /* hide dotted outline in Firefox */
} 


/* ------------------------------------------------------------------------------------------*/
/* --------------------------------RIGHT COLUMN STYLES----------------------------*/
/* ------------------------------------------------------------------------------------------*/
#add-item {
	margin-top: 37px;
	margin-bottom: 15px;
}


#add-item ul{
	clear: both;
	float: right;
	list-style: none;
	padding-right: 75px;
	margin-top: -12px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
#add-item ul li {
	display: inline;
	padding-left: 5px;
}
#add-item a:link, #add-item a:visited {text-decoration: none; color: #e40088;}
#add-item a:hover {text-decoration: none; color: #b7006b;}
#add-item a:active {text-decoration: none; color: #8f0057;}

#additem {
	text-indent: -9999px;
	float: left;
}
a.additem-button {
    background: transparent url('images/additem-button.gif') no-repeat scroll top left;
    display: block;
	height: 29px;
    padding-right: 103px; /* sliding doors padding */
	 float: left;
}
a.additem-button span {
    display: block;
    padding: 5px 0 5px 18px;
} 
a.additem-button:hover {
    background-position: top right;
    outline: none; /* hide dotted outline in Firefox */
}

a.additem-button:active span {
    background-position: bottom left;
     outline: none; /* hide dotted outline in Firefox */
} 
#items-1, #items-2 {
	padding-top: 8px;
	clear: both;
}
#ai-input {
	clear: both;
	display: block;
	width: 641px;
	height: 65px;
	background-image: url('images/ai-back.png');
	z-index: 99992;
	position: absolute;
}
#ai-input h2{
	width: 97px;
	height: 16px;
	background-image: url('images/ai-title.gif');
	text-indent: -99999px;
	float: left;
	margin: 11px 0 0 18px;
}
#ai-input #ai-close a{
	float: right;
	width: 8px;
	height: 8px;
	background-image: url('images/ai-x.gif');
	text-indent: -99999px;
	margin: 10px 10px 0 0;
}
#ai-input #ai-form {
	clear: both;
}
#ai-itemname ul {
	padding-left: 30px;
	padding-top: 4px;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	color: #98918e;
	float: left;
}
#ai-itemname ul li, #ai-itemname ul li form {
	display: inline;
	padding-right: 10px;
}
#ai-add {
	float: right;
	padding-right: 10px;
}
/* ------------------------------------------------------------------------------------------*/
/* ---------------------------------------------ITEM STYLES----------------------------*/
/* ------------------------------------------------------------------------------------------*/
#items-1, #items-2 {
	width: 624px;
	clear: both;
	display: block;
}
table tr td {
	height: 22px;
}
table tr {
	border-bottom: 1px solid #e2e0d6;
}
table tr:first-child {
	border-bottom: 1px solid #e2e0d6;
	border-top: 1px solid #e2e0d6;
}
.item-header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	padding-right: 8px;
}
.item-header ul li {
	display: inline;
	color: #696662;
}
.item-header a:link, .item-header a:visited {text-decoration: none; color: #e40088;}
.item-header a:hover {text-decoration: none; color: #b7006b;}
.item-header a:active {text-decoration: none; color: #8f0057;}

td.item-head {
	width: 280px;
	border-right: 1px solid #e2e0d6;
	border-bottom: 1px solid #e2e0d6;
	border-top: 1px solid #e2e0d6;
	text-indent: 13px;
	font-weight: bold;
	color: #e40088;
	text-transform: uppercase;
	font-size: 11px;
}
td.boxtop-head {
	width: 41px;
	border-top: 1px solid #e2e0d6;
	border-right: 1px solid #e2e0d6;
	border-bottom: 1px solid #e2e0d6;
}
td.category-head {
	width: 300px;
	text-indent: 20px;
	border-bottom: 1px solid #e2e0d6;
	font-weight: bold;
	color: #e40088;
	border-top: 1px solid #e2e0d6;
	text-transform: uppercase;
	font-size: 11px;
}
td.checkbox {
	width: 30px;
	border-bottom: 1px solid #e2e0d6;
}
td.itemname {
	width: 250px;
	border-right: 1px solid #e2e0d6;
	border-bottom: 1px solid #e2e0d6;
}
td.boxtop {
	width: 41px;
	border-right: 1px solid #e2e0d6;
	border-bottom: 1px solid #e2e0d6;
}
td.category {
	width: 280px;
	text-indent: 20px;
	border-bottom: 1px solid #e2e0d6;
	font-style:italic;
}
td.item-delete {
	width: 20px;
	border-bottom: 1px solid #e2e0d6;
	text-indent: -99999px;
}

a.ex-button {
    background: transparent url('images/ex-button.png') no-repeat scroll top left;
    display: block;
	height: 20px;
    padding-right: 21px; /* sliding doors padding */
	 float: left;
}
a.ex-button span {
    display: block;
    padding: 5px 0 5px 0px;
} 
a.ex-button:hover {
    background-position: top right;
    outline: none; /* hide dotted outline in Firefox */
}

a.ex-button:active span {
    background-position: bottom right;
     outline: none; /* hide dotted outline in Firefox */
}