﻿/* Content Box	
-----------------------------------------------------------------------------*/
div.ContentBox {
	border-bottom: solid 1px #949292;
	margin:5px 3px;
}

div.ContentBox div.ContentBoxWrapper {
	/*background:white url(../images/ContentBox_Footer_bkg.jpg) repeat-x bottom left;	
	padding-bottom:4px;	*/
	background: white;
}

div.ContentBox div.ti,
div.ContentBox div.ti1,
div.ContentBox div.ti2,
div.ContentBox div.bi,
div.ContentBoxs div.bi1,
div.ContentBox div.bi2 {
	display:none;
}

div.ContentBoxHeader {
	background:#282627 url(../images/ContentBox_Header_bkg.jpg) repeat-x;
	color:White;
	text-align:center;
	min-height:31px;
	height: auto !important;
	height:31px;
	line-height:31px;
	position: relative;
}

div.ContentBoxHeader.secondary 
{
	background:#ababab url(../images/ContentBox_SecondaryHeader_bkg.png) repeat-x;
	color: #393939;
	border: 1px solid #949292;
	height: 27px;
	min-height: 27px;
	line-height: 27px;		
}
	
div.ContentBoxHeader h3 {
	padding:0;
}

div.ContentBoxHelp {	
	border-left:solid 1px #949292;
	border-right:solid 1px #949292;	
	display: none;
	padding: 5px 10px;
	
}
div.ContentBoxHelp div.ContentBoxHelpWrapper
{
	background:#e9e9e9;		
	padding:10px 15px;
}


div.ContentBoxContent 
{
	overflow: hidden;
	padding:3px;
	border-left:solid 1px #949292;
	border-right:solid 1px #949292;
}

div.ContentBox div.CollapsibleContentBoxWrapper div.ContentBoxContent 
{
	display: none;
	background:#e9e9e9;
	border:0px;
	margin:4px;
	padding:10px 15px;
}

div.ContentBoxFooter {
	padding:3px;
	border-left:solid 1px #949292;
	border-right:solid 1px #949292;
}

div.ContentBoxHeader p.viewMoreLink {
	margin:0;
	padding:0;
	height:0;
	position:relative;
}

div.ContentBoxHeader p.viewMoreLink a {
	background:url(../images/ContentBox_Header_ViewMoreLink_bkg.gif) no-repeat left center;
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-5000px;
	width:16px;
	height:32px;
	position:absolute;
	top: -32px;
	right:5px;

}
div.ContentBoxHeader p.viewMoreLink a:hover {
	background-position:right center;
}

div.ContentBoxHeader p.expandLink {
	margin:0;
	padding:0;
	height:0;
	position:relative;
}

div.ContentBoxHeader p.expandLink a {
	background:url(../images/ContentBox_Header_ExpandLink_bkg.gif) no-repeat left center;
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-5000px;
	width:16px;
	height:32px;
	position:absolute;
	top: -32px;
	right:5px;
}

div.ContentBoxHeader p.expandLink a:hover {
	background-position:right center;
}

div.ContentBoxHeader a.expandHelpOld {	
	background:url(../images/Icons/HelpIcon.png) no-repeat left center;
	display:block;
	height: 14px;
	overflow:hidden;
	text-indent:-5000px;
	width: 14px;
	height:32px;
	position:absolute;
	top: 0px;
	right: 10px;
}

div.ContentBoxHeader a.expandHelpOld:hover {
	background-position: left center;
	cursor: pointer;
}

div.ContentBoxHeader a.expandHelp {	
	background:url(../images/Icons/HelpExpandIcon.png) 0 0;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	width: 64px;
	height:31px;
	position:absolute;
	top: 0px;
	right: 0px;
}

div.ContentBoxHeader a.expandHelp:hover {
	background:url(../images/Icons/HelpExpandIcon.png) 0 -31px;
	cursor: pointer;
}

div.ContentBoxHeader .minimizeHelp {
	background:url(../images/Icons/HelpExpandIcon.png) 0 -62px !important;
}

div.ContentBoxHeader .minimizeHelp:hover {
	background:url(../images/Icons/HelpExpandIcon.png) 0 -93px !important;
}

/* Team Specific Content Box*/
div.ContentBox.teamSpec div.ContentBoxHeader {
	background-color: #dc2906;
	background-image: url(../images/StandardTableHeader_bkg.gif);
	background-repeat:repeat-x;
	border-bottom:solid 2px #ff6600;
}

/* Overview  Box*/

