/* Theme Name: Advice Trade [Table Of Contents] 0- Reset & Layout 1- Global 2- Links 3- Headings 4- Header 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size:.875em; color: #464646; background:url(../images/bg-header.png) repeat-x 0 0; line-height:1.2em;} .clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } hr {margin:0; padding:0; background:#000; color:#000; height:1px; border:none; display:block;} hr.dashed { border: none 0; border-top: 1px dashed #888; margin-bottom: .5em; height: 1px; background: none; } p {margin:0 0 12px 0;} .alignLeft {text-align:left;} .alignRight {text-align:right;} .alignCenter { text-align: center; margin-left: auto; margin-right: auto; } div.floatLeft { float: left; width: 50%; } div.floatRight { float: right; width: 50%; } span.clear {display:block; clear:both; height:1px;} .shadow { margin: 0 auto; position: relative; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #888888; } .shadowBody { position: relative; top: -2px; left: -2px; border-right: 1px solid #888888; border-bottom: 1px solid #888888; text-align: left; color: #666; background: #f8f6f6; } div.message { color: Firebrick; font-size: 14pt; font-weight: bold; text-align: center; } div.infoMessage { font-size: 18px; border: 1px solid #6d6d6d; padding: 1em; margin-bottom: 1.5em; } div.articleBreak { clear: both; margin: 1.5em; border-bottom: 1px solid #8A8A8A; } div.echoLoginMessage { margin-top: 1.5em; border: 1px solid gray; padding: 7px; font-weight: bold; } hr.prearticle { margin: 0.5em 0 1.5em 0; background-color: #adadad; } /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a { color: #000; text-decoration:underline;} a:hover { color: #000; text-decoration:none; } a:visited { color: #000; } /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 2em Arial, Helvetica, sans-serif; color:#13a89e;} h2 { font: bold 1.0em Arial, Helvetica, sans-serif; color:#464646;} h3 { font: bold 1.429em Arial, Helvetica, sans-serif; color:#464646; margin:0 0 12px 0; font-weight:normal;} h4 { font: bold .875em Arial, Helvetica, sans-serif; color:#464646;} h5 { font: bold .75em Arial, Helvetica, sans-serif; color:#464646; } /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #banner {height:92px; padding:0 20px;} #banner img {margin:4px 4px 0 0; display:block; float:left;} #banner #tblBanner {width:315px; height:80px; background:red; margin:4px 0 0 0;float:right; background:url(../images/bg-tbl-banner.png) no-repeat 0 0;} #tblBanner .updated, #tblBanner .sponsor {color:#fff; font-size:.786em;} #tblBanner .updated {float:left; padding:3px 0 0 9px;} #tblBanner .sponsor {float:right; padding:3px 9px 0 0;} #tblBanner table {clear:both; font-size:.857em; width:315px;} #tblBanner table td {vertical-align:top; padding:1px 0 1px 9px;} #tblBanner .stock {font-weight:bold; text-align:left; border-bottom:1px solid #909090;} #tblBanner .points {text-align:right; border-bottom:1px solid #909090;} #tblBanner .pointsDiff, #tblBanner .percentDiff {color:#2dc0b6; text-align:right; border-bottom:1px solid #909090;} #tblBanner table td.last {border-bottom:none;} #tblBanner .tickerDown { color: #B95656; } #header {height:66px; padding:10px 0 0 0; position:relative;} .logo a { height:55px; background:url(../images/sprite-page-elements.png) no-repeat 0 0; display:block; width:330px; text-indent:-999em; margin:0 0 0 18px;} #btnLogin {position:absolute; top:9px; right:228px;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #navMain {position:absolute; bottom:0; right:20px;} #navMain li {float:left; margin:0 0 0 2px;} #navMain a {width:110px; height:42px; float:left; text-indent:-999em; background:url(../images/sprite-page-elements.png) no-repeat -330px 0;} #navHome a {background-position:-880px 0;} #navHome a.selected, #navHome a:hover {background-position:-330px 0;} #navAbout a {background-position:-990px 0;} #navAbout a.selected, #navAbout a:hover {background-position:-440px 0;} #navAnalysts a {background-position:-1100px 0;} #navAnalysts a.selected, #navAnalysts a:hover {background-position:-550px 0;} #navTrials a {background-position:-1210px 0;} #navTrials a.selected, #navTrials a:hover, #navTrials a.highlight:hover {background-position:-660px 0;} #navTrials a.highlight {background-position:-1210px -42px;} #navContact a {background-position:-1320px 0;} #navContact a.selected, #navContact a:hover {background-position:-770px 0;} /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #allContent {width:1000px; margin:0 auto;} #wrapperContent {background:#f1f1f1 url(../images/sprite-page-elements.png) -1611px 0 no-repeat; padding:15px 20px; width:960px;} #wrapperContent:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } #wrapperContentBottom {background:url(../images/sprite-page-elements.png) -2611px 0 no-repeat; display:block; height:7px; width:1000px;} #mainCol {width:743px; float:left; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; margin:0 11px 0 0; background:#fff url(../images/dropshadow-box-right.png) repeat-y right top; position:relative;} #mainColContent {padding:25px 16px 25px 20px;} #mainCol .wrapperLeftCol {width:295px; float:left; border-right:1px solid #dedede; margin:10px 0 20px 0; background:#fff;} #mainCol .wrapperRightCol {width:444px; float:left; border-left:1px solid #dedede; margin:10px 0 20px -1px; position:relative; background:#fff;} #mainCol .contentLeftCol, #mainCol .contentRightCol { padding:0 16px 20px 16px;} #mainCol h2.fullWidth {margin-right:3px;} #mainCol h2.first {margin-top:-10px; position:relative;} #mainCol h2 {background:#f8f6f6 url(../images/sprite-icons.png) no-repeat 20px -240px; padding:20px 16px 5px 71px; font-size:24px; font-weight: normal; } *:first-child+html #mainCol h2 {height:1%;} #mainCol .iconChart {background-position:20px -590px;} #mainCol .iconTrophy {background-position:20px -410px;} #mainCol .iconMagnify {background-position:20px -240px;} .previewBox {padding:20px 0; border-bottom:1px dotted #cfcfcf;} .previewBox.noKeyline {border-bottom:none;} .previewBox img {float:left; padding:0 15px 10px 0;} .wrapperLeftCol .previewBox h3 {font-size:1.286em; color:#13a89e; line-height:1em; font-weight:bold;} .wrapperLeftCol .previewBox h3 span { font-size:.889em; font-weight:normal; color:#464646;} .wrapperRightCol .previewBox h3 {font-size:1.714em; color:#13a89e; margin-bottom:0; line-height:1em; font-weight:bold;} .wrapperRightCol .previewBox h4 {font-size:1.429em; font-weight:normal; line-height:.8em; margin:0 0 12px 0;} .wrapperRightCol .previewBox h4 span {font-size:.7em; } #sideCol {width:204px; float:left; font-size:.857em;} .sideColBox {background:#fff url(../images/dropshadow-box-right.png) repeat-y right 0; margin:0 0 16px 0; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;} .sideColBox h2 {height:27px; background:url(../images/sprite-sidecol.png) no-repeat 0 0; width:168px; color:#fff; font-size:1.333em; padding:8px 16px 0 16px; margin-bottom:10px;} #sideColBoxMarket h2 {background-position:-200px 0;} #sideColBoxAnalysts h2, #sideColBoxLogin h2 {background-position:-400px 0;} .sideColBox ul {padding-bottom:20px;} .sideColBox li {padding:6px 20px; border-bottom:1px dotted #cfcfcf;} .sideColBox li a {text-decoration:none; font-weight:bold; display:block; padding:0 0 0 9px; background:url(../images/sprite-icons.png) no-repeat 0 -55px;} .sideColBox li a:hover {color:#13a89e; background:none;} #sideColBoxFollow h2, #sideColBoxBarrons h2 {color:#464646; background:none; padding:15px 16px 0 16px; margin-bottom:0;} #sideColBoxFollow ul {padding:0 13px 12px 8px;} #sideColBoxFollow a {width:146px; height:24px; padding:8px 0 0 33px; font-weight:normal; background:none; position:relative; background:url(../images/sprite-sidecol.png) no-repeat -600px 0; font-size:.917em;} #sideColBoxFollow #followRealTime {background-position:-779px 0;} #sideColBoxFollow #followFB {background-position:-958px 0;} #sideColBoxFollow #followTwitter {background-position:-1137px 0;} #sideColBoxFollow .count {position:absolute; top:6px; right:6px; display:block; overflow:hidden; width:77px; height:16px; padding:2px; background:url(../images/sprite-sidecol.png) no-repeat -1316px 0; font-size:.818em; color:#959595;} #sideColBoxFollow li {border-bottom:none; padding:0; margin-bottom:4px;} #sideColNewsletter {height:167px; width:210px; position:relative; z-index:1; background:url(../images/sprite-sidecol.png) no-repeat -1397px 0; margin:0 0 15px 0;} #sideColNewsletter h2 {position:absolute; left:-999em;} #sideColNewsletter ul {padding:60px 0 0 18px; color:#ffbc1a;} #sideColNewsletter li {padding:0 0 0 18px; font-weight:bold; background:url(../images/sprite-icons.png) no-repeat 0 -160px;} #sideColNewsletter a img { height: 60px; width: 200px; margin-bottom: -4.5em; } .shadowBottom {display:block; width:100%; height:6px; position:relative; overflow:hidden; background:url(../images/sprite-shadow-bottom-white.png) no-repeat 0 0; clear:both;} .shadowBottomRight {position:absolute; right:0; top:0; width:6px; height:6px; overflow:hidden; display:block; background:url(../images/sprite-shadow-bottom-white.png) no-repeat right 0; zoom:1;} .tblCommon {width:100%; font-size:.857em; margin-top:20px;} .tblCommon th {font-weight:normal; color:#fff; background:#464646; padding:5px 8px; border-bottom:1px solid #fff;} .tblCommon th.alignLeft {border-right:1px solid #fff;} .tblCommon td {color:#fff; background:#7d7d7d; padding:5px 8px; border-bottom:1px solid #fff;} .tblCommon td.alignLeft {border-right:1px solid #fff;} .wrapperVideo {padding-bottom:20px; clear: both;} .infoLink {text-align:right; padding:0 0 0 20px; background:url(../images/sprite-icons.png) no-repeat 0 0; font-size:.857em; float:right; display:block; margin:13px 0;} #helpCenter h4 { font-weight: bold; font-size: 14px; } #helpCenter p { font-weight: normal; font-size: 12px; } img.avatarImg { border: thin solid black; padding: 1.5em; } input.avatarRadio { position: relative; top: 0; } /*COMMENT BOXES*/ .commentBox, .commentBoxChild {background:#e8e8e8;} .commentSubject {min-height:30px;height:auto !important;height:30px; position:relative; background:url(../images/sprite-commentbox.png) no-repeat 0 0;} .commentSubjectRight {width:16px; height:30px; display:block; overflow:hidden; right:0; top:0; position:absolute;background:url(../images/sprite-commentbox.png) no-repeat -984px -30px;} .commentSubject h4 {font-size:1em; padding:7px 9px 5px 9px;} .commentSubject h4, .commentSubject h4 a {color:#fff; font-weight:normal;} .commentAuthor {padding:5px 10px 0 10px; background:#e8e8e8 url(../images/dropshadow-cb-right.png) repeat-y right 0; font-size:.857em;} .commentAuthor p {margin:0; padding-bottom:10px;} .commentBoxChild .commentAuthor {font-size:1em;} .commentTxt {background:#fff; padding:10px 10px 0 10px; _zoom:1;} .commentTxt img {padding-bottom:10px; padding-right:10px;} .commentBoxBot {height:7px; position:relative; overflow:hidden; background: url(../images/sprite-commentbox.png) no-repeat -1000px 0;} .commentBoxBotRight {display:block; height:7px; width:8px; position:absolute; top:0; right:0; overflow:hidden;background: url(../images/sprite-commentbox.png) no-repeat -1992px -7px;} /*CALENDAR POPUP*/ *:first-child+html #calPopWrapper {top:61px;} /*IE7 adjustment*/ #calPopWrapper {position:absolute; top:65px; right:20px; cursor:pointer;} #ui-datepicker-div {width:148px; text-align:center; font-size:1em; color:#000; padding:0 0 10px 0; margin-left:-30px; position:relative; _height:150px; _overflow:hidden; background:#fff;} .ui-datepicker-header {background:#9daaa5; color:#fff; font-weight:bold; margin-bottom:2px; position:relative; text-align:center; margin:0;} .ui-datepicker-month {display:block;} .ui-datepicker-year {display:block;} .ui-datepicker-close {position:absolute; right:3px; top:4px; width:7px; height:7px; overflow:hidden; display:block; background:url(../images/sprite-cal.png) no-repeat 0 0; text-indent:-999em; border:none; cursor:pointer;} .ui-datepicker-prev {position:absolute; left:8px; _left:-40px; top:17px; height:7px; width:15px; overflow:hidden; display:block;background:url(../images/sprite-cal.png) no-repeat 0 -7px; text-indent:-999em; cursor:pointer;} .ui-datepicker-next {position:absolute; right:8px; top:17px; height:7px; width:15px; overflow:hidden; display:block;background:url(../images/sprite-cal.png) no-repeat 0 -14px;text-indent:-999em;cursor:pointer;} .ui-datepicker-calendar {width:100%; background:#fff;} .ui-datepicker-current {display:none;} .ui-datepicker-calendar th {color:#464646;} .ui-datepicker-calendar a {color:#728293;} .ui-datepicker-calendar .fade {color:#b5ab92;} .ui-datepicker-calendary th, .ui-datepicker-calendar td {padding:0 2px;} img.twitterIcon, img.facebookIcon { margin-left: 2px; margin-right: 2px; } #mainColContent ul.freeTrials { list-style: disc; text-align: justify; } #mainColContent ul.freeTrials li { margin-left: 10px; margin-right: 10px; margin-bottom: 15px; } /* Search Results */ #searchResults .listingLeft { float: left; width: 40%; text-align: left; color: #8B8B8B;} #searchResults .listingRight { float: right; width: 40%; text-align: right; color: #8B8B8B;} #searchResults .resultLink { font-weight: bold; } #searchResults .blurb { font-size: 10pt; } #searchResults .header { margin-bottom: -1.5em; } #searchResults br { clear: both; } #searchResults hr { margin-top: 1.5em; } #avatarArea img { padding: 4px; } /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #frmSearch, #formRelatedSearch {position:absolute; top:9px; right:0; height:20px; width:181px; background:url(../images/sprite-page-elements.png) -1430px 0;} #frmSearchString {width:122px; height:16px; padding:2px 3px; background:none; border:none; font-size:11px; float:left; display:block;} #frmSearchSubmit {width:53px; height:20px; background:none; border:none; padding:0; float:left; display:block; cursor:pointer;} #formRelatedSearch { position: relative; top: 0; left: 20px; } #frmNewsletter {height:20px; width:181px; background:url(../images/sprite-sidecol.png) -1607px 0; margin:0 0 0 18px;} #frmNewsletterEmail {width:97px; height:16px; padding:2px 3px; background:none; border:none; color:#969696; font-size:11px; float:left; display:block;} #frmNewsletterSubmit {width:62px; height:20px; background:none; border:none; padding:0; float:left; display:block; cursor:pointer;} input.searchUnused { color: #969696; } input.searchInput { color: black; } #contactForm label, #registerForm label { text-align: right; padding-right: 10px; } #contactForm label, #contactForm input.text, #registerForm label, #registerForm input.text { display: block; float: left; width: 150px; margin-bottom: 10px; } #contactForm textarea, #registerForm textarea { width: 500px; height: 145px; display:block; margin-left:auto; margin-right:auto; } #contactForm input, #registerForm input { width: 250px; } #contactForm select, #registerForm select { width: auto; display: block; } #contactForm div.divInfo, #contactForm div.header, #registerForm div.divInfo, #registerForm div.header { font-weight: bold; } #contactForm div.divInfo, #registerForm div.divInfo { border-bottom: 1px dashed #535353; } /* margin: 20px 10px 2px 10px; } */ #contactForm br, #registerForm br { clear: both; } .borderMe { border: 1px solid black; } #contactForm, #registerForm { padding-top: -5px; width: 550px; margin-left: auto; margin-right: auto; margin-top: 1.5em; margin-bottom: 1em; } #captchaArrow {position: relative; top: 26px; margin-left: -90px; z-index: 0; } div#imageCode { position: relative; z-index: 3; } #registerForm div.shadowBody { padding: 1.5em; } label#termsAgreement, label#weeklyWizardsAgreement { float:right; width: 475px; text-align:left; height: auto; margin:auto; padding:0; } input#terms, input#email_weekly_wizards { float:left; width:auto; padding-right: 3px; } input.submit { width: 250px; } div.articleAlert { float: right; margin: 0 0 0 0.5em; } /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* SIFR DON'T TOUCH */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { .sIFR-active #mainCol h2, {visibility: hidden; font-size:24px; line-height:.1; } } /*LIGHTBOX*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer {font-size:.786em; color:#959595; padding:10px 0 20px 0; width:100%;} #footer:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } #footer #copyright {float:left;} #footer #footerNav {float:right;} #footerNav a, #footerNav .seperator {float:left; display:block;} #footerNav .seperator {padding:0 10px;} #footer a {color:#959595; text-decoration:none;} #footer a:hover {text-decoration:underline;} a.gallerypic { text-decoration: none; } a.gallerypic span { visibility:visible; position: relative; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } /* a.gallerypic:hover span.zoom-icon { visibility:visible; } */ .inputError { border: 1px solid red; padding-right: 4px; border: 1px solid red; background-color: #FFFCE2; /*background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat; */ } .message ol { list-style: disc; padding: 0 1em; margin: 0 1em; } .chartdisplay { overflow-x: scroll; margin-bottom: 1.5em; }