/*
To do something FIREFOX only do:
	attribute: firefoxvalue;
	attribute: expression("defaultvalue");
To do something IE only do:
	attribute: expression("ievalue");
*/

/* To find where a style is called by template pages or template objects, click on GW01\Templates, then click on search and enter the name of the style you want to find. */


#main {
	/* called by templates\default\template properties. Sets up the fade on the background of the site */
	margin: 0 auto; width: 980px; background-color: white; background-image:url(/upload/images/template/fade.jpg); background-repeat:no-repeat;
}
#header {
	position: relative; height: 101px;
}
#footer_line_area {
	width:980px; margin: 0 auto; line-height: 1px; font-size: 1px;
}
#footer_line {
	width:930px; margin: 0 auto; border-top: 3px solid #0063ba; margin-bottom:7px; font-size: 1px; line-height: 1px;
}
a{
	text-decoration:none;
	color: #4389fe;
}
a:hover {
	text-decoration:underline;
}
#get_email_updates {
	/* called by templates\default\template properties. Formats the email updates button in the header */
	position: absolute;
	top: 15px;
	left: 173px;		
	z-index: 2;
}
#search {
	/* called by templates\default\template properties. Formats the search area in the header */
	position: absolute;
	top: 15px;
	left: 400px;
	z-index: 2;
}
#search input {
	border: 1px solid darkblue;
	background-color: #cdf;
	position: relative;
	top: -6px;
}
#search_text {
	position: relative;
	top: -8px;
}
#search_button {

}
.user_message {
	/* formats the user message at the top right of the screen. Called by templates\user\template objects\status */
	position: absolute;
	top: 17px;
	right: 25px;	
	color: white;	
	z-index: 2;
}
.user_message a { color: white; }
#SecondaryMenu { clear: both; }
#PrimaryMenu, #SecondaryMenu {
	height: 28px;
	font-size: .83em;
	margin-left: 12px;
	margin-left: expression("0px");
}
#PrimaryMenu .MenuItem, #SecondaryMenu .MenuItem {
	float: left;
	margin-left: 12px;
}
#PrimaryMenu .MenuItem a, #SecondaryMenu .MenuItem a {
	text-decoration: none;
	font-weight:normal;
	color: white;
}
#PrimaryMenu .MenuItem a{
	font-weight:bold;
}
#SecondaryMenu .MenuItem a {
	position: relative;
	top: -2px;
}
#PrimaryMenu .MenuItem img, #SecondaryMenu .MenuItem img {
	position: relative;
	top: 1px;
}
#PrimaryMenu .MenuItem a.active_link, #SecondaryMenu .MenuItem a.active_link {
	color: #ccff00;
}
#PrimaryMenu .MenuItem img, #SecondaryMenu .MenuItem img {
	padding-left: 12px;
}
#SidebarMenu {
}
#SidebarMenu .MenuItem {
	margin: 12px;
	text-align: right;
	padding-bottom:12px;
	border-bottom: 1px solid #BCDDF4;
}
#SidebarMenu .MenuItem a {
	display:block;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color:#095ba5;
	padding-right:20px;
	background: url(/upload/images/template/buttonRight.gif) no-repeat right;
}
#SidebarMenu .MenuItem a:hover {
	color:#095bd5;
	background: url(/upload/images/template/buttonRight2.gif) no-repeat right;
}
#SidebarMenu .MenuItem a.active_link {
	color:#095bd5;
	background: url(/upload/images/template/buttonRight2.gif) no-repeat right;
}
#FooterMenu {
	width: 930px;
}
#footer {
	padding-top: 17px;
	background-color:#fafaff;
}
#FooterMenu .MenuItem {
	display: inline;
}
#FooterMenu .MenuItem a {
	color: #666666;
	text-decoration: none;
	font-size: xx-small;
}
#FooterMenu .MenuItem span {
	padding-right: 3px;
}
#copyright {
	clear: both;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: xx-small;
}
html, body {
	background-color:#fafaff;
}
html, body, td {
	font-family:verdana, tahoma, arial, helvetica;
	font-size: 87%;
	color:#666666;
}
.smaller_text{
	font-size:85%;
}
td td { font-size: 100%; }
.full {
	width: 930px;
	margin-bottom:6px;
}
.TableOutlined td{
	border:solid 1px #bbb;
}
.BlogWelcomeFormat img{
	padding:12px;
	padding-bottom:0px;
}

.resumeBoxHeader{
	border:1px solid #CCCCCC;
	vertical-align:middle;
	line-height:20px; 
	margin:11px;
	padding:8px; 
	margin-bottom:0px;
	background-color:#ECF7FF;
}
.resumeBoxData{
	border:1px solid #CCCCCC;
	vertical-align:middle;
	margin:11px; 
	padding:11px;
}
.resumeBoxInnerSection{
	vertical-align:middle;
	border:1px solid #BCDDF4;
	margin-bottom:14px; 
	border-left:0px; 
	border-right:0px;
	padding:0px;
	padding-top:11px;
	padding-bottom:11px;
}
.tdVerticalSpacer{
	line-height:5px;
}

/* most article containers in page template layouts contain box styles. If you look at most articles on the site, you'll notice that it has a 12 px white border. This is where that is set. */
.box p {
	margin:0px;
	padding:0px;
	padding-left:12px;
	padding-right:12px;
	margin-top: 12px;
}
.box table table {
	margin-left: 12px;
	margin-left: expression("0px");
}
.standard_table p{
	margin:0px;
	padding:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top: 0px;	
}
.box ul {
	padding-left:12px;
	margin-left:17px;
	padding-right:12px;
	list-style:square;	
}
.box li {
	margin-bottom:0px;
}
.programs ul{
	/* see http://www.sfgoodwill.org/ProgramsChart.aspx */
	margin:0px;
	margin-left:17px;
	padding:0px;
}
.programs li{
	margin:0px;
	padding:0px;
}
.quote_column {
	/* some page layouts include a gray quote column */
	background-color:#f2f2f2;
	padding-bottom:12px;
}

