/* -------------------------------------------------------------- 
	Custom CSS for GO ANG site
-------------------------------------------------------------- */

html {
	background: #000000 none no-repeat;
	font-family: Arial, sans;
}

#page {
	margin: 0px auto;
	width: 989px;
}

a:link, a:visited, a:hover, a:active {
	color: #99DDFF;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a:focus {
  outline: none;
  text-decoration: underline;
}

a:focus img {
  outline: 1px dotted #666666;
}

/* Body content area */

#body {
	padding: 50px 17px 0px 18px;
	position: relative;
	z-index: 1;
  min-height: 200px;
}

#body.bodyFull {
  padding: 0px;
}

.bodyClear {
	clear: both;
	height: 1px;
	font-size: 1px;
	width: 1px;
}

#footer {
	height: 30px;
	line-height: 30px;
	padding-top: 162px;
	margin-top: -100px;
	background: transparent url('images/footerTrans.png') no-repeat left bottom;
	position: relative;
	z-index: 0;
}

#footer .copyright {
	float: left;
	padding-left: 30px;
	color: #999999;
	font-size: 9px;
}

#footer .termsLinks {
	float: right;
	color: #999999;
	font-size: 9px;
	height: 13px;
	padding: 8px 30px 9px 0px;
	position: relative;
	z-index: 2;
}

#footer .footerTermsLinks li {
	float: left;
	padding: 0px 5px;
	background: transparent url('images/headerLinksDivider.gif') repeat-y right top;
	height: 13px;
	line-height: 13px;
}

#footer .footerTermsLinks li.last {
	background: none;
}

#footer .footerTermsLinks li a:link,
#footer .footerTermsLinks li a:visited {
	color: #99DDFF;
	text-decoration: none;
}

#footer .footerTermsLinks li a:hover,
#footer .footerTermsLinks li a:active,
#footer .footerTermsLinks li a:focus {
	color: #99DDFF;
	text-decoration: underline;
}

#ui-datepicker-div {
  z-index: 12;
}

p.label_field_pair {
	clear: both;
	float: none;
}
p.label_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 100px;
}
p.label_field_pair input {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 200px;
}

/*  Newsflash Styles */
div.newsflash {
	padding-left: 35px;
	cursor: pointer;
}

div.newsflashLabel {
	background-color: #c70000;
	clear: both;	
	color: #fff;
	float: left;
	font-family: Arial, sans;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 10px;
	text-transform: uppercase;	
}

div.newsflashContentCenter, div.newsflashContentBorderLeft, div.newsflashContentBorderRight {
	float: left;
	height: 70px;
}

div.newsflashContentBorderLeft, div.newsflashContentBorderRight {
	width: 6px;
}

div.newsflashContentBorderLeft {
	background: transparent url('images/newsflash-left-border.png') no-repeat;
}

div.newsflashContentCenter {
	background: #032b4e;
	color: #fff;
	font-family: Arial, sans;
	width: 600px;

}

div.newsflashContentCenter h1{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0px 5px 10px;

}

div.newsflashContentCenter h1 a, div.newsflashContentCenter h1 a:hover{
	background-color: #0463b3;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

div.newsflashContentCenter p{
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 5px 10px;

}

div.newsflashContentCenter div.newsflashContentCenterImage {
	/*background: transparent url('images/nascar-pic.png') no-repeat;*/
	background: transparent url('images/newsflash_155x70.jpg') no-repeat;
	float: right;
	margin-left: 5px;
	height: 70px;
	/*width: 185px;*/
	width: 155px;
}

div.newsflashContentBorderRight {
	background: transparent url('images/newsflash-right-border.png') no-repeat;
}

/* hover states */
div.newsflashContent-over div.newsflashContentBorderLeft {
	background: transparent url('images/newsflash-left-border-over.png') no-repeat;
}

div.newsflashContent-over div.newsflashContentCenter{
	background-color: #0463b3;
}

div.newsflashContent-over div.newsflashContentBorderRight {
	background: transparent url('images/newsflash-right-border-over.png') no-repeat;
}

div.newsflashContent-over div.newsflashContentCenter h1 a, div.newsflashContent-over div.newsflashContentCenter h1 a:hover{
	background-color: #058cff;
}

/* Updated NewsFlash Styles */
.newsFlashReskin {
  cursor: pointer;
	padding-left: 35px;
  position: relative;
  font-family: Arial, sans;
  color: #FFFFFF;
  width: 662px;
}

.newsFlashReskin .newsflashContent {
  height: 70px;
}

.newsFlashReskin .newsFlashLabel {
  background: transparent url("images/newsFlash_reskin_label.png") repeat-x;
	clear: both;	
  color: #FFFFFF;
	font-family: Arial, sans;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 10px;
	text-transform: uppercase;	
  width: 63px;
}

.newsFlashReskin .doubleArrow {
  width: 12px;
  height: 9px;
  background: transparent url("images/doubleArrow.gif") no-repeat;
  position: absolute;
  top: 30px;
  left: 14px;
}

.newsFlashReskin h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0px 5px 10px;
}

