/*-------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------- NB Info -----------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------*/ /* Website: HEADLINE Module: Main::Stylesheet . Copyright: 2007 Cubedroute Initials: JK Creation Date: 15-Feb-2007 Last update: 13 March 2007 14 Mar 2007: Added in bullet points for links */ /*------------------------------------------- GENERAL STUFF FIRST -------------------------------------------*/ html {height:100%;} body {margin: 0; padding: 0; font: normal 80% Georgia, 'Times New Roman', serif; height:100%; color: #333333; background:#E4DEC8; } a {background:none; color:#09C; text-decoration:none;} img {border:none;} a:hover, a:focus {background:none; color:#09C;text-decoration:none; border-bottom:1px dotted #efefef; } p {padding:5px 0 5px 0; } h1 {font-family: Georgia, serif; font-size:30px; padding:20px 0 10px 0; margin:10px 5px 20px 0; font-weight:normal; background: url(../images/dottedspacer.gif) 50% 100% repeat-x; clear:both;} h2 {font-family: Georgia, serif; font-size:21px; padding:20px 0 10px 0; margin:10px 5px 20px 0; font-weight:normal; background: url(../images/dottedspacer.gif) 50% 100% repeat-x; clear:both;} h3 {font-family: Georgia, serif; font-size:18px; padding:10px 0 5px 0; margin:0 0 0 0; font-weight:normal; clear:both;} h4 {font-size:12px; text-transform:uppercase; letter-spacing:0.1em; margin:0; font-weight:normal; color:#666; clear:both;} h5 {font-size:12px; margin:0 0 6px 0; padding:0 0 0 0; font-weight:bold; clear:both;} /*------------------------------------------- POSITONAL STUFF NOW -------------------------------------------*/ /*------------------------------------------- Top Strip Div : & show / hide Help Panel -------------------------------------------*/ #topstrip { background: #363636 url(../images/generic/bodyTile.gif) repeat-x 0 0; width: 100%; overflow: hidden; margin: 0; } #helpPanel {position:relative; margin: 0 auto; padding:0 40px 0 40px; width: 740px; background:#363636; color:#f2f3f3; } #helpPanel h2 {font-family: Georgia, serif; font-size:21px; padding:20px 0 0 0; margin:10px 0 0 0; font-weight:normal; background:none; clear:both;} #helpPanel a {background:none; color:#FFAB1F; text-decoration:none;} #helpPanel a:hover {background:none; color:#FFAB1F; text-decoration:none;} #helpPanel ul {list-style:url(../images/generic/helpArrow.gif); line-height:18px; margin:0 0 0 20px; padding:0 0 0 0; } #helpPanel ul li { padding:0 0 10px 0; } /*------------------------------------------- Header : Search Box & Main Nav -------------------------------------------*/ #headerContainer { position:relative; margin: 0 auto; padding:0 0 0 0; width:840px; height:113px; background: url(../images/generic/bg_top.jpg) 50% 100% no-repeat ;} html>#headerContainer {width:840px;} /* required by Opera */ #searchSite { float:right; text-align:left; width:220px; margin:0 20px 0 0; padding:0 0 0 0; height:38px; background: url(../images/generic/search.gif) no-repeat left bottom; overflow:hidden;/* for ie to hide extra height*/ } #searchSite form{margin:0 0 0 0; padding:0 0 0 20px; height:38px;} #helpButton { float:left; text-align:left; width:220px; margin:0 0 0 42px; padding:0 0 0 0; height:50px; background: none; display:inline;} #helpButton img{ padding:0 0 0 0; margin:0 0 0 0;} #helpButton a {background:none; text-decoration:none;} #helpButton a:hover {background:none; text-decoration:none;} #nav { float:right; width: 740px; padding: 0 0 0 0; margin: 15px 10px 0 0; text-align:right; text-decoration: none; height: 35px; } #navItem {float:right; display: inline; list-style:none; margin:0 20px 0 0 ; padding:0 0 0 10px; line-height:0px; } #navItem li {padding: 0 0 0 0; margin: 0 0 0 3px; float:left; border:none; height: 35px; } #navItem li.final{padding: 0 0 0 0; margin: 0 0 0 0; float:left; border:none; height: 35px; } #navItem li a{height: 35px; border:none; float:left; display:block; color: #09C; text-decoration: none; } #navItem li a span { margin:5px 0 0 0; display:none;} #navItem a:hover, #navItem a:focus { color: #CCC;} /*------------------------------------------- NAV : Nav Items -------------------------------------------*/ #navItem #nav-home a{ width: 55px; background: url(../images/nav/home.gif) no-repeat left bottom;} #navItem #nav-home a:hover{ background: url(../images/nav/home.gif) no-repeat left top;} #navItem #nav-home-sel a {width: 55px; background: url(../images/nav/home.gif) no-repeat left top;} #navItem #nav-about a{ width: 75px; background: url(../images/nav/about.gif) no-repeat left bottom;} #navItem #nav-about a:hover{ background: url(../images/nav/about.gif) no-repeat left top;} #navItem #nav-about-sel a { width: 75px; background: url(../images/nav/about.gif) no-repeat left top;} #navItem #nav-links a{ width: 46px; background: url(../images/nav/links.gif) no-repeat left bottom;} #navItem #nav-links a:hover{ background: url(../images/nav/links.gif) no-repeat left top;} #navItem #nav-links-sel a { width: 46px; background: url(../images/nav/links.gif) no-repeat left top;} #navItem #nav-say a{ width: 109px; background: url(../images/nav/haveYourSay.gif) no-repeat left bottom;} #navItem #nav-say a:hover{background: url(../images/nav/haveYourSay.gif) no-repeat left top;} #navItem #nav-say-sel a { width: 109px; background: url(../images/nav/haveYourSay.gif) no-repeat left top;} #navItem #nav-mediaInfo a{ width: 87px; background: url(../images/nav/mediaInfo.gif) no-repeat left bottom;} #navItem #nav-mediaInfo a:hover{ background: url(../images/nav/mediaInfo.gif) no-repeat left top;} #navItem #nav-mediaInfo-sel a { width: 87px; background: url(../images/nav/mediaInfo.gif) no-repeat left top;} #navItem #nav-awards a{ width: 67px; background: url(../images/nav/awards.gif) no-repeat left bottom;} #navItem #nav-awards a:hover{background: url(../images/nav/awards.gif) no-repeat left top;} #navItem #nav-awards-sel a { width: 67px; background: url(../images/nav/awards.gif) no-repeat left top;} #navItem #nav-contact a{ width: 84px; background: url(../images/nav/contactUs.gif) no-repeat left bottom; } #navItem #nav-contact a:hover{background: url(../images/nav/contactUs.gif) no-repeat left top; } #navItem #nav-contact-sel a { width: 84px; background: url(../images/nav/contactUs.gif) no-repeat left top; } /*------------------------------------------- Logo banner & Sub Nav -------------------------------------------*/ #logo { display:inline; float:left; border-spacing: 0; /* required by Opera 6 */ padding:0 0 0 0; margin-left:40px; margin:0 0 0 40px; width: 760px; voice-family: "\"}\""; voice-family:inherit; width: 760px;} #logosub { display:inline; overflow: hidden;/* fixes space overflow in IE6 */ float:left; border-spacing: 0; /* required by Opera 6 */ padding:0 0 0 0; margin-left:40px; margin:0 0 0 40px; width: 760px; voice-family: "\"}\""; voice-family:inherit; width: 760px; height:159px; } #awardsPanel { position:relative; display:inline; float:left; border-spacing: 0; /* required by Opera 6 */ padding:0 0 0 0; margin:0 0 30px 0; width: 730px; voice-family: "\"}\""; voice-family:inherit; width: 740px; background: #4D4B4C;} .awardsText { float:right; margin:20px 15px 20px 0; padding:0; text-align:center; color:#FFFFFF; font: italic 1em Georgia, serif; height:90px; width:460px; } .awardsLogo { float:left; padding:0 0 0 0; margin:0 0 0 0; text-align:center; color:#FFFFFF;} #sponsorsLogos { margin-top:15px;} #subnavWrapper {margin-left:40px; width: 760px; height:49px; float:left; background: url(../images/headers/banner_subbtm.jpg) no-repeat left bottom; display:inline;} #subnav {width: 760px; list-style: none; padding: 0 0 0 0; letter-spacing: 1px; text-decoration: none; height: 45px; display:inline; } #subnavItem {float:left; display: inline; list-style:none; margin:0 0 0 23px; padding:0 0 0 0; line-height:0px; } #subnavItem li {padding: 0 0 0 0; margin: 0 9px 0 0 ; float:left; border:none; height: 45px; } #subnavItem li.final{padding: 0 0 0 0; margin: 0 0 0 0; float:left; border:none; height: 45px; } #subnavItem li a{height: 45px; ; border:none; float:left; display:block; color: #09C; text-decoration: none; width: 110px;} #subnavItem li a span { margin:5px 0 0 0; display:none;} /*sub nav for have your say*/ #subnavItem #subnav-say a{background: url(../images/nav/sub_haveYourSay.gif) no-repeat left bottom;} #subnavItem #subnav-say a:hover, #subnav-say-sel a {background: url(../images/nav/sub_haveYourSay.gif) no-repeat left top;} #subnavItem #subnav-media a{ background: url(../images/nav/sub_mediaAlerts.gif) no-repeat left bottom;} #subnavItem #subnav-media a:hover, #subnav-media-sel a { background: url(../images/nav/sub_mediaAlerts.gif) no-repeat left top;} #subnavItem #subnav-inform a{background: url(../images/nav/sub_informUs.gif) no-repeat left bottom;} #subnavItem #subnav-inform a:hover, #subnav-inform-sel a {background: url(../images/nav/sub_informUs.gif) no-repeat left top;} #subnavItem #subnav-opinions a{background: url(../images/nav/sub_opinions.gif) no-repeat left bottom;} #subnavItem #subnav-opinions a:hover, #subnav-opinions-sel a {background: url(../images/nav/sub_opinions.gif) no-repeat left top;} #subnavItem #subnav-meidacontacts a{background: url(../images/nav/sub_directMedia.gif) no-repeat left bottom;} #subnavItem #subnav-meidacontacts a:hover, #subnav-meidacontacts-sel a {background: url(../images/nav/sub_directMedia.gif) no-repeat left top;} #subnavItem #subnav-takingFurther a{background: url(../images/nav/sub_takeFurther.gif) no-repeat left bottom;} #subnavItem #subnav-takingFurther a:hover, #subnav-takingFurther-sel a{background: url(../images/nav/sub_takeFurther.gif) no-repeat left top;} /*end sub nav*/ /*sub nav for media info*/ #subnavItem #subnav-med-info a{background: url(../images/nav/sub_mediaInfo.gif) no-repeat left bottom;} #subnavItem #subnav-med-info a:hover, #subnav-med-info-sel a {background: url(../images/nav/sub_mediaInfo.gif) no-repeat left top;} #subnavItem #subnav-med-tips a{background: url(../images/nav/sub_tips.gif) no-repeat left bottom;} #subnavItem #subnav-med-tips a:hover, #subnav-med-tips-sel a {background: url(../images/nav/sub_tips.gif) no-repeat left top;} #subnavItem #subnav-med-resources a{background: url(../images/nav/sub_guidelines.gif) no-repeat left bottom;} #subnavItem #subnav-med-resources a:hover, #subnav-med-resources-sel a {background: url(../images/nav/sub_guidelines.gif) no-repeat left top;} #subnavItem #subnav-med-guide a{background: url(../images/nav/sub_international.gif) no-repeat left bottom;} #subnavItem #subnav-med-guide a:hover, #subnav-med-guide-sel a {background: url(../images/nav/sub_international.gif) no-repeat left top;} #subnavItem #subnav-med-mental a{background: url(../images/nav/sub_mentalHealth.gif) no-repeat left bottom;} #subnavItem #subnav-med-mental a:hover, #subnav-med-mental-sel a {background: url(../images/nav/sub_mentalHealth.gif) no-repeat left top;} #subnavItem #subnav-med-resource a{background: url(../images/nav/sub_media-resource.gif) no-repeat left bottom;} #subnavItem #subnav-med-resource a:hover, #subnav-med-resource-sel a {background: url(../images/nav/sub_media-resource.gif) no-repeat left top;} /*sub nav for About Us*/ #subnavItem #subnav-aboutus a{background: url(../images/nav/sub_whatIsHeadline.gif) no-repeat left bottom;} #subnavItem #subnav-aboutus a:hover, #subnav-aboutus-sel a {background: url(../images/nav/sub_whatIsHeadline.gif) no-repeat left top;} #subnavItem #subnav-steering a{background: url(../images/nav/sub_steering.gif) no-repeat left bottom;} #subnavItem #subnav-steering a:hover, #subnav-steering-sel a {background: url(../images/nav/sub_steering.gif) no-repeat left top;} #subnavItem #subnav-stigma a{background: url(../images/nav/sub_stigma.gif) no-repeat left bottom;} #subnavItem #subnav-stigma a:hover, #subnav-stigma-sel a {background: url(../images/nav/sub_stigma.gif) no-repeat left top;} /*end sub nav for About Us*/ /*------------------------------------------- Main Content & the Real SuperStylin..... -------------------------------------------*/ #wrap{ position:relative; margin: 0 auto; width:840px;} #container { float:left; padding:0 0 0 0; width:840px; background: url(../images/generic/bg.jpg) repeat-y center bottom;} html>#container {width:840px;} /* required by Opera */ #contBtm {float:left; padding:0 0 0 0; width:840px; height:20px; background: url(../images/generic/bg_btm.jpg) repeat-y center bottom; } html>#contBtm {width:840px;} /* required by Opera */ /*Main content*/ #main{ width:740px; background:#fff; margin:0 0 0 50px; } /*main ul and li styles*/ #main ul { list-style:none; line-height:18px; margin:0 0 0 0; padding:8px 0 0 0;} #main ul li { padding: 0 0 0 10px; margin: 0 0 0.5em 10px; background: transparent url(../images/generic/bullet.gif) no-repeat 0 0.5em; } /*Preview of News Items with thumnail images*/ /*Could possibly import seperately for essential pages only*/ #main listContainer { position:relative; margin:0 0 0 0; padding:0 0 0 0; width:450px;} #main ul.previewList {list-style:none; line-height:18px; display:inline;} /* Hides from IE-mac \*/ * html ul.previewList {height: 1%;} /* End hide from IE-mac */ #main ul.previewList li { float:left; padding:0 0 0 0; margin:0 0 0 0; background:url(../images/panels/ipod.jpg) top left no-repeat; width:134px; height:294px; margin-right:14px; display:inline;} #main ul.previewList dl { position:relative; margin:0 0 0 0; padding:0 0 0 0;} #main ul.previewList dd, #main ul.previewList dt, #main ul.previewList dd.image, #main ul.previewList dd.download , #main ul.previewList dd.download { position:absolute; left:0; margin: 0 0 0 0; padding:0 0 0 0; text-align:left; } #main ul.previewList dd, #main ul.previewList dt {width:107px;} #main ul.previewList dt {top:110px; left:17px; } #main ul.previewList dd {top:144px; left:17px;} #main ul.previewList dd.image {top:18px; left:16px;} #main ul.previewList dd.play { top:240px; left:4px; } #main ul.previewList dd.download {top:240px; left:67px;} #main ul.podcastList {list-style:none; line-height:18px; display:inline;} /* Hides from IE-mac \*/ * html ul.podcastList {height: 1%;} /* End hide from IE-mac */ #main ul.podcastList li { float:left; padding:0 0 0 0; margin:0 0 0 0; background:url(../images/panels/ipodSide.jpg) top left no-repeat; width:360px; height:125px; margin-bottom:10px; display:inline;} #main ul.podcastList dl { position:relative; margin:0 0 0 0; padding:0 0 0 0;} #main ul.podcastList dd, ul.podcastList dt { position:absolute; left:0; margin: 0 0 0 0; padding:0 0 0 0; text-align:left; font-size:90%; } #main ul.podcastList dd, ul.podcastList dt {width:220px;} #main ul.podcastList dt {top:18px; left:132px;} #main ul.podcastList dd {top:50px; left:132px; } #main ul.podcastList dd.image {top:18px; left:16px; width:105px; text-align:center;} #newsPanel { margin:30px 0 10px 0; padding:45px 0 0 0; height:235px; width:250px; background: url(../images/panels/newsPod.jpg) top left no-repeat; color:#f1f1f1;} #newsPanel a {background:none; color:#FFAB1F; text-decoration:none; font-size:90%;} #pollWrapper { float:left; padding:0 0 0 0; margin:0 0 0 0; } #pollPanelTop { margin:0 0 0 0; padding:0 0 0 0; height:47px; font-size:90%; width:250px; background: url(../images/panels/polls_top.jpg) top left no-repeat; color:#f1f1f1; } #pollPanelCntr { float:left; margin:0 0 30px 0; padding:0 0 40px 0; font-size:90%; width:250px; background: url(../images/panels/polls_btm.jpg) bottom left no-repeat; color:#f1f1f1; } #pollPanelCntr p, form{ margin:10px 0 0 20px; padding:0 0 0 0; width:220px;} #pollPanelCntr a {background:none; color:#FF6600; text-decoration:none;} #pollPanelCntr .vote{ margin:13px 0 0 10px; } #podWrapper {float:left; padding:0 0 0 0; margin:10px 0 0 0; } #podPanelTop {float:left; margin:0 0 0 0; padding:0 0 0 0; height:21px; font-size:90%; width:250px; background: url(../images/panels/greypodTop.gif) top left no-repeat; } #podPanelBtm {float:left; margin:0 0 0 0; padding:0 0 10px 0; height:21px; width:250px; background: url(../images/panels/greypodBtm.gif) top left no-repeat; } #podPanelCntr { float:left; margin:0 0 0 0; padding:0 20px 40px 20px; font-size:90%; width:210px; background: url(../images/panels/greypodCntr.gif) top left repeat-y; color:#333333; } #podPanelCntr h2.title {font-family: Georgia, serif; font-size:21px; padding:0 0 10px 0; margin:0 5px 10px 0; font-weight:normal; background: none; clear:both;} #podPanelCntr ul { list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;} #podPanelCntr ul li{list-style:none; margin:0 0 0 0; padding:0 0 0 0; background:none; border-bottom:1px solid #CDCDCF; border-top:1px solid #fff;} #podPanelCntr ul li.top{list-style:none; margin:0 0 0 0; padding:0 0 0 0; background:none; border-bottom:1px solid #CDCDCF; border-top:none;} #podPanelCntr li a { font-weight: normal; color: #666666; text-decoration: none; display: block; padding: 12px 15px 12px 15px; } #podPanelCntr li a:hover { background-color: #F9F9F9; text-decoration: none;} /*Panel wrapping the links list on the right hand side*/ #linksWrapper {float:left; padding:0 0 0 0; margin:10px 0 0 0; } #linksPanelTop {float:left; margin:0 0 0 0; padding:0 0 0 0; height:44px; font-size:90%; width:250px; background: url(../images/panels/links_top.gif) top left no-repeat; } #linksPanelBtm {float:left; margin:0 0 0 0; padding:0 0 10px 0; height:25px; width:250px; background: url(../images/panels/links_btm.gif) top left no-repeat; } #linksPanelCntr { float:left; margin:0 0 0 0; padding:0 20px 40px 20px; font-size:90%; width:210px; background: url(../images/panels/links_cntr.gif) top left repeat-y; color:#333333; } #linksPanelCntr h2.title {font-family: Georgia, serif; font-size:21px; padding:0 0 10px 0; margin:0 5px 10px 0; font-weight:normal; background: none; clear:both;} /*display of the list*/ #linksPanelCntr ul { list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;} #linksPanelCntr ul li{list-style:none; margin:0 0 0 0; padding:0 0 0 0; background:none; border-bottom:1px solid #5A5A5A; border-top:none;} #linksPanelCntr li a { font-weight: normal; color: #fff; text-decoration: none; display: block; padding: 12px 15px 12px 15px; } #linksPanelCntr li a:hover { background-color: #7A7974; text-decoration: none;} /*Link detail display*/ #main ul.linksList { list-style:none; line-height:18px; margin:0 0 0 0; padding:8px 0 0 0;} #main ul.linksList li { padding:0 0 5px 20px; margin: 0 0 5px 0; width:400px; background:none;} #main ul.linksList dl { position:relative; display:inline-block; margin:0 0 10px 0; } #main ul.linksList dt { padding:2px 2px 2px 2px; margin:0 0 0 0; background:#DEE0DC; font-weight:bold;} #main ul.linksList dd { padding:2px 2px 2px 2px; margin:0 0 0 0; background: #F8FAF6;} #main ul.linksList dd.link a{ padding:2px 2px 2px 16px; margin:0 0 0 0; background: #F8FAF6 url(../images/generic/link.gif) bottom left no-repeat;} #main ul.linksList dd.link a:hover { padding:2px 2px 2px 16px; border-bottom: none; margin:0 0 0 0; background: #F8FAF6 url(../images/generic/linkhover.gif) bottom left no-repeat; } #main ul.previewListNws { list-style:none; line-height:18px; margin:0 0 0 0; padding:8px 0 0 0;} #main ul.previewListNws li { padding:0 0 5px 20px; margin: 0 0 5px 0; width:200px; background:none;} #main ul.previewListNws dl { position:relative; display:inline-block; margin:0 0 5px 0; border-bottom:1px dotted #878789;} #main ul.previewListNws dt { padding:0 0 0 0; margin-top: 0; margin-left:70px; margin-right:10px; margin-bottom:5px; height:50px; } #main ul.previewListNws dd { margin-left:70px; margin-bottom:5px;} #main ul.previewListNws dd.image { position:absolute; top:0; left:0; margin:0; padding:0; width:60px; } /*\*/ #steeringGroup div, .row div { float:left; width: 200px; height:340px; margin: 0 0 50px 36px; border: none; clear: none;} /**/ #steeringGroup p { font-size:90%; padding:0 5px 0 5px;} #steeringGroup a, a:hover, img { text-decoration:none; background:none; border-bottom:none;} #steeringList {margin:10px 0 0 0; padding:0 0 0 0;} #steeringList ul{list-style:none; background:none; padding:0 0 0 30px; margin:0 0 0 0;} #steeringList ul li{list-style:none; margin:0 0 0 0; padding:0 0 0 0; background:none;} #checklist { float:left;} #checklist ul{list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;} #checklist ul li{padding: 0 0 0 20px; margin: 0 0 0.8em 10px; background: transparent url(../images/generic/check.gif) no-repeat 0 0.2em; } #main ul.linksCategories { list-style:none; line-height:18px; margin:0 0 0 10px; padding:0 0 0 0;} #main ul.linksCategories li { padding:0 0 2px 0; margin-bottom:5px; background:url(../images/generic/star.gif) top left no-repeat; } #main ul.linksCategories dl { position:relative; display:inline-block; margin-bottom:5px;} #main ul.linksCategories dt { padding:0 0 0 0; margin-top: 0; margin-left:90px; margin-right:10px; margin-bottom:5px; } #main ul.linksCategories dd { margin-left:25px; width:220px; } #main ul.linksCategories dd.link { margin-left:25px; width:220px; } #content{ float:left; width:740px; padding-top:10px;padding-bottom:5px;} #contentLeft { float:left; width:360px;} #contentRight {float:right; width:360px;} #contentCenter {float:left; width:450px; margin-left:155px; display:inline;} #content23rd { float:left; width:450px; margin:0 10px 0 0;} #content13rd {float:right; width:260px;} #content13rdLft {float:left; width:260px;} #content23rdRgt { float:right; width:450px; margin:0 10px 0 0;} #main ol.articleitems { margin: 0; padding: 0; list-style: none; } ol.articleitems li { margin:0 0 30px 0; padding: 0 0 0 0; } ol.articleitems p { margin:0 0 15px 0; padding: 0 0 0 0; } ol.articleitems h3 { margin-bottom: 10px; padding:0 0 0 0;} ol.articleitems h3 a { font-weight:normal; font-size: 1.1em; text-decoration: none; } /* combine above */ ol.articleitems h3 a:hover, ol.newsitems h3 a:focus { text-decoration: underline; } ol.articleitems p.publish_date {border-bottom: 1px solid #f1f1f1; width: 100%; padding: 0 0 0.25em; margin:0 0 5px 0; font-style: italic; color: #666666; } /*specific to the informus page*/ #numberedPanels { margin: 0; padding: 0; list-style: none;} #numberedPanels ol { margin: 0; padding: 0; list-style: none;} #numberedPanels li { margin:0 0 15px 0; padding: 0 0 0 0; height:150px;} #numberedPanels li p { padding: 20px 20px 0 55px; font-size:90%;} #numberedPanels li.number1 {background: url(../images/panels/numbers1.gif) 0 0.2em no-repeat; width:260px; } #numberedPanels li.number2 {background: url(../images/panels/numbers2.gif) 0 0.2em no-repeat; width:260px; } #numberedPanels li.number3 {background: url(../images/panels/numbers3.gif) 0 0.2em no-repeat; width:260px; } /*------------------------------------------- Pretty forms -------------------------------------------*/ #contactForm { background:#F4F4F4; border:1px solid #C5C5C5; padding:0 0 0 0; margin:0 0 0 0;} #contactForm form{ margin:10px 0 0 30px; padding:0 0 0 0;} fieldset {border: none; padding:0 0 0 0; margin: 0 0 10px 0;} fieldset p { clear: left; margin:0 0 0 0; padding:0 0 0 0; } fieldset p label {display: block; color:#666666;} fieldset p span { display: block; background: #E9E9E9; width: 380px; padding: 4px; } fieldset p span select, fieldset p span input , fieldset p span textarea { border: 1px solid #9E9E9E; padding: 4px; margin:0 0 0 0; } fieldset p span select { padding: 3px 4px; } fieldset p span input { width: 370px;} fieldset p span textarea { width: 370px; } fieldset p span select { width: 380px; } /*smaller form elements*/ #shortForm { background:#F4F4F4; border:1px solid #C5C5C5; padding:0 0 0 0; margin:0 0 0 0; width:360px;} #shortForm form{ margin:10px 0 0 20px; padding:0 0 0 0;} fieldset.short {padding:0 0 0 0; margin: 0 0 10px 0 ; text-align:left;} fieldset.short p { clear: left; margin:0 0 0 0; padding:0 0 0 0; } /* fieldset.short p label {display: block; color:#666666; padding:0 0 0 0; margin:0 0 0 0;} */ fieldset.short p span { display: block; background: #E9E9E9; width: 310px; padding: 4px; margin:0 0 0 0; } fieldset.short p span select { padding: 3px 4px; } fieldset.short p span input { width: 300px; } fieldset.short p span textarea { width: 300px; } fieldset.short p span select { width: 310px; } div.buttons {clear: both; margin:10px 0 10px 225px;} div.vote {clear: both; margin:10px 0 0 100px; padding:0 0 0 0;} div.shortFormBtn {clear: both; margin:10px 0 0 160px; padding:0 0 0 0;} .inputShort { float:left; display:inline; width:150px; margin:0 0 0 0; padding:4px 0 0 6px; height:20px; border:1px solid #333333; } .button { float:left; display:inline; padding:0 0 0 0; margin-left:2px; border:none; background-color:#FFFFFF; } .submit { border: 3px double #0179a5; border-left-color: #54C9F5; border-top-color: #54C9F5; margin: 5px 5px 5px 0;color: white; height: auto; text-decoration: none; font-weight: normal;font-size: 1em; padding: 0.1ex 0; cursor: pointer; background: #00AFF0; text-decoration: none; width:150px;} .voteButton { border: 3px double #0179a5; border-left-color: #54C9F5; border-top-color: #54C9F5; margin: 5px 5px 0 0;color: white; height: auto; text-decoration: none; font-weight: normal;font-size: 1em; padding: 0.1ex 0; cursor: pointer; background: #00AFF0; text-decoration: none; width:70px; } .commentForm { background:#F4F4F4; border:1px solid #C5C5C5; width:450px;} .commentForm form{ margin:10px 0 0 20px; padding:0 0 0 0;} /*------------------------------------------- Misc Classes -------------------------------------------*/ .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} /* ClearFix */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} .tel { color:#FFAB1F; font-weight:bold;} .postedby {font: italic 1em Georgia, serif; padding-left: 17px; background: url(../images/generic/user_comment.gif) 0 0.2em no-repeat;} .publish_date {border-bottom: 1px solid #f1f1f1; width: 100%; padding: 0 0 0.25em; margin:0 0 5px 0; font-style: italic; color: #666666;} .commentTop { float:left; padding:0 0 0 0; width:450px; height:20px; background: url(../images/comments/comment_top.gif) top left no-repeat ; } .commentArea { float:left; padding:0 0 0 0; width:450px; background: #F4F4F4 url(../images/comments/comment_btm.gif) bottom left no-repeat; } .commentArea p{ padding:0 0 0 20px;} .commentBtm { float:left; margin-bottom:20px; padding:0 0 0 .25em; width:450px; background: none ; border-bottom: 1px solid #e6dfce; width: 100%; } #message-containter { width:90%; margin:0 auto; padding-top:20px;} .show.bad {border: 1px solid #FFA104; background: #FFC96F; padding: 10px; margin: 0 0 20px 0; } .show.good {border: 1px solid #95CF08; background: #DDFB99; padding: 10px; margin: 0 0 20px 0; } .show div.inner { padding: 10px 20px 10px 70px; font-size: 12px; color: #000000; text-align: left; min-height: 30px; background:#fff; } .show div.inner h3 {font-size: 14px; font-weight: bold; margin: 5px 0; display: block; padding: 0; border: none; } .posthidden {display:none; } .postshown {display:inline; } .bold { font-weight:bold; padding-bottom: 5px; padding-top:5px;} .italics {font: italic 1em Georgia, serif; padding-bottom: 5px;} .necessary {font: italic 1em Georgia, serif; color:#FF6600;} .greyPanel { padding:20px 20px 20px 20px; background:#f2f2f2;} .margin20 { margin:0 10px 0 10px;} .viewall { margin:-24px 15px 0 0; padding:0; float:right; } .viewallUH { margin:-45px 20px 0 0; padding:0; float:right; } /*------------------------------------------- Footer Panel and strip at the bottom -------------------------------------------*/ #footerPanel { position:relative; margin: 0 auto; padding:0 0 0 0; width:840px; height:140px; background: url(../images/generic/footer_bkgrd.jpg) no-repeat center bottom; } html>#footerPanel {width:840px;} /* required by Opera */ #footerPanel #contentCont{ float:left; width:740px; padding:0 0 0 0; margin:26px 0 0 50px; font-size:90%; display:inline; } #footerPanel #contentCont img { padding:0 0 0 0; margin:6px 0 0 0;} .col1 { float:left; width:197px; margin-left:20px; padding:0 0 0 0; } .col2 { float:left; width:225px; margin-left:46px; padding:0 0 0 0; } .col3 { float:right; width:197px; margin-right:10px; padding:0 0 0 0; } #footer{ padding-top:10px;padding-bottom:15px; background: #363636 url(../images/generic/bodyTile.gif) repeat-x 0 0; width: 100%; overflow: hidden;} #footer .smFooter {font-size:90%; text-align:center; color:#CCCCCC;}