/* General */
html { overflow-y: scroll; height: 100%; }
body { 
    background: #97CBF0  url('/images/bluebg2.jpg') repeat-x top;*/
    /*background: #9e0a42 url('/images/pgf-takeover-bg.png') repeat-x top;*/
    /*background-attachment:fixed;*/ 
    color: #333; font: normal small Arial, Helvetica, sans-serif; height: 100%; margin: 0; padding: 0; }

.takeOverOuter { bottom: 0; left: 50%; margin-left: -488.5px; position: fixed;  right: 80%; top: 0; width: 977px; z-index: 0; }
.takeOverOuter .takeOver { background: url('/images/pgf-takeover.gif?1') no-repeat;  position: absolute; height: 100%; width: 200px; z-index: 0; }
.takeOverOuter .takeOver1 { right: 1010px;  margin-left: 200px; z-index: 0; background-position: left center; }
.takeOverOuter .takeOver2 { left: 1010px; margin-right: 200px; z-index: 0; background-position: right center; }
@media screen and (max-width: 1366px) {
    .takeOverOuter .takeOver1 { right: 970px;  margin-left: 200px; z-index: 0; background-position: left center; }
    .takeOverOuter .takeOver2 { left: 970px; margin-right: 200px; z-index: 0; background-position: right center; }
}
@media screen and (max-width: 1280px) {
    .takeOverOuter .takeOver1,
    .takeOverOuter .takeOver2 { display: none; }
}

#PageContainer h1 { color: #9f1f63; font: normal 28px 'century gothic',verdana,arial,helvetica,sans-serif;  margin: 4px 0 10px 0; padding: 0; text-transform: capitalize; width: 660px; }
#PageContainer h2 { color: #00aeef; font: normal 700 16px 'century gothic',verdana,arial,helvetica,sans-serif; margin: 0 0 5px 0; padding: 0; text-transform: capitalize; }
#PageContainer h3 { color: #666; font: normal 700 14px 'century gothic',verdana,arial,helvetica,sans-serif;  margin: 0 0 5px 0; padding: 0; }
.noFloat { clear: both; }
.hidden { display: none; }
.centerText { text-align: center; }
a img { border: none; }
a:link,
a:visited { color: #9F1F63; text-decoration: none; }
a:hover { color: #00AEEF; text-decoration: none; }
.shadow { -moz-box-shadow: 4px 5px 8px #d6d6d6; -webkit-box-shadow: 4px 5px 8px #d6d6d6; box-shadow: 4px 5px 8px #d6d6d6; }
div.counter { background: initial; padding-top: initial; float: initial; width: auto; height: auto; overflow: auto; text-align: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; }

fieldset { border: none; }
fieldset.horizontal { width: auto; }
fieldset.horizontal div.inputRow label { float: left; padding: 2px 8px 0 16px; width: auto; }
fieldset.horizontal div.inputRow {  clear: none; float: left; }
fieldset.horizontal div.buttonsRow { clear: none; float: left; height: 24px; padding: 0 0 0 8px; }

p { margin: 10px 20px; }
p a, p a:link, p a:visited { color: #9F1F63; text-decoration: underline; }
p a:hover { color: #00AEEF; }
ul { margin: 10px 20px; }
p.narrow { margin: 15px auto 20px auto; text-align: justify; width: 500px; }

div.infoPanel { background: #ffc; border: 1px solid #eec; color: #333; margin: 10px auto; padding: 10px; width: 500px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
div.marginTop { margin-top: 50px; }

/* Context Menu */
ul.contextMenu { background: #ffc; border: 1px solid #666; display: none; list-style-type: none; margin: 0; padding: 2px 4px 2px 2px; position: absolute; }
ul.contextMenu li { margin: 0; padding: 0; }

/* Other Websites */
div#TopBar { background: #234; height: 24px; width: 100%; }
div#TopBarInner { float: right; left: -50%;  position: relative; }
div#TopBar ul#SiteBar { left: 50%; list-style-type: none; margin: 0; padding: 0; position: relative; }
div#TopBar div#TopSpacer { background: #999; border: 1px solid #666; border-width: 1px 0; height: 4px; position: relative; top: 24px; width: 100%; }
div#TopBar ul#SiteBar li { border-left: 1px solid #fff; float: left; font-size: 14px; height: 20px; padding: 2px 10px; }
div#TopBar ul#SiteBar li#MasTopLink { background: #498641; }
div#TopBar ul#SiteBar li#MbaTopLink { background: #068080; }
div#TopBar ul#SiteBar li#PhdTopLink { background: #312EA7; }
div#TopBar ul#SiteBar li#ProTopLink { background: #9D4F4F; }
div#TopBar ul#SiteBar li#CpdTopLink { background: #7C4B77; }
div#TopBar ul#SiteBar li#PosTopLink { background: #CC0000; }
div#TopBar ul#SiteBar li#UniTopLink { background: #999999; }
div#TopBar ul#SiteBar li#FrmTopLink { background: #FFA500; border-right: 1px solid #fff; }
div#TopBar ul#SiteBar li a:link,
div#TopBar ul#SiteBar li a:visited { color: #fff; } 

/* */
div#GlobalNavBar { background: url('/images/topbg.gif'); color: #666; font-family: 'century gothic',verdana,arial,helvetica,sans-serif; font-size: 12px; height: 28px; margin: 0 auto; position: relative; width: 977px; }
div#GlobalNavBar div { background: url('/images/topcomp.gif') no-repeat 8px 3px; float: left; height: 18px; padding: 4px 0 0 30px; }
div#GlobalNavBar ul { float: right; list-style-type: none; margin: 0; padding: 0; }
div#GlobalNavBar ul li { float: left; height: 16px; }
div#GlobalNavBar a { display: block; border: 1px solid #fff; border-width: 0 1px; border-left-color: #bbb; height: 16px; padding: 4px 10px; }
div#GlobalNavBar a:link,
div#GlobalNavBar a:visited span { color: #666; }
div#GlobalNavBar a:hover span { color: gold; }
div#GlobalNavBar a.mas:hover { background: #498641; border-color: #498641; }
div#GlobalNavBar a.mba:hover { background: #068080; border-color: #068080; }
div#GlobalNavBar a.phd:hover { background: #312EA7; border-color: #312EA7; }
div#GlobalNavBar a.pro:hover { background: #9D4F4F; border-color: #9D4F4F; }
div#GlobalNavBar a.cpd:hover { background: #7C4B77; border-color: #7C4B77; }
div#GlobalNavBar a.pos:hover { background: #CC0000; border-color: #CC0000; }
div#GlobalNavBar a.uni:hover { background: #999999; border-color: #999999; }
div#GlobalNavBar a.frm:hover { background: #AD5700; border-color: #AD5700; }


/* Page styles */
div#PageContainer { background: #fff; min-height: 100%; margin: 0 auto; position: relative; top: 0px; width: 977px; }
div#PageHead { padding: 0px 7px 0px 10px; height: 115px; }
div#PageHead a.logo { float: left; margin: 10px 0 0 5px; }
div#PageHead a.logo img { border: 0; width: 210px; height: 95px; }

div#PageTopBanner .large { background: #eee; height: 90px; margin-right: -480px; position: absolute; text-align: right; right: 50%; top: 42px; width: 728px; }
div#PageTopBanner .small { background: #eee; height: 60px; margin-right: -346px; position: absolute; text-align: right; right: 50%; top: 56px; width: 468px; }

div#PageDividerBar { background: #fff; border: 1px dotted #8ad; border-width: 1px 0; height: 25px; margin: 5px 0 0 0; position: relative; }
div#PageMainColumn { float : left; margin: 0; padding: 0 0 10px 10px; position: relative; width: 770px; }
div#PageRightColumn { float: right; margin: 0; min-height: 600px; padding: 4px 7px 10px 0px; width: 180px; }

div#TopicLinks { background: #f3f3f3; border: 1px solid #ccc; border-top: 8px solid #ccc; height: 72px; margin: 2px 0 7px 0; padding: 4px 10px 0px; }
div#TopicLinks label { color: #9f1f63; font: normal 700 13px 'century gothic', verdana, arial, helvetica, sans-serif; }
div#TopicLinks ul { list-style-type: none; margin: 0; padding: 2px 0 0 0; }
div#TopicLinks ul li { background: url('/images/grayrgtarrow7.gif') no-repeat 16px 5px; padding-left: 30px; width: 100px; }

/* Page Footer */
div#PageFooter { background: #fff; clear: both; margin: 0 auto; padding: 10px 10px 10px 10px; position: relative; width: 957px;  }
div#PageFooter div.inner { margin: 0 auto; background-color: #ccc; height: 112px; padding: 0; width: 952px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
div#PageFooter div.inner div.box { background-color: #fff; border: solid 2px #bbb; float: left; height: 76px; margin: 12px 11px; padding: 5px 4px; text-align: center; width:282px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
div#PageFooter div.inner div.box a.img { float: left; padding: 5px 0px 0px 5px; }
div#PageFooter div.inner div.box a.info { font: normal 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: purple; line-height: 14px; height: 50px; margin: 5px 0 0 5px; }
div#PageFooter div.inner div.box a.info span.mas { color: Green; font-weight: 700; }
div#PageFooter div.inner div.box a.info span.phd { color: Navy; font-weight: 700; }
div#PageFooter div.inner div.box div.social { height: 35px; padding: 3px 0 0 4px; text-align: left; }
div#PageFooter div.inner div.box div.social img { float: left; padding-right: 6px; }
div#PageFooter div.inner div.box div.twitter div { padding-top: 6px; }
div#PageFooter div.inner div.box div.facebook div { float: left; padding-top: 6px; }
div#PageFooter div.inner div.box div.text { float: left; margin: 2px 6px 0 0; }
div#PageFooter div.inner div.box div.subTitle { clear: both; color: #333; display: block;  font: normal 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; text-align: center; }

/* Page Footer Navigation */
#footerNaviContainer    { width:940px; margin:0 auto; text-align:center; font: normal 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
.footerNaviColumn       { float:left; text-align:left; width:190px; overflow: hidden; padding: 0px 45px 0px 0px; line-height:14px; color: #fff; }
.footerNaviColumn h2    { color: #fff; padding:0 0 8px 0; }
.footerNaviColumn h2 a  { color: #fff; font: bold 18px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif !important; }
.footerNaviLink         {  }
.footerNaviLink ul      { margin:0px; padding:0px; list-style:none; }
.footerNaviLink li      { margin:0px; padding:0px; list-style:none; }
.footerNaviLink li a    { color: #369 !important; text-decoration: none !important; font: normal 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:16px;}
.footerNaviLink li a:hover    { text-decoration: underline !important; }
#footerAddress          { background-color: transparent; border-top: none; color: #fff; margin-top:8px; }
#footerAddress a        { font: normal 10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #fff !important; text-decoration: none !important; }
#footerAddress a:hover  { text-decoration: underline !important; }
#footerLinks a          { background: transparent; color:white !important; border-bottom: none; border-left: dotted 1px #999999; height:20px; padding:2px 10px; margin: 0; } 
.firstFooterNaviColumn  { text-align: center; }
.firstFooterNaviColumn h2 { margin-top: 0; }
.firstFooterNaviColumn h2 a { color: #369; line-height: 16px; text-align: center; }
#PageFooterAddress      { background: #69c url('/images/footerBg.png') repeat-x; color:#fff; padding:5px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; font-size:10px; }

/* Generic Page Elements */
ul#PageSiteNav { background: url('/images/arrow-edges.gif') no-repeat -8px 7px; height: 25px; list-style-type: none; margin: 0; padding: 1px 16px; }
ul#PageSiteNav li { float: left; font-family: 'century gothic',verdana,arial,helvetica,sans-serif; list-style-type: none; padding: 3px 5px; font-size: 13px; font-weight: 700; }
ul#PageSiteNav li a:link,
ul#PageSiteNav li a:visited { color: #00aeef; }
ul#PageSiteNav li a:hover { color: #9f1f63; }

ul#Breadcrumbs { font-size: 12px; height: 18px; list-style-type: none; margin: 32px 0 0 0px; padding: 0; }
ul#Breadcrumbs li { color: #00aeef; float: left; height: 18px; }
ul#Breadcrumbs li a:link,
ul#Breadcrumbs li a:visited { color: #9f1f63; }
ul#Breadcrumbs li a:hover { color: #00aeef; }

div.divider { border-bottom: 1px dotted #aaa; margin: 15px 100px 15px 100px; padding: 0 0 0 0; }

div#TopButtons { height: 21px; position: absolute; right: 10px; top: 4px;  }
div#TopButtons a { background: #aaa; border: 1px outset #ddd; color: #eee; display: inline-block; height: 17px; margin: 0 0 0 5px; padding: 0px 10px 1px 10px; -moz-box-shadow: 4px 5px 8px #d6d6d6; -webkit-box-shadow: 4px 5px 8px #d6d6d6; box-shadow: 4px 5px 8px #d6d6d6; -moz-border-radius: 0px 0px 0px 8px;; -webkit-border-radius: 0px 0px 0px 8px;; border-radius: 0px 0px 0px 8px; }
div#TopButtons a:hover { background: #a0a0a0; -moz-box-shadow: 2px 2px 3px #d6d6d6; -webkit-box-shadow: 2px 2px 3px #d6d6d6; box-shadow: 2px 2px 3px #d6d6d6; }

/* Account Panel */
div#AccountPanelOuter { background: url('/images/arrow-edges.gif') no-repeat 578px 7px; height: 22px; overflow: hidden; position: absolute; right: 0px; top: 0px; width: 585px; }
div#AccountPanelOuter div.login { padding: 3px 0 0 0;  }
div#AccountPanelOuter div.loggedIn { padding: 0px; }
div#AccountPanelOuter .loggedIn ul { float: right; list-style-type: none; margin: 0; padding: 1px 16px; }
div#AccountPanelOuter .loggedIn ul li { float: left; font-family: 'century gothic',verdana,arial,helvetica,sans-serif; list-style-type: none; padding: 3px 3px; font-size: 13px; font-weight: 700; }
div#AccountPanelOuter .loggedIn ul li a:link,
div#AccountPanelOuter .loggedIn ul li a:visited { color: #9f1f63; }
div#AccountPanelOuter .loggedIn ul li a:hover { color: #00aeef; }
div#AccountPanelOuter .loggedIn ul li .mailIcon { float: left; height: 15px; margin-right: 8px; width: 14px; }
div#AccountPanelOuter div.login a { display: block; float: left; padding: 1px 5px 0 0; }
div#AccountPanelOuter div.accountPanelInner { position: absolute; right: 0px; top: 0px; width: 585px; }
div#AccountPanelOuter div.accountPanelInner fieldset { border: none; color: #666; font-size: 12px; margin: 0; padding: 0; width: auto; }
div#AccountPanelOuter div.accountPanelInner div.field { float: left; padding-left: 10px; }
div#AccountPanelOuter div.accountPanelInner label { float: left; padding: 1px 4px 0 5px; }
div#AccountPanelOuter div.accountPanelInner input.text { border: 1px solid #ccc; margin: 0; padding: 1px 4px; width: 90px; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
div#AccountPanelOuter div.accountPanelInner input.cbox { float: left; font-size: 12px; }
div#AccountPanelOuter div.accountPanelInner input.submit { border: 1px solid #ccc; font-size: 12px; margin: 0; width: 50px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
div#AccountPanelOuter div.accountPanelInner div.buttons { float: left; padding-left: 10px; }
div#AccountPanelOuter div.accountPanelInner div.messages span.error { color: #f00; list-style-type: none; margin: 0; padding: 0;  }
div#AccountPanelOuter div.errorMsg { background: url('/images/cross.gif') no-repeat left center; color: #c33; float: right; font-size: 13px; font-weight: 700; margin: 4px 65px 0 0; padding-left: 22px; text-align: center; width: auto; }
div#AccountPanelOuter div.successMsg { background: url('/images/tick.gif') no-repeat left center; color: #090; float: right; font-size: 13px; font-weight: 700; margin: 4px 65px 0 0; padding-left: 22px; text-align: center; width: auto; }

/* Top ten posters panel */
div#TopTenMembers { margin: 0 auto; width: 150px; }
div#TopTenMembers div { color: #777; font: normal 700 14px 'century gothic',verdana,arial,helvetica,sans-serif; margin-top: 20px; text-align: center; width: 160px;  }
div#TopTenMembers div img { margin: 3px 3px 0 3px; }
div#TopTenMembers div img.left { float: left; }
div#TopTenMembers div img.right { float: right; }
div#TopTenMembers table { border: 1px solid #00AEEF; border-width: 1px 0; width: 160px; }
div#TopTenMembers table td { font-size: 12px; padding: 0; text-align: right; }
div#TopTenMembers table td.c1 { text-align: left; }
div#TopTenMembers table thead td { color: #666; font-size: 11px; font-style: italic; }

/* Paging -> Index */
div.pagingInner { position: relative; }
ul.paging { list-style-type: none; margin: 0; padding: 0; position: relative; font-size: 12px; }
ul.paging li { float: left; height: 16px; margin: 0 2px; padding: 0; width: 26px; }

ul.paging li span,
ul.paging li a { background: #eee; border: 1px #ccc solid; color: #aaa; display: block; height: 16px; text-align: center; width: 26px; }
ul.paging li a { border-color: #aaa; -moz-box-shadow: 4px 5px 8px #d6d6d6; -webkit-box-shadow: 4px 5px 8px #d6d6d6; box-shadow: 4px 5px 8px #d6d6d6; }
ul.paging li a:link,
ul.paging li a:visited { color: #9F1F63; }
ul.paging li a:hover { background: #ddd; border-color: #999; color: #000; -moz-box-shadow: 2px 2px 4px #d6d6d6; -webkit-box-shadow: 2px 2px 4px #d6d6d6; box-shadow: 2px 2px 4px #d6d6d6; }
ul.paging li.selected span { background: #e0e0e0; border: 1px inset #bbb; color: #333; -moz-box-shadow: inset 2px 2px 6px #999999; -webkit-box-shadow: inset 2px 2px 6px #999999; box-shadow: inset 2px 2px 6px #999999; }

ul.paging li.first a,
ul.paging li.first span { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
ul.paging li.final a,
ul.paging li.final span { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }

div.pagingOuterCentre div.pagingInner { float: right; left: -50%; }
div.pagingOuterCentre ul.paging { left: 50%; }
div.pagingOuterCentre div.title { color: #777; font-size: 11px; font-weight: 700; padding: 0 0 2px 0; text-align: center; }
div.pagingOuterRight { float: right; margin-right: 20px; }
div.pagingOuterRight div.pagingInner { float: right; }
div.pagingOuterTop li { border-bottom: none; }
div.pagingOuterTop li.first { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }
div.pagingOuterTop li.final { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
div.pagingOuterBot li { border-top: none; }
div.pagingOuterBot li.first { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
div.pagingOuterBot li.final { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

/* Message */
div.messageOuter { float: left; position: relative; margin: 0 0 15px 0; width: 100%; }
div.messageOuter div.messageInner { background: #fff; border: 1px #aaa dashed; float: left; padding: 5px; position: relative; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
div.messageUnnested { margin-left: 10px; }

/* Message -> Display */
div.messageOuter div.display { background: #fff; }
div.messageOuter div.unchecked { border-color: #f00; }
div.messageOuter div.invisible { opacity: 0.6; filter: alpha(opacity=60); }
div.messageOuter div.messageInner { width: 740px; }
div.messageOuter div.messageInner div.messageDetails { position: relative; text-align: center;  }
div.messageOuter div.messageInner div.messageDetails div { font-style: italic; line-height: 14px; }
div.messageOuter div.messageInner div.messageDetails div .profile { font-weight: 700; }
div.messageOuter div.messageInner div.messageDetails div span { font-size: 12px; font-style: none; }
div.messageOuter div.messageInner div.messageDetails div a { color: #00AEEF; font-size: 12px; font-style: none; }
div.messageOuter div.messageInner div.messageDetails div a:visited,
div.messageOuter div.messageInner div.messageDetails div a:link { color: #9F1F63; }
div.messageOuter div.messageInner div.messageDetails div.role { color: #01aa60; font-size: 15px; font-weight: 700; padding: 2px 0 0 0; }
div.messageOuter div.messageInner div.messageDetails img.avatar { background: #eee; border: 1px solid #ccc; border-color: #999 #ccc #ccc #999; margin: 5px auto; }
div.messageOuter div.messageInner div.messageDetails img.vip { bottom: 5px; height: 26px; position: absolute; right: 5px; width: 26px; }
div.messageOuter div.messageInner div.postedOn { font-size: 12px; }
div.messageOuter div.messageInner div.postedBy { font-size: 12px; }
div.messageOuter div.messageInner img.stars { height: 12px; margin: 0 0 0 2px; position: relative; top: 1px; width: 13px; }
div.messageOuter div.messageInner div.updatedOn { font-size: 12px; }
div.messageOuter div.messageInner div.updatedBy { font-size: 12px; }
div.messageOuter div.messageInner div.messageHeader { float: left; }
div.messageOuter div.messageInner div.messageText { float: left; padding: 0 10px 22px 10px; }
div.messageOuter div.messageInner div.messageText img { display: block; margin: 8px auto; }
div.messageOuter div.messageInner div.messageText img.smiley { display: inline-block; margin: 0; }
div.messageOuter div.messageInner div.messageText div.title { color: #00AEEF; font-weight: 700; margin: 0 0 3px 0; text-align: right; }
div.messageOuter div.messageInner div.optionsBar { bottom: 0px; float: right; font-size: 10px; position: absolute; right: 0px; }
div.messageOuter div.messageInner div.optionsBar a { background: #ffc; border: 1px solid #ccc; float: left; margin: 0 0 5px 5px; padding: 0px 4px 1px 4px; -moz-box-shadow: 3px 2px 4px #d0d0d0; -webkit-box-shadow: 3px 2px 4px #d0d0d0; box-shadow: 3px 2px 4px #d0d0d0; }
div.messageOuter div.messageInner div.optionsBar a:link,
div.messageOuter div.messageInner div.optionsBar a:visited { color: #444; z-index: 200; }
div.messageOuter div.messageInner div.optionsBar a:hover { background: #e6e6e6; color: #000; float: left; -moz-box-shadow: 1px 1px 2px #dddddd; -webkit-box-shadow: 1px 1px 2px #dddddd; box-shadow: 1px 1px 2px #dddddd; }
div.messageOuter div.messageInner div.optionsBar a.disabled { background: #afa; border: 1px solid #ccc; padding: 0px 4px 1px 4px; -moz-box-shadow: 0px 0px 0px #ffffff; -webkit-box-shadow: 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px #ffffff; }
div.messageOuter div.messageInner div.optionsBar a.disabled:link,
div.messageOuter div.messageInner div.optionsBar a.disabled:visited { color: #333; cursor: default; }
div.messageOuter div.messageInner div.optionsBar div.group { float: left; height: 15px; margin: 0; padding: 0 12px 5px 0px; }
div.messageOuter div.messageInner div.optionsBar label { float: left; }
div.messageOuter div.messageInner div.optionsBar input { float: left; margin: 0px 5px; }
div.messageOuter div.messageInner div.alertMsg { background: #ffc; border: 1px dashed #f99; font-size: 12px; font-weight: 700; margin: 5px 74px 15px; padding: 4px 2px; text-align: center;-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 4px 5px 8px #cccccc; -webkit-box-shadow: 4px 5px 8px #cccccc; box-shadow: 4px 5px 8px #cccccc; }
div.messageOuter div.warning { color: #666; float: none; font-size: 14px; font-weight: 700; margin: 0 auto; text-align: center; }

div.messageOuter div.display div.messageText div.quote { background: #eee; border: 1px dotted #666; margin: 4px auto; padding: 4px; width: 95%;}
div.messageOuter div.display div.messageText div.quotealt { background: #fff; }
div.messageOuter div.display div.messageText div.urlItem { text-align: center; }
div.messageOuter div.display div.messageText div.urlItem a.link { background: no-repeat center center; display: block; height: 240px; margin: 0 auto; width: 320px; }
div.messageOuter div.display div.messageText div.urlItem a.link img { display: none; background: #fff; height: 60px; padding: 2px;  position: relative; top: 32px; width: 60px; opacity: 0.6; filter:alpha(opacity=60); -moz-box-shadow: 3px 2px 12px #000000; -webkit-box-shadow: 3px 2px 12px #000000; box-shadow: 3px 2px 12px #000000; }
div.messageOuter div.display div.messageText div.urlItem a.youtube img { height: 28px; padding: 2px;  position: relative; top: 28px; width: 64px; opacity: 0.6; filter:alpha(opacity=60); -moz-box-shadow: 3px 2px 12px #000000; -webkit-box-shadow: 3px 2px 12px #000000; box-shadow: 3px 2px 12px #000000; }

/* Message -> Create / Update / Reply */
#MessageReplyArea,
#MessageCreate { margin: 0 0 0 10px; }
div.messageOuter div.create,
div.messageOuter div.update,
div.messageOuter div.reply { background: #eee; }
div.messageInner fieldset { margin: 0; padding: 5px 0 5px 0; }
div.messageInner fieldset .inputRow { float: left; padding: 2px 0; }
div.messageInner fieldset .inputRow label { display: block; float: left; padding: 5px 0 0 4px; width: 70px; }
div.messageInner fieldset .inputRow .error { color: #f00; font-weight: 700; margin: 0 0 0 75px; }
div.messageInner fieldset .inputRow input.title,
div.messageInner fieldset .inputRow input.recipient { border: 1px #aaa solid; float: left; margin: 2px 10px 0 0; padding: 2px; width: 646px; }

div.messageInner fieldset .inputRow div.textInput { background: url("/images/bg1.gif"); border: 1px solid #999; cursor: text; float: left; height: 100%; min-height: 156px; width: 650px; }
div.messageInner fieldset .inputRow div.textInput .end { color: #bbb; font-style: italic; height: 0px; position: relative; text-align: center; top: -18px; }
div.messageInner fieldset .inputRow div.textInput textarea { border: none; border-bottom: 1px dotted #ccc; float: left; font-family: Arial, Helvetica, sans-serif; margin: 0px 10px 0 0; overflow: hidden; padding: 2px; resize: none; width: 646px; }
div.messageInner fieldset .inputRow div.textInput textarea:focus { outline: none; }
div.messageInner fieldset .inputRow div.focused { outline: -webkit-focus-ring-color auto 5px; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter { background: #fffacd; border-bottom: 1px dotted #ccc; border-width: 1px 0; float: left; text-align: center; width: 100%; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter a { display: block; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter a:link,
div.messageInner fieldset .inputRow div.textInput div.itemOuter a:visited { color: #666; text-decoration: none; }

div.messageInner fieldset .inputRow div.textInput div.itemOuter a.linkWebshot { margin: 0 auto; width: 200px; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter a.linkWebshot img { height: 150px; width: 200px; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter div.itemInner { margin: 10px; position: relative; }
div.messageInner fieldset .inputRow div.textInput div.itemOuter div.itemInner img.close { cursor: pointer; padding: 0px; position: absolute; right: 0px; top: 0px; }

div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner { display: table; height: 110px; position: relative; }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner a.thumb { float: left; height: 90px; margin: 10px 20px 0 10px; position: relative; width: 120px; }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner a.thumb img { left: 28px; position: absolute; top: 31px; }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner .details { display: table-cell; padding-right: 50px; vertical-align: middle; width: 460px;  }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner div.type { color: #666; text-align: left; }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner div.title { font-weight: 700; text-align: left; }
div.messageInner fieldset .inputRow div.textInput .youTubeOuter div.itemInner div.desc { text-align: left; }

div.messageInner fieldset .buttonsRow { margin: 0px 17px; }
div.messageInner fieldset .buttonsRow input { float: right; margin: 2px 2px; width: 100px; }
div.messageInner fieldset .buttonsRow label { float: left; margin: 1px 0; width: 76px; }
div.messageInner fieldset .buttonsRow div.error { background: transparent; color: #f00; float: left; font-weight: 700; margin: 0 0 0 50px; }
div.messageInner fieldset .buttonsRow div.error ul { font-size: 13px; list-style-type: none; margin: 0; padding: 4px 0 0 0; width: 240px; }
div.messageInner fieldset .buttonsRow div.counter { float: right; font-size: 11px; height: 20px; line-height: 18px; margin: 3px 4px; overflow: hidden; text-align: right; width: 145px; }
div.messageInner fieldset .buttonsRow div.counter div { background: #fff; border: 1px solid #888; float: right; height: 18px; margin: 0 10px 0 5px; padding: 0; text-align: center; width: 50px; }
div.messageInner fieldset .buttonsRow div.counter div.error { background: #fee; border-color: #f00; color: #f00; font-size: 11px; margin: 0 10px 0 5px; }
div.messageInner fieldset .buttonsRow input.animButton { font-weight: 700; text-align: left; }

/* PrivateMessage -> Index */
table#PrivateMessageList { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 0 10px; width: 750px; }
table#PrivateMessageList thead td { background: #ddd; padding: 4px 4px; }
table#PrivateMessageList tbody td { padding: 4px 4px; }
table#PrivateMessageList tbody td.even { background: #eee; }
table#PrivateMessageList td.IconCol { width: 14px; }
table#PrivateMessageList td.IconCol img { height: 15px; width: 14px; }
table#PrivateMessageList td.SubjCol { }
table#PrivateMessageList td.SubjCol .unread { font-weight: 700; }
table#PrivateMessageList td.DateCol { width: 130px; }
table#PrivateMessageList td.FromCol { width: 120px; }
table#PrivateMessageList td.RcptCol { width: 120px; }

#PmLimitBar { background: #dfd; border: 1px solid #999; margin: 0 auto;  height: 14px; position: absolute; text-align: center; right: 10px; top: 45px; width: 200px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
#PmLimitBar div.back { background: #fcd; border: 1px solid #fff; height: 12px; left: 0; position: absolute; top: 0; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
#PmLimitBar div.text { color: #444; font-size: 10px; position: relative; }

/* PrivateMessage */
div.pmOuter { float: left; position: relative; margin: 0 0 10px 10px; width: 812px; }
div.pmOuter div.pmInner { background: #fff; border: 1px #aaa dashed; float: left; padding: 5px; position: relative; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
div.pmOuter div.create,
div.pmOuter div.update,
div.pmOuter div.reply { background: #eee; }

/* PrivateMessage -> Read */
div.pmOuter div.display { background: #fff; }
div.pmOuter div.pmInner div.pmDetails { background: #ddd; color: #333; float: left; font-size: 10px; padding: 5px; width: 120px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }
div.pmOuter div.pmInner div.pmHeader { float: left; }
div.pmOuter div.pmInner div.pmText { float: left; padding: 0 10px; }
div.pmOuter div.pmInner div.maintBar { bottom: 10px; position: absolute; right: 5px; }

/* ForumMessage -> Display */
div.messageOuter div.forumMessage div.messageText { width: 590px; }
div.messageOuter div.forumMessage div.messageDetails { background: #ddd; color: #333; float: left; font-size: 10px; padding: 5px; width: 120px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }

/* BlogMessage -> Display */
div.messageOuter div.blogMessage h3 a,
div.messageOuter div.blogMessage h3 a:link,
div.messageOuter div.blogMessage h3 a:visited { color: #00AEEF; font: normal 700 14px 'century gothic',verdana,arial,helvetica,sans-serif; margin: 0; padding: 0 10px 0 10px; }
div.messageOuter div.blogMessage h3 a:hover { color: #9F1F63; text-decoration: none; }
div.messageOuter div.blogMessage div.fullMessageLink { background: url('/images/grayleftarrow.gif') no-repeat 24px 4px; clear: both; padding: 0 0 8px 42px; }
div.messageOuter div.blogMessage div.messageText { padding-bottom: 8px; }
div.messageOuter div.blogMessage div.messageDetails { background: #fff; color: #666; height: 18px; padding: 4px 8px; }
div.messageOuter div.blogMessage div.messageDetails div { float: left; font-size: 11px; font-style: italic; padding: 0px 2px; }
div.messageOuter div.blogMessage div.messageDetails div span { font-size: 14px; font-style: normal; }

/* Other message display types */
div.messageOuter div.success { background: #d0ffd0; font-size: 18px; text-align: center; }
div.messageOuter div.error { background: #ffd0d0; font-size: 18px; text-align: center; }
div.messageOuter div.message { background: #eee; font-size: 18px; text-align: center; }
div.messageOuter div.replyLink { color: #666; float: none; font-size: 14px; font-weight: 700; margin: 0 auto; position: relative; width: 200px; }
div.messageOuter div.display .messageText a.youtube { display: block; height: 90px; margin: 0 auto; width: 120px; }

/* Home -> Index */
div.threadListControl { float: left; height: 18px; margin: 10px 0; padding: 10px 0; position: relative; width: 745px; }
.unstickyLink { font-size: 12px; position: absolute; right: 5px; top: 158px; z-index: 100; }
.unstickyLink:link, .unstickyLink:visited { color: #666; }
.unstickyLink:hover { color: #00aeef; }
a.newThread { left: 730px; position: absolute; top: 20px; }

fieldSet#ThreadSearch { background: #eee url("/images/greybg.gif") repeat-x; border: 1px #aaa solid; padding: 9px; position: relative; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
fieldSet#ThreadSearch div.inputRow { clear: none; float: left; padding-right: 10px; }
fieldSet#ThreadSearch div.inputRow select,
fieldSet#ThreadSearch div.inputRow input { border: 1px solid #ccc; font-size: 11px; height: 22px; margin: 1px 0 0 0; padding: 1px; width: 100%; }
fieldSet#ThreadSearch div.inputRow label { color: #9f1f63; display: block; font-size: 12px; font-weight: 700; }
fieldSet#ThreadSearch div.category { width: 110px; }
fieldSet#ThreadSearch div.subCat { width: 190px; }
fieldSet#ThreadSearch div.type { width: 110px; }
fieldSet#ThreadSearch div.keywordSection { float: left; position: relative; width: 300px; }
fieldSet#ThreadSearch div.keywordSection div { position: absolute; z-index: 1000; }
fieldSet#ThreadSearch div.keywordSection div.keywords { left: 1px; width: 178px; }
fieldSet#ThreadSearch div.keywordSection div.source { left: 180px; width: 92px; }
fieldSet#ThreadSearch div.keywordSection div.button { left: 272px; padding-top: 14px; }
fieldSet#ThreadSearch div.keywordSection div.keywords input { border: none; border-right: 1px solid #ccc; font-size: 11px; height: 20px; padding: 0px; position: absolute; top: 16px; width: 178px; }
fieldSet#ThreadSearch div.keywordSection div.source select { border: none; font-size: 11px; height: 18px; margin-top: 3px; padding: 0px; position: absolute; top: 15px; width: 92px; }
fieldSet#ThreadSearch div.keywordSection div.button input { height: 20px; font-size: 11px; margin-top: 3px; width: 32px; }
fieldSet#ThreadSearch div.keywordSection div.background { background: #fff; border: 1px solid #ccc; height: 20px; position: absolute; top: 16px; width: 303px; z-index: 900; }

table#ThreadList { margin: 0; position: relative; top: 0; width: 100%; }
table#ThreadList td { padding: 1px 0px;  border-bottom: 1px solid #999; }
table#ThreadList td a { }
table#ThreadList td a:link,
table#ThreadList td a:visited { color: #9f1f63; }
table#ThreadList td a:hover { color: #00aeef; }
table#ThreadList td.replies { text-align: center; width: 40px; }
table#ThreadList td.views { text-align: center; width: 60px; }
table#ThreadList td.lastPost { width: 150px; }
table#ThreadList thead td { border-bottom: 1px solid #00AEEF; color: #777; font: normal 700 14px 'century gothic',verdana,arial,helvetica,sans-serif; margin: 0; }
table#ThreadList tbody td { background: #fff; height: 38px; }
table#ThreadList tbody td.threadIcon { display: block; padding: 1px 5px; position: relative; width: 30px; }
table#ThreadList tbody td.threadIcon img.threadIcon { float: right; height: 30px; margin: 4px 0 0 4px; width: 30px; }
table#ThreadList tbody td.threadIcon img.threadStatusIcon { left: 10px; position: absolute; top: 9px; }
table#ThreadList tbody td.topic { font-size: 11px; padding-left: 5px; width: 475px; }
table#ThreadList tbody td.topic div.subRow { padding-left: 6px;  }
table#ThreadList tbody td.topic a { font-size: 14px; }
table#ThreadList tbody td.topic a.subLink { font-size: 12px; font-weight: 700; }

table#ThreadList tbody td.topic span.pages { color: #444; font- font-size: 12px; white-space: nowrap; }
table#ThreadList tbody td.topic span.pages a,
table#ThreadList tbody td.topic span.pages a:link,
table#ThreadList tbody td.topic span.pages a:visited { background: #eee; border: solid 1px #aaa; font-size: 11px; padding: 0px 3px; -moz-box-shadow: 4px 5px 8px #d6d6d6; -webkit-box-shadow: 4px 5px 8px #d6d6d6; box-shadow: 4px 5px 8px #d6d6d6; }
table#ThreadList tbody td.topic span.pages a:hover { background: #ddd; border-color: #999; color: #000; -moz-box-shadow: 2px 2px 4px #d6d6d6; -webkit-box-shadow: 2px 2px 4px #d6d6d6; box-shadow: 2px 2px 4px #d6d6d6; }

table#ThreadList tbody td.topic a.poster,
table#ThreadList tbody td.topic a.poster:link { font-size: 12px; font-weight: 700; }
table#ThreadList tbody td.replies { text-align: center; }
table#ThreadList tbody td.views { text-align: center; }
table#ThreadList tbody td.lastPost { font-size: 11px; }
table#ThreadList tbody td.lastPost a { font-size: 14px; }
table#ThreadList tbody tr.sticky td { background: #ffc; }

/* Thread -> Index */
div.threadControl { float: left; position: relative; width: 810px; padding: 10px 0; }
div.threadControl a.button { display: block; float: left; position: relative; }
div#MessageList, .messagesOuter { clear: both; margin: 0 0 0 10px; position: relative; }

/* Thread -> Create */
div.tabbedSelector { float: left; position: relative; width: 652px; }
div.tabbedSelector div.message { color: #666; font-size: 14px; left: 380px; position: absolute; top: 60px; text-align: center; width: 200px; }
div.tabbedSelector ul { list-style-type: none; margin: 0; padding: 0; }
div.tabbedSelector ul li { cursor: pointer; }
div.tabbedSelector select { display: none; }
div.tabbedSelector ul.tabs { background: #fff; border: 1px #aaa solid; border-width: 1px 1px 0 0; float: left; height: 20px; }
div.tabbedSelector ul.tabs li { background: #ddd; border-left: 1px #aaa solid; float: left; font-style: italic; height: 16px; padding: 2px 10px; }
div.tabbedSelector ul.tabs li.selected { background: #fff; height: 17px; z-index: 100; position: relative; }
div.tabbedSelector ul.source { background: #fff; border: 1px #aaa solid; float: left; height: 106px; overflow: scroll; overflow-x: hidden; -ms-overflow-x: hidden; padding: 4px; width: 300px; z-index: 90;  }
div.tabbedSelector ul.source li { background: #ddd; margin: 1px; padding: 2px 4px; z-index: 91; }
div.tabbedSelector ul.dest { background: #fff; border: 1px #aaa solid; float: right; height: 106px; margin-top: 21px; overflow: scroll; overflow-x: hidden; -ms-overflow-x: hidden; padding: 4px; width: 320px; }
div.tabbedSelector ul.dest li { background: #ddd; margin: 1px; padding: 2px 4px; }

/* Blog Agreement */
#BlogTermsOuter { text-align: center; }
#BlogTermsOuter .inner { background: #ffc; border: 1px inset #ccc; height: 500px; overflow: scroll; overflow-x: hidden; padding: 10px 15px 10px 10px; text-align: justify; }
#BlogTermsOuter .inner ol {}
#BlogTermsOuter .inner ol li { margin-bottom: 8px; }
#BlogTermsOuter .inner ol ol { list-style-type: lower-alpha; margin-bottom: 16px; }

/* Autotype dropdown */
select.AutoType {  }
ul#AutoTypePanel { background: #fff; border: solid 1px #abadb3; display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 500; -moz-box-shadow: 6px 4px 6px #d0d0d0; -webkit-box-shadow: 6px 4px 6px #d0d0d0; box-shadow: 6px 4px 6px #d0d0d0; } 
ul#AutoTypePanel li { border: solid 1px #fff; color: #272392; cursor: pointer; margin: 1px 2px; padding: 1px 2px; text-align: left; }
ul#AutoTypePanel li span { background: #ccf; color: #000; font-weight: 700; }
ul#AutoTypePanel li.Selected { background: #ccf; border: solid 1px #ddf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul#AutoTypePanel li.Hidden { display: none; }
ul#AutoTypePanel li.NoResults { color: #888; font-style: italic; }

/* Forms */
fieldset.classic { display: block; margin: 0 auto; padding: 20px; width: 600px; }
fieldset.classic h2 { border-bottom: 1px solid #00AEEF; display: block; margin: 0 0 20px 0; }
fieldset.classic h2 span.sub { float: right; font-size: 13px; font-style: italic; padding-top: 3px; text-transform: lowercase; }
fieldset.classic p { clear: both; text-align: center; }
fieldset.classic div.spacer { clear: both; height: 10px; }

fieldset.classic .outputRow { float: left; height: 32px; padding-top: 5px; width: 600px; } 
fieldset.classic .outputRow label { float: left; width: 180px; padding: 2px 0 0 20px;  }
fieldset.classic .outputRow div { background: #eee; border: 1px solid #ccc; color: #666; float: left; font-style: italic; height: 16px; padding: 2px 4px; width: 250px; }

fieldset.classic .inputRow { float: left; height: 32px; padding-top: 5px; width: 600px; }
fieldset.classic .inputRow label { float: left; width: 180px; padding: 5px 0 0 20px; }
fieldset.classic .inputRow label span { font-size: 11px; }
fieldset.classic .inputRow input { background: #ffc; border: 1px solid #999; float: left; height: 16px; padding: 2px 4px; width: 250px; }
fieldset.classic .inputRow select { background: #ffc; border: 1px solid #999; float: left; height: 22px; width: 220px; }
fieldset.classic .inputRow textarea { display: block; font-family: Arial, Helvetica, sans-serif; height: 100px; margin: 0 auto; width: 500px; }
fieldset.classic .inputRow input.short { float: left; width: 150px; }

fieldset.classic .buttonsRow { border-top: 1px solid #00AEEF; float: left; margin-top: 20px; padding-top: 10px; text-align: right; width: 100% }
fieldset.classic .buttonsRow input { float: right; width: 75px; }
fieldset.classic .buttonsRow .error { background: url('/images/cross.gif') no-repeat left center; color: #c33; float: left; font-size: 13px; font-weight: 700; margin: 6px 0 0 0; padding-left: 22px; }
fieldset.classic input.cbox { float: left; width: auto; }
fieldset.classic label.cbox { float: left; width: auto; padding: 2px 0 0 8px; }

fieldset.classic .expanding  {height: auto; }
fieldset.classic .indent { padding-left: 50px; }
fieldset.classic img { margin: 0 0 0 4px; }

fieldset.classic .inputBox { border: 1px solid #00AEEF; float: left; margin: 0 8px; padding: 1px; width: 280px; text-align: center;  }
fieldset.classic .inputBox div.title { background: #69C; color: #fff; font-weight: 700; padding: 3px; text-align: center;  }
fieldset.classic .inputBox ul { color: #333; float: left; list-style-type: none; margin: 0; padding: 10px; text-align: left; width: 260px; }
fieldset.classic .inputBox ul label { float: left; width: 230px; padding: 2px 0 4px 0; }
fieldset.classic .inputCBox { width: 600px; }

fieldset .hiddenConfirm { display: none; }

fieldset.classic .emailUpdatesText { margin-top: 30px; }
fieldset.classic .disciplines { height: 285px; }
fieldset.classic .interests { height: 135px; }
fieldset.classic .reminders { height: 126px; margin-top: 20px; }
fieldset.classic .reminders p { font-size: 12px; padding: 0 15px; margin: 10px 0; }
fieldset.classic .reminders input { width: 220px; }

/* errors */
fieldset.classic .inputRow span.field-validation-error { float: left; position: relative; width: 1px; }
fieldset.classic .inputRow span.field-validation-error span { color: #fff; background: #888; display: block; float: left; font-size: 10px; left: 30px; padding: 3px 6px; position: relative; text-align: center; top: 2px; white-space: nowrap; -moz-box-shadow: 6px 4px 6px #d0d0d0; -webkit-box-shadow: 6px 4px 6px #d0d0d0; box-shadow: 6px 4px 6px #d0d0d0; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }

/* Account details area */
fieldset.classic .avatar { float: left; margin: 0 20px; text-align: center; width: 160px; }
fieldset.classic .avatar img { background: #ffc; border: 1px inset #ffc; float: left; margin: 0 auto; padding: 0; }
fieldset.classic .infoBox { float: left;  width: 400px; }
fieldset.classic .infoBox .outputRow { height: 20px; width: 400px; }
fieldset.classic .infoBox .outputRow label { float: left; font-weight: 700; margin: 0; padding: 0; width: 100px; }
fieldset.classic .infoBox .outputRow div {  }

fieldset.classic .infoBox .inputRow { height: 20px; width: 400px; }
fieldset.classic .infoBox .inputRow label.cbox { padding: 0; }

/* Avatar */
fieldset.classic .imageRow { height: auto; padding: 0 20px; }
fieldset.classic .imageRow .input { left: 330px; position: absolute; width: 300px; }
fieldset.classic .imageRow input { height: auto; margin: 0 auto; }
fieldset.classic .imageRow div.avatar { width: 150px; }
fieldset.classic .imageRow div.avatar img { background: #ffc; border: 2px inset #ffc; float: left; margin: 0 auto; padding: 0; }
fieldset.classic .imageRow input { float: left; }

/* Thread admin tools */
#ThreadAdmin { background: cornsilk; border: 1px dashed #aaa; float: left; margin: 12px; padding: 2px; width: 745px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
#ThreadAdmin h3 { float: left; padding: 2px 0 3px 10px; margin: 0; width: 120px; }
#ThreadAdmin .row div { float: left; padding: 2px 10px 2px 0; }
#ThreadAdmin div label { float: left; padding: 1px 0 0 0; }
#ThreadAdmin div input { float: left; }
#ThreadAdmin a { text-decoration: underline; }
#ThreadAdmin a.button { background: #fff; border: 1px solid #ccc; float: left; font-size: 12px; margin-top: 2px; padding: 1px 8px; margin-right: 10px; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#ThreadAdmin a.button:link, #ThreadAdmin a:visited { color: #333; }
#ThreadAdmin a.button:hover { background: #f0f0f0; color: #333; }
#ThreadAdmin .divider { clear: both; border-bottom: 1px dashed #aaa; margin: 0 0 1px 0; padding: 3px 0 0 0; width: 100%; }
#ThreadAdmin div.warning { border-top: dashed 1px #aaa; color: #b00; font-size: 13px; text-align: center; line-height: 28px; padding: 0; width: 100%; }
#ThreadAdmin div.warning img { padding: 1px 20px 4px 20px; height: 14px; vertical-align: middle; width: 16px; }

a.toolButton { background: #ffc; border: 1px solid #ccc; display: inline; font-size: 10px; padding: 0px 4px; -moz-box-shadow: 3px 2px 4px #d0d0d0; -webkit-box-shadow: 3px 2px 4px #d0d0d0; box-shadow: 3px 2px 4px #d0d0d0; }
a.toolButton:link,
a.toolButton:visited { color: #444; }
a.toolButton:hover { background: #e6e6e6; color: #000; -moz-box-shadow: 1px 1px 2px #dddddd; -webkit-box-shadow: 1px 1px 2px #dddddd; box-shadow: 1px 1px 2px #dddddd; }

/* Member Profiles */
div.profilePopupOuter { background: #fed; border: 1px solid #caa; font-size: 13px; height: 192px; position: absolute; text-align: left; width: 540px; z-index: 1000; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 3px 4px 12px #000000; -webkit-box-shadow: 3px 4px 12px #000000; box-shadow: 3px 4px 12px #000000; }
div.profilePopupOuter div.loading { text-align: center; }

div.profilePopupOuter div.profile { left: 0px; height: 192px; position: absolute; top: 0px; width: 540px; z-index: 1001; }
div.profilePopupOuter div.profile div.avatar { left: 20px; position: absolute; top: 20px; }
div.profilePopupOuter div.profile div.avatar img { border: 1px inset #ccc; }
div.profilePopupOuter div.profile div.infoBox { left: 190px; position: absolute; top: 20px; }
div.profilePopupOuter div.profile div.infoBox h3 { color: #00AEEF; font-size: 16px; }
div.profilePopupOuter div.profile div.infoBox div.outputRow { line-height: 20px; text-align: left; width: 340px; }
div.profilePopupOuter div.profile div.infoBox div.outputRow label { float: left; font-weight: 700; width: 90px; }
div.profilePopupOuter div.profile div.infoBox div.outputRow input { margin: 3px 3px 4px 4px; }
div.profilePopupOuter div.profile a.cancel { height: 10px; padding: 5px; position: absolute; right: 5px; top: 5px; width: 10px; }

/* Loader */
div.loader { background: #bbb; position: relative; }
div.loader div { border: 1px solid #666; background: #ddd; float: left; margin: 20px 0 0 20px; position: relative; width: 18px; }

#snowFlakeContainer { position: absolute; bottom: 0px; }
.snowflake { position: fixed; color: #FFFFFF; cursor: crosshair; z-index: 1000; }

/* Guardian */
div.guardianJobsWidgetOuter { background: #eee; min-height: 380px; min-width: 180px; }
.guardianJobsWidget { text-align: left; }
.guardianJobsWidget ul { margin: 0; padding: 0; }
.guardianJobsWidget li { list-style-type: none; line-height: 1.25em; }
#PageRightSideScraper { display: none;  position: absolute;  right: -180px;  top: 154px; text-align: center; width: 180px; z-index: 0; }
#FooterAdverts { clear: both; height: 250px; margin: auto; padding: 20px 0; }
#FooterAdverts div.adCell { background: #ccc; border: solid 1px #00aeef; float: left; height: 250px; margin-left: 60px; width: 300px; -moz-box-shadow: 4px 5px 8px #c0c0c0; -webkit-box-shadow: 4px 5px 8px #c0c0c0; box-shadow: 4px 5px 8px #c0c0c0; }

.rotate90 {

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

zoom:1;
}

#SurveyTab { background: #100F67; border: 1px solid #004; border-top-color: #66a; font-size: 15px; color: #fc0; height: 250px; left: -172px; padding: 40px 50px 2px 25px; position: absolute; text-align: center; top: 210px; width: 100px; z-index: 999; -moz-border-radius: 0px 16px 16px 0px; border-radius: 0px 16px 16px 0px; }
.SurveyTabShadow { -webkit-border-radius: 0px 16px 16px 0px; -moz-box-shadow: 2px 2px 8px #158; -webkit-box-shadow: 2px 2px 8px #158; box-shadow: 2px 2px 8px #158; }
#SurveyTab .tabtext { font: bold 16px 'century gothic', arial, helvetica, sans-serif; left: 28px; padding: 10px 0 18px; cursor: pointer; position: absolute; text-align: center; width: 40px; top: 112px; z-index: 1000; }
#SurveyTab .tabtext .rotate90 { width: 260px; }
#SurveyTab .tabtext span.white { color: #fff; }
#SurveyTab a.cornerButton { border: 1px solid #ccf; color: #ccf; display: block; font-size: 14px; height: 12px; line-height: 12px; cursor: pointer; position: absolute; width: 12px; top: 265px; right: 13px; }
#SurveyTab a.cornerButton:hover { background-color: #158; border-color: #fc0; color: #fc0; text-decoration: none; }
#SurveyTab a.close { line-height: 10px; }
#SurveyTab a.buttonLink { background-color: #ff0; border: 1px solid #ff0; color: #f00; display: block; font-size: 13px; font-weight: 700; margin: 28px 0px 32px; padding: 4px 2px; cursor: pointer; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
#SurveyTab a.buttonLink:link,
#SurveyTab a.buttonLink:visited { text-decoration: none; }
#SurveyTab a.buttonLink:hover { border-color: #f00; }
#SurveyTab .subtext { color: #eee; font-size: 10px; }

.msie9 .tabtext { left: 28px !important; }
.msie9 .tabtext .rotate90 { filter: initial !important;  }

.msie8 .tabtext,
.msie7 .tabtext,
.msie6 .tabtext { display: none !important; }

.msie8,
.msie7,
.msie6 { background: #100F67 url('/images/SurveyTabText.gif') no-repeat 148px 15px !important; }


#SurveyTab { background-color: #9f1f63!important; }
#SurveyTab .tabtext { font-size: 15px !important; }
.SurveyTabMsie8 { background-image: url('/images/SurveyTabText.gif') !important; }
.SurveyTabMsie7 { background-image: url('/images/SurveyTabText.gif') !important; }
.SurveyTabMsie6 { background-image: url('/images/SurveyTabText.gif') !important; }