/**
 * APX Brand
 * 
 * 
 * 
 * @author		Rolf Mortenson
 * @link		http://www.nyseblue.com
 * @email		rmortenson@nyseblue.com
 * 
 * @file		brand.css
 * @version		5.0
 * @date		10/27/2010
 * 
 * Copyright (c) 2010
 */

/* page background color */
body {
	background-color: #FFF;
	background-image: url(images/accent/brand-bg-sprite.png);
	background-repeat: repeat-x;
	background-position:0 -100px;
}

* html body {background-image: none;}
* html #ie6 {	
	background-image: url(images/accent/brand-bg-sprite.png);
	background-repeat: repeat-x;
	background-position:0 -100px;
}

#wrapper {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position:0 0;
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#container {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position:0 0;
	height: 100%;
}
/* globalheader background color & image */
#globalheader {	
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position:0 0;
}

#main {
	border: 1px solid #666;
	border-color: #FFF #666 #666 #CCC;
	border-bottom: 5px solid #081c4f;
	background-image: none;
	background-repeat: no-repeat;
	background-position:0 0;
	margin-bottom: 0px;
	margin-bottom: 85px;
}

#content {
	margin-bottom: 0px;
	background-color: #FFF;
	border-style: solid;
	border-width: 0px 5px;
	border-color: #EEE;
}


/* banner background color & image (logo) */
#banner {
    background-size: 350px 59px;
    background-color: transparent;
    background-image: url(images/banner/EMALogo_Primary.png);
    background-repeat: no-repeat;
    background-position: 0px 25px;
    height: 88px;
}

#ie6 #banner {
	background-image:url(images/banner/EMALogo_Primary.png);
}

#preheader .piped span {color: #FFF;}
#preheader a {color: #FFF;}

#topmenu {border-left: 1px solid #CCC; border-right: 1px solid #666;}


/* footer background color & image */
#globalfooter, body.apxops #globalfooter {
	height: 76px;
	margin: -70px auto 0px;
	width: 100%;
	background-color: #002C61;
	background-image: url(images/accent/brand-bg-sprite.png);
	background-repeat: repeat-x;
	background-position:0 0px;
	color: #666;
}

#globalfooter .piped {line-height: normal; margin: 14px 0 0;}

/* 	--------------------------------
 	link colors 
 	--------------------------------*/
a { color: #06C;}
a:link, a:visited, a:active {color: #06C;}
a:hover { text-decoration: underline; }
a.note:hover {color: #06C;}
#footer-nav a {color: #FFF; border-color: #9CF;}
#apx-foot a, 
#apx-foot span {color: #9CF; border-color: #9CF;}
#apx-foot a:hover {color: #FFF;}

h2 {color: #081c4f;font-size: 1.5em;}
h2 span {color: #666; font-weight: normal;}

/* 	--------------------------------
 	box colors 
 	--------------------------------*/
.box {border: 1px solid #CCC;}
.box .hd {border-bottom: 1px solid #999; background-color: #C7C7B3; }

/* 	--------------------------------
	button skin
	potentially requires modifying 
	the graphic sprite 
	--------------------------------*/
.yui-button{ }
/* Focus state */
.yui-button-focus{}
.yui-button-focus .first-child{}
/* Hover state */
.yui-button-hover{}
.yui-button-hover .first-child{}
/* Active state */
.yui-button-active{}
.yui-button-active .first-child{}

/* --------------------------------
   accent colors 
   --------------------------------*/
/* global navigation top border */
#topmenu {
	border-top: 4px solid #081c4f;
}

.nicehead,
.section h3 {
	background-color: #081c4f;
	background-image: url(../../core/images/bg/bg-section-head.png);
	background-repeat: repeat-x;
	color: #FFF;
}


.status-failed { color:#990000; font-weight:bold; }
.status-running { color:#10409F; font-weight:bold; }

.last-run-warning {background-color: #dbeaff;}
.status-successful {color: #11ad00;}


/*  --------------------------------
	development environments
	_______________________________*/
#impersonationHeader {position: absolute; top: 28px; left: 646px; width: 325px; background-color: #CC0000; border: 3px solid #FFF;}
.DEV #impersonationHeader, .DEV2 #impersonationHeader, .QA #impersonationHeader, .QA2 #impersonationHeader, .UAT #impersonationHeader, .LOCAL #impersonationHeader  {left: 450px;}
#impersonationHeader {-moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 4px #999; -moz-box-shadow: 2px 2px 4px #999; -webkit-box-shadow: 2px 2px 4px #999;}
#impersonationHeader ul {padding: 0px; margin: 2px;}	
#impersonationHeader li {display: block;  padding: 0px; line-height: 16px; color: yellow; text-align: center;}
#impersonationHeader span {font-weight: bold;}
#impersonationHeader li a {color: #FFF;}
#impersonationHeader li a:hover {font-weight: bold;}	
	
	
#globalheader #build {
	position: absolute;
	right: 4px; 
	top: 45px; 
	height: 65px; 
	width:fit-content; 
	vertical-align: center; 
	cursor: help; 
	font-size:40px;
	color: #11ad00;
}

#globalheader #build > p {
	margin: 0 !important;
}