div.ContentBox.Overview div.ContentBoxWrapper
{
	border: solid 1px #787676;
	border-top: solid 1px #ff6600;
}

div.ContentBox.Overview div.ContentBoxHeader {
	background:white;
	color:#393939;
}

div.ContentBox.Overview div.ContentBoxContent
{
	border:0px;
}

div.ContentBox.Overview div.ti,
div.ContentBox.Overview div.ti1 {
	background:	#cdcdcd url(../images/OverviewBox_Top.gif) no-repeat top right;
	display:block;
	height:7px;
	overflow:hidden;
}

div.ContentBox.Overview div.ti1
{
	background-position:top left;
	float:left;
	width:50%;
}

div.ContentBox.Overview div.ContentBoxWrapper {
	padding: 4px 8px 8px 8px;		
}
/* Filter Content Box */
div.ContentBox.FilterBox 
{
	border:solid 1px #717171;
}
div.ContentBox.FilterBox {
	background: #ababab url(../images/StandardTableFooter_bkg.jpg) repeat-x;
}

div.ContentBox.FilterBox div.ContentBoxWrapper {
	background-image:none;
	padding-bottom:0;
}

/* Page Message Display
-----------------------------------------------------------------------------*/
div.pageMessageDisplay div.ContentBox div.ContentBoxWrapper
{
	border: solid 1px #787676;
	border-top: solid 1px #ff6600;
}

div.pageMessageDisplay div.ContentBox div.ContentBoxContent
{
	background:#e9e9e9;
	border:0px;
	margin:4px;
	padding:10px 15px;
}

div.pageMessageDisplay div.ContentBox div.ContentBoxContent p {
	margin:5px 0;
}
div.pageMessageDisplay div.ContentBox div.ContentBoxHeader {
	background:white;
}

div.pageMessageDisplay div.ContentBoxHeader h3 {
	color:#393939;
	line-height:1em;
	margin-top:5px;
	padding:3px 0 ;
}

div.pageMessageDisplay div.ContentBoxHeader h3 span {
	display:-moz-inline-box !important;
	display:inline-block;
	padding: 5px 23px;
	margin:0;
}

div.pageMessageDisplay.Information div.ContentBoxHeader h3 span {
	background:url(../images/PageMessage/Info.gif) no-repeat center left;
}

div.pageMessageDisplay.Warning div.ContentBoxHeader h3 span {
	background:url(../images/PageMessage/Warning.gif) no-repeat center left;
}
div.pageMessageDisplay.Error div.ContentBoxHeader h3 span {
	background:url(../images/PageMessage/Error.gif) no-repeat center left;
}
div.pageMessageDisplay.Success div.ContentBoxHeader h3 span {
	background:url(../images/PageMessage/Success.gif) no-repeat center left;
}

div.pageMessageDisplay div.ContentBox div.ti,
div.pageMessageDisplay div.ContentBox div.ti1 {
	background:#cdcdcd 	url(../images/OverviewBox_Top.gif) no-repeat top right;
	display:block;
	height:7px;
	overflow:hidden;
}

div.pageMessageDisplay div.ContentBox div.ti1
{
	background-position:top left;
	float:left;
	width:50%;
}




/* Head Shot Image
-----------------------------------------------------------------------------*/
div.HeadShotImage {
	height:129px;
	width:120px;
	background-repeat:no-repeat;
	background-position:top left;
}


/* Tab Bar
-----------------------------------------------------------------------------*/
ul.TabBar {
	float: left;
	border-bottom: solid 1px #949292;
	width: 100%;
	height: 26px;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	margin-bottom: -1px;
}

div.TabBox div.TabBoxContent
{
	border-top: solid 1px #949292;
}

ul.TabBar li.Tab {
	height: 25px;
	background: #B6B6B6;
	background-color: #B6B6B6;
	cursor: pointer;
	color: #fff;
	border: solid 1px #949292;
	margin-left: 4px;
	line-height: 25px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	float:left;
	display: block;
}

ul.TabBar li.Tab a {
	color:White;
	display:block;
	float:left;
	height:100%;
	padding:0 12px;
	text-decoration:none;
	border:0;
}
ul.TabBar li.Tab.Selected {
	background: #fff !important;
	border-bottom: solid 1px #fff !important;
}

ul.TabBar li.Tab.Selected a
{
	font-weight: bold;
	color: #313131;
}

/* Tab Box
-----------------------------------------------------------------------------*/

div.TabBox {

}

div.TabBox div.TabBoxContent {
	border: solid 1px #949292;
	border-top-width:0;
	padding:3px;
	clear:both;
}


