/*\ 
	- COMMON
	- INFOBAR
	  * BAR
	  * MENU
	- SUPERFISH
	  * COMMON
	  * ARROWS
	  * SHADOW
	- TEXT SHADOW
	- GOOD/BAD
\*/


/************************\
   	COMMON
\************************/
.clear {
	clear:				both;
}

.left {
	float:				left;
}

.center {
	margin:				0 auto;
}
.centerTxt {
	text-align:			center;
}

.right {
	float:				right;
}


/************************\
   	INFOBAR
\************************/
.infobar{
	left:				0;
	position:			absolute;
	top:				0;
	width:				100%;
	z-index:			9997;
}
body > div.infobar {  /* IE 7+ hack; */
	position:			fixed;
}
/** INFOBAR BAR **/
.infobar-bar{
	border-bottom:		1px solid #696969;
}
.infobar-bar div{
	background:			InfoBackground url("../img/shield-help.png") no-repeat fixed 5px 3px;
	border-bottom:		1px solid #a0a0a0;
	color:				InfoText;
	cursor:				default;
	display:			block;
	font:				message-box;
	padding:			4px 25px 4px 25px;
}
.infobar-bar.exclamation div{
	background-image:	url("../img/shield-exclamation.png");
}
.infobar-bar.error div{
	background-image:	url("../img/shield-error.png");
}
.infobar-bar.help div{
	background-image:	url("../img/shield-help.png");
}
.infobar-bar.ok div{
	background-image:	url("../img/shield-ok.png");
}
.infobar-bar.warning div{
	background-image:	url("../img/shield-warning.png");
}
.infobar-bar div.hover,
.infobar-bar div:hover {
	background-color:	Highlight;
	color:				HighlightText;
}
.infobar-bar input {
	background:			none;
	border:				none 0;
	color:				InfoText;
	font:				bold 15px "OCR A Std";
	height:				26px;
	margin:				0;
	padding:			0 0 1px 0;
	position:			absolute;
	right:				0;
	top:				0;
	width:				24px;
}
.infobar-bar.hover input,
.infobar-bar:hover input {
	color:				HighlightText;
}


/** INFOBAR MENU **/
.infobar-menu{
	background:			#f5f5f5;
	border:				1px solid #979797;
	color:				InfoText;
	cursor:				default;
	font:				message-box;
	left:				100px;
	margin:				0;
	padding:			2px;
	position:			absolute;
	top:				100px;
	width:				auto;
	white-space:		nowrap;
	z-index:			9998;
}
.infobar-menu th, 
.infobar-menu td{
	background:			#f1f1f1;
	height:				24px;
	margin:				0;
	padding:			0 5px;
	text-align:			left;
}
.infobar-menu th{
	width:				20px;
}
.infobar-menu img{
	height:				16px;
	width:				16px;
}
.infobar-menu .dividerH{
	background-color:	white;
	border-left:		1px solid #e0e0e0;
	font-size:			0;  /* IE fix */
	line-height:		0;
	padding:			0;
	width:				1px;  /* none IE workaround */
}
.infobar-menu .dividerV th,
.infobar-menu .dividerV td {
	font-size:			0;
	height:				0;
	line-height:		0;
}
.infobar-menu .dividerV td {
	border-bottom:		1px solid white;
	border-top:			1px solid #e0e0e0;
}
.infobar-menu .dividerV td div{  /* no content fix for Chrome & empty div fix for IE */
	height:				0;
}

.infobar-menu tr.hover th,
.infobar-menu tr:hover th {
	background:			#f1f1f1 url("../img/menu-bg-hover-left.jpg") no-repeat center left;
}
.infobar-menu tr.hover td,
.infobar-menu tr:hover td {
	background:			#f1f1f1 url("../img/menu-bg-hover-right.jpg") no-repeat center right;
	color:				InfoText;
}
.infobar-menu tr.hover td.dividerH,
.infobar-menu tr:hover td.dividerH {
	background:			white url("../img/menu-bg-hover-mid.jpg") repeat-x center center;
}
.infobar-menu tr.hover.dividerV th,  /* IE bug; .hover first */
.infobar-menu tr.hover.dividerV td,  /* IE bug; .hover first */
.infobar-menu tr.dividerV:hover th,
.infobar-menu tr.dividerV:hover td{
	background-image:	none;
}


