/********** Classes **********/

.scroll {overflow: auto;}
.floatLeft {float:left;}
.floatRight {float: right;}
.clear { display:block; clear:both;}

/*********** Layout Divs **************/

* {margin:0;padding:0}

a {text-decoration:none; color:#373737}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }
img {border:0}

html,body 
{
    height:100%;
    width:100%;    
}
body
{
    font: 12px/1.5 helvetica, verdana, arial, sans-serif;
    background-color: #080808;
}
div#container
{
    position: relative;
	min-height: 100%;	
	/*display:none;*/
	
}
* html div#container
{
	height: 100%;
}
div#alternativeContent
{
    position: relative;
	min-height: 100%;
	height:100%;	
	min-width: 965px;
	width:100%;
	display:none;
}
fieldset {border:0;}
input[type='text'], input[type='password']
{
    color:#fff;
    background-color:#111111;
    border:1px solid #838383;
}

input:focus {border:1px solid #2e797f;}

hr 
{
    border: 0;
    border-top: 1px dashed #4F4F4E;   
    height: 1px;
    margin:13px 0 13px 0;
    display:block;
  }
div#wrapper{float:left;width:100%}
div#content{margin: 0 0;}
div#centeredContent{width:685px;margin:20px auto; *padding-bottom:40px;}/*IE hack for padding*/
div#navigation{float:left;width:140px;margin-left:-100%}
div#extra{float:left;width:140px;margin-left:-140px}
div#footerContainer
{
    clear:both;
    width:100%;
    position: relative;
	margin: -36px auto 0 auto;
}
div.button {height:24px;}
div.buttonLeft {background-image:url(/img/btnLeft.png);height:24px;width:11px;float:left;}
div.buttonRight {background-image:url(/img/btnRight.png);height:24px;width:11px;float:left;}
div.buttonCenter {background-image:url(/img/btnCentral.png);height:24px;float:left;padding:0 10px 0 10px;width:auto;}
div.buttonCenter a,div.buttonCenter span  {line-height:2em;}

.swfDiv {background-color:#000000;}

/********** General Style ************/
h1, h2, h3, h4 {color: #fff;}
h1 {font-size:1.8em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}

/********** Top Left Menu ************/
div#TopLeftMenu
{
    width: 140px;
    padding: 20px 10px 10px 10px;
}
div#TopLeftMenu a
{
    font-family:Arial;
    font-size:1.2em;
    line-height:1em;
    display:block;
    font-weight: bold;
    color:#373737;    
}
div#TopLeftMenu a:hover, div#TopLeftMenu a.selected {color: #ffffff;}

div#TopLeftMenu a.menuStyle01:hover,div#TopLeftMenu a.selected01 {color:#4f8620;}
div#TopLeftMenu a.menuStyle02:hover,div#TopLeftMenu a.selected02 {color:#2e797f;}
div#TopLeftMenu a.menuStyle03:hover,div#TopLeftMenu a.selected03 {color:#840451;}
div#TopLeftMenu a.menuStyle04:hover,div#TopLeftMenu a.selected04 {color:#827c02;}

/********** Generic bloc Divs **********/
.CentralBloc {
    background-color: #171717;
    width: 625px;
    height: auto;
    float:left; /** C  added float property to enable auto height on background-colour**/
    color: #ccc;
    margin-top: 20px;
    padding:7px;    
}

.CentralGrid
{
    width: 613px;
    height: auto;
    color: #ccc;
    margin-top: 50px;
}
.CentralGridLarger
{
    width: 680px;
    height: auto;
    color: #ccc;
    margin-top: 90px;

}
.CentralGridLarger table
{    
    margin-left: auto;
    margin-right: auto;
}

.CentralGridLarger img.bottom {margin-top:12px;}
.CentralGridLarger table a {display:block;margin:0 10px 10px 0;}

.GridHeader {padding: 20px 6px 7px 6px;}

.Border { border:1px solid #111111; width:609px;float:left;padding:7px;border-bottom:0;}
.BorderLast { border-bottom:1px solid #111111;}
.BorderHeader {width:618px;float:left;padding:7px 0 7px 7px;}

.CentralBloc a { color:#fff;text-decoration:none; font-weight:bold;}
.CentralBloc a:hover {text-decoration:underline;}

div#ContentItem a {text-decoration:none;font-weight:bold;}
/*div#ContentItem .button a {color:#fff;}*/
div#ContentItem a:hover {text-decoration:underline;}
div#ContentItem a.ExternalLink
{
    color:#55a015;
    text-decoration:underline;
    font-weight:bold;
}
/********** Content Item Divs **********/
div#ContentItem
{
    background-color: #171717;
    width: 625px;
    height: auto;
    color: #ccc;
    /*margin-top: 20px;*/
    padding:7px;    
}

/*********** Extra Div *************/
div#RightColumn
{
    text-align: right;
    padding: 20px 10px 10px 10px;
    color:#373737;
}
div#RightColumn .logo {margin-left:-7px;}

div.Search
{
    text-align: right;
    padding: 20px 0px 0px 0px;
    color:#373737;
}
.searchButton { float:left;margin-left:2px;}
.searchBox {
    height:16px;
    width:88px;    
    background-color:#171717;   
    color:#fff;
    margin-bottom:5px;
}
select#groupfilter {width:210px;   
    padding:0;
    margin:0;
}

#RegisterLogin a { font-weight:bold;display:block; }
#RegisterLogin ul { list-style-type:none;}
#RegisterLogin ul a.selected {color:#fff;}
.loginLinks {margin-top:7px;width:230px; float:left;}
.loginLinks div.floatLeft a {color:#404040;font-size:0.8em; }

.searchResults a:hover {text-decoration:none;}
.searchResults a:hover span {text-decoration:underline;}

div#RegisterLogin a:hover {color:#ffffff;}

.Register .rowWrap {margin-bottom:5px;}


.hide {display:none;}
/*  ContentItem
******************************************/
#textBlockImage a {color:#55a015;}
div#ContentItemImage
{
    border:1px solid #101010;
    width:auto;padding-bottom:10px;
}
.Text {padding:0 7px 0 7px;}
.TextBlock {margin-top:14px;}
#ContentItemImage h1 { padding-left:6px;}
#ContentItemImage h2, #ContentItemImage h3 { padding-left:7px;}

#Video16x9RightContent h1,#Video16x9RightContent h2,#Video16x9RightContent h3,#ImageRightContent h1, #ImageRightContent h2, #ImageRightContent h3 {padding-left:0px;}

div#ImageLeftContent {width: 380px; }
div#Video16x9LeftContent {width: 398px; }

div#Video16x9RightContent 
{
    width: 207px;
    padding-left:7px;
}

div#ImageRightContent
{
    width: 225px;
    padding-left:7px;
}
div#ImageRightContent h2, div#ImageRightContent h3 {padding-left:0px;}

.audioBloc {margin-top:10px;}

/* WallpaperItem */
#wallpaperDownloadButtons {padding:10px 0 10px 7px;}
#wallpaperDownloadButtons div.button {padding-right:12px;}
div#wallpaperDownloadButtons a {color:#fff;text-decoration:none;}
div#wallpaperDownloadButtons a:hover {text-decoration:underline;}
#wallpaperDownloadInstructions {padding:7px;}

/* PollItem */
div#PollLeftContent {width: 243px; }
div#PollLeftContentWide {width: 615px; }
div#PollRightContent {width: 380px;}
ul.pollAnswers, ul.pollResults {list-style-type:none;margin-top:10px;}
ul.pollAnswers li {margin:0;padding:0;}
.res {border:1px solid #21201E;height:14px;}
.resOn {background-image:url(/img/poll/poll-bar-pink.jpg);display:block;text-align:right;float:left;height:14px;color:#000;font-weight:bold;vertical-align:top;font-size:0.9em;}
.resOff {background-image:url(/img/poll/poll-bar-grey.jpg);display:block;float:left;height:14px;background-position:right;font-weight:bold;vertical-align:top;font-size:0.9em;}

div#PollLeftContentWide div.resOn {background-image:url(/img/poll/poll-bar-pink-wide.jpg);}
div#PollLeftContentWide div.resOff {background-image:url(/img/poll/poll-bar-grey-wide.jpg);}

.PollResults {margin-left:18px;}
div#PollRightContent h3 {padding-left:0;}

div#PollLeftContent ul.pollAnswers li a,  div#PollLeftContentWide ul.pollAnswers li a
{
    display:block;
    padding:9px 0 6px 6px;
    width:237px;height:24px;
    background-image:url(/img/poll/answerOff.gif);
    color:#fff; 
    text-decoration:none;
    cursor:pointer;cursor: hand;
}
    
 div#PollLeftContentWide ul.pollAnswers li a {width:617px;}   
    
div#PollLeftContent h4, div#PollLeftContentWide h4  {padding-top:5px;font-size:1em;clear:both;}
div#PollLeftContent ul.pollAnswers li a:hover, div#PollLeftContentWide ul.pollAnswers li a:hover {background-image:url(/img/poll/answerOn.gif);color:#000;}
div#PollLeftContent ul.pollAnswers li a.selected, div#PollLeftContentWide ul.pollAnswers li a.selected  {display:block;padding:7px 0 7px 5px;width:234px;height:21px;background-image:url(/img/poll/answerSelected.gif);color:#fff; text-decoration:none;border:2px solid #358087;}
div#PollLeftContentWide ul.pollAnswers li a.selected {width:614px;}


h3.pollQuestion {margin-top:20px;}

#submitPoll {display:block;width:245px;text-align:center;}
div.PollSubmit {display:block; margin:20px 0 0 5px;} 

div#ContentItem a.PollSubmit {color:#fff;text-decoration:none;display:block;padding:0 50px 0 50px;}
div#ContentItem a.PollSubmit:hover {text-decoration:underline;}

/*  Footer
******************************************/
div#footer
{
    height:35px;
    border-top: solid 1px #333;
    padding-left: 10px;
}

div#footer ul {list-style:none;}

div#footer ul li
{
    font-size: 0.9em;
    font-weight: bold;    
    display:inline;   
    color:#373737;   
}

div#footer ul li a
{    
    padding:0 5px;
    color:#373737;
}

div#footer ul li a:hover { color:#fff; }
div#comments 
{
    max-height:380px;overflow:auto;
    padding-bottom:20px;
    scrollbar-base-color: #1F1F1F;
    scrollbar-arrow-color: gray;
    scrollbar-track-color: #2A2A2A;
    scrollbar-shadow-color: #2A2A2A;
    scrollbar-lightshadow-color: #2A2A2A;
    scrollbar-darkshadow-color: #2A2A2A;
    scrollbar-highlight-color: #2A2A2A;
    scrollbar-3dlight-color: #2A2A2A;
}
textarea.AddComment 
{
    width:609px;height:180px; 
    background-color:#111111;
    border:0;    
    color:#fff;margin:0 0 7px 0;padding:0;font-family:Arial;font-size:1em;
    overflow:auto;
    scrollbar-base-color: #1F1F1F;
    scrollbar-arrow-color: gray;
    scrollbar-track-color: #2A2A2A;
    scrollbar-shadow-color: #2A2A2A;
    scrollbar-lightshadow-color: #2A2A2A;
    scrollbar-darkshadow-color: #2A2A2A;
    scrollbar-highlight-color: #2A2A2A;
    scrollbar-3dlight-color: #2A2A2A;
    }

.BorderHeader div.button {margin-right:7px;}

#share  {width:625px;}


/* Share bloc */
div#ContentItem a.disabled {color:#444444;cursor:text;}
div#ContentItem a.disabled:hover {text-decoration:none;}
.buttonCenter a.disabled {color:#444444;cursor:text;}
.buttonCenter a.disabled:hover {text-decoration:none;}

#ILikeItToolbar {font-weight:bold;margin:20px 2px 7px 2px; width:639px;}
#ILikeItToolbar div.button {margin-left:7px;}
.ilike {display:block;line-height:2em;margin:0 1px 0 7px;color:#850552;}
.ilikeHeart {display:block;line-height:1.8em;margin:0 7px 0 6px;color:#850552;}
.buttonCenter a {color:#fff;text-decoration:none;}
.buttonCenter a:hover {text-decoration:underline;}


/* STF Traction */
.sendByEmail .stfLabel {width:120px;float:left; margin-bottom:5px;}/* C new */
.sendByEmail fieldset div.rowWrap {padding:2px 0 5px 0; display:block; clear:both;}
.sendByEmail div.rowWrap input[type="text"]  {float:right;}
.sendByEmail div.rowWrap label {float:left; margin:0;}
.sendByEmail fieldset input[type="text"] 
{
    width:480px;
    height:18px;
    background-color:#111111;   
    color:#fff;margin:0;padding:0;
}
.sendByEmail fieldset span.stfCheckbox {margin:7px 0 10px 0; display:block; width:608px; float:left;}/*C new */
.sendByEmail fieldset span.stfCheckboxTraction input {margin-right:3px;} 
.sendByEmail button {margin:0 0 15px 0;}
.sendByEmail fieldset div.textWrap {padding:10px 0 10px 0;}/* C new*/
.sendByEmail fieldset div.textWrapShare {margin:20px 0 10px 0;}/* C new */

.stfCheckboxTraction label  { margin:10px; float:left; }

/* STF Not Traction*/
.sendByEmailMaster .stfLabel {width:140px;float:left;}
.sendByEmailMaster fieldset div.rowWrap {margin:2px 0 2px 0;display:block;clear:both;}
.sendByEmailMaster div.rowWrap input[type="text"]  {float:right;}
.sendByEmailMaster div.rowWrap label {float:left;}
.sendByEmailMaster div.rowWrap span.stfCheckbox label {float:left;width:440px;}
.sendByEmailMaster fieldset input[type="text"] 
{
    width:460px;
    height:18px;
    background-color:#111111;   
    color:#fff;margin:0;padding:0;
}
.sendByEmailMaster fieldset span.stfCheckbox {margin:7px 0 0 145px;display:block;float:left;}
.sendByEmailMaster fieldset span.stfCheckboxTraction input {margin-right:3px;} 
.sendByEmailMaster button {margin:0 0 15px 0;}


span.stfCheckbox input {margin:0 3px 0 -3px;}

div.sendByEmailHeader {padding-bottom:7px;}

.stfEmailStatus {padding-left:10px;}

p.commententry {padding:5px 5px 15px 0;}
.postedWhen {font-style:italic;color:#838383;}
.postedBy {font-weight:bold;color:#fff;}
a.reportLink {color:#52E6F4;font-weight:normal;text-decoration:underline;}

/* Social networks */
.socialNetworks {margin:0;width:609px;}
.socialNetworks div.button {margin:7px 10px 0 0;}
.socialNetworks div.lastSNButton {margin-right:0;}
.socialNetworks div.button a img {vertical-align:middle;margin-bottom:2px;}

/* login/register */

.error {color:#2e797f;}
.Login fieldset {width:279px;padding:80px 0 80px 190px;}
.Login fieldset .Login fieldset span.validator  {float:left;width:220px;}
.Login fieldset h3 { width:220px; float:left; margin:5px 0px 5px 0px;}/* Split from above */
.validator {color:#2e797f; width:220px; float:left;}
.validatorError {color:#2e797f; width:220px; float:left;}/* Split from above for seperate validators */
.Login fieldset input {width:220px; float:left; margin:3px 0 3px 0; padding:0;}
.chkRemember {margin-top:10px;}
.Login fieldset span input {width:15px; height:15px; float:left; margin-top:7px;}
fieldset label {margin:10px 0 0 -10px; float:left;}

span.chkOptin {margin-top:10px;display:block;}
span.chkOptin label {margin:0 0 0 5px;}

.rememberMe  {padding-left:10px; margin-top:-20px;}/* to sit the RememberMe label correctly */
.buttonForgot   {padding-top:10px;}/* forgotPassword button */
.errorAster  {margin:0 0 0 0; margin-right:2px;}/* asterisks appear left */

.dynamicFormWrapper  { margin-left:20px; }

/* Dynamic Form Content */

.dynamicFormContainer { color:#CCCCCC; margin:0; }
.dynamicFormContainer img  { margin:0;}
.dynamicFormContainer label {margin:10px 0 0 0; float:left;}

.dynamicFormContainer .RadioButtonGroup input { width:15px; height:15px; float:left; margin:1px; padding:0;}

.dynamicFormContainer .errorAster  { float:left; padding-top:10px; margin-left:-10px; }

.dynamicFormContainer .dropDownList {margin:2px 0 0 0;}  

.dynamicFormContainer .CheckBoxList    { float:left; width:220px; }
.dynamicFormContainer .CheckBoxList input { float:left; margin:0;}
.dynamicFormContainer .CheckBoxList label { margin:0 0 0 10px; }
 
.dynamicFormContainer .RadioButtonGroup {width:100%; float:right; margin:10px 0 10px 0;}   
.dynamicFormContainer .RadioButtonGroup label {margin:0 0 0 11px;}

.dynamicFormContainer .formDay {margin:5px 0 0 0;}
.dynamicFormContainer .formMonth {margin:5px 20px 0 20px;}   
.dynamicFormContainer .formYear {margin:5px 0 0 0;}

/* Groupview */

img.groupThumb   {border:6px solid #111111;display:block;}
img.groupThumb:hover  {border:6px solid #2e797f;}
#ContentGroupView img.selected {border:6px solid #2e797f;}

/* Content item Groups */
#ContentGroupView a {display:block;margin:0 10px 10px 0;}

/* Sitemap */
#sitemap {margin:0;list-style-type:none;padding:0;}
#sitemap ul {list-style-type:none;margin:0;}

li.head {background-color:#121212;border:1px solid #000;border-bottom:0;margin:0;}
li.head a img {padding:0 6px 0 9px;}

.sitemaplink {margin:0;padding:0 0 0 21px;border:1px solid #000;border-bottom:0;background-color:#171717;}
.sitemaplink a {color:#fff;text-decoration:none;display:block;padding:6px 0 3px 0px;}

.toolButtons {margin:15px 0 0 0;}
.toolButtons div.button{margin:0 15px 0 0;}

/* Download item */
div.downloadBloc, div.mobileBloc {margin-top:15px;}
div.downloadBloc div.button, div.mobileBloc div.button {margin-top:10px;}

/* Mobile item */
div.mobileBloc input[type="text"] {width:210px;margin:2px 0 0 0;}
div.mobileBloc select {width:220px;margin:2px 0 0 0;}
div.mobileBloc .rowWrap {margin-bottom:5px;}
div.mobileBloc .rowWrap select {margin-top:5px;}

/*Embed*/
#embedCode {width:594px;}

/*preregistration*/
div.preregisterContainer {background-image:url(/img/preregistration/bg.jpg);background-repeat:no-repeat;background-position:bottom left;
    width: 639px;
    min-height:365px;
    border:2px #333333 solid;margin-top: 20px;padding:7px 0 0 0;
    
}
div.preregisterBody {margin-left:110px;color:#fff;font-weight:bold;}
div.preregisterBody h1 {font-size:1.4em;}

div.preregister p {padding:0 0 10px 0;color:#999999;font-size:0.9em;}
div.preregisterBody input[type='text'] {width:95px;background:#333333;}
div.preregisterBody input[type='checkbox'] {border:0;margin-right:3px;background:#333333;}
div.preregisterBody input.email {width:205px;}
div.preregisterBody input.day,div.preregisterBody input.month  {width:30px;}
div.preregisterBody input.year  {width:50px;}
div.preregisterBody a.submit {float:right;display:block;background-image:url(/img/preregistration/submit_off.jpg);width:200px;height:80px;}
div.preregisterBody a.submit:hover{background-image:url(/img/preregistration/submit.jpg);} 
div.tcs {width:609px;}
div.tcs ol {padding-left:20px;}
div.preregisterBody div.floatLeft {margin-right:10px;}
span.welcomeToClub {color:#fff;}
span.chkBoxList {font-size:0.9em;}
div.preregisterBody span.chkBoxList label {margin:0 10px 0 0;}
div.preregisterBody p.tcs {margin-top:10px;}
div.preregisterBody p.tcs a {color:#30B6EB;}
div.preregisterBody p.optCopy {color:#999999;margin:5px 0 5px 0;}

/*update profile*/
.profileLeft {margin:10px 0 0 0;}
.profileRight {margin: 10px 0 0 10px;}

/* Registration */
img.captcha {margin:15px 0 0 0;}