.newsFlashReskin .newsFlashDesc {
  line-height: 13px;
  font-size: 11px;
  font-weight: normal;
  width: 70%;
  padding-left: 10px;
}

.newsFlashReskin .newsflashContentBorderLeft {
	width: 6px;
  float: left;
  height: 100%;
  background: transparent url("images/newsFlash_reskin_left.gif") no-repeat;
}

.newsFlashReskin .newsflashContentCenter {
  float: left;
  height: 100%;
  width: 650px;
  background: transparent url("images/newsFlash_reskin_middle.png") repeat-x;
}

.newsFlashReskin .newsflashContentBorderRight {
  width: 6px;
  float: left;
  height: 100%;
  background: transparent url("images/newsFlash_reskin_right.gif") no-repeat;
}

.newsFlashOver .newsflashContentBorderLeft {
  background: transparent url("images/newsFlash_reskin_leftOver.gif") no-repeat;
}

.newsFlashOver .newsflashContentCenter {
  background: transparent url("images/newsFlash_reskin_middleOver.png") repeat-x;
}

.newsFlashOver .newsflashContentBorderRight {
  background: transparent url("images/newsFlash_reskin_rightOver.gif") no-repeat;
}

.newsFlashReskin .newsFlashLink {
  background-color: #0063B4;
  color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
  padding: 3px 0px;
  text-align: center;
	text-transform: uppercase;
  width: 96px;
  position: absolute;
  top: 22px;
  left: 445px;
}

.newsFlashReskin .newsflashContentCenterImage {
  background: transparent url('images/newsFlash_reskin_recon.png') no-repeat;
	float: right;
	margin-left: 5px;
	height: 70px;
	width: 155px;
}

.newsFlashBW {
  width: 632px;
  color: #000000;
}

.newsFlashBW .newsflashContentCenter {
  width: 620px;
}

.newsFlashBW .newsFlashLink {
  top: 28px;
  left: 290px;
}

.newsFlashBW .newsflashContentBorderLeft {
  background: transparent url("images/newsFlash_bw_left.gif") no-repeat;
}

.newsFlashBW .newsflashContentCenter {
  background: transparent url("images/newsFlash_bw_middle.png") repeat-x;
}

.newsFlashBW .newsflashContentBorderRight {
  background: transparent url("images/newsFlash_bw_right.gif") no-repeat;
}

.newsFlashBW.newsFlashOver .newsflashContentBorderLeft {
  background: transparent url("images/newsFlash_bw_leftOver.gif") no-repeat;
}

.newsFlashBW.newsFlashOver .newsflashContentCenter {
  background: transparent url("images/newsFlash_bw_middleOver.png") repeat-x;
}

.newsFlashBW.newsFlashOver .newsflashContentBorderRight {
  background: transparent url("images/newsFlash_bw_rightOver.gif") no-repeat;
}

/* NewsFlash on Role page */

body div.newsRole {
  margin-top: -30px;
  padding-left: 0px;
}

body div.newsRole .newsflashContent{
  clear: both;
  float: left;
}

body div.newsflashContentCenter div.customNewsFlashImage {
  background-image: none;
  overflow: hidden;
}