table {
	border-collapse: collapse;
}


td {
	vertical-align:top;
	text-align:left;
}
table.middle td{
	vertical-align:middle;
}
.spacer { 
	width: 6px;
}
.box {
	/* In the GW01 developer doc refer to The .box Class section for an explanation of this format. This defines the layout of the box surrounding most articles. */
	background-color:#FFFFFF;
	border:solid #8abada 1px;
	padding: 1px;
	padding-bottom:12px;
}
.box_sidebar{
	/* The sidebar is the sidebar menu on any page template that begins with Nav. */
	padding:1px;
	background-image:url(/upload/images/template/sidebar.jpg);
	background-repeat:no-repeat;
}

.box_sidebar_filler{
	padding:0px;
	background-image:url(/upload/images/template/LeftFill.gif);
	background-repeat:no-repeat
}

.td_bucket {
	/*clips any content that extends beyond the bucket width*/
	overflow:hidden;
}

div.box-headers {
	/* formats the faded header above most articles */
	background-image:url(/upload/images/template/headerfades.gif);
	line-height:28px;
	padding-left:12px;
	margin-bottom:1px;
	font-weight:bold;
	color:#095ba5;
}

div.box-headers2 {
	/* formats the lighter faded header above the sidebar menu */
	background-image:url(/upload/images/template/headerfadesLite.gif);
	height:24px;
	line-height:28px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:1px;
	font-weight:bold;
	color: #095ba5;
	text-align:right;
}

div.box-headers div.box-headers2 p {
	margin:0px;
	padding:0px;
}

.paragraph_dividers p, p.paragraph_dividers {
	border-bottom:solid 1px #BCDDF4; margin:0 12px; padding:12px 0;
}

/* All .w#8 styles define the width of article boxes. */
.w88 {
	width: 926px;
}
.w68 {
	width: 692px;
}
.w58 {
	width: 575px;
}
.w48 {
	width:458px;
}
.w48_inner {
	width:456px;
}
.w38 {
	width: 341px;
}
.w28 {
	width: 224px;
}
.w28_fill {
	width: 228px;
}
.w28_inner {
	width: 218px;
}
.div_pad_bott{
	padding-bottom:12px;
}

/* See http://www.sfgoodwill.org/TabsCode.aspx for an example of tabbed boxes on a page. Scroll down to the bottom of the page. */
.tab_box {
	border-collapse: collapse;
}
.tab_header td {
	cursor: pointer;
	border: solid #8abada 1px;
}
.tab_header p {
	margin:0px;
	padding:0px;
}
.tab_header .box-headers {
	border: solid white 1px;
	margin-bottom: 0;
	border-bottom: 0;
}
.tab_header .tab_active div.box-headers {
	 background: none;
}
.tab_header .tab_active {
	 border-bottom: 0;
}
.tab_last {
	border-top: 0 !important;
	border-right: 0 !important; 
	width: 75px !important;
}

/* Formats for the eBay shopping objects */
.shop_images div {
	background-color:#beddf4;
	margin:12px;
	padding: 7px;
	text-align:center;
	vertical-align:center;
	width: 120px;
}

.shop_text {
	padding:12px;
	padding-left:0px;
}
.shop_table td {
	border-bottom:1px solid #beddf4;
}
#dropdown option {
	background-color:white;
} 

/* formats for the store and donation location lists */
.location_body_text{
	vertical-align:top; 
	border:1px solid #BCDDF4;
	padding:8px;
	border-right:0px;
}
.location_body_text p{
	padding:0px;
	margin:0px;
}
.location_notes{
	vertical-align:top; 
	background-color:#ECF7FF; 
	border:1px solid #BCDDF4; 
	padding:0px; 
	margin:0px;
}
.location_notes ul{
	padding-bottom:0px;
	margin-bottom:6px;
	margin-top:6px;
}
.location_notes li{
	margin:0px;
	padding:0px;
	margin-left:-6px;
	margin-top:3px;	
}
.location_map{
	border:1px solid #BCDDF4;
}
.location_area{
	background-color:#2388ce; 
	border:1px solid #BCDDF4;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}
.location_area p{
	margin:2px;
	margin-left:8px;
	padding:0px;
}
.location_spacer{
	height:12px;
	padding:0px;
	margin:0px;
	line-height:0px;
}
.location_spacer p{
	margin:0px;
	padding:0px;
}
.location_manager_info{
	vertical-align:top; 
	border:1px solid #BCDDF4;
	padding:8px;
	background-color:#ECF7FF; 
	color:#990000;
}
.location_manager_info p{
	padding:0px;
	margin:0px;
}
.location_shop_donate{
	vertical-align:top; 
	border:1px solid #BCDDF4;
	border-left:0px;
	padding:8px;
	padding-left:0px;
}
.location_shop_donate img{
	padding-bottom:8px;
	margin-bottom:0px;
}
.TableRowsUnderline td{
	border-bottom:1px solid #BCDDF4;
	padding-top:2px;
	padding-bottom:2px;
	background-color:white;
}

.TableRowsUnderline p{
	padding:0px;
	margin:0px;
}
#FinancialDonationLink{
	margin-right:8px;
}