/* ===========================================================================
 * Filename: css/salvosheader-dark.css
 * Author: Andreas Boehmer, andreas@symplicit.com.au, www.symplicit.com.au
 * Date: 4 December 2011
 * Description: Contains styles for the Salvation Army's website simplified banner, dark version.
 * =========================================================================== 
 */

 body
{
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.538462;	
	color: #333;
    padding: 0;
	margin: 0;	
}

#salvosheader
{
	padding: 0 0 3px 0;
	margin: 0;
	background-color: #585858;
	width: 100%;
	text-align: center;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #fff;
	height: auto !important;
	min-height: 30px;
	height: 2.307692em;
}


#salvosheader #keywords
{
	padding: 0 0 0 4px;
    width: 175px; 
    margin: 0;
    height: 20px;
    border: 1px solid #7C7C7C;
    border-right:none;
	border-bottom-color:#DDDDDD;
    font-family: 'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',arial,helvetica,sans-serif;
    color:#999999;
    font-size:0.923077em;
    vertical-align:top;
}

#salvosheader #searchbutton{
	width: 27px; 
	height:22px;
	background-image:url(/templates/resources/images/minisite/interface/buttons/search_magnify_black.gif);
	position: relative;
	text-indent: -9999em;
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	background-color: #000;
	font-size:0;
	line-height:0;
    margin:0;
    padding:0;
    vertical-align:top;
}

/* Added by PW NWCMS-317 "Start searching..." missing in search box */
#salvosheader .searchbutton{
	width: 27px; 
	height:22px;
	background-image:url(/templates/resources/images/minisite/interface/buttons/search_magnify_black.gif);
	position: relative;
	text-indent: -9999em;
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	background-color: #000;
	font-size:0;
	line-height:0;
    margin:0;
    padding:0;
    vertical-align:top;
}

#salvosheader a img
{
	border: none;
}

#salvosheader a:link, #salvosheader a:visited
{
	color: #fff;
	background-color: transparent;
	text-decoration: none;	
}

#salvosheader a:focus, #salvosheader a:hover, #salvosheader a:active
{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;	
}

#salvosheader .headercontent
{
	padding: 0;
	margin: 0;
	text-align: left;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#salvosheader .logo
{
	padding: 0;
	margin: 0;
	width: 35px;
	height: 39px;
	position: absolute;
	top: 4px;
	left: 15px;
}

/* start overlap area with small TSA logo over the main header */
#salvosheader{
	position:absolute;
left:0;
	z-index:20;
}

#wrapper2{
	position:relative;
	z-index:1;
	
	padding-top:33px;
}
/* end overlap area with small TSA logo over the main header */


#salvosheader .logo a
{
	padding: 0;
	margin: 0;
	display: block;	
	width: 35px;
	height: 39px;
	background: transparent url(/templates/resources/images/minisite/interface/logo_small.png) no-repeat scroll 0 0 !important;
}

#salvosheader .logo a img
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

#salvosheader ul.nav
{
	padding: 10px 0 0 55px;
	margin: 0;
	list-style-type: none;
	float: left;
}

#salvosheader ul.nav li
{
	float: left;	
	background: transparent url(/templates/resources/images/minisite/interface/simple_nav_border.gif) no-repeat scroll 0 50%;
	padding: 0 9px 0 10px;
}

#salvosheader ul.nav li.first
{
	background-image: none;	
	padding-left: 0;
}

/* Fortune Cookie - Removed form reference due to outer form element in EPiServer causing conflicts */
#salvosheader .search
{
	padding: 4px 0 0;
	margin: 0 15px 0 0;
	float: right;	
	width:260px;
	text-align:right;
}

#salvosheader .search p
{
	padding: 0;
	margin: 0;
}

#salvosheader .search label
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

#salvosheader ul.pagehelp 
{
	float: right;
	padding: 8px 0 0 7px;
	margin: 0;
	list-style-type: none;
	width: 93px;
}

#salvosheader ul.pagehelp li
{
	float: left;
	background-image: none;
	padding: 0;	
	margin: 0;
}

#salvosheader .pagehelp .tool-textup, #salvosheader .pagehelp .tool-textdown, #salvosheader .pagehelp .tool-email, #salvosheader .pagehelp .tool-print
{
	float: left;
	display: block;	
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	padding-right: 7px;
	font-size: 0.75em;
}

#salvosheader .pagehelp .tool-textdown
{
	padding-right: 0;
}

#salvosheader .pagehelp a.tool-textdown:link, #salvosheader .pagehelp a.tool-textdown:visited
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/textdown.gif) no-repeat scroll 0 0;
}

#salvosheader .pagehelp a.tool-textdown:focus, #salvosheader .pagehelp a.tool-textdown:hover, #salvosheader .pagehelp a.tool-textdown:active
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/textdown.gif) no-repeat scroll 0 100%;
}

#salvosheader .pagehelp a.tool-textup:link, #salvosheader .pagehelp a.tool-textup:visited
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/textup.gif) no-repeat scroll 0 0;
}

#salvosheader .pagehelp a.tool-textup:focus, #salvosheader .pagehelp a.tool-textup:hover, #salvosheader .pagehelp a.tool-textup:active
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/textup.gif) no-repeat scroll 0 100%;
}

#salvosheader .pagehelp a.tool-email:link, #salvosheader .pagehelp a.tool-email:visited
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/email.gif) no-repeat scroll 0 0;
}

#salvosheader .pagehelp a.tool-email:focus, #salvosheader .pagehelp a.tool-email:hover, #salvosheader .pagehelp a.tool-email:active
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/email.gif) no-repeat scroll 0 100%;
}

#salvosheader .pagehelp a.tool-print:link, #salvosheader .pagehelp a.tool-print:visited
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/print.gif) no-repeat scroll 0 0;
}

#salvosheader .pagehelp a.tool-print:focus, #salvosheader .pagehelp a.tool-print:hover, #salvosheader .pagehelp a.tool-print:active
{
	background: transparent url(/templates/resources/images/minisite/interface/icons/print.gif) no-repeat scroll 0 100%;
}

button.button_size3_black_on_grey
{
	background:url(/templates/resources/images/minisite/interface/buttons/size3_black_on_grey.png) top left no-repeat #000;
	color:#fff;
	width:65px;
	height:20px;
	border:none;
	margin-left:5px;
}