/* CSS Document */
body {margin: 20px 0 0 0; padding: 0; font-family: "Trebuchet MS", arial, verdana, sans-serif; font-size: 75%; color: #ededed; background: #000;}

/*
****************  Global styles   ****************
*/
#splashContent {margin: 100px auto; padding: 20px 0; width: 320px; height: 311px; text-align: center; background: transparent url('../img/splash-content-bg.gif') no-repeat 0 0;}
#splashContent h1 {margin: 0 auto; padding: 0; width: 132px; height: 91px; background: transparent url('../img/wfa-logo.gif') no-repeat 0 0; text-indent: -9999px;}
#splashContent h2 {margin: 20px !important; padding: 20px 0 0 0; font-size: 1.2em;}
#splashContent form {margin: 0; padding: 0 0 0 44px; width: 100%;}
#splashContent form input {width: 60px; float: left; display: block; background: #d9d9d9;}
#splashContent p {margin: 0 auto; width: 200px; clear: left;}

#splashFooter {margin: 0 auto; padding: 10px 0; width: 320px; height: 62px; text-align: center; background: transparent url('../img/splash-footer-bg.gif') no-repeat 0 0;}


/*
****************  Global styles   ****************
*/

a {color: #da251c /* red */; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}

#pageContent {margin: 0 auto; padding: 0; width: 960px; height: auto;}
#globalHeader {margin: 0; padding: 0; width: 960px; height: 122px; position: relative; background: transparent url('../img/header-bg.gif') no-repeat 0 0;}
#globalHeader span {margin: 0; position: static;}
#globalHeader h1 span {margin: 0; padding: 0; position: absolute; top: 0; left: 0; text-indent: -9999px;}
#globalHeader h1 a {margin: 14px 20px; padding: 0; width: 132px; height: 91px; position: absolute; top: 0; left: 0; background: transparent url('../img/wfa-logo.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer !important;}
#globalHeader #sponsorshipBanner {margin: 14px; padding: 0; float: right; display: block; width: auto; height: 90px;}


/*
****************  Global nav  ****************
*/

#globalNav {margin: 10px 0; padding: 1px 0 0 10px; font-size: 12px; font-weight: 700; position: relative; width: 960px; height: 84px; background: transparent url('../img/global-nav-bg.gif') no-repeat 0 0;}
ul {margin: 0; padding: 0; width: 960px;}
ul li {position: relative !important; display: block; float: left;}
ul li a {padding: 18px 5px; _padding: 18px 5px 14px 5px; display: block; color: #fff; text-decoration: none;}
ul li a:hover {color: #fff; text-decoration: none; background: #da251c url('../img/global-nav-red-bg.jpg') repeat-x 0 50%;}
ul li.selected {}
ul li.selected a {color: #fff; text-decoration: none; background: #da251c url('../img/global-nav-red-bg.jpg') repeat-x 0 50%;}
ul li.selected a:hover {color: #fff; text-decoration: none; background: #da251c url('../img/global-nav-red-bg.jpg') repeat-x 0 50%;}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_b {position: absolute; top: 0; width: 170px; z-index: 500; background: #171717; border: 1px solid #8c0101; visibility: hidden;}
.dropmenudiv_b a {color: #fff; width: auto; font-size: 11px; display: block; border-bottom: 1px solid #222; padding: 5px; text-decoration: none;}
* html .dropmenudiv_b a {width: 100%;}
.dropmenudiv_b a:hover {background-color: #8c0101;}

.breadCrumb {position: absolute; top: 62px; left: 16px; _left: -750px; font-size: 0.9em; color: #888;}
*:first-child+html .breadCrumb {position: absolute; top: 62px; left: 16px; left: -750px;}

#mainContent {margin: 0; _margin: -2px 0 0 0 !important; padding: 0 20px; float: left; display: block; width: 920px; background: #0d0d0d;}
#mainContent p {font-size: 0.95em;}
#mainContent ul {margin: 10px 0 20px 0; padding: 0; float: left;}
#mainContent ul li {margin: 0 0 4px 0; padding: 5px; display: block; float: left; width: 600px; background: #1a1a1a;}
#mainContent ul li ul {margin: 10px 0 0 10px; padding: 0; position: relative; top: 0; display: block; float: left; background: transparent; border: none;}
#mainContent ul li ul li {margin: 0; width: 500px; display: block; float: left !important;}
#mainContent img {margin: 0 9px 0 0; padding: 0; float: left; display: block; clear: right;}
#mainContent .enlargeText {margin: 10px 0 0 0; padding: 0 0 0 10px; font-size: 1.1em; float: left !important; display: block;}

.gradingsContentBlock {padding: 0 0 20px 0; display: inline-block; clear: both; width: 610px;}
.gradingsContentBlock img {margin: 10px 0 0 0 !important; padding: 0;}
.gradingsContentBlock .floatTextRight {margin: 0; padding: 0; display: block; float: right; width: 450px;}
.gradingsContentBlock .floatTextRight p {margin: 10px 0 0 0; padding: 0 0 0.3em 0;}

#contentCornersTop {margin: 0; padding: 0; clear: both; width: 960px; height: 20px; background: transparent url('../img/content-corners-top.gif') no-repeat 0 0;}
#contentCornersBottom {margin: 0; padding: 0; clear: both; width: 960px; height: 20px; background: transparent url('../img/content-corners-bottom.gif') no-repeat 0 0;}

#wrapLeft {margin: 0; padding: 0; width: 610px; float: left;}
#wrapLeft span {margin: 0; position: static;}

#wrapRight {margin: 0 0 0 9px; padding: 0; float: right;}
#wrapRight span {margin: 0; position: static;}

#globalFooter {margin: 10px 0; padding: 10px 0 0 20px; width: 960px; height: 52px; background: transparent url('../img/footer-bg.gif') no-repeat 0 0;}

h2.redBg {margin: 0 !important; padding: 0 0 0 10px; color: #fff; font-size: 1.2em; height: 30px; line-height: 30px; width: auto; display: block; background: transparent url('../img/h2-red-bg.jpg') repeat-x 0 0 !important; clear: both;}
h2.blackBg {margin: 0 !important; padding: 0 0 0 10px; color: #fff; font-size: 1.2em; height: 30px; line-height: 30px; clear: both;}
h2 {margin: 10px 0 -5px 0 !important; padding: 0; color: #fff; font-size: 1.2em; clear: both;}
h3 {margin: 12px 0 0 0; padding: 0; color: #fff; font-size: 1.1em;}
h3 a {color: #da251c /* red */; text-decoration: none;}
h3 a:hover {text-decoration: none;}
h4 {margin: 6px 0 0 0; padding: 0; font-size: 1em; color: #999;}

/*
****************  Table styles   ****************
*/
table {margin: 10px 0 0 0; width: 610px; border-collapse: collapse;}
thead {background: #414141;}
th {padding: 5px; text-align: left; vertical-align: top; font-weight: 700 !important; border-left: 3px solid #0d0d0d;}
tbody {}
tr {}
tr.alternateCell {background: #1f1f1f;}
td {padding: 5px; text-align: left; vertical-align: top; border-left: 3px solid #0d0d0d; border-bottom: 1px solid #333 !important;}

/*
***************  PNG fix class  ****************
*/
img, a, div {behavior: url(scripts/iepngfix.htc) !important;}

.reduceText {font-size: 0.9em; color: #888;}

#floatRight {margin: 10px 0 0 0 !important; padding-right: 10px !important; float: right !important; display: block;}

/*
****************  Home page styles   ****************
*/
#innerWrapLeft {margin: 0; padding: 0; width: 300px; float: left;}
#innerWrapRight {margin: 0; padding: 0; width: 300px; float: right;}

.moduleVideo {margin: 0; padding: 0; width: 608px; height: 250px; float: left; display: block; border: 1px solid #6b6b6b;}
.module {margin: 10px 0 0 0; padding: 0 0 10px 0; width: 298px; height: auto; float: left; display: block; background: #000 url('../img/cell-gradient-bg.gif') repeat-x bottom left; border: 1px solid #6b6b6b; overflow: hidden;}
.moduleRightCol {margin: 0 0 10px 0; padding: 0 0 10px 0; width: 298px; height: auto; display: block; background: #000; border: 1px solid #6b6b6b; overflow: hidden;}
.moduleRightCol h2.redBg {margin: 0 !important; padding: 0 0 0 10px; color: #fff; font-size: 1.2em; height: 30px; line-height: 30px; background: transparent !important; clear: both;}
.moduleRightCol table {width: auto;}
.moduleRightCol table tbody tr td {border-left: none !important; border-bottom: none !important;}

.moduleRightColBlank {margin: 10px 0 0 0 !important; padding: 0; width: auto; height: 50px; display: block;}
.moduleRightColBlank a {margin: 0; padding: 0; display: block; width: 266px !important; height: 50px; background: url('../img/btn-large-register.gif') no-repeat 0 -47px; text-indent: -9999px;}

#innerWrapLeft .module .moduleRightCol {margin: 0; padding: 0 0 10px 0; width: 298px; height: auto; display: block; background: transparent !important; border: none; overflow: hidden;}
#innerWrapLeft .module .moduleRightCol h2 {margin: 0 !important; padding: 0 0 0 10px; color: #fff; font-size: 1.2em; height: 30px; line-height: 30px; display: block; background: transparent url('../img/h2-red-bg.jpg') repeat-x 0 0 !important; clear: both;}

.moduleContent {margin: 0 0 0 10px; padding: 0 0 20px 0; height: auto !important; display: inline; float: left; width: 280px; border-bottom: 1px solid #6b6b6b /* light grey */;}
.moduleContent h3 {margin: 12px 0 0 10px; padding: 0; font-size: 1.1em; float: left; display: block; width: 150px; background: transparent;}
.moduleContent h3 a {height: 20px; color: #da251c /* red */; text-decoration: none;}
.moduleContent h3 a:hover {text-decoration: none;}
.moduleContent h4 {margin: 6px 0 0 0; padding: 0; font-size: 1em; float: right; display: block; width: 150px; color: #999;}
.moduleContent img {margin: 14px 0 0 0 !important; width: 120px; float: left; display: block; border: none;}
.moduleContent p {margin-top: 5px !important; padding: 0; float: right; display: inline; width: 150px !important; text-align: left !important;}

.module .moduleFooterLink {padding: 0 10px 10px 10px; float: left; display: block;}

/*
****************  Generic detail blocks to display summary's  ****************
*/
.contentSummary {margin: 10px 0; padding-top: 10px; width: auto; float: left; display: block; border-top: 1px solid #444;}
.contentSummary h2 {margin: 0 0 10px 0; padding: 0; font-size: 1.2em; float: right; display: block; width: 450px; color: #fff;}
.contentSummary h3 {margin: 0 0 10px 0; padding: 0; color: #fff; font-size: 1.3em; float: left; display: block; width: 450px; background: transparent;}
.contentSummary h3 a {text-decoration: none;}
.contentSummary h3 a:hover {color: #fff; text-decoration: none;}
.contentSummary h4 {margin: 0; padding: 0; font-size: 1em; float: right; display: block; width: 450px; color: #999;}
.contentSummary h5 {margin: 0; padding: 0; font-size: 1em; float: right; display: block; width: 450px; color: #fff;}
.contentSummary img {margin: 0 9px 0 0; float: left; display: block; border: 1px solid #444;}
.contentSummary p {margin: 10px 10px 0 0 !important; padding: 0; float: right; display: inline; width: 440px !important;}
.contentSummary a {color: #da251c /* red */;}
.contentSummary ol {margin: 10px 0 0 0; padding: 0; float: right; width: 430px;}
.contentSummary ol li {padding: 5px 0; display: block; float: left; width: 400px;}
.contentSummary ol li a {color: #da251c /* red */;}
.contentSummary ul {margin: 10px 0 0 0; padding: 0; float: right; width: 450px;}
.contentSummary ul li {padding: 5px 0; display: block; float: left; width: 400px;}
.contentSummary ul li a {color: #da251c /* red */;}

/*
****************  Generic styles to display articles   ****************
*/
.contentArticle {margin: 20px 0 0 0; width: auto; float: left; display: block;}
.contentArticle h3 {margin: 0 0 10px 0; padding: 0; font-size: 1.3em; float: left; display: block; width: 450px; background: transparent;}
.contentArticle h4 {margin: 0; padding: 0; font-size: 1em; float: right; display: block; width: 450px;  color: #555;}
.contentArticle img {margin: 0 9px 0 0; float: left; display: block; border: 1px solid #444;}
.contentArticle p {margin: 0 0 10px 0 !important; padding: 0 !important; float: right; width: 440px;}
.contentArticle ol {margin: 0; padding: 0; float: right; width: 430px;}
.contentArticle ol li {padding: 5px 0; float: left; width: 400px;}
.contentArticle ol li a {color: #da251c /* red */;}
.contentArticle ul {margin: 0; padding: 0; float: right; width: 450px;}
.contentArticle ul li {padding: 5px 0; float: left; width: 400px;}
.contentArticle ul li a {color: #da251c /* red */;}

/*
****************  Form styles  ****************
*/
.moduleFormWrap {margin: 10px 0 0 0; padding: 0; display: block;}

.formComponent {margin: 0 70px 10px 70px !important; padding: 10px 0 0 40px; display: block; clear: left; background: #1a1a1a;}

form {margin: 0; padding: 0;}
label {font-size: 1.1em; width: 280px; display: block; color: #ccc;}
input {margin: 5px 10px 10px 0 !important; width: 274px;}
.btn {margin: 20px 0 0 20px !Important; width: 69px; float: right; display: inline;}
#btn {margin: 20px 0 0 20px !important; width: 69px; float: right; display: inline;}
select {margin: 5px 10px 10px 0 !important; width: 274px;}
textarea {margin: 5px 10px 10px 0 !important; width: 274px;}
.passwordReminder {display: block; margin: 10px; font-size: 0.9em;}

.formComponent p {margin: 10px 0 0 0; width: 350px; font-size: 1em;}
.formComponent ul {margin: 0 0 10px -40px !important; padding: 0 !important; width: 300px !important; background: #1a1a1a;}
.formComponent ul li {margin: 0 !important; padding: 5px 0 10px 0 !important; width: 470px !important;}
.formComponent ul li input {margin: 0 0 0 40px !important; width: 274px !important;}
.formComponent table {width: 350px !important;}
.formComponent table tbody tr td {border-bottom: none !important;}
.formComponent table tbody tr td label {margin: 0 !important; padding: 0; width: 50px !important;}
.formComponent table tbody tr td input {margin: 0 10px 0 0 !important; padding: 0; width: 50px !important;}

.formButtons {margin: 0; padding: 0; height: 28px; width: auto !important; float: right;}

.formComponent ul li input.ruAdd {margin: 0 0 0 40px !important; width: 120px !important; }

.googleLogo {padding: 0 10px; width: 118px !important;}

/*
***************  Googly translator  ****************
*/
.googleTranslator {margin: 10px 0 0 10px;}
.googleTranslator input {margin: 0 !important; padding: 0 !important; width: 28px; float: none;}

.google-src-text {display: none;}