/* Hartwell Classic Apparel 					*/
/* Supporting Style Sheet for Member Pages		*/
/* version 1.0 11.21.05							*/
/* written by Jason Padgett						*/
/* last edited by:								*/



/* General Styles ----------------------------------------------------- */

label{
font-weight:bold;
margin-top: .5em;
}
a:link button,
a:active button,
a:visited button,
a:hover button,
a:focus button{
text-decoration: none;
}
button{
cursor:pointer;
margin: .5em 0 .5em;
}
fieldset{
margin-top: 1em;
border-top: 1px solid #e1e1e1;
}
legend{
font-weight:bold;
font-size:1.33em;
padding-right: 1em;
margin: .5em 0 0
}
label span.note{
font-weight:normal;
}

.msgBox{
display:block;
clear:both;
padding: 10px;
margin: 2em 0;
}
.msgBox h2{
font-size: .8em;
margin: 0;
}
.msgBox p a:link,.msgBox p a:active,.msgBox p a:visited,.msgBox p a:hover{
color:#000;
}
.ylw_alert{
border: 1px solid #FFD100;
background-color: #FFF9DF;
}

#content.function_success{
text-align:center;
padding-bottom:5em;
}

#new_member_registration label{
display:block;
}
#member_form div label{
display:block;
}
/* logged out member teaser */

	#member_tease
		{
		float: left;
		width: 153px;
		margin-top: -10px;
		margin-left: -10px;
		margin-right: 20px;
		background: #F5f4f2;
		border: 1px solid #bab6af;
		border-width: 0 1px 2px 0;
		}
		
	#member_tease p
		{
		font-weight: bold;
		margin:10px;
		}
		
	#member_tease dl{
	margin: 10px;
	}
	#member_tease dt
		{
		margin-top: .5em;
		font-weight: bold;
		}
		
	#member_tease dd
		{
		line-height: 1.15em;
		font-size: .92em;
		}
/* primary content column when a left column exists */
#content.register #primaryContent{
 margin-left: 173px;
}
/* member navigation links */

#member_nav{
padding: 0 0 .5em;
margin: -0.5em 0 1em;
text-align:center;
border-bottom: 1px solid #e2e6eb;
}
.member_home #member_nav{
padding: .5em 0;
margin:0;
text-align:left;
border:none;
}
#member_nav li{
display:inline;
margin-right:2em;
}

.member_home #member_nav li.mem_home,
.addressbook #member_nav li.mem_book,
.manageAccount #member_nav li.mem_prefs{
display:none;
}



/* content for success pages */



/* --- new member registration ---------------------------- */

#newLeadMessaging,
#existingCustMessaging{
font-weight:bold;
}
#existingCustMessaging{
margin-top: 2em;
}
#newLeadMessaging strong,
#existingCustMessaging strong{
display:block;
font-size: 1.4em;
line-height: 1.2;
}


/* --- Address book and related ------------------------ */

.addressbook table,
.addressbook_edit table	{
	width: 100%;
	margin-bottom: 1em;
	}

.addressbook_edit .note
	{
	font-style:italic;
	font-size: .9em;
	}


/* --- member_order_history_list.xhtml ------------------------ */

#item_list{
width: 100%;
clear:left;
margin-bottom: 1em;
border: 1px solid #8899ae;
}
#item_list caption{
margin-top: 1em;
}
#item_list td{
border: 1px solid #8899ae;
border-width: 0 1px;
padding: .75em .75em;
}
#item_list tr.item td{
border-top: 1px solid #8899ae;
}
#item_list tbody.decoration td{
border-top: 1px dotted #e5e5e5;
}
#item_list td.editable,
#item_list td.action{
padding: .75em .2em;
}
#item_list td.editable input{
width: 60%;
padding: .1em 0 .1em .45em;
}
#item_list strong.item-id{
font-size: 1.2em;
}
#item_list .decoration_details{
font-size: .8em;
line-height: 1.2;
}
#item_list .item_details{
margin-bottom: 1em;
}
img.qtyBreakMsg{
margin-top: .5em;
}

