﻿/* --- GLOBAL - START --- */
html, body { border:0; margin:0; padding:0; }	
body { font:11px/16px verdana, arial, helvetica, sans-serif; }
/* --- GLOBAL - END --- */	


.htmlEditorfix table { padding: 0; margin: 0; border: 0;}
.htmlEditorfix table tr td { padding: 0; }

.overflowHidden { overflow: hidden; }
/* --- ELEMENTS - END --- */ 
 
/***** Wrapper *****/ 
.pageWrap { width:770px; margin:0 auto; }
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.disable 	   { display: none; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

img { border: none; }

.frameworkPageHeader input { font:1em arial, helvetica, sans-serif; border: 1px solid #ccc; }
.frameworkPageHeader a,
.frameworkPageHeader a:visited { color: #000; cursor: pointer; }
.frameworkPageHeader { float: left; clear: both; width: 770px; }
.frameworkPageHeader .headerLeft { float: left; clear: left; width: 466px; height: 68px; padding-bottom: 0; border: 1px solid #a3aebc; border-top: none; border-bottom: none; background: url('/styles/classic/gfx/logobg.jpg') repeat-x; margin-right: 2px; }
.frameworkPageHeader .headerLeft img { border: none; float: left; }
.frameworkPageHeader .headerRight { float: right; font-size: 10px; width: 298px; height: 66px; border: 1px solid #a3aebc; background: url('/styles/classic/gfx/gradientLightGrey.gif');  }
.frameworkPageHeader .headerRight .innerContainer { border: 1px solid #fff; width: 296px; height: 64px; }
.frameworkPageHeader .headerRight.user .innerContainer { width: 284px; height: 52px; padding: 6px; }
.frameworkPageHeader .headerRight .innerContainer p { margin: 0; padding: 0px 5px; }
.frameworkPageHeader .headerRight h2 { margin:0; padding:0; font-weight:normal;  display: block; font: bold 10px Verdana; line-height: 20px; padding: 0 5px; background: url('/styles/classic/gfx/hBackgroundRed.jpg') repeat-x; color: #fff; line-height: 16px; height: 18px; }
.frameworkPageHeader .headerRight .inputUsername { color: #313d4d; font: normal 11px Arial; float: left; margin: 5px 0 2px 0; width: 133px; padding:2px; }
.frameworkPageHeader .headerRight .inputPassword { color: #313d4d; font: normal 11px Arial; float: right; margin: 5px 0 2px 0; width: 134px; padding: 2px; }
.frameworkPageHeader .headerRight p { padding: 0; font-size: 11px;}
.frameworkPageHeader .headerRight .aButton { color: #fff; }
.logoArchsTop { width: 770px; float: left; clear: both; }
.logoArchsTop img { float: left; padding: 0; margin: 0; }

.divFirstRow { line-height: 22px; }

.frameworkPageContent { float: left; clear: both; width: 758px; border: 1px solid #dee1e6; border-top: none; border-bottom: none; padding: 5px; }
.frameworkPageContent .pageColumnLeft { float: left; width: 459px; margin-right: 5px; }
.frameworkPageContent .pageColumnRight { float: left; width: 294px; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

.frameworkPageContent .aButton { color: #fff; }

.frameworkPageContent h1 { padding:10px 0 10px 0;	letter-spacing:-1px; font: bold 34px arial, helvetica, sans-serif; } 
.frameworkPageContent h2 { padding:0 0 0px 0; font: bold	12px verdana, arial, helvetica, sans-serif; } 
.frameworkPageContent h3 { font:1em arial, helvetica, sans-serif; font-weight:bold; }
 
.frameworkPageContent p, 
.frameworkPageContent ul,
.frameworkPageContent ol { margin:0; padding:0 0 18px 0; } 
.frameworkPageContent ul, 
.frameworkPageContent ol { list-style:none; padding:0 0 18px 40px; } 
.frameworkPageContent blockquote { margin:22px 40px;´padding:0; }
.frameworkPageContent small { font-size:0.85em; } 
.frameworkPageContent img { border:0; }

.frameworkPageContent a, 
.frameworkPageContent a:visited { color: #000; cursor: pointer; }
  
.frameworkPageContent form { margin:0; padding:0; display:inline; } 
.frameworkPageContent input, .frameworkPageContent select, .frameworkPageContent textarea { font:1em arial, helvetica, sans-serif; border: 1px solid #ccc; } 
.frameworkPageContent textarea { line-height:1.25; } 
.frameworkPageContent label { cursor:pointer; }

.divCopyrightLine { float: left; clear: both; width: 770px; text-align: center;}
.divCopyrightLine p { margin: 11px 0; }
.divCopyrightLine a { color: #000; font-weight: bold; }

.threeColumns .columnLeft { float: left; width: 150px; margin-right: 5px;}
.threeColumns .columnLeft .widget .innerContainer { width: 150px; }
.threeColumns .columnMiddle { float: left; width: 144px; padding-left: 5px; margin-right: 0; }
.threeColumns .columnRight { float: left; width: 144px; padding-left: 5px; }
.threeColumns .columnMiddleRight { float: right; border-top: 1px solid #ccc; padding-top: 5px; padding-right: 6px; width: 293px; }
.threeColumns .columnMiddleRight p { padding-bottom: 8px; }

.frameworkPageFooter { float: left; clear: both; width: 768px; background: url('/styles/classic/gfx/gradientFooter.jpg') repeat-x; margin-top: 2px; height: 64px; border: 1px solid #a3aebc; }

.mainMenu { width: 768px; float: left; clear: both; margin-top: 2px; margin: 0; padding: 0; background: #dee1e6; border: 1px solid #a3aebc; }
.mainMenu li { display: inline; }
.mainMenu li a { font: bold 11px Verdana; color: #313d4d; text-transform: uppercase; padding: 0 10px; text-decoration: none; }
.mainMenu.mainMenuFooter { text-align: right; margin-top: 0; border: 1px solid #c7cad1; }

.mainMenu.top { margin-top: 0; border: none; background: url('/styles/classic/gfx/menutopbg.gif') no-repeat; padding-left: 20px; width: 750px; height: 25px; line-height: 25px; }

.divTwoButtons { padding: 1px; border: 1px solid #ccc; float: left; clear: both; padding-bottom: 0; margin-bottom: 5px; }
.divTwoButtons a { color: #fff; }
.divTwoButtons a:visited { color: #fff; }
.aMeOnThePhone { color: #fff; text-decoration: none; font-weight: bold; float: left; width: 144px; text-align: center; margin-bottom: 0; background: url('/styles/classic/gfx/buttonBlue.jpg'); line-height: 34px; display: block; }
.aPimpMySide { color: #fff; text-decoration: none; font-weight: bold; float: left; width: 144px; text-align: center; margin-bottom: 0; margin-right: 2px; background: url('/styles/classic/gfx/buttonRed.jpg'); line-height: 34px; display: block; }
.aPimpMySideLoggedIn { color: #fff; text-decoration: none; font-weight: bold; float: left; width: 144px; margin-right: 2px; margin-bottom: 0; text-align: center; background: url('/styles/classic/gfx/buttonRed2.gif'); line-height: 34px; display: block; }


.divFirstRow { line-height: 16px; }
 
.spanUsernameWithStatus { float: left; clear: both; width: 100%; }
.spanUsernameWithStatus a { float: left; margin-right: 10px; display: block; }
.spanUsernameWithStatus img { float: left; display: block; }

.aButton { background: #323f4f; font: bold 10px Verdana; width: 60px; text-align: center; border: 1px solid #fff; color: #fff; padding: 1px 0; display: block; text-decoration: none; }
.aJoin { margin-right: 10px; padding: 0; }
.aToShout { text-transform: none; }

.widget { display: block; float: left; clear: both; background: #eceef0; border: 1px solid #a3aebc; margin-bottom: 5px; }
.widget h2 { display: block; text-transform: uppercase; font: bold 10px Verdana; line-height: 16px; height: 18px;  padding: 0 5px; background: url('/styles/classic/gfx/hBackgroundBlue.gif') repeat-x; color: #fff; }
.widget .innerContainer { float: left; clear: both; border: 1px solid #fff; width: 290px; }
.widget .innerContainer .content { float: left; clear: both; padding: 5px; }
.widget ul { padding: 0; list-type: none; }
.widget ul li { padding: 3px 0; }
.widget h2 a { text-decoration: none; color: #fff; margin-left: 5px;}

.headliner { margin-bottom: 20px; }
.headliner .readMore { margin-right: 10px; }
.headliner .toBlog { margin-right: 10px; }
.headliner img { width: 460px; }

.newsWidget img { width: 140px; }
.newsWidget p { padding-bottom: 8px; }
.newsWidget { margin-bottom: 8px; }

.divLatestTopics { border: 1px solid #a3aebc; float: left; clear: both; width: 448px; padding: 5px; margin-bottom: 11px; }
.divLatestTopics a { margin-right: 10px; }
.divLatestTopics .imageHolder { float: left; }

.content.divStartpageSearch label { float: left; font-weight: bold; min-width: 40px; width: 40px; }
.content.divStartpageSearch select { width: 72px; margin-right: 2px; }
.content.divStartpageSearch input { width: 73px; font: 10px Verdana; }
.content.divStartpageSearch p { padding: 5px 0 0 5px; margin: 0; }
.content.divStartpageSearch .inputSearch { float: right; margin-right: 5px; font-weight: bold; }
.content.divStartpageSearch .inputSearchString { width: 226px; }
.content.divStartpageSearch a { font: 10px Verdana; }

.content.divShout img { float: left; clear: none; margin: 0; padding: 0 10px 0 0; }
.content.divShout p { float: left; width: 190px; padding-bottom: 0; }
.content.divShout { width: 280px; }

.content.divFourThumbs a { float: left; margin-right: 8px;}
.content.divFourThumbs a.lastItem { margin-right: 0;}

.widget.divAd h2 { background: none; color: #000; border-bottom: 1px solid #a3aebc; font-weight: normal; line-height: 18px; }
.widget.divAd .content { text-align: center; width: 280px; padding: 5px 0; }

.widget.divUserList ul { width: 200px; padding: 0;margin: 0; }
.widget.divUserList li { width: 200px; margin-bottom: 5px; }
.widget.divUserList li img { vertical-align: middle; }

.widget.divLatestList ul li { float: left; clear: both; width: 274px; }
.widget.divLatestList span { float: left; clear: both; width: 274px; }
.widget.divLatestList a { float: left; clear: both; width: 274px; }

.widget.divFunVideosFromPlay .innerContainer { width: 455px; background: #fff;}
.widget.divFunVideosFromPlay h2 { background: #dee1e6; color: #000; }
.widget.divFunVideosFromPlay .entry { float: left; text-align: center; width: 141px; padding: 5px; }
.widget.divFunVideosFromPlay p { padding: 0; }

.widget.divPlayPlayer .innerContainer .content { padding: 0; margin: 0; }
.widget.divPlayPlayer h2 { height: 23px; background: #ff9900 url('/styles/classic/gfx/divPlayPlayerHeader.jpg') no-repeat; }

.widget .strongTodaysClub { display: block; }

.widget.divPoll p { padding: 3px 0; }
.widget.divPoll input { margin-right: 5px; border: 0; }
.widget.divPoll .poll { height: 5px; background: #CCCCCC; line-height: 5px; font-size: 5px; padding: 0; margin: 1px 0 2px 0; }

.spanUsernameLine a { margin-right: 5px; }

.feedEntry { width: 455px; float: left; clear: both; border-bottom: 1px solid #cfd9db; padding: 5px 0; }
.feedEntry.lastItem { border-bottom: 0; }
.feedEntry img { float: left; width: 140px; }
.feedEntry p { margin-left: 11px; font: normal 12px Arial; float: left; width: 304px; padding: 0; }
.feedEntry span { display: block; }
.feedEntry span.category { font-size: 10px; }
.feedEntry span.heading { font: bold 13px Arial; margin-bottom: 5px; }
.feedEntry a { display: block; }
.feedEntry a.aReadMore { float: left; margin-right: 11px; margin-top: 5px; }
.feedEntry a.aHaveYourSay { float: left; margin-right: 11px; margin-top: 5px; }

.feedEntry.large p { width: 100%; margin: 0; }
.feedEntry.large img { margin-bottom: 5px; width: 460px; }
.teasers {  border: 1px solid #dee1e6; border-top: none; border-bottom: none; padding: 2px; float: left; clear: both; width: 764px; }
.teasers img { float: left; margin:0;padding:0;  }