/************************\
   	SUPERFISH
\************************/
/** COMMON **/
.sfMenu, 
.sfMenu * {
	margin:				0;
	padding:			0;
	list-style:			none;
}
.sfMenu {
	line-height:		1.0;
}
.sfMenu ul {
	position:			absolute;
	top:				-999em;
	width:				150px;  /* left offset of submenus need to match (see below) */
}
.sfMenu li {
	float:				left;
	position:			relative;
}
.sfMenu a {
	display:			block;
	position:			relative;
}
.sfMenu li:hover {
	visibility:			inherit;  /* fixes IE7 'sticky bug' */
}
.sfMenu li:hover ul,
.sfMenu li.hover ul {
	left:				0;
	top:				40px;  /* match top ul list item height */
	z-index:			100;
}
ul.sfMenu li:hover li ul,
ul.sfMenu li.hover li ul {
	top:				-999em;
}
ul.sfMenu li li:hover ul,
ul.sfMenu li li.hover ul {
	left:				150px;  /* match ul width */
	top:				0;
}
ul.sfMenu li li:hover li ul,
ul.sfMenu li li.hover li ul {
	top:				-999em;
}
ul.sfMenu li li li:hover ul,
ul.sfMenu li li li.hover ul {
	left:				150px;  /* match ul width */
	top:				0;
}

/** ARROWS **/
.sfMenu a.sf-with-ul {
	padding-right:		2.25em;
	min-width:			1px;  /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:			absolute;
	display:			block;
	right:				3px;
	width:				10px;
	height:				10px;
	top:				0;
	text-indent:		-999em;
	overflow:			hidden;
	background:			url("../img/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6< gets solid image only */
}
/* top arrow for modern browsers */
a > .sf-sub-indicator {
	background-position:0 -100px;
}
/* top arrow hovers for modern browsers */
a:focus > .sf-sub-indicator, 
a:hover > .sf-sub-indicator, 
a:active > .sf-sub-indicator, 
li:hover > a > .sf-sub-indicator, 
li.hover > a > .sf-sub-indicator {
	background-position:-10px -100px;
}

/* right arrow for modern browsers */
.sfMenu ul a > .sf-sub-indicator {
 	top:				9px;
	background-position:	0 0;
}
/* right arrow for IE6< */
.sfMenu ul .sf-sub-indicator {
	background-position:-10px 0;
}
/* right arrow hovers to modern browsers */
.sfMenu ul a:focus > .sf-sub-indicator, 
.sfMenu ul a:hover > .sf-sub-indicator, 
.sfMenu ul a:active > .sf-sub-indicator, 
.sfMenu ul li:hover > a > .sf-sub-indicator, 
.sfMenu ul li.hover > a > .sf-sub-indicator {
	background-position:-10px 0;
}

/** SHADOW **/
.sf-shadow ul {
	background:			url("../img/shadow.png") no-repeat bottom right;
	padding:			0 10px 10px 0 !important;
}
.sf-shadow ul.sf-shadow-off {
	background:			transparent;
}


/************************\
	TEXT SHADOW
\************************/
li a span.jqShadow {
	min-width:			1px;  /* trigger IE7 hasLayout so spans position accurately */
	color:				#131C25;
	display:			none;
	left:				21px;
	position:			absolute;
	top:				1px;
}
li:hover a span.jqShadow, 
li.hover a span.jqShadow, 
li.current a span.jqShadow,
li.ui-tabs-selected a span.jqShadow,
li.ui-state-active a span.jqShadow,
li.ui-state-focus a span.jqShadow {
	display:			inherit;
}
li a span.jqShadowNormal {
	position:			relative;
}



/************************\
	GOOD/BAD
\************************/
.goodBad .yes {
	background-color:	#00882D;
	color:				#ffffff;
	border:				0px;
}
.goodBad .almost {
	background-color:	#40A662;
	color:				#ffffff;
	border:				0px;
}
.goodBad .incomplete {
	color:				#00882D;
	border:				1px solid #00882D;
}
.goodBad .alternative {
	color:				#666666;
	border:				1px solid #666666;
}
.goodBad .untestable {
	color:				#006699;
	border:				1px solid #006699;
}
.goodBad .incorrect {
	color:				#CB000F;
	border:				1px solid #CB000F;
}
.goodBad .buggy {
	background-color:	#DA4C57;
	color:				#ffffff;
	border:				0px;
}
.goodBad .no {
	background-color: 	#CB000F;
	color:				#ffffff;
	border:				0px;
}
.goodBad .crash {
	background-color:	#535353;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#ffffff;
}