/* blue jelly stylesheet */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd {
margin: 0; padding: 0; border: 0; }
html, body { font-family: Arial, Helvetica, sans-serif; }
body { font-size: 12px; line-height: 1.3em; background: #fff url(../images/bg_subPages.gif) 0 0 repeat-x; color: #000; }
body#home { font-size: 12px; line-height: 1.3em; background: #fff url(../images/bg.gif) 0 0 repeat-x; color: #000; }
/*
default anchor styles
*/
a { text-decoration: underline; color: #006480; }
a:hover { text-decoration: underline; color: #e30051; }
/*
default paragraph
*/
p { padding: 0 0 10px 0; }
/*
unordered list style (for main content areas)
*/
ul { padding: 0 0 10px 1.2em; }
/*
clearing floats (use as last resort)
*/
.clear { clear: both; }
/*
main wrapper container
*/
#wrapper { position: relative; width: 984px; margin: 0 auto; }
/*
content container
*/
#content {
position: relative; overflow: hidden; width: 980px; height: 498px; float: left;
background: #fff url(../images/cookie-bg.gif) 0 0 repeat-x;
/*border: 2px solid #fff;*/ border-bottom: 0; border-top: 0; }
#home #content { border-top: 2px solid #fff; }
/*
header container
*/
#header { position: relative; width: 100%; height: 98px; z-index: 1000; }
#header h1 { position: absolute; top: 30px; left: 22px; width: 161px; height: 49px; text-indent: -9999px; background: transparent url(../images/bluej-logo.gif) 0 0 no-repeat; }
#header h1 a { display: block; height: 49px; width: 161px; }
#header #skip { display: none; }
/*
secondary nav. options
*/
#header .secondary { position: absolute; right: 0; top: 0; font-size: 12px; }
#header .secondary p { float: left; color: #fff; margin-right: 87px; line-height: 29px; padding: 0; }
#header .secondary ul { list-style: none; padding: 0; float: left; }
#header .secondary ul li { display: inline; }
#header .secondary ul li a {
background: transparent url(../images/secure-hover.gif) 0 0 no-repeat;
display: block; width: 104px; height: 29px; color: #fff; text-decoration: none; text-align: center;line-height: 29px; }
#header .secondary ul li a:hover { color: #fff; text-decoration: underline; background: transparent url(../images/secure-hover.gif) 0 0 no-repeat; }
#header .secondary ul li a span { padding: 0 0 0 10px; background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
/*
main menu container
*/
#mainMenu {
z-index: 1000; position: absolute; top: 49px; left: 254px; width:685px; height: 49px;
background: transparent url(../images/main-menu.jpg) 0 0 no-repeat; padding-left: 45px; }
#mainMenu ul { list-style: none; }
#mainMenu li { display: inline; }
#mainMenu li li a { color:#006480; }
#mainMenu a { display: block; float: left; text-decoration: none; }
#mainMenu a:hover { color: #color:#006480; }
#mainMenu .active a { color: #color:#006480; }
/*
main menu drop styles
*/
#mainMenu div { color:#006480; }
#mainMenu div ul { display:inline; padding: 0; }
#mainMenu div li { }
#mainMenu div li:hover { }
#mainMenu div a { display:block; }
#mainMenu div ul li a {
background: transparent url(../images/main-menu.jpg) 0 0 no-repeat; height: 39px; text-indent: -9999px; }
/*
#mainMenu div ul li.active a.everythingsPossible:hover,
#mainMenu div ul li.active a.everythingsPossible,
#mainMenu div ul li a.everythingsPossible:hover,
#mainMenu div ul li a.everythingsPossible { width: 154px; background-position: -45px -49px; }
#mainMenu div ul li a.everythingsPossible { background-position: -45px 0; }
#mainMenu div ul li.active a.nutsBolts:hover,
#mainMenu div ul li.active a.nutsBolts,
#mainMenu div ul li a.nutsBolts:hover,
#mainMenu div ul li a.nutsBolts { width: 97px; background-position: -199px -49px; }
#mainMenu div ul li a.nutsBolts { background-position: -199px 0; }
#mainMenu div ul li.active a.ourClients:hover,
#mainMenu div ul li.active a.ourClients,
#mainMenu div ul li a.ourClients:hover,
#mainMenu div ul li a.ourClients { width: 94px; background-position: -296px -49px; }
#mainMenu div ul li a.ourClients { background-position: -296px 0; }
#mainMenu div ul li.active a.ecoJelly:hover,
#mainMenu div ul li.active a.ecoJelly,
#mainMenu div ul li a.ecoJelly:hover,
#mainMenu div ul li a.ecoJelly { width: 72px; background-position: -390px -49px; }
#mainMenu div ul li a.ecoJelly { background-position: -390px 0; }
#mainMenu div ul li.active a.yourTeam:hover,
#mainMenu div ul li.active a.yourTeam,
#mainMenu div ul li a.yourTeam:hover,
#mainMenu div ul li a.yourTeam { width: 88px; background-position: -462px -49px; }
#mainMenu div ul li a.yourTeam { background-position: -462px 0; }
#mainMenu div ul li.active a.newsChat:hover,
#mainMenu div ul li.active a.newsChat,
#mainMenu div ul li a.newsChat:hover,
#mainMenu div ul li a.newsChat { width: 104px; background-position: -550px -49px; }
#mainMenu div ul li a.newsChat { background-position: -550px 0; }
#mainMenu div ul li.active a.contact:hover,
#mainMenu div ul li.active a.contact,
#mainMenu div ul li a.contact:hover,
#mainMenu div ul li a.contact { width: 76px; background-position: -654px -49px; }
#mainMenu div ul li a.contact { background-position: -654px 0; }
*/
#mainMenu div ul li.active a.everythingsPossible:hover,
#mainMenu div ul li.active a.everythingsPossible,
#mainMenu div ul li a.everythingsPossible:hover,
#mainMenu div ul li a.everythingsPossible { width: 154px; background-position: -45px 0; }
#mainMenu div ul li a.everythingsPossible { background-position: -45px -49px; }
#mainMenu div ul li.active a.nutsBolts:hover,
#mainMenu div ul li.active a.nutsBolts,
#mainMenu div ul li a.nutsBolts:hover,
#mainMenu div ul li a.nutsBolts { width: 97px; background-position: -199px 0; }
#mainMenu div ul li a.nutsBolts { background-position: -199px -49px; }
#mainMenu div ul li.active a.ourClients:hover,
#mainMenu div ul li.active a.ourClients,
#mainMenu div ul li a.ourClients:hover,
#mainMenu div ul li a.ourClients { width: 94px; background-position: -296px 0; }
#mainMenu div ul li a.ourClients { background-position: -296px -49px; }
#mainMenu div ul li.active a.ecoJelly:hover,
#mainMenu div ul li.active a.ecoJelly,
#mainMenu div ul li a.ecoJelly:hover,
#mainMenu div ul li a.ecoJelly { width: 72px; background-position: -390px 0; }
#mainMenu div ul li a.ecoJelly { background-position: -390px -49px; }
#mainMenu div ul li.active a.yourTeam:hover,
#mainMenu div ul li.active a.yourTeam,
#mainMenu div ul li a.yourTeam:hover,
#mainMenu div ul li a.yourTeam { width: 88px; background-position: -462px 0; }
#mainMenu div ul li a.yourTeam { background-position: -462px -49px; }
#mainMenu div ul li.active a.newsChat:hover,
#mainMenu div ul li.active a.newsChat,
#mainMenu div ul li a.newsChat:hover,
#mainMenu div ul li a.newsChat { width: 104px; background-position: -550px 0; }
#mainMenu div ul li a.newsChat { background-position: -550px -49px; }
#mainMenu div ul li.active a.contact:hover,
#mainMenu div ul li.active a.contact,
#mainMenu div ul li a.contact:hover,
#mainMenu div ul li a.contact { width: 76px; background-position: -654px 0; }
#mainMenu div ul li a.contact { background-position: -654px -49px; }
#mainMenu div a.active,
#mainMenu div a.active:hover,
#mainMenu div a:hover { color:#006480; }
#mainMenu div ul li ul li a { background-image: none; height: auto; text-indent: 0; }
/*
set the width of menu levels 2 - 4
*/
#mainMenu div ul li ul { width:150px; top:39px; border-top: 3px solid #e30051 !important; border-left: 1px solid #c5c5c5 !important; border-right: 1px solid #c5c5c5 !important; }
#mainMenu div li li { background:#fff url(../images/2nd-level-bg.gif) 0 0 repeat-x; border-bottom: 1px solid #c5c5c5; }
#mainMenu div li li:hover { background:#fff url(../images/2nd-level-bg-over.gif) 0 0 repeat-x; border-bottom: 1px solid #c5c5c5; }
#mainMenu div li li.first { background-position: 0 -1px; }
#mainMenu div li li.last { background-image: none; }
#mainMenu div li li a { color:#006480; padding: 4px 5px 4px 5px; width:140px; }
#mainMenu div li li a:hover { color:#006480; }
#mainMenu div ul li ul li ul { border-top: 0; top:0; }
/* #mainMenu div li li li { background:#fff url(../images/2nd-level-bg.gif) 0 0 repeat-x; } */
/* #mainMenu div li li li li { background:#fff url(../images/2nd-level-bg.gif) 0 0 no-repeat-x; } */
#mainMenu div { float:left; width:100%; }
#mainMenu div ul { float:left; font-size:1em; }
#mainMenu div li { float:left; list-style-type:none; position:relative; }
#mainMenu div a { display:block; text-decoration:none; }
#mainMenu div ul li ul { position: absolute; border:0; margin-left:0; }
#mainMenu div ul li ul li { width:100%; padding:0; border-left:0; border-right:0; }
#mainMenu div ul li ul {display:none;}
#mainMenu div ul li:hover ul { display:block;z-index:1000; }
body #mainMenu div ul li ul li ul { position:absolute; visibility:hidden; left:100%; top:-1px; }
#mainMenu div ul li ul li:hover ul {visibility:visible;}
#mainMenu div ul li ul li:hover ul li ul {visibility:hidden;}
#mainMenu div ul li ul li ul li:hover ul {visibility:visible;}
* html #mainMenu div { z-index:1; } /* ie6 hack */
* html #mainMenu div ul li ul { z-index:400; } /* ie6 hack */
* html #mainMenu div.vertical a { zoom:100%; } /* ie6 hack */
* html #mainMenu div ul ul a { zoom:100%; } /* ie6 hack */
/* footer styles */
#footer { float: left; position: relative; width: 984px; margin-top: 16px; margin-left: 18px; }
#footer ul { display: block; padding: 0 0 0 10px; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul li { display: inline; border-right: 1px solid #7d7d7d; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #7d7d7d; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul#ftrAddress { padding: 0 0 0 5px; color: #7d7d7d; }
/*
secondary navigation (looks like a cookie trail)
*/
#cookieTrail {
position: relative; width: 100%; float: left; display: inline; overflow: hidden; padding: 13px 0 13px 20px;
border-bottom: 7px solid #fff;
}
#cookieTrail ul,
#cookieTrail ul li { list-style: none; display: inline; line-height: 14px; margin: 0; padding: 0; }
#cookieTrail span { padding: 0 4px 0 4px; color: #006480; }
#cookieTrail a { color: #000; text-decoration: none; }
#cookieTrail li.active a { color: #006480; text-decoration: underline; }
#cookieTrail li.active a:hover,
#cookieTrail li a:hover { color: #e30051; text-decoration: underline; }
#cookieTrail ul.child li { border-left: 1px solid #000; padding: 0 5px 0 5px; }
#cookieTrail ul.child li.first { border: 0; padding-left: 0; }
#image-container { position: relative; width: 640px; height: 491px; float: left; display: inline; overflow: hidden; }
#map,
#thumbnails,
#vertical-slider {
margin-top: 32px;
position: relative; width: 395px; height: 417px;
float: left; display: inline; overflow: hidden;
border:1px solid #b2b2b2; }
#vertical-slider img { display: block; border: 1px solid #fff; }
#vertical-slider #caption {
position: absolute; bottom: 0; right: 0;
background: transparent url(../images/caption-bg.gif) -1px 0 no-repeat;
width: 384px; height: 36px; color: #000; padding: 5px; }
* html #map,
* html #thumbnails,
* html #vertical-slider { margin-top: 30px; height: 418px; } /* ie6 hack */
#vertical-slider #caption p { line-height: 35px; }
* html #vertical-slider #caption { bottom: 1px; } /* ie6 hack */
#vertical-slider .prevNext { position: absolute; top: 4px; right: 4px; z-index: 1000; }
#vertical-slider .prevNext #prev,
#vertical-slider .prevNext #next { display: block; width: 25px; height: 25px; text-indent: -9999px; margin-bottom: 1px; }
#vertical-slider .prevNext #prev { background: transparent url(../images/up.gif) 0 0 no-repeat; }
#vertical-slider .prevNext #next { background: transparent url(../images/down.gif) 0 0 no-repeat; }
/*
home page body content (hidden) for seo purposes
*/
#home .body { display: none; }
#home #vertical-slider {
margin: 0; position: relative; width: 332px; height: 485px; float: right; display: inline; overflow: hidden;
border:3px solid #006480; }
#home #vertical-slider #caption {
position: absolute; bottom: -1px; right: 0;
background: #006480; width: 312px; height: 61px; color: #fff; padding: 10px; }
#home #vertical-slider #caption h4 { font-size: 15px; padding: 0 0 2px 0; font-weight: normal; }
#home #vertical-slider #caption h4 a {
text-decoration: none; color: #fff;
padding-left: 10px; background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
#home #vertical-slider #caption h4 a:hover {
text-decoration: underline; color: #fff;
padding-left: 10px; background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
#home #vertical-slider #caption p { line-height: 1.2em; font-size: 12px; color: #a1ddec; }
* html #home #vertical-slider #caption { bottom: -4px; } /* ie6 hack */
#map,
#thumbnails {
width: 375px; height: 397px; padding: 10px; background: transparent url(../images/thumb-canvas-bg.gif) 0 0 no-repeat; }
#thumbnails p { line-height: 30px; padding: 0; }
#map { height: 377px; }
* html #map { height: 379px; } /* ie6 hack */
#map .caption { width: 100%; height: 35px !important; overflow: hidden; }
#map .caption p { padding: 0; font-size: 0.9em; }
#contact #content #body-container #body span { position: absolute; top: 405px; left: 10px; z-index: 10; font-size: 1.1em; }
#contact #content #body-container #body span a { color: #fff; text-decoration: none; padding: 0 0 0 10px; background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
#contact #content #body-container #body span a:hover { color: #e30051; text-decoration: none; padding: 0 0 0 10px; background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
#body-container {
position: relative; width: 553px; height: 420px; padding-top: 32px;
margin: 0 10px 0 10px; float: left; display: inline; overflow: hidden;
font-size: 13px; }
#body-container h2 {
position: absolute; top: 0; left: 0;
font-size: 16px; font-weight: normal; margin-bottom: 1px;
color: #fff; line-height: 33px; height: 33px; }
#body-container h2 span {
background: transparent url(../images/tab-bg.gif) 0 0 repeat-x; display: block; width: auto !important;
padding: 0 10px 0 10px; border: 1px solid #b3b3b3; border-bottom: 0; border-top: 0; }
/* * html #body-container h2 span { background-position: 0 1px; } */
* html #body-container h2 { line-height: 32px; }
#body-container h3,
#body-container h4 { font-weight: normal; padding: 0 0 10px 0; color: #e30051; font-size: 16px; line-height: 1.2em; }
#body-container h4 { font-size: 13px; padding: 0; }
#body-container #body {
padding: 20px 10px 20px 10px; border: 1px solid #b3b3b3;
background: transparent url(../images/body-bg.gif) 0 0 no-repeat; height: 377px; overflow: hidden; }
* html #body-container { padding-top: 31px; height: 421px; } /* ie6 hack */
* html #body-container #body { height: 397px; } /* ie6 hack */
#contact #body-container #body { padding: 0; height: 397px; }
#body-container #body p,
#body-container #body h3,
#body-container #body h4 { padding-left: 10px !important; padding-right: 10px !important; }
#body-container #body ol,
#body-container #body ul { padding-left: 25px; }
#scrollRegion { overflow: auto; height: 100%; }
#scrollRegionThumbs { overflow: auto; height: 365px; }
#thumbnails .jScrollPaneTrack { background: #cbcbcb !important; border: 1px solid #cbcbcb !important; }
#thumbnails #scrollRegionThumbs a {
display: block; width: 112px; height: 112px;
float: left; padding: 2px; position: relative;
margin: 0 5px 8px 0; cursor: pointer; }
#thumbnails #scrollRegionThumbs a em { display: block; width: 112px; height: 112px; overflow: hidden; }
#thumbnails #scrollRegionThumbs a:hover { padding: 0; border: 2px solid #e40152; }
#thumbnails #scrollRegionThumbs a span { position: absolute; bottom: 2px; right: 2px; z-index: 100; }
#thumbnails #scrollRegionThumbs a:hover span { position: absolute; bottom: 0; right: 0; z-index: 100; }
#thumbnails #scrollRegionThumbs a img { display: block; }
/*
meet the team thumbnail heights;
*/
#yourTeam #thumbnails #scrollRegionThumbs a em { height: 173px; }
#yourTeam #thumbnails #scrollRegionThumbs a { height: 173px; }
.title { position: absolute; right: 10px; top: 47px; width: 397px; z-index: 10; height: 33px; overflow: hidden; }
* html .title {overflow: hidden; height: 31px; display: inline;} /* ie6 hack */
.title h2 {
position: absolute; top: 0; left: 0;
font-size: 16px; font-weight: normal; margin-bottom: 1px;
color:#fff; line-height: 31px; height: 31px; }
.title h2 span {
background: transparent url(../images/tab-bg.gif) 0 0 repeat-x;
padding: 8px; border: 1px solid #b3b3b3; border-bottom: 0; border-top: 0; }
* html .title h2 span { background-position: 0 1px; } /* ie6 hack */
#projects #body-container form {
z-index: 100 !important; /* background: #d9d9d9; */
background: #fff;
padding: 6px; position: absolute; top: 0; right: 0; width: 250px; }
#projects #body-container h2 span {
display: block; width: auto;
line-height: 33px; padding: 0 10px 0 10px; background-position: 0 0 ;}
* html #projects #body-container h2 span { line-height: 31px; } /* ie6 hack */
* html #projects #body-container form { padding: 5px; } /* ie6 hack */
#projects #body-container { background-color: #fff !important; }
/*
news section
*/
#content .article {
position: relative; width: 515px; overflow: hidden; display: inline; zoom: 1; float: left;
background: transparent url(../images/news-keyline.gif) 50% 100% no-repeat; padding: 0 0 10px 0; margin-bottom: 10px; }
#content .article .left { display: inline; width: 95px; height: 1%; float: left; }
#content .article .right { display: inline; width: 420px; float: left; }
#content .article a { color: #006480; text-decoration: none; }
#content .article a:hover { color: #e30051; text-decoration: underline; }
#content .article .date { color: #666; float: none !important; }
#content .article h3 { font-weight: normal; color: #006480; font-size: 1.2em; }
/*
modal box with content
*/
#modalContent {
background: #fff; position: relative; overflow: hidden !important; width: 596px; height: 480px; margin: 1px 0 0 2px; }
#modalContent.noNavigation { height: 450px !important; }
#modalContent #close { position: relative; height: 30px; }
#modalContent #close a {
float: right; margin-top: 5px;
display: block; width: 11px; height: 11px;
background: transparent url(../images/close.gif) 0 0 no-repeat; text-indent: -9999px; }
#modalContent #content { width: 596px; height: 480px; background: #fff url(/default/images/body-bg-modal.gif) repeat-x; }
#modalContent #content img { display: block; }
#modalContent #content .left-column {
display: inline; width: 344px; height: 450px; float: left; overflow: hidden; border-right: 2px solid #fff; }
#modalContent #content .right-column {
display: inline; width: 235px; height: 450px; float: right; overflow: hidden; padding: 0 5px 0 10px; }
#modalContent #content .left-column span {
z-index: 2200 !important;
overflow: hidden; position: absolute; top: 12px; left: 12px; width: 102px; height: 32px; text-indent: -9999px; }
#modalContent #content h3 { color: #0092b9; font-weight: normal; font-size: 1.1em; }
#modalContent #content h4 { color: #006480; font-weight: normal; font-size: 1.3em; margin-bottom: 20px; }
#modalContent #scrollRegion { overflow: auto; height: 350px; }
#modalContent #content .right-column h4 { color: #e30051; font-size: 1.0em; font-weight: bold; }
#modalContent #content .right-column #scrollRegion ul { margin-top: -15px; }
/*
modal box with image
*/
#modalImage {
background: #fff; position: relative; overflow: hidden !important; width: 596px; height: 478px; }
#modalImage #close { position: absolute; height: 11px; top: 3px; right: 3px; width: 11px; z-index: 10;}
#modalImage #close a {
display: block; width: 11px; height: 11px;
background: transparent url(../images/close.gif) 0 0 no-repeat; text-indent: -9999px; }
#modalImage #content { width: 596px; height: 478px; background: #e0e0e0; }
#modalImage #content img { display: block; }
#modalImage #content .image {
display: inline; width: 596px; height: 446px; float: left; overflow: hidden; }
#modalImage #content .image span {
z-index: 2200 !important;
overflow: hidden; position: absolute; top: 12px; left: 12px; width: 102px; height: 32px; text-indent: -9999px; }
/*
modal box (meet the guests)
*/
#modalContent.noNavigation #content .right-column #quoteRegion { margin: 20px 20px 0 20px; width: 530px; }
#modalContent.noNavigation #content .right-column #quoteRegion p { margin: 20px 20px 0 20px; font-size: 1.6em; color: #e30051; line-height: 1.2em; }
#modalContent.noNavigation #content .right-column #quoteRegion p.t { margin: 0 20px 0 20px; font-size: 1.2em; color: #000; font-weight: normal; }
#modalContent.noNavigation #content .right-column #quoteRegion p.s { margin: 0 20px 0 20px; font-size: 1.2em; color: #0092b9; }
#modalContent.noNavigation #content .right-column { width: 580px; }
#content .previousNext {
display: inline; float: left; overflow: hidden; position: relative; width: 100%;
background: #fff; position: relative; height: 30px; border-top: 3px solid #fff; }
#content .previousNext ul,
#content .previousNext ul li { margin: 0; padding: 0; list-style: none; }
#content .previousNext ul li { display: inline; }
#content .previousNext ul li a {
display: block; width: auto; line-height: 30px; color: #000; text-decoration: none;}
#content .previousNext ul li a:hover { text-decoration: underline; color: #e30051; }
#content .previousNext ul li.previous a {
float: left; text-align: left; padding-left: 20px;
background: #fff url(../images/previous.gif) 0 0 no-repeat; }
#content .previousNext ul li.next a {
float: right; text-align: right; padding-right: 20px;
background: #fff url(../images/next.gif) 100% 0 no-repeat; }
#content .previousNext p { position: absolute; left: 20px; top: 0; line-height: 30px; width: 556px; text-align: center; height: 1%; }
#modalImage #content .previousNext ul li.previous a { padding-left: 14px; }
#modalImage #content .previousNext ul li.next a { padding-right: 14px; }
#modalImage #content .previousNext ul li a { height: 30px; }
/*
list styles for associated assets
*/
ul.assets,
ul.assets li { margin: 0; padding: 0; list-style: none; }
ul.assets li { display: block; }
ul.assets li a {
display: inline; padding: 2px 10px 2px 22px; color: #000; text-decoration: none; line-height: 22px;
background-color: transparent; background-position: 2px 50%; background-repeat: no-repeat; }
ul.assets li a:hover { text-decoration: underline; }
ul.assets li a.pdf { background-image: url(../images/pdf_icon.gif); }
ul.assets li a.generic { background-image: url(../images/generic.gif); }
#siteMap ul { list-style-type: square; color: #006480; }
/*
login form styles
*/
#login { background: #0191b6 url(../images/login-bg.gif) 0 0 repeat-x; color: #fff; }
#login #content { background: transparent; height: auto; border: none; position: relative; }
#login #content form { width: 330px; margin: 0 auto 0 auto; }
#login #content form fieldset { font-size: 14px; }
#login #content form fieldset legend { padding: 10px 0 35px 0; font-size: 16px; line-height: 18px; }
#login #content form label {
display: block; width: 90px; background: transparent url(../images/chevron.gif) 0 8px no-repeat;
padding: 2px 0 10px 10px; float: left; }
#login #content form input { margin: 2px 0 10px 0; width: 180px; }
#login #content form br { clear: both; }
#login #content form p { padding: 10px 0 0 0; }
#login #content form p a {
font-size: 12px; color: #fff;
background: transparent url(../images/chevron.gif) 0 50% no-repeat;
padding-left: 10px;
text-decoration: none; }
#login #content form p a:hover {
padding-left: 10px; text-decoration:underline;
background: transparent url(../images/chevron.gif) 0 50% no-repeat; }
#login #content form .submit { width: auto; margin: 0 45px 0 0; float: right; }
/* news h3 */
#newsChat #wrapper #content #body-container #body #scrollRegion .article .right h3 { padding-left: 2px !important; }