/* GD Button
-----------------------------------------------------------------------------*/
a.GDButton,
a.GDButton:link,
a.GDButton:active,
a.GDButton:visited,
a.GDButton:hover
 {
	border:solid 1px #8d8c8c;
	background: url(../images/buttons/GDButton_bkg.gif) repeat-x center left;
	color:#393939;
	display:-moz-inline-box !important;
	display:inline-block;
	margin: 3px 3px;
	padding: 2px 35px;	
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

a.GDButton:hover {
	background: url(../images/buttons/GDButton_Hover_bkg.gif) repeat-x center left;
}

a.GDButton.disabled {
	background: black;
}
a.GDButton.selected {
	background:orange;
}

/* Health Bar
-----------------------------------------------------------------------------*/
span.HealthBar {
	display:block;
	height:20px;
	width:410px;
}

span.HealthBar span.BarWrapper {
	display:block;
	position:relative;
	width:400px;
}

span.HealthBar span.Bar{	
	background:url(../images/HealthBar/HealthBar_bkg.gif)  no-repeat;
	display:block;
	height:11px;
	left:5px;
	position:absolute;
	width:100%;
}

span.HealthBar span.Marker {
	background: url(../images/HealthBar/HealthBar_Arrow.gif) bottom left no-repeat;
	display:block;
	height:20px;
	position:absolute;
	width:10px;
}

/* Graph Bar
-----------------------------------------------------------------------------*/
.GraphBar {
    width: 80%;
	display:block;
	height:9px;
	margin: 2px 0 2px 0;			
}

.GraphBar .BarWrap {
	width:100%;
	display:block;
	float:left;
	height:11px;
	overflow: visible;
	position:relative;		
	
}

.GraphBar .Bar {	
	display:block;
	height:9px;
	position:absolute;
	overflow:hidden;
	margin:1px 0;
}

.GraphBar .Value {
	display:block;
	position:absolute;
	font-weight:bold;
	height:11px;
	font-size:11px;
	line-height:11px;
	white-space:nowrap;    
    padding:0 5px;
    margin-left:3px;
}

/* Ratings Bar
-----------------------------------------------------------------------------*/
.RatingBar {
	display:block;
	height:9px;
	margin:0px;
}

.RatingBar .BarWrap {
	width:375px;
	display:block;
	float:left;
	height:9px;
	overflow: visible;
	position:relative;	
}

.RatingBar .Bar {
	background:url(../images/ratingBar/Rating_yellowbar.gif) repeat-x;
    border:solid 1px #c27a14; 
	display:block;
	height:9px;
	position:absolute;
	overflow:hidden;
	margin:1px 0;
}
.RatingBar .ChangeBar {
	display:block;
	background:url(../images/ratingBar/Rating_greenbar.gif) repeat-x;
    border:solid 1px  #4e9934; 
	height:9px;
	overflow:hidden;
	position:absolute;
	margin:1px 0 1px 2px;
}

.RatingBar .ChangeText {
	display:block;
	position:absolute;
	font-weight:bold;
	height:11px;
	font-size:11px;
	line-height:11px;
	white-space:nowrap;
    color:#4e9934; 
    padding:0 5px;
    margin-left:3px;
}
.RatingBar.Increase .ChangeText {
    background: url(../images/ratingBar/Rating_arrow_increase.gif) no-repeat center right;
    padding-right:15px;
}

.RatingBar.Decrease .Bar  {
	background:url(../images/ratingBar/Rating_redbar.gif) repeat-x;
    border:solid 1px #be4131; 
}

.RatingBar.Decrease .ChangeBar  {
	background:url(../images/ratingBar/Rating_greybar.gif) repeat-x;
    border:solid 1px #b7b7b7; 
}


.RatingBar.Decrease .ChangeText {
    color:#be4131; 
    background: url(../images/ratingBar/Rating_arrow_decrease.gif) no-repeat 5px 0;
    padding-left:20px;
}

/* Icon Popup links
-----------------------------------------------------------------------------*/
.icon {
    border: none;
}

/* Considering List
-----------------------------------------------------------------------------*/
div.consideringListControl {
    border-left: 5px solid transparent;
    padding: 0 0 0 3px;
}

div.consideringListControl.consideringUs {
    border-color: green;
}

div.consideringListControl.consideringOthers {
    border-color: red;
}

div.consideringListControl.consideringUsOthers {
    border-color: yellow;
}

div.consideringListControl a.human {
    
}