/* billing & shipping info tables */

#logistics{
	width: 100%;
	margin-bottom: 1em;
}
#logistics, #logistics td, #logistics th{
	border:none;
}
#logistics th{
	border-bottom: 1px solid #c8cfe3;
	background: none;
	color:#000;
	font-size: 1.2em;
}

#logistics .leftCol{
	border-right: 1px solid #c8cfe3;
}

#logistics table, #logistics table td, #logistics table th{
	border:none;
	margin:0;
}

#logistics table th{
	vertical-align:top;
	color: #0f325b;
	padding: .25em .25em;
	background: none;
	line-height: 1.2;
	font-size: 100%;
}
#logistics table td{
	padding: .25em .25em;
	line-height: 1.2;
}

#cartTotals{
float: right;
width: 48%;
margin: 0 0 1em;
background: #fff;
}
#cartTotals td{
padding: .25em;
}
#updateCart{
clear:both;
text-align: right;
margin: .5em 0 1em;
}
#updateCart input{
margin: .25em 0;
vertical-align:middle;
}

		
/* logo library */

/*
#logoUpload
{
border: 1px solid ;
float: left; 
width: 594px; 
margin-bottom: 2em;
position: relative;
}

#logoUpload h3
{
border-bottom: 1px solid;
padding: .15em 10px;
margin: 0 0 10px;
}

#uploadform
{
width: 265px;
margin: 0 10px 10px;
float: left;
}

#uploadform label
{
display: block;
margin: 0 0 1em;
}

#uploadform label input
{
width: 260px;
}

#artspecs
{
padding: .5em;
margin-bottom: 20px;
border: 1px solid;
}
#artspecs h4
{
margin: 0;
}
#content div#artspecs p
{
margin: 0;
font-size: .9em;
line-height: 1.2;
}
#uploadinstruct
{
margin-left: 289px;
padding: 0 10px;
border-left: 1px dotted;
margin-bottom: 10px;
}
#logoUpload_footer
{
background: #0f325b;
padding: .25em 10px;
text-align: right;
clear: left;
}
#logoUpload_footer input
{
font-size: .85em;
}
#logolibrary
{
clear: left;
width: 594px;
}
#logolibrary caption
{
margin-bottom: .5em;
}
#logolibrary th
{
text-align:  center;
}


#logolibrary td
{
padding: .2em;
text-align: left;
vertical-align: middle;
text-align:  center;
}

#logolibrary td table
{
margin: 0 auto;
width: 100%;
}

#logolibrary td table td, #logolibrary td table th
{
text-align: left;
}
#logoUpload
{
border-color: #0f325b;
background: #e2e6eb;
}

#logoUpload h3
{
border-bottom-color: #0f325b;
background: #0f325b;
color: #fff;
}

#artspecs
{
border-color:#c3ccd6;
background: #fff;
}

#uploadinstruct
{
border-left-color: #0f325b;
}

#logoUpload_footer
{
background: #0f325b;
}
	
*/
/* loading pop-up positioning */

#loading
	{
	position: absolute;
	top: 20%;
	right:20%;
	}

/* Member Dashboard Widgets */

.widget{
font-size:.83em;
}
.widget button{
margin-top: .5em;
}
.widget select{
border-bottom-width:0;
}
.widget h3{
margin:0;
padding:0;
}
.widget label{
font-weight:bold;
font-size:1.2em;
}
.widget .required{
color:red;
}

/* order and inventory widgets */

