/* Theme Name: USSI Theme URI: http://all-ur.com/ Description: US Solar Institute theme. Version: 0.1 Author: Rogers Sampaio - Zack Smith Author URI: http://all-ur.com/ Tags: blue, custom header, fixed width, two columns, widgets */ /*General*/ html,body { height:100%; width: 100%; margin: 0; padding: 0; } .left {float: left;} .right {float: right;} .mr10 {margin-right: 10px;} .mr20 {margin-right: 20px;} .mr5 {margin-right: 5px;} .mr3 {margin-right: 3px;} .mitem {margin-left: 24px;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .clear {clear: both} img {border: 0; } a { color:#1d2f6f; outline: none; } a:hover { color:#666666; } #bottomTextCols #registerform-tml-page p {margin-bottom: 10px;} #bottomTextCols #registerform-tml-page h2 {margin: 15px 0 10px;} /* Structure */ #header { background-image: url(images/top.jpg); background-repeat: repeat-x; height: 182px; width: 100%; } #hwrapper {width: 940px; margin: 0 auto; height: 182px;} #headerTop {width: 940px; height: 121px;} #logo {float: left;} #buttons {float: right; width: 407px; height: 30px; padding-top: 40px;} #tDivisor {border-right: 1px solid #555555; padding-left: 12px; width: 1px; margin-right: 12px; height: 30px;} #numbers {padding-top: 2px;} #subscribe, #register {width: 118px;} #register {margin-left: 11px;} #rDetails {height: 49px; width: 407px; padding-top: 2px;} #headerBottom {height: 61px; width: 940px;} #searchForm {width: 310px; position: relative; margin-left: 40px; padding-top: 21px;} .inputField {background-image:url(images/input.gif); background-repeat: no-repeat; width: 180px; height: 29px; } .field {width: 174px; border: none; height: 20px; padding-left: 5px; padding-top: 7px;} .submit {margin-left: 5px;} #magnifier {position: absolute; left: 225px; top:0px; z-index: 100;} #navigation {margin-top: 10px; width: 590px; height: 51px; } #maincontent {background-image: url(images/middle_bg.jpg); background-repeat: repeat-x; background-position: bottom left; height: 476px; width:100%; } #mContentWrapper {width: 100%; height: 451px; margin: 0 auto; background-image: url(images/middle_inner_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-top:25px;} #topInfo {width: 860px; height: 368px; background-image: url(images/top_info_bg.jpg); margin: 0 auto; } #titlePart {padding: 21px 0 0 32px; width: 554px;} #iBoxes {width: 570px; padding-left: 17px;} .viewall {padding-top: 9px; padding-right: 9px;} .info-box {background-image: url(images/top_info_box_bg.png); background-repeat: no-repeat; width: 278px; height: 222px; margin-bottom: 20px; } .textPart {padding: 17px;} .boxImage {background-image:url(images/thumb-frame.gif); width: 72px; height: 85px; padding: 8px; margin-left: 10px; } #infoBottom {padding-left: 21px; margin-bottom: 26px;} #orangeBar {width: 860px; height: 82px; background-image:url(images/orange_bar.jpg); background-repeat: no-repeat; margin: 0 auto;} .listings {padding-top: 14px; padding-left: 21px;} #bottomcontent {background-image: url(images/content_bottom_bg.jpg); background-repeat: repeat-x; background-position: top left; height: auto; width:100%; position: relative;} #bottomWrapper {width: 860px; margin: 0 auto; position: relative;} #shadowDivisor {padding-top: 133px;} #bottomTextCols {height: auto;} #textColLeft {width: 560px; margin-right: 40px;} #textColRight, #sidebar {width: 260px;} #smallBoxes {position: absolute; z-index: 10; top:-35px; left: 1px; } .boxFrame {background-image:url(images/small-boxes_bg.gif); width: 211px; height: 150px; } .sTextPart {padding: 11px 23px;} .sButton {padding-left: 20px;} #footer {background-image: url(images/footer_bg.jpg); background-repeat: repeat-x; height: 250px; width:100%; background-color: #1f3c7b;} #footerwrapper {background-image: url(images/footer_wrapper.jpg); background-repeat: no-repeat; height: 250px; width:860px; margin: 0 auto;} #footerLeft {width: 501px; height: 157px; padding-top: 37px; margin-right: 50px;} .date {background-image: url(images/date_bg.gif); background-repeat: no-repeat; width: 80px; height: 19px; padding-top: 6px;} .footerImage {background-image: url(images/footer-image_frame.gif); width: 150px; height: 101px; padding: 11px; margin-right: 22px;} .fTextLeft {width: 307px; height: 157px;} .readMore {background-image: url(images/read_more.gif); background-repeat: no-repeat; width: 190px; height: 19px; padding-top: 6px;} .blogLink {padding-top: 10px;} #footerRight {width: 305px; height: 157px; padding-top: 34px; } .fRTop {margin-bottom: 20px;} .fRMiddle {margin-bottom: 10px;} #social {padding-top: 3px;} .facebook {width:24px; height: 24px; background-image: url(images/social_logos.gif); background-repeat: no-repeat; background-position: 0 0; display: block;} .youtube {width:24px; height: 24px; background-image: url(images/social_logos.gif); background-repeat: no-repeat; background-position: -27px 0; display: block;} .twitter {width:25px; height: 24px; background-image: url(images/social_logos.gif); background-repeat: no-repeat; background-position: -54px 0; display: block;} .linkd {width:24px; height: 24px; background-image: url(images/social_logos.gif); background-repeat: no-repeat; background-position: -82px 0; display: block;} /* overlay bar */ #Over-bar {position: fixed; bottom: 0; left: 0; z-index: 90000; background-image:url(images/bar-bg.png); background-repeat: repeat-x; width: 100%; height: 53px; } #bar_wrapper {width: 940px; height: 41px; padding-top: 12px; margin: 0 auto; font-size: 12px;} #icons_bar {width: 199px; height: 35px; padding-top: 8px; } .IA {width:29px; height: 29px; background-image: url(images/bar_icons.png); background-repeat: no-repeat; background-position: 0 0; display: block;} .IB {width:29px; height: 29px; background-image: url(images/bar_icons.png); background-repeat: no-repeat; background-position: -34px 0; display: block;} .IC {width:29px; height: 29px; background-image: url(images/bar_icons.png); background-repeat: no-repeat; background-position: -73px 0; display: block;} .ID {width:29px; height: 29px; background-image: url(images/bar_icons.png); background-repeat: no-repeat; background-position: -111px 0; display: block;} .IE {width:29px; height: 29px; background-image: url(images/bar_icons.png); background-repeat: no-repeat; background-position: -149px 0; display: block;} #bar_selector {width: 197px; margin-left: 21px; font-size: } .bar_input {background-image: url(images/input-bar.gif); background-repeat: no-repeat; width: 173px; height: 24px; } .bar_input input {border: 0; background: transparent; width: 163px; height: 14px; padding: 5px; } #login_info {width: 212px; margin: 0 22px 0 0;} #logout_bar {width: 54px; margin: 12px 0px 0 22px; } #bphone {padding-top: 7px;} /* Typography */ body {font-family: Arial, Helvetica, sans-serif;} #maincontent h1 {color: #214083; font-size: 30px; font-weight: normal; margin-top: 7px;} .info-box h3 {color: #fff; font-size: 20px; margin: 9px 21px; font-weight: normal;} .info-box p {color: #676767; font-size: 13px; margin: 0; line-height: 1.5em;} #infoBottom h2 {color: #fff; font-size: 22px; font-weight: normal; margin: 0;} #infoBottom h2 a {color: #f3a41d; text-decoration: none;} #infoBottom h2 a:hover {text-decoration: underline;} #orangeBar .tagLine {font-size:25px; color: #fff; margin-top: 14px; margin-right: 21px;} #numbers, #rDetails {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; text-align: right; } #numbers a, #rDetails a {color: #214083;} #numbers a:hover, #rDetails a:hover {color: #555;} .field {color: #b9b9b9; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .nav {margin: 12px 0 0 0px; padding: 0;} .nav ul {margin: 0; padding: 0; list-style-type: none; } .nav li {font-family:Arial, Helvetica, Sans-serif; font-size: 24px; color: #fff; float: left; font-weight: 500; float: left; } .nav li a {color: #fff; text-decoration: none;} .nav li a:hover {color: #f3a41d;} .boxFrame h4 {margin: 0; padding: 32px 0 0 13px; color: #fff; font-weight: normal; font-size: 18px;} .sTextPart p {font-size: 13px; color:#5e5e5e; margin: 0;} #bottomTextCols h2 {color:#1c366f; font-size: 32px; font-weight: bold; margin-top: 0; } #bottomTextCols h2 a {font-weight: bold;} #bottomTextCols p {color: #5e5e5e; font-size: 14px; margin: 0; line-height: 1.5em; text-align: justify; margin-bottom: 27px;} .page p {color: #5e5e5e; font-size: 14px; margin: 0; line-height: 1.5em; text-align: justify; margin-bottom: 27px;} #footerwrapper h3 {font-size: 29px; color: #fff; font-weight: normal; margin: 0;} .date, .readMore {font-size: 10px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase;} .fLMiddle p {color: #fff; font-size: 13px; line-height: 1.2em;} .blogLink a, .readMore a {font-size: 10px; color: #fff; text-decoration: underline; text-transform: uppercase;} .blogLink a:hover, .readMore a:hover {text-decoration: none;} .collMenu ul {list-style-type: none; margin: 0; padding-left: 20px;} .collMenu ul li {font-size: 11px; color: #fff; margin-bottom: 6px;} .collMenu ul li a {text-decoration: none; color: #fff;} .collMenu ul li a:hover {text-decoration: underline;} .fRBottom {font-size: 10px; color: #fff; text-align: right;} #lForm .pf a {color: #fff; text-decoration: none;} #lForm .pf a:hover {color: #fff; text-decoration: underline;} #footerLogo h2 {font-size: 29px; color: #fff; margin: 0; font-weight: normal;} #footer .fLMiddle p a {color: #ec9423; text-decoration: none;} #footer .fLMiddle p a:hover {color: #ec9423; text-decoration: underline;} /*------------- blog -----------------*/ #blogcontent {height: auto; width:100%; position: relative; background-image: url(images/interior-top-repeat_bg.gif); background-repeat: repeat-x; background-position: left top;} #iTop { background-image: url(images/interior-top_bg.gif); height: 26px; width: 1162px; margin: 0 auto;} #interiorWrapper {width: 860px; margin: 0 auto; position: relative;} #blogColLeft {width: 560px; padding-right: 17px;} .legend {font-size: 10px; font-style: italic;} .legend a {text-decoration: underline;} .legend a:hover {text-decoration: none;} .post {padding-bottom: 10px; border-bottom: 1px solid #f9d18e; margin-bottom: 10px;} .entry h1, .entry h1 a {color: #1d2f6f; text-decoration: none; font-size: 30px;} #bottomTextCols .entry h2 {margin-top: 60px;} .entry p {clear: both;} .entry {color: #5e5e5e; font-size: 14px; margin: 0; line-height: 1.5em; text-align: justify; margin-bottom: 27px;} #bottomTextCols .entry h2, #bottomTextCols .entry h2 a {color: #1d2f6f; text-decoration: none; font-size: 22px;} .featured {border: 1px solid #e2e2e2; padding: 5px; margin-bottom: 15px;} .topNavigation {height: 22px; padding-bottom: 45px; padding-top: 18px; background-image: url(images/top-navigation_bg.gif); background-repeat: no-repeat; color: #676767; font-size: 13px;} .topNavigation a {text-decoration: none; color: #1d2f6f;} .topNavigation a:hover {text-decoration: underline; color: #1d2f6f;} .dateBlock { width: 72px; height: 55px; float:left; background:url(images/date-bg.jpg) no-repeat; text-align: center; padding-top: 10px;} .dateBlock .month {font-size: 20px; color: #fff;} .dateBlock .day {font-size: 25px; color: #fff; font-weight: bolder;} h2.BlogHeading { width:465px; float:left} .post {margin-top: 20px;} .right-border {border-right: 1px solid #e2e2e2;} .left-border {border-left: 1px solid #e2e2e2;} .post h2 {font-size: 32px; margin-left: 20px; color: #1c366f; float: left; width:465px; font-weight: bold;} .bioTitle h2 {font-size: 32px; margin: 28px 0 15px 0; color: #1c366f; width:465px;} .post h2 a, .bioTitle h2 a {text-decoration: none; color: #1c366f; font-weight: normal;} .post h2 a:hover, .bioTitle h2 a:hover {text-decoration: underline;} .post .postmetadata {font-style: italic; font-size: 10px;} .post a, #sidebar a, #textColRight a {color: #1d2f6f; text-decoration: underline;} .post a:hover, #sidebar a:hover, #textColRight a:hover {color: #1d2f6f; text-decoration: none;} .navigation {margin-bottom: 30px;} #sidebar ul, #textColRight ul {list-style-type: none; margin: 0; padding: 0;} #sidebar {padding-left: 17px;} .entry ul {margin: 0; padding: 0; list-style-type: none;} .entry ul li {background-image: url(images/tick_16.png); background-position-y: 3px; padding-left: 25px; background-repeat: no-repeat; margin-bottom: 10px; line-height: 1.5em; font-size: 14px; color: #5e5e5e} .post ul {margin: 0; padding: 0; list-style-type: none; margin-bottom: 20px;} .post ul li {background-image: url(images/tick_16.png); background-position-y: 3px; padding-left: 25px; background-repeat: no-repeat; margin-bottom: 10px; line-height: 1.5em; font-size: 14px; color: #5e5e5e} .page ul {margin: 0; padding: 0; list-style-type: none; margin-bottom: 20px;} .page ul li, .lRight li {background-image: url(images/tick_16.png); background-position-y: 3px; padding-left: 25px; background-repeat: no-repeat; margin-bottom: 10px; line-height: 1.5em; font-size: 14px; color: #5e5e5e} .partnerslogo {float: left; margin-right: 10px; margin-bottom: 10px; clear: both;} /* widgets */ .textwidget {margin-bottom: 20px;} li.widget ul li {font-size: 12px; padding: 10px 10px 0 10px;} li.widget ul li a {color: #9999; text-decoration: underline;} li.widget ul li a:hover {text-decoration: none;} #bottomTextCols li.widget {background-image:url(images/cart_box/repeat.png); margin: 20px auto; background-repeat: repeat-y; background-position-x: center; width: 259px; } #bottomTextCols li.widget .widgetBottom {height: 48px; width: 100%; background-image: url(images/cart_box/bottom.png); background-repeat: no-repeat; } li.widget h2 {margin: 0; background-image: url(images/cart_box/box_title.png); background-repeat: no-repeat; background-position-x: center; height: 24px; padding: 7px} #bottomTextCols li.widget h2.widgettitle {font-size: 26px; color: #fff; font-weight: bold;} #bottomTextCols h2.widgettitle a, #bottomTextCols h2.widgettitle a:hover {color: #fff;} .blogroll {text-align: center;} /* calendar widget */ .dbem-calendar-table h2{ display: none; } #events-calendar {width: 222px; margin: 20px; auto;} table.dbem-calendar-table{ width: 100%; border: 0; } table.dbem-calendar-table th, .widget_calendar table.dbem-calendar-table td{ text-align: center; font-size: 13px; } table.dbem-calendar-table thead th{ font-weight: bold; background: #ccc; color: #fff; border: 0; } table.dbem-calendar-table tbody td{ border: 0; background: #eee; color: #555; } table.dbem-calendar-table tbody td.pad{ background: #fff; } table.dbem-calendar-table tfoot td{ border: 0; background: #fff; } table.dbem-calendar-table caption{ text-align: left; font-weight: bold; color: #ec9423; font-size: 15px; } /*-----------------------------------------------------------------------------*/ /* bar */ .bar_input input {font-size: 12px; color: #777; font-style: italic; } #login_info {font-size: 13px; color: #515151; text-align: right;} #logout_bar a {font-size: 13px; color: #1d2f6f; text-decoration: underline;} #logout_bar a:hover {font-size: 13px; color: #1d2f6f; text-decoration: none;} #barLogo {} /* Login Box */ /* the overlayed element */ .apple_overlay { /* initially overlay is hidden */ display:none; /* width after the growing animation finishes height is automatically calculated */ width:560px; height: 459px; /* a little styling */ font-size:11px; } /* default close button positioned on upper right corner */ .apple_overlay div.close { background-image:url(images/close.png); position:absolute; right:120px; top:52px; cursor:pointer; height:16px; width:85px; } /* black version of the overlay. simply uses a different background image */ div.apple_overlay.black { background-image:url(images/login-box.png); color:#fff; } #lForm {position: absolute; top:179px; left: 149px; width: 260px;} #lForm .loginfield {background:url(images/login-fields.png); background-repeat: no-repeat; width: 253px; height: 27px;} #lForm .loginfield {color: #858585; font-size: 18px; font-style: italic;} #lForm .b {float: left;} #lForm .pf {float: right; text-align: center; padding-top: 7px; width: 85px;} /* SF Menu / Drop Down */ .sf-menu { margin: 0; padding:0; list-style: none; } .sf-menu { line-height: 1.0 } .sf-menu ul { position: absolute; top: -999em; width: 10em; margin: 4px 0 0; } .sf-menu ul li { width: 100%; } .sf-menu ul li a:hover {background-color: #29489e;} .sf-menu ul {background-color: #214081; color: #fff;} .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top: 20px; z-index:99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em; top:-0.1em; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 12em; top: -0.1em; } .sf-menu { padding: 0 10px; } .sf-menu a { text-decoration:none; } .sf-menu ul a { text-transform: none; border-left: none; padding: 10px; font-weight: 400; padding: 10px; } .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; } a > .sf-sub-indicator { top: .8em; background-position: -10px -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > f-sub-indicator { background-position: 0 -100px } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } /* Contact Form */ legend {font-size: 24px; color: #1d2f6f;} fieldset {border: 1px solid #e5e5e5; margin-bottom: 10px;} label {font-size: 16px; color: #858585;} .contact-form input[type=text] {background:url(images/login-fields.png); background-repeat: no-repeat; width: 261px; height: 33px; border: none; margin-bottom: 10px; font-size: 16px; color:#777; } /* Profile Page */ /* Profile View */ #profileView {background-image: url(images/profile_box.png); background-repeat: no-repeat; width: 827px; height: 259px; margin: 0 auto;} .boxTitle {padding-top: 9px; height: 30px;} .boxTitle h2 {color: #fff; margin: 0; padding-left: 15px;} .tml-user-avatar {background-image: url(images/profile_pic_bg.gif); background-repeat: no-repeat; padding: 4px; width: 50px; height: 50px;} .boxLinks {color: #fff; font-size: 13px; padding-top: 7px; padding-right: 10px;} .boxLinks a {color: #fff;} #profileBody {padding: 20px;} #profileBody p {margin-bottom: 10px;} .tml-user-avatar {width: 70px; margin-right: 30px;} .sColProfile {width: 170px; margin-right: 30px;} .tColProfile {width: 370px; } #topInfoLogin {width: 860px; height: 450px; background-image: url(images/top_info_login_bg.jpg); margin: 0 auto; } #profile {} #profile h3, #profile p {margin: 0;} #profile h1 {margin-bottom: 10px;} #profile #titlePart {padding-left: 0; padding-top: 10px;} #profile .fColA, #profile .fColB, #profile .fColC { width: 261px; } #profile .regular-text {background-image: url(images/user_forms_input_bg.gif); width: 261px; height: 33px; border: 0; background-repeat: no-repeat; color: #b9b9b9; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #profile .description {color: #858585;} #profile .description, p.description {line-height: 1em; font-size: 11px; padding-top: 6px; padding-bottom: 8px;} #profile td {padding-bottom: 10px;} #yim, #aim, #jabber {margin-bottom: 10px;} #profile #descriptionText {width: 259px;} /* traslation */ #translation_bar {padding-top: 10px; padding-left: 20px; } #translation_bar #flag_en {margin-right: 10px} /* Login Page */ .login {position: relative;} #maincontent .login h1 {margin-top: 0;} .login #titlePart, .login .rTitlePart {padding-left: 0; padding-top: 0px;} .rTitlePart h1 {color: #1D2F6F; } .login .lRight {width: 240px;} .login .lLeft {width: 540px; margin-right: 40px;} .login .input, input.cimy_uef_input_27 {background-image: url(images/user_forms_input_bg.gif); width: 257px; height: 27px; border: 0; padding-top: 8px; padding-left: 5px; background-repeat: no-repeat; color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .login .message, .login .error {margin-bottom: 20px; font-size: 12px;} /* Bio Page */ #topInfoBio {width: 860px; height: 450px; background-image: url(images/top_info_bio_bg.jpg); margin: 0 auto; } #bottomcontentBio {background-image: url(images/content_bottom_bg.jpg); background-repeat: repeat-x; background-position: top left; height: auto; width:100%; position: relative; padding-top: 20px;} #bioPicture {width: 267px; padding-left: 20px; margin-right: 23px; } .bioImage {width: 243px; height: 277px; padding: 8px; background-image: url(images/bio_picture_frame.gif); background-repeat: no-repeat;} .bioBottom h5 {color: #214083; font-style: italic; font-size: 14px; margin-bottom: 0px; } .bioBottom a {color: #666666; font-size: 12px; text-decoration: underline;} .bioBottom a:hover {color: #666666; font-size: 12px; text-decoration: none;} #topInfoBio #tabSystem .panes {background-image: url(images/tab_textarea.gif); background-repeat: no-repeat; padding: 29px 32px; width: 460px; height: 235px; } #topInfoBio #tabSystem {padding-top: 45px;} #topInfoBio #tabSystem ul.tabs {margin: 0; padding: 0; list-style-type: none; height: 29px;} #topInfoBio #tabSystem ul.tabs li {float: left; margin-right: 5px;} #bio a {display: block; background-image: url(images/tab_bio.gif); background-position: -118px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} #bio a.current, #bio a:hover, #bio a:hover.current {display: block; background-image: url(images/tab_bio.gif); background-position: 0px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} #edu a {display: block; background-image: url(images/tab_education.gif); background-position: -118px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} #edu a.current, #edu a:hover, #edu a:hover.current {display: block; background-image: url(images/tab_education.gif); background-position: 0px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} #ach a {display: block; background-image: url(images/tab_ach.gif); background-position: -118px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} #ach a.current, #ach a:hover, #ach a:hover.current {display: block; background-image: url(images/tab_ach.gif); background-position: 0px 0px; width: 118px; height: 29px; background-repeat: no-repeat;} .tBio, .tEdu, .tAch {overflow-y: auto; height: 235px;} /* scroll pane */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #c1c1c1; } .jScrollPaneDrag { position: absolute; background: #ec9423; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* Staff Boxes */ .staffBoxes {width: 272px; height: 94px; margin-bottom: 37px;} .staffBoxes .staffBoxText {width: 144px;} #bottomTextCols .staffBoxes .staffBoxText p {width: 144px; font-size: 11px; color: #898989; margin-bottom: 5px;} #bottomTextCols .staffBoxes .staffBoxText h2 {font-size: 21px; color: #214083; margin-bottom: 5px;} #bottomTextCols .staffBoxText h2 a {color: #214083; text-decoration: none;} .staffBoxes .staffBoxImage {padding: 8px; height: 78px; width: 93px; background-image:url(images/small_pic_frame.gif); background-repeat: no-repeat; } /* home box */ .homeBox {width:140px; } .boxImageRight {width: 98px;} .homeBoxTop {text-align: center; margin-bottom: 10px; width: 88px;} .homeBoxMiddle {font-size: 10px;} .homeReadMore {font-size: 12px;} /* forms */ #mc-indicates-required {font-size: 10px; color: #f00;} /*products*/ .googlecart {margin: 10px auto; } /* Events */ .dbem_events_list h2 {display: none;} .page .dbem_events_list li {margin-bottom: 50px;} ul.futureEvents ul, ul.futureEvents {display:block; list-style:none; margin:0; padding:0; font-size:12px; color:#214083;} ul.futureEvents ul li {padding:0 0 8px 0;} ul.futureEvents ul li .smallBlue {color: #e99324; font-size: 10px;} ul.futureEvents ul li .smallOrange {color: #e99324; font-size: 8px;} ul.futureEvents ul li a {color: #214083; text-decoration: none;} ul.futureEvents ul li a:hover {color: #214083; text-decoration: underline;} .entry div.special-button {margin-bottom: 20px; clear: both; height: 40px;} .entry div.special-button input.wpsc_buy_button {float: none; border: 0; border: none; padding: 0; margin: 0 0 0 10px; background-color: #f3a41d; background-image:url(images/buy.png); width: 74px; height: 25px; text-indent: -1000em; text-transform: capitalize; color:#fff; cursor: pointer; } input.wpsc_buy_button {border: 0; border: none; padding: 0; margin: 0 0 0 10px; background-color: #f3a41d; background-image:url(images/buy.png); width: 74px; height: 25px; text-indent: -1000em; text-transform: capitalize; color:#fff; cursor: pointer; }