/** CSS RESET **/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/** GLOBAL STYLES **/

a, a:visited { text-decoration: none; color: #6d6d6d; }
a:hover {}
a:active { border: none!important; outline: 0!important; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.hide { visibility:hidden}
.last { margin-bottom: 0px!important; border: none!important}
.end { margin-right: 0px!important; background: none!important; }
.bold { font-weight: bold!important; }

h1 { font-size: 22px; }
h2 { font-size: 20px; color: #FFFFFF; font-weight: normal; line-height:1.2em; }
h3 { font-size: 16px; color: #FFFFFF; font-weight: normal; line-height:1.2em; }
h4 { font-size: 16px; color: #FFFFFF; font-weight: normal; line-height:1.2em; margin-bottom:10px; }

/** MAIN LAYOUT **/

html { height: 100%; }
body {	height: 100%; background: #000 url(../images/background-body.gif); color: #888; font-family:  Arial, sans-serif; font-size: 11px; line-height:16px; }

/* HEADER */

#globalheader { width: 950px; margin: 0px auto; position: relative; }
#globalheader a, #globalheader a:visited { text-transform: uppercase; color: #a9a9a9; font-size: 10px; font-weight: bold; text-decoration: none; }

/*top panel*/

#globalheader #globaltoppanel { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; }



#globaltoppanel #globallogotext { background: url(../images/background-globalnavigation-link-left.png) left top no-repeat; height: 51px; width: 230px; padding: 14px 0pt 0pt 10px; }
#globallogotext a span { color: #ffffff; }

/*login|register*/

#globaltoppanel #globaluserpanel { background: url(../images/background-globalnavigation-link-right.png) right top no-repeat; height:51px;
padding-left:30px;
width:475px; }
#loginpanel { float: left; padding: 14px 11px 0px 80px; margin-right: 11px; height: 31px; background: url(../images/divider-loginpanel.gif) right repeat-y; }
#registerpanel { float: left; padding-top: 14px; }
#globaluserpanel a, #globaluserpanel a:visited { background: url(../images/link-circle-arrow-hover.png) right no-repeat; padding: 2px 20px 2px 0; }
#globaluserpanel a:hover { color: #fff; }

/*main flash*/

#globalheader #globalflash { height: 96px; position: relative; z-index: 1; }

/*navigation*/

#globalheader #globalnavigation { position: relative; top: -4px; left: 0px; z-index: 10; height: 36px; padding: 4px 0; background: url(../images/background-globalnavigation.png) top no-repeat; }
#globalnavigation ul { margin: 0 auto; text-align: center; height: 36px; float: left; width: 429px; }
#globalnavigation li { float: left; position: relative; background: url(../images/divider-loginpanel.gif) right repeat-y; }
#globalnavigation .left li { float: right; }
#globalnavigation .right li { float: left; }
#globalnavigation li a, #globalnavigation li a:visited  { padding: 10px 30px 11px 30px; margin-right: 2px; font-size: 11px; position: relative; display: block; font-weight: normal; }
#globalnavigation li a span, #globalnavigation li a:visited span, #globalnavigation li a:visited em, #globalnavigation li a em { position: absolute; top: 32px; width: 36px; height: 4px; display: block; }
#globalnavigation li a em, #globalnavigation li a:visited em{ width: 100%; left: 0px; background-image: url(../images/link-globalnavigation.gif); background-repeat: repeat-x; background-position: 0px -10px; }
#globalnavigation li a .left, #globalnavigation li a:visited .left{ left: 0px; background: url(../images/globalnavigation-link-left.png) left no-repeat; }
#globalnavigation li a .right, #globalnavigation li a:visited .right { right: 0px; background: url(../images/globalnavigation-link-right.png) right no-repeat; }
#globalnavigation li a#selected, #globalnavigation li a#selected:visited { color: #fff; }
#globalnavigation li a#selected em, #globalnavigation li a#selected:visited em { background-position: 0px; }
#globalnavigation li a:hover { color: #fff; }
#globalnavigation .licontainsflashlogo { padding: 0 45px; background: none; }
#globalnavigation #globalflashlogo { float: left; width: 125px; height: 125px; position: absolute; top: -44px; left: 441px; overflow: hidden; z-index: 1000; }
#globalflashlogo img { position: relative; top: 18px; left: 17px; }				
#globalflashlogo h1 span { text-indent: -20000px; display: none; visibility: hidden; }					

/* login */

#login { width: 100%; background: #000000; border-bottom: 1px solid #2e2e2e; height: 0px; display: none; }
#logincontent { width: 950px; margin: 0px auto; display:table; }
#login .logincolumn, #logincontentbody .logincolumn { width: 315px; margin: 15px 25px 0 0; }
#logincontent .width218, #logincontentbody .width218 { margin-left: 25px; }
.logincolumn strong { color: #dddddd; font-weight: bold; padding-bottom: 2px; display: block; }
#login .inputbox, #logincontentbody .inputbox { padding:6px; width:303px; background:#333333 none repeat scroll 0%!important; border:medium none; color:#B5B4B4; display:block; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin:6px 0; }
#login .checkbox, #logincontentbody .checkbox {	width: 12px; margin-right: 6px; }
#login input.inputbutton, #logincontentbody input.inputbutton { margin: 6px 0 0; }
.logincolumn a, .logincolumn a:visited { color: #e83a3c; text-align:right; }
.logincolumn a:hover { color: #FFF; }
#logout { text-align: right; margin-top: 5px; }
#logout strong { color: #dddddd; font-weight: bold; text-transform: capitalize; }	
#logout a, #logout a:visited { color: #f23a3c; background: none; padding: 0; text-transform: capitalize; }
#logout a:hover { color: #FFF; }

/* generic form */

.inputbox, .textarea { padding:6px; background:#333333 none repeat scroll 0%!important; border:medium none; color:#B5B4B4; display:block; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin:6px 0; width:303px; }
.lastField input {margin-bottom:20px; }
.textarea { overflow:hidden; }
.contactForm .inputbutton { margin-top:20px; } 

/* forgotten password */

.forgottenPassword { margin-top:30px; padding:20px; background:#000; overflow:hidden; }
.forgottenPassword .genericMessage { width:222px; margin-right:30px; float:left; }
.forgottenForm { float:left; }
.emailAddressField, .dobField, .formControls {float:left; }
.dobField { padding-right:20px; }
.emailAddressField { padding:0 20px 0 20px; }
.forgottenPassword .dobField .inputbox  { width:111px; }
.formControls { margin-top:24px; }
.subscribeForm { margin-top:30px; padding:20px; background:#000; overflow:hidden; }

/* main */

#globalmain { width: 950px; margin: 0px auto; position: relative; clear: both; padding-top:35px; overflow:hidden; }

/* about */
#aboutflash { 
	width:950px; 
	height:650px;
	position:relative;
}
	#aboutflash .message {
		width:944px;
		height:650px;
		border:3px solid #fff;
		text-align:center;
	}
		#aboutflash .message h3 { padding-top:120px; }
		#aboutflash .message h3, #aboutflash .message p { 
			width:350px;
			margin-top:10px;
			margin:auto;
		}

/* success */

#successMessage {margin-top:20px; }

/* footer */

#globalfooter { clear: both; width: 950px; overflow:hidden; margin: 30px auto; padding: 20px 0; background: url(../images/background-globalfooter.png) top repeat-x; color: #6d6d6d; }
#globalfooter ul { padding-top: 22px; }
#globalfooter .footerlinks { width: 600px; float: center; padding-right: 10px; }
#globalfooter .footerbookmarks { width: 414px; float: right; }
#globalfooter #footerlogo { float: left; width: 254px; padding-right:10px; padding-top:7px; text-align: right; }
#globalfooter #footerlogo_champ { float: left; width: 119px; text-align: center; }
#globalfooter li { display: inline; font-size:10px; }
#globalfooter .footerlinks li { float: right; }
#globalfooter li span { margin: 0 5px 0 6px; display: block; float: left; }
#globalfooter a, #globalfooter a:visited { color: #6d6d6d; display: block; float: left;  }
#globalfooter a:hover { color: #fff; }

/*bookmarks*/

.footerbookmarks li { float: left; margin-left: 3px; }
.footerbookmarks li a,  .footerbookmarks li a { height: 16px; width: 16px; display: block; background-position: 0px -16px; background-repeat: no-repeat; position: relative; top: 0px; overflow: hidden; }
.footerbookmarks li a.footerbookmark1,  .footerbookmarks li a.footerbookmark1 {background-image: url(../images/link-delicious.gif); }
.footerbookmarks li a.footerbookmark2,  .footerbookmarks li a.footerbookmark2 {background-image: url(../images/link-digg.gif); }
.footerbookmarks li a.footerbookmark3,  .footerbookmarks li a.footerbookmark3 {background-image: url(../images/link-reddit.gif); }
.footerbookmarks li a.footerbookmark4,  .footerbookmarks li a.footerbookmark4 {background-image: url(../images/link-technocrati.gif); }
.footerbookmarks li a.footerbookmark5,  .footerbookmarks li a.footerbookmark5 {background-image: url(../images/link-facebook.gif); }
.footerbookmarks li a.footerbookmark6,  .footerbookmarks li a.footerbookmark6 {background-image: url(../images/link-stumbleupon.gif); }

.footerbookmarks li a:hover { background-position: 0px 0px; }
.footerbookmarks li p { margin-right: 8px; }

/** SIFR **/

.contact2Column { width: 315px; margin: 15px 25px 0 0; }

/** SIFR **/

.sIFR-flash { visibility: visible !important; margin: 0; }

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate { height: 0; width: 0; position: absolute; left: 0; top: 0; display: block; overflow: hidden; }