#dsh_oManage{
width:100%;
float:left;
margin-bottom: 1.5em;
}
#dsh_oManage div.widget{
float:left;
width: 49.5%;
margin-right: 2px;
position:relative;
}
div.widget .formbody{
padding: 1em;
border:1px solid #bab6af;
background:#e2e6eb;
}
#dsh_oManage span.example{
font-size: 10px;
font-style:italic;
}
#dsh_oManage .required span.example{
color: #000;
}
#dsh_oManage legend{
display:block;
font-weight:bold;
font-size: 1.4em;
margin:0;
}
#adminView{
display:block;
margin-top:.5em;
}
/* inventory widget */
#wdgt_Inventory .formbody{
background-image:url(img/magnify_large.gif);
background-repeat:no-repeat;
background-position:95% -10px;
}
#wdgt_Inventory h2{
margin-bottom:0;
}
#wdgt_Inventory p{
margin-bottom:.5em;
border-bottom: 1px solid #bab6af;
}
#wdgt_Inventory ul{
max-height: 15em;
*height:15em;
overflow:auto;
}
#wdgt_Inventory a{
cursor:pointer;
text-decoration:underline;
}
#wdgt_Inventory .showInvSugs{
display:block;
position:absolute;
right:1em;
bottom:1em;
}
#invSearchSuggestions{

}
#invSearchSuggestions .ft{
border-top: 1px solid #bab6af;
margin-top:.5em;
text-align:right;
}
/* order lookup widget */
#wdgt_oLookup .formbody{
background-image:url(img/cart_full_large.gif);
background-repeat:no-repeat;
background-position:95% -10px;
}
#wdgt_oLookup .toggleLink{
font-size: 10px;
font-weight:normal;
text-decoration: underline;
cursor:pointer;
}
#oSearchParam{
display:block;
}
/* order history widget (available to those without authority to see order lookup )*/

#oHistory_webOnly td a, #oHistory_webOnly th a{
text-decoration:underline;
}



/* logo library widget */

#dsh_Logo{
clear:left;
width: 100%;
z-index:-1;
}
#dsh_Logo h3{
}
/* upload section */
#dsh_Logo #upload{
padding:1em;
overflow:auto;
background-image:url(img/img_upload.gif);
background-repeat:no-repeat;
background-position:32% 95%;
}
#dsh_Logo h4{
font-size:1.2em;
}
#dsh_Logo #logoUpload{
float:left;
width: 45%;
}
#dsh_Logo #logoUpload label{
display:block;
}
#dsh_Logo #upload_help{
margin-left: 45%;
border-left: 1px dotted #000;
padding-left: 1em;
}
#dsh_Logo #upload_help ol{
list-style-type:decimal;
list-style-position:inside;
}
#dsh_Logo span.note{
color:red;
margin:0;
}

/* library section */
#view_myLogos{
position:relative;
overflow:hidden;
}
#view_myLogos #logoLibrary{
position:relative;
padding:5px 25px;
}
#view_myLogos #logo_container{
overflow:auto;
position:relative;
width:670px;
margin:0 auto;
min-height:200px;
background:#f7f6f4;
border:1px solid #bab6af;
zoom:1;
}
#view_myLogos #logos{
width:9000px;
padding-left:10px;
overflow:hidden;
margin:0;
}
#view_myLogos #logoLibrary li{
float:left;
padding:10px 10px 3px;
margin: 10px 10px 10px 0;
width:100px;
border:1px solid #bab6af;
overflow:hidden;
}
#view_myLogos #logoLibrary .logo_thumb{
display:block;
}
#logoLibrary #move_L,
#logoLibrary #move_R{
position:absolute;
width:20px;
height: 100px;
background-color: #dfddd6;
border:1px solid #bab6af;
overflow:hidden;
z-index:100;
top:1em;
cursor:pointer;
}
#logoLibrary #move_L{
left:2px;
background-image:url(img/scrollL_arrow.gif);
background-position:center;
background-repeat:no-repeat;
}
#logoLibrary #move_R{
right:2px;
background-image:url(img/scrollR_arrow.gif);
background-position:center;
background-repeat:no-repeat;
}
#move_L .sp0,#move_R .sp0,
#move_L .sp1,#move_R .sp1{
display:block;
width:100%;
height:5px;
background:;
position:absolute;
z-index:100;
left:0;
}
#move_L .sp0,#move_R .sp0{
top:0;
}
#move_L .sp1,#move_R .sp1{
bottom:0;
}
#logoLibrary #move_L:hover,
#logoLibrary #move_R:hover{
background-color:#f7f6f4;
}
#logos .logo{
text-align:center;
}
#logos .logo_thumb{
margin: 0 auto;
}
#logos .logo_refName{
font-weight:bold;
display:block;
}
#logos .logo_info{
}
#logos form{
display:inline;
}
#logos button.logo_delete{
border:none;
outline:none;
background:transparent;
padding:0;
margin:0;
}
p#logoInstruct{
font-weight:bold;
text-align:center;
}
/* Manage Account */

