/* Style Sheet for Prior Attire */
/* Fall 2008 - Winter 2009 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* Notes:
blue stripes: Dark = #27405f, Light = #2b476a
brown stripes: Dark = #412e1c, Light = #46311e
accent green: #7CAF2B
*/

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; 	border: 0; 	font-size: 100%; line-height: 1; text-align: left; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
a {outline: none;}  /* get rid of Firefox link boxes */
html { height: 100%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with min-height on body */
body { min-height: 101%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with height on html */

/* Layout Structure */
body { margin: 0; padding: 0; background: #27405f url(../img/body.jpg) center top repeat; }
div#wrapper1 { margin: 0 auto; padding: 0; width: 960px; background: #27405f url(../img/content.jpg) repeat-y center top; }
div#wrapper2 { margin: 0; padding: 0; width: 960px; background: transparent url(../img/header.jpg) no-repeat center top; }
div#wrapper3 { margin: 0; padding: 0; width: 960px; background: transparent url(../img/footer.jpg) no-repeat center bottom; position: relative;}

	div#content { padding: 100px 70px 50px 270px; width: 620px; min-height: 600px; }
	* html div#content { height: 600px;  } /* IE hack for min-height */
	
	div#topnav { position: absolute; top: 40px; left: 260px; width: 650px; height: 30px; }
	div#sidenav	{ position: absolute; top: 230px; left: 30px; width: 210px; height: 420px; }
	
	div#footer { width: 920px; padding: 0px 10px 0px 30px; height: 110px; margin: 0; position: relative;}
							
/* Typography */
body, input, textarea {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3f3f3f;}
h1 { font-size: 24px; font-weight: normal; color: #224880; line-height: 30px; margin: 0; padding: 0 0 10px 0px; }
h2 { font-size: 18px; font-weight: normal; color: #7CAF2B; line-height: 22px; margin: 0 0 5px 0; padding: 10px 0 0 0; }
h3 { font-size: 15px; font-weight: normal; color: #224880; font-style: italic; padding: 0 0 3px 0; }
p, li { font-size: 15px; line-height: 20px; margin: 0; padding: 0 0 15px 0; }
td, th { font-size: 13px; line-height: 18px; margin: 0 0 10px 0; padding: 0; text-align: left; font-weight: normal; }
th { font-weight: bold; }
strong { color: #224880; font-weight: bold;}
blockquote { padding: 5px 20px; }
a { color: #224880; }
a:link { color: #224880; }
a:visited { color: #224880; }
a:hover { color: #990000; }
a:active { color: #990000; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 10px 2em; padding: 0 0 0 0;}
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul ul, ol ul { list-style-type: disc; margin: 10px 0 10px 2em; list-style-position: outside; }
ol ol, ul ol { list-style-type: lower-alpha; margin: 10px 0 10px 2em; list-style-position: outside; }
li { margin: 0 0 10px 0; padding: 0; }
table { margin: 10px 0; padding: 0; }
td { padding: 4px; margin: 0; vertical-align: top;}
th { padding: 4px; margin: 0; vertical-align: top; }

/* Front Mashtead */
h1#frontMasthead { width: 660px; height: 219px; background: url(../img/front.jpg) top left no-repeat; position: relative; top: -18px; left: -18px; text-indent: -8000px; margin: 0; padding: 0;} /* neg margins messed up IE6 ... omitted for now */
/* Side Navigation */
div#sidenav ul { list-style: none; list-style-position: outside; text-indent: 0; margin: 0; padding: 0 0 10px 0; background: url(../img/sidenav_bottom.jpg) bottom left no-repeat; }
div#sidenav li { margin: 0; padding: 0; display: inline; }
div#sidenav li a { display: block;  margin: 0; padding: 0; height: 50px; width: 210px; text-indent: -8000px; 
					background:  url(../img/sidebuttons.jpg) top left;}
/* -- background is repositioned for various links */
div#sidenav li#home a 												{ background-position: 0 0;}
div#sidenav li#home a:hover 										{ background-position: -420px 0;}
div#sidenav li#home.current a, div#sidenav li#home.current a:hover 	{ background-position: -210px 0;}
					
div#sidenav li#works a 												{ background-position: 0 -50px;}
div#sidenav li#works a:hover 										{ background-position:-420px -50px;}
div#sidenav li#works.current a, div#sidenav li#works.current a:hover	{ background-position: -210px -50px;}
	
div#sidenav li#browse a 											{ background-position: 0 -100px;}
div#sidenav li#browse a:hover 										{ background-position: -420px -100px;}
div#sidenav li#browse.current a, div#sidenav li#browse.current a:hover{ background-position: -210px -100px;}

div#sidenav li#acct a 												{ background-position: 0 -250px;}
div#sidenav li#acct a:hover 										{ background-position: -420px -250px;}
div#sidenav li#acct.current a, div#sidenav li#acct.current a:hover 	{ background-position: -210px -250px;}

div#sidenav li#faq a 	 											{ background-position: 0 -300px;}
div#sidenav li#faq a:hover 											{ background-position: -420px -300px;}
div#sidenav li#faq.current a, div#sidenav li#contact.current a:hover{ background-position: -210px -300px;}

div#sidenav li#member a 											{ background-position: 0 -150px;}
div#sidenav li#member a:hover 										{ background-position: -420px -150px;}
div#sidenav li#member.current a, div#sidenav li#member.current a:hover{ background-position: -210px -150px;}

div#sidenav li#admin a 												{ background-position: 0 -200px;}
div#sidenav li#admin a:hover 										{ background-position: -420px -200px;}
div#sidenav li#admin.current a, div#sidenav li#admin.current a:hover{ background-position: -210px -200px;}
						
div#sidenav div#loginStatus p {color: white; margin: 10px 0; font-size: 11px;}

/* Top Navigation */
div#topnav div#topnavFloat { position: relative; float: right; width: 100%; padding: 0; margin: 0; }
div#topnav ul { list-style: none; list-style-position: outside; text-indent: 0; margin: 0; padding: 0 9px 0 0 ; height: 30px; 
				 background: url(../img/toptab3.gif) top right no-repeat;}
div#topnav ul.adminSection {background-image: url(../img/admintoptab3.gif);}
div#topnav li { margin: 0; padding: 0 15px 0 0; display: inline; height: 30px; float: right; 
				background: url(../img/toptab2.gif) top right no-repeat;}
div#topnav ul.adminSection li {background-image: url(../img/admintoptab2.gif);}				
div#topnav li a { display: block; /* height: 14px; */ margin: 0 0 0 0; padding: 10px 0 6px 15px; font-size: 14px; line-height: 1.0; 
				  color: #fff7e1; text-decoration: none;
				background: url(../img/toptab1.gif) top left no-repeat;}
div#topnav ul.adminSection li a {background-image: url(../img/admintoptab1.gif);}
div#topnav li a:hover { color:#abf54b;}
div#topnav li.current {background-position: bottom right;}
div#topnav li.current a { background-position: bottom left; }
div#topnav li.current a:hover {color: #fff7e1;}


/* Footer Typography */
p#lowerlinks {color: #fff7e1; font-size: 12px; line-height: 15px; }
p#lowerlinks a {color: #fff7e1; font-size: 12px; text-decoration: none; }
p#lowerlinks a:hover {color: #ffffff; text-decoration: underline; }
p#credits {color: #5083c2; text-align: right; font-size: 11px; }
p#credits a {color: #5083c2; text-decoration: none; }
p#credits a:hover {color: #fff7e1; text-decoration: underline; }

/* Response Forms */
form.response { border: 1px solid #d9ceb3; margin: 10px 0 20px 0; padding: 10px; background: #fcfcfa url(../img/gradient.jpg) top left repeat-x;   }
form.response input, form.response textarea { margin: 3px 8px 3px 0; padding: 3px; }
form.response input.formInput, form.response textarea { border: 1px solid #d9ceb3; color: #224880; font-size: 13px; }
form.response label { display: block; margin: 0px 0 10px 0; letter-spacing: 1px; color: #3c3c3c; padding: 0; font-size: 11px; }
form.response div#honeypot { display: none; } /* spambot trap */
form.response .fieldwarning { color: #990000; font-weight: bold; padding-left: 0; }
form.response .retMessage { background-color: #ffffff; color:  #224880; padding: 5px 7px !important; margin: 5px 0; border: 1px solid  #d9ceb3; }
form.response .warning { color: #990000; font-weight: normal; font-style: italic; padding-left: 0; }

/* Special uses */
.floatclear { clear: both; }
.clearleft {clear: left;}
.clearright {clear: right;}

/* Images */
.imgRight {float: right; margin: 5px 0 5px 5px; }
.imgLeft {float: left; margin: 5px 5px 5px 0;}

/* Cake Special */

/* Tables */
table { background: transparent; border:1px solid #ccc; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%; }
th { background: #f2f2f2; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: center; }
th a { background:#f2f2f2; display: block; padding: 2px 4px; text-decoration: none; }
th a:hover { background: #ccc; color: #333; text-decoration: none; }
table tr td { background: inherit; border-right: 1px solid #ccc; padding: 4px; text-align: center; vertical-align: top; }
table tr.altrow td { background: #f4f4f4; }
table tr.needsAction td {background: #EEEF86;}
.cake-sql-log table { background: #f4f4f4; }
.cake-sql-log td { padding: 4px 8px; text-align: left; }

/* Paging */
div.paging { color: #ccc; margin-bottom: 2em; }
div.paging div.disabled { color: #ddd; display: inline; }
div.paging span { }
div.paging span.current { color: #000; }
div.paging span a { }

/* Scaffold View */
dl { line-height: 2em; margin: 0em 0em; width: 60%; }
dl.altrow { background: #f4f4f4; }
dt { font-weight: bold; padding-left: 4px; vertical-align: top; }
dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }

/* Forms */
/*
form { clear: both; padding: 0; width: 620px;}*/ /* width causing problems in ie6 */
fieldset { border: 1px solid #ccc; margin-top: 10px; padding: 16px 20px; }
fieldset legend { background:#fff; color: #7CAF2B; font-weight: bold; }
fieldset fieldset { margin-top: 0px; margin-bottom: 15px; padding: 16px 10px; }
fieldset fieldset legend { font-weight: normal; }
fieldset fieldset div { clear: left; margin: 0 10px; }
fieldset.smallForm {width: 300px; margin: 10px 20px 30px 0;}
fieldset.smallForm form {width: 100%;}

div.form {background: url(../img/requiredfields.jpg) top right no-repeat;padding-top: 14px;}
form div { clear: both;  padding: 10px; vertical-align: text-top; }
form span.inlineFormElement { padding: 10px; float: left;}
form ul div {padding: 0;}
form div.input, form span.input { color: #444; }
form div.required, form span.inlineFormElement.required, legend.required { color: #333; font-weight: bold !important; font-size: 14px; }
form div.submit, form span.inlineFormElement.submit { border: 0; clear: both; margin-top: 10px;  }
label { display: block; font-size: 14px; padding-right: 0 }
.required label {background:  url(../img/required.jpg) top left no-repeat; padding-left: 10px;}
legend.required {background:  url(../img/required.jpg) top left no-repeat; padding-left: 10px;};
input, textarea { clear: both; font-size: 14px; padding: 2px; /* width: 100%;*/ }
div.text input { width: 100%;}
textarea { width: 100%;}
select { clear: both; font-size: 13px; padding: 2px; vertical-align: text-bottom; }
select[multiple=multiple] { width: 100%; }
option { font-size: 11px; padding: 0 3px; }
div.checkbox input { clear: left; /* float: left;*/ margin: 0px 6px 7px 2px; /* width: auto;*/ }
div.checkbox label {display: inline;}
div.checkBoxGroup {margin: 3px 0 0 0; padding: 2px; border: 1px solid #cccccc;}
div.radio input { clear: left; /* float:left; width:auto;*/ margin: 0 3px 0px 0; padding: 0; } 
form div.radio label { margin: 5px 0 0 5px; padding: 0 0 5px 0;  }
form div.radio {padding: 0 !important; margin: 0;}
div.submit input { display: inline; font-size: 13px; padding: 2px 5px; width: auto; vertical-align: bottom; }
div.radioStars { width:  130px; float: left;}
table.layoutOnly {border: none; margin: 0; padding: 0;}
table.layoutOnly td {vertical-align: top; border: none; text-align: left;}
table.layoutOnly td div {margin: 0; padding: 0;}
div.multiItem { padding: 0; margin: 0;}
div.left_side { clear: none; width: 46%; float: left; }
div.right_side {clear: none; width: 46%; float: right;}
div.radioRow {margin: 0; padding: 0;}
div.radioGroupLabel {padding: 10px 10px 0 10px;}
div.radioSet { border: 1px solid #cccccc; margin: 0 10px; padding: 5px; font-size: 13px; font-weight: normal;}

/* Tight Form */
form.tightForm div {padding: 0;}
form.tightForm option {padding: 1px;}
form.tightForm div.checkbox input {margin: 0px 6px 3px 2px;}
form.tightForm div.submit input {padding: 2px;}

/* More Forms */
fieldset.fsLeft { width: 40%; float: left; margin: 0 10px 10px 10px; padding: 16px 10px;}
fieldset.fsRight {width: 40%; float: left; margin: 0 10px 10px 10px; padding: 16px 10px; }
p.instructions, .instructions {color: #27405f; font-size: 12px; line-height: 15px; padding: 5px 0 5px 0; }
p.instructions strong {color: #7CAF2B;}
label.searchLabel {color: #7CAF2B; font-size: 13px; font-weight: bold; padding: 10px 0 0 0; line-height: 1.4;}
div.browseRefine {clear: both;}

/*Search on Browse Page */
div.searchInputBox { width: 400px; float: left;}
div.searchActionBox {width: 140px; float: right; clear: none;}

/* Accordian Item Picker */
div#itemTypePicker {border: 1px solid #cccccc; margin: 0; padding: 0; border-top: none;}
div.accordian_item {margin: 0; padding: 0;}
div.accordian_item p {font-size: 13px;  font-weight: bold;background: #ffffff url(../img/closed.gif) top left no-repeat; color: #444444;margin: 0; padding: 3px 3px 3px 25px; }
div.accordian_item p.selected { color: white; background: #4672A9 url(../img/open.gif) top left no-repeat; }
div.accordian_item p:hover { color: white; background: #7CAF2B url(../img/hover.gif) top left no-repeat;}
div.accordian_item p.selected:hover {color: white; background: #4672A9 url(../img/open.gif) top left no-repeat;} 
div.accordian_group {margin: 0; padding: 0;} /* m,p must stay at zero or the accordian group shifts while sliding */
form div.accordian_group div.radio label {font-size: 12px;}
 
/* Item Descriptor Table */
table.itemDescriptorTable {border: none;}
table.itemDescriptorTable tr td {border: none; border-right: none; text-align: right; vertical-align: middle;}

/* Edit Item Table */
table.editItemTable { border: none; width: 594px; }
table.editItemTable tr td {border: none; }

/* Edit Images Table */
table.editImagesTable { border: none; border-top: 1px solid #cccccc;}
table.editImagesTable td {text-align: left; border:none; border-bottom: 1px solid #cccccc;}

/* Notices and Errors */
div.message { clear: both; color: #900; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 5px; border: 1px solid #aaaaaa; background-color: white;}
div.error-message { clear: both; color: #900; font-weight: bold; font-size: 12px; padding: 1px 0 0 1px;}
p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0 .8em; margin: 1em 0; }
p.error em { color: #000; font-weight: normal; line-height: 140%; }
.notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
.success { background: green; color: #fff; }

/*  Actions  */
div.actions { padding: 10px 0 0 0 ; border: none; clear: both;}
div.view div.actions {clear: left;}
div.actions a { clear: left; margin-top: 5px; white-space: nowrap;}
div.inline {float: none !important;}
div.inline a {clear: none !important;}
td.actions { white-space:nowrap; }
td.actions a { clear: left;  margin: 0 0 3px 0; }

/* Button Links */
a.buttonLink{ background: transparent url(../img/buttonLeft.jpg) no-repeat top left; display: block; float: left; font-size: 12px; 
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none; white-space: nowrap;}
a.buttonLink span{ background: transparent url(../img/buttonRight.jpg) no-repeat top right; display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/ }
a.buttonLink:link, a.buttonLink:visited, a.buttonLink:active{	color: #ffffff; /*button text color*/ }

a.buttonLink:hover{ /* Hover state CSS */ background-position: bottom left; }
a.buttonLink:hover span{ /* Hover state CSS */ background-position: bottom right; color: black; }
p.linkAlternative {clear: both; font-size: 11px; padding: 0; margin: 5px 0;}
div#sidenav a.buttonLink {background-image: url(../img/sideButtonLeft.jpg);} /* sidenav buttons are on a brown background */
div#sidenav a.buttonLink span {background-image: url(../img/sideButtonRight.jpg);} 

/* Pagination */
div.paging, div.topPagination,
.pagination {text-align: right; font-size: 11px; padding: 0 0 5px 0; margin: 0;}
div.topPagination {float: right; width: 100%}
div.topPagination div.disabled {display: inline; color: #999999;}

/* Related */
div.related { clear: both; display: block; }


/* Private Message */
div.privateMessages td,
div.privateMessages th {text-align: left; vertical-align: top;}
div.privateMessages tr.sender td,
	div.privateMessages tr.sender td a,
	div.privateMessages p.instructions span.messagesFromYou { color: #27405f !important;}
div.privateMessages tr.recipient td,
	div.privateMessages tr.recipient td a,
	div.privateMessages p.instructions span.messagesToYou {color: #7CAF2B !important;}
div.privateMessages p.instructions span.messagesToYou,
	div.privateMessages p.instructions span.messagesFromYou {font-weight: bold;}
div.privateMessages tr.unread.recipient td, div.privateMessages tr.unread.recipient td a { font-weight: bold;}
div.privateMessages tr.unread.sender td, div.privateMessages tr.unread.sender td a { }
div.privateMessages tr td.messageDate {font-size: 10px; font-weight: normal !important; font-style: normal !important;}
div.privateMessages tr td.actions {font-style: normal !important; font-weight: normal !important; color: #444444 !important;}


div.privateMessages div#originalMessage {border: 1px solid #7caf2b; padding: 10px; margin-bottom: 50px;  background-color: #F3FFDF; }
div.privateMessages div#originalMessage p.subject {font-weight: bold; font-size: 14px; color: #7caf2b; border-bottom: 1px solid #666666; padding: 0 0 3px 0; }
div.privateMessages div#originalMessage p.details {font-size: 10px; color: #666666; padding: 0; }
div.privateMessages div#originalMessage p.otherMessages {font-size: 10px; color: #666666; padding: 0; padding: 3px 0 0 0; }
div.privateMessages div#originalMessage p.message {font-size: 15px; color: #444444; background-color: white; border: 1px solid #cccccc; padding: 5px;}
.pmLinkDetail {font-size: 10px; color: #666666; padding-left: 10px;}


/* My Closet */

div.categoryBox  {width: 620px; margin: 0 0 10px 0; padding: 0; background: white url(../img/fullboxmid.jpg) top left repeat-y; float: left;}
div.categoryBoxTop  {width: 620px; margin: 0; padding: 0; background: url(../img/fullboxtop.jpg) top left no-repeat;}
div.categoryBoxBottom  {min-height: 125px; width: 600px; margin: 0; padding: 10px; background: url(../img/fullboxbottom.jpg) bottom left no-repeat;}
div.categoryBox p.title {font-size: 16px; font-weight: normal; color: #7CAF2B; line-height: 22px; margin: 0; padding: 5px 0 0 0; }
div.categoryBox div.inlineActions { float: left;}
div.categoryBox div.inline {padding-top: 0;}


div.displayBox {width: 200px; margin: 0 10px 10px 0; padding: 0; float: left; background: white url(../img/thirdboxmid.jpg) top left repeat-y; }
div.displayBox.first {clear: left;}
div.displayBox.third {margin-right: 0;}
div.displayBoxTop {background: url(../img/thirdboxtop.jpg) top left no-repeat;}
div.displayBoxBottom {background: url(../img/thirdboxbottom.jpg) bottom left no-repeat; padding: 20px 28px 15px 20px;}

div.displayBox div.closetImage { width: 150px; padding: 0; margin:0; background-color: #cccccc; border: 1px solid #444444; }

div.displayBox p.closetTitle {font-size: 16px; font-weight: normal; color: #7CAF2B; line-height: 22px; margin: 0; padding: 5px 0 10px 0; }
div.displayBox p.itemType {font-size: 12px; line-height: 15px; color: #2A4769; font-weight: bold; margin: 0; padding: 0;}
div.displayBox p.keywords { font-size: 12px; line-height: 15px; color: #7CAF2B; margin: 0; padding: 0;}
div.displayBox p.keywords .kwvalue { color: #2A4769; margin: 0; padding: 0;}
div.displayBox p.pointValue { font-size: 18px; color: #2A4769; margin: 0; padding: 5px 0;}


div.closetRow, table.layoutOnly div.closetRow {border: 1px solid #cccccc; margin: 5px 0; padding: 5px 10px 5px 10px;} 
div.closetRow div.item div.status {width: 200px; float: right; margin: 0; padding: 0;}
div.closetRow div.item p {font-size: 16px; font-weight: bold; color: #444444; line-height: 22px; margin: 0; padding: 5px 0 10px 0; }
div.closetRow div.item div.status p {text-align: right;}
div.closetRow div.item.Active p, .Active {color: #7CAF2B; font-weight: bold;}
div.closetRow div.item.Inactive p, .Inactive {color: #999999; font-weight: bold;}
div.closetRow div.item.Trade_Pending p, .Trade_Pending {color: #CC0000; font-weight: bold;}
div.closetRow div.item.Trade_Complete p, .Trade_Complete {color: #2b476a; font-weight: bold;}

div.closetRow div.closetDetails { padding: 0 0 15px 160px;}
div.closetRow div.closetDetails p {font-size: 12px; line-height: 15px; margin: 0; padding: 0;}
div.closetRow div.closetImage { width: 150px; padding: 0; margin:0; background-color: #cccccc; border: 1px solid #444444; float: left;}
div.closetRow div.itemActions {margin-top: 20px;}

/* Item Display */
p.imageScrollInstruction {margin: 0; padding: 0 0 2px 0; font-size: 10px; color: #990000; text-align: right;}
div#imageDisplay { width: 432px; height: 472px; float: right; padding: 0 0 16px 0;margin: 0 0 5px 10px; background: #ffffff url(../img/picBackground.jpg) top left no-repeat;} 
div.itemImageDisplay { width: 400px; height: 424px; margin: 0; padding: 16px; background-color: transparent; border: none; }
div.itemImageDisplay div.imgblock { background-color: #ffffff; }
div.itemImageDisplay p { padding: 0; margin: 0; font-size: 13px; line-height: 1.6; width: 400px; text-align: center;}
div.viewItem p {margin: 0; padding: 0;}
div.viewItem p.seller { margin: 20px 0 0 0; font-size: 13px; line-height: 20px; color: #7Caf2b;}
div.viewItem p.seller .sellerName { color: #2a4769; font-weight: bold;}
div.viewItem p.sellerOptions { font-size: 11px; line-height: 18px; margin-top: 3px; }
div.viewItem p.itemDate {font-size: 11px; line-height: 15px; margin-top: 10px; clear: left;}
div.viewItem p.points { font-size: 18px; color: #2A4769;}
div.viewItem p.description {font-size: 13px; line-height: 20px; padding: 20px 0 10px 0; } 
div.viewItem p.itemType {font-size: 13px; line-height: 20px; color: #2A4769; font-weight: bold;}
div.viewItem p.keywords { font-size: 13px; line-height: 20px; color: #7CAF2B;}
div.viewItem p.keywords .kwvalue { color: #2A4769;}

div.viewItem div.sellerActions { margin-top: 0px; float: left;}
div.viewItem div.sellerActions a { clear: left; margin-top: 10px; white-space:  nowrap;}

div.viewItem div.actions { margin-top: 30px; float: left; }
div.viewItem div.actions a { clear: left; margin-top: 10px; white-space:  nowrap;}


/*UI tabs*/
ul.tabList { list-style: none; list-style-position: outside; text-indent: 0; margin: 0; padding: 0 9px 0 0 ; height: 30px;
				 background: url(../img/interiortab3.gif) top right no-repeat; float: left;}
.ui-tabs-nav {
	margin: 0; padding: 0; border: 0; outline: 0; 
	float: left;
	position: relative;
/*	z-index: 1;
	bottom: -1px; */
}
.ui-tabs-nav li {margin: 0; padding: 0 15px 0 0; display: inline; height: 30px; float: left;
				background: url(../img/interiortab2.gif) top right no-repeat;}

.ui-tabs-nav li a,
.ui-tabs-nav li a:link,
.ui-tabs-nav li a:visited {
	display: block; /* height: 14px; */ margin: 0 0 0 0; padding: 10px 0 6px 15px; font-size: 14px; line-height: 1.0;
	color: #ffffff; text-decoration: none; 	background: url(../img/interiortab1.gif) top left no-repeat;
	}
.ui-tabs-nav li a:hover,
.ui-tabs-nav li a:active { 
	color:#abf54b;
	}

.ui-tabs-nav li.ui-tabs-selected {background-position: bottom right;}

.ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs-nav li.ui-tabs-selected a:link, 
.ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs-nav li.ui-tabs-selected a:hover,  
.ui-tabs-nav li.ui-tabs-selected a:active {background-position: bottom left;color: #ffffff;}

.ui-tabs-panel {
	margin: 0; padding: 0; border: 0; outline: 0;
	width: 594px;
	clear:left;
	border-style: solid;
	border-color: #4672a9;
	border-width: 8px 3px 3px 3px;
	background-color: #ffffff ;
	padding: 15px 10px;	
}
.ui-tabs-hide {
/*	display: none; */
/* modified to the oft-left method below so that accordian can  load properly */
	position: absolute;
    left: -10000px;

}

div.section {border: 2px solid #2b476a; margin: 10px; padding: 5px 10px; float: left;}
div.section.full {width: 576px; }
div.section.half {width: 300px; }


.noExtraSpace {margin: 0; padding: 0;}
.statusCounts {font-size: 11px; text-align: left;}
.lowerOnPage {margin-top:  50px;}
table.logDisplay td {text-align: left;}

legend.takeAction {color: #cc0000; font-weight: bold;}


/* Feedback table */
table.feedback th {text-align: center;}
table.feedback th a {display: inline;}
table.feedback th.comment, table.feedback td.comment {text-align: left;}
table.feedback td {text-align: center; vertical-align: middle;}
table.feedback td.rating {font-size: 15px; font-weight: bold; text-align: center;}
table.feedback td .date {font-size: 9px;}


/* BlockUI Message */
p.blockingMessage { font-size: 18px; text-align: center; padding: 10px; color: #7CAF2B; border: 2px solid #2b476a; background-color: white;}

/* Log Table */
table.logTable td {font-size: 11px; text-align:  left;}
table.logTable td.value {font-size: 11px; text-align:  center;}
table.logTable td.nowrap {white-space: nowrap;}

/* Admin Tables and Stuff */
p.adminSectionNote {background-color: #70A331; color: white; text-align: center; text-transform: uppercase; letter-spacing: 3px; padding: 3px; margin: 0 0 10px 0; font-size: 11px;}
table.adminTable td {font-size: 11px; text-align:  left;}
table.adminTable td.value {font-size: 11px; text-align:  center;}
table.adminTable td.nowrap {white-space: nowrap;}
table.adminTable th a {display: inline; background-color: transparent;}

/* Selector Table (has drop down boxes to filter table contents */
table.selector {border: 1px solid #224880;}
table.selector th { margin: 0; padding: 2px 5px; background-color: #F2F2F2; text-align: left; font-size: 11px;  }
table.selector td { margin: 0; padding: 2px 5px; text-align: left; font-size: 11px;}

/* Item Image Listing */
p.itemImageDetails {font-size: 10px; line-height: 12px; margin: 0; padding: 0;}

/* Cron Reports table */
/* -- note: much of the style is set inline in the table as stored in the database */
div#cronReportTable table { border: none; }
div#cronReportTable table th { background-color: white; border: none; border-bottom: 1px solid #cccccc; width: 200px; }
div#cronReportTable table td { background-color: white; text-align: left; border: none; border-bottom:  1px solid #cccccc;}

/* Actions Table -- originially used on MyCloset page */
table.actionsTable {border-bottom: none; margin-top: 0;}
table.actionsTable td {border-bottom: 1px solid #cccccc;}

/* GetStarted box on home page */
div#getStarted {width: 140px; float: right; margin: 0 0 5px 5px; padding: 105px 0 0 0; 
	background: transparent url(../img/getStarted.gif) top left no-repeat; }
div#getStarted a.buttonLink {float: right;}

/* explanations text, such as How it Works and FAQ */
div.explanation p {padding-left: 20px;}

div.rightMessageBox {width: 250px; float: right;}
div.rightMessageBox p.instructions {clear: left; padding-top: 50px;}

/* Admin Issues page */
table.adminTable td.issue_Reported {color: #990000; font-weight: bold;}

/* Link logo to home page */
div#topLogoLink { position: absolute; top: 50px; left: 20px; height: 155px; width: 210px;}
div#topLogoLink img {height: 155px; width: 210px;}