#manageAccount h2{
border-bottom: 1px solid #d1d1d1;
}
#content p#deacivate{
margin:2em 0;
}
#defaults{
margin-top: 1.5em;
}
#defaults div{
float:left;
margin-right: 3em;
}

/* inventory lookup */

#invSearch{
margin-bottom: 1em;
width:200px;
float:right;
margin-left: 20px;
font-size:.83em;
}
#invSearch .formbody{
padding: 1em;
border:1px solid #d1d1d1;
}
#invSearch label{
font-size:1.2em;
}

#invGrid{
width:500px;
}
#invGrid table,
#nextPOdiv table{
width:100%;
margin-bottom:1em;
}
#invGrid th a{
text-decoration:underline;
color:#fff;
}
#invGrid. td{
background:transparent;
}
#invGrid .yui-dt-table  tr{
cursor:pointer;
}
#invGrid table tr.yui-dt-highlighted{ 	/* javascript enabled class */
background:#e2e6eb;
}
#invGrid table tr.yui-dt-selected{ 	/* javascript enabled class */
background:#e2e6eb;
font-weight:bold;
}
#expGrid{
font-weight:bold;
}
#noUpcomingPoMsg{
font-weight:bold;
padding:1em;
border:1px solid gold;
}



/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/*foundational css*/
.yui-dt-scrollable td {
    overflow:hidden;
}
.yui-dt-headcontainer {
    position:relative;
}
.yui-dt-headtext {
    position:relative;
    border-right:10px;
}
/* foundational scrolling css */
.yui-dt-scrollable  thead {
    display:block; /* for safari and opera */
}
.yui-dt-scrollable thead th{
	border-top:none;
}
.yui-dt-scrollable thead th:first-child{
	border-left:none;
}
.yui-dt-scrollable thead th:last-child{
	border-right:none;
}
.yui-dt-scrollbody {
    display:block; /* for safari and opera */
    overflow:auto; /* for gecko */
}
/* customized css for scrolling */

.yui-dt-scrollbody {
    max-height:30em; /* SET HEIGHT HERE for non-ie */
    *height:auto; /* for ie */
	border:1px solid #0f325b;
}
#oHistory_webOnly .yui-dt-scrollbody {
    max-height:8.45em; /* SET HEIGHT HERE for non-ie */
}
.yui-dt-scrollable  thead {
    background:#0f325b; /* for ie */
}
.yui-dt-scrollable  thead a {
	color:#fff;
}
.yui-dt-scrollable thead tr{
	vertical-align:bottom;
}

/* SET WIDTHS FOR EACH TH TO HELP ALIGN COLUMNS */
#wdgt_oHistory .yui-dt-scrollable th, #wdgt_oHistory .yui-dt-scrollbody td {
    width:11em;
}
 

/* ------------------YUI border tabs ---------------------------------------------------------- */
.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #bab6af;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#eae8e3; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em 1em;font-weight:bold; } /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
	cursor:text;
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}
/* custom code */
.yui-nav{
margin-left:17em;
}
.yui-navset{top: -2.45em;}