/* general */
HTML {}
BODY {
margin: 0px;
padding: 0px;
font-family:Trebuchet MS,Arial;
font-size:13px;
overflow-x:hidden;
background:url('../images/bg_dotted.png') repeat left top;
}
BODY.popup {background-image:none;background-color:white;}
FORM {margin:0px; padding:0px;}
A {text-decoration:none; color:#4A6F26;}
A:hover {text-decoration:underline;}
A IMG {border-width:0px;}
H1 {color:black; margin:0px; margin-bottom:0px; font-size:26px; font-weight:normal;}
H2 {color:black; margin:0px; margin-bottom:0px; font-size:22px; font-weight:normal;}
H3 {color:black; margin:0px; margin-bottom:0px; font-size:18px; font-weight:normal;}
H4 {color:black; margin:0px; margin-bottom:0px; font-size:14px; font-weight:normal;}
.rounded {
border:1px #DDDDDD solid;
background:white;
-moz-border-radius: 7px;
border-radius: 7px;
position:relative;
}
.rounded2 {
-moz-border-radius: 7px;
border-radius: 7px;
position:relative;
}
.rounded3 {
-moz-border-radius: 7px;
border-radius: 7px;
position:relative;
}
.cornertl {background-image:url('../images/corners.png'); background-repeat:no-repeat; background-position:-24px -23px; height:16px; width:16px; position:absolute; left:0px; top:0px;}
.cornertr {background-image:url('../images/corners.png'); background-repeat:no-repeat; background-position:8px -23px; height:16px; width:16px; position:absolute; right:0px; top:0px;}
.cornerbl {background-image:url('../images/corners.png'); background-repeat:no-repeat; background-position:-24px 7px; height:16px; width:16px; position:absolute; left:0px; bottom:0px;}
.cornerbr {background-image:url('../images/corners.png'); background-repeat:no-repeat; background-position:8px 7px; height:16px; width:16px; position:absolute; right:0px; bottom:0px;}
.cornerbls {background-image:url('../images/cornerss.png'); background-repeat:no-repeat; background-position:-12px 12px; height:16px; width:16px; position:absolute; left:0px; bottom:0px;}
.cornerbrs {background-image:url('../images/cornerss.png'); background-repeat:no-repeat; background-position:12px 12px; height:16px; width:16px; position:absolute; right:0px; bottom:0px;}
INPUT.text {border:1px #CCCCCC solid; min-width:220px; padding:3px;}
TEXTAREA.text {border:1px #CCCCCC solid;}
INPUT.boton {
width:125px;
height:30px;
color:#333333;
cursor:pointer;
padding:0px;
border-width:0px;
background:transparent;
background-image:url('../images/backgroundbutton.png');
}
INPUT.boton:hover { background-position:-125px 0px; color:white;}
DIV.centralButtons {padding-top:10px; clear:both;}
HR.hr1 {}
HR.hr2 {border-width:0px; border-top:1px #958C81 dotted;}
HR.hr3 {border-width:0px; border-top:1px #83AE54 dotted;}
IMG.quotes1 {margin-bottom:-1px;}
IMG.quotes2left {margin-bottom:-3px;}
IMG.quotes2right {margin-bottom:-8px;}
IMG.quotes3left {float:left;}
IMG.quotes3right {float:right;}
IMG.quotes4left {margin-bottom:2px;}
IMG.quotes4right {margin-bottom:2px;}
DIV.warning {
padding:10px;
padding-left:90px;
background:url('../images/warning.png') no-repeat 10px 10px;
}
DIV.warning H2 {margin-bottom:0px!important; padding-bottom:0px!important; background-image:none!important;}
DIV.error {
padding:10px;
padding-left:90px;
background:url('../images/error.png') no-repeat 10px 10px;
}
DIV.error H2 {margin-bottom:0px!important; padding-bottom:0px!important; background-image:none!important;}
DIV.things {border:1px red solid;}
TABLE.table1 {clear:both;}
TABLE.table1 TH {vertical-align:top; width:33%; border-left:1px #CCCCCC dotted;}
TABLE.table1 TD {vertical-align:top; width:33%; border-left:1px #CCCCCC dotted;}
TABLE.table1 TD:first-child {border-left:0px red solid;}
TABLE.table1 TH:first-child {border-left:0px red solid;}
DIV.loading {text-align:center; height:100px!important; background:url('../images/loading1.gif') no-repeat center 40px; padding-top:13px; color:gray; }
/* wrapper */
DIV.wrapper {
background: url('../images/bg02.gif') repeat-x left top;
}
/* toolbar */
DIV.toolbar {
width: 980px;
height:50px;
padding-top:20px;
margin-left:auto;
margin-right:auto;
}
DIV.toolbar DIV.textlink {float:right; margin-top:8px;border-right:1px #CCCCCC dotted; font-size:14px;}
DIV.toolbar DIV.textlink A {color:#666666;padding:8px;padding-left:15px; padding-right:15px;}
DIV.toolbar DIV.textlink A:hover {color:#000000; text-decoration:none;}
DIV.toolbar DIV.searchbox {
float:right;
width:221px;
height:35px;
padding-top:0px;
margin-left:20px;
overflow:hidden;
}
DIV.toolbar DIV.searchbox INPUT.text {
border-width:0px;
min-width:0px;
width:125px;
background:transparent;
padding-left:38px;
float:left;
height:34px;
font-size:20px;
color:#666666;
background: url('../images/search.png') no-repeat 0px -34px;
margin-top:1px;
}
DIV.toolbar DIV.searchbox INPUT.text:focus {outline:0px red solid;}
DIV.toolbar DIV.searchbox INPUT.button {
width:55px;
height:35px;
padding-top:0px;
border-width:0px;
background-color:transparent;
cursor:pointer;
background: url('../images/search.png') no-repeat -445px -34px;
position:relative;
margin-top:1px;
}
DIV.toolbar DIV.searchbox INPUT.button:hover {background-position: -445px -68px;}
DIV.toolbar DIV.quicklinks {height:32px;display:none;}
/* header */
DIV.header {
width: 1000px;
margin-left:auto;
margin-right:auto;
}
DIV.topmenu {
height:64px;
background: url('../images/topmenu.png') no-repeat 0px 0px;
}
DIV.topmenu DIV.logo {float:left;}
DIV.topmenu DIV.logo IMG {width:90px; height:45px;margin-left:20px; margin-top:13px; margin-right:40px;}
DIV.topmenu DIV.logo IMG:hover {}
DIV.topmenu UL {margin:0px;padding:0px; }
DIV.topmenu LI {
float: left;
list-style: none;
cursor:pointer;
}
DIV.topmenu li.back {
background-image:url('../images/menuitems.png');
background-position:-498px 0px;
background-repeat:no-repeat;
height: 70px;
margin-top:0px;
position: absolute;
z-index:8;
}
DIV.topmenu A.menuitem {
display:block;
float:left;
background-image:url('../images/menuitems.png');
background-position:left 0px;
background-repeat:no-repeat;
width:166px;
font-size:22px;
text-align:center;
color:#ffffff;
padding-top:21px;
height:41px;
position:relative;
z-index:10;
text-shadow:#666666 1px 1px 1px;
}
DIV.topmenu A.menuitem SPAN {font-size:11px; display:block; color:#555555; display:none;}
DIV.topmenu A.menuitem:hover {
text-decoration:none;
}
DIV.topmenu A.menuitemselected {
background-position:-166px 0px;
color:#444444;
text-shadow:#cccccc 1px 1px 1px;
}
DIV.topmenu A.menuitemselected SPAN{
background-position:-166px 0px;
}
DIV.topmenu A.menuitemselected:hover {
background-position:-166px 0px;
}
/* topmenu2 */
DIV.topmenu2 {
width:1000px;
margin-left:auto;
margin-right:auto;
height:130px;
background: url('../images/topmenu2.png') no-repeat 0px 0px;
}
DIV.topmenu2 DIV {padding-left:30px; width:290px;padding-top:15px;display:block;}
DIV.topmenu2 DIV IMG {float:left; margin-top:7px; margin-right:15px; width:44px; height:44px;}
DIV.topmenu2 DIV H1 {color:#444444; text-shadow:#999999 1px 1px 1px;}
DIV.topmenu2 DIV H2 {color:#444444; font-size:16px;color:#555555;}
DIV.topmenu2 A.menuitem {
padding:0px;
padding-top:14px;
text-align:center;
color:black;
text-align:center;
color:#555555;
z-index: 10;
width:130px;
font-size:14px;
height:33px;
display: block;
position: relative;
background: url('../images/menuitems2.png') no-repeat 0px 0px;
font-size:15px;
}
DIV.topmenu2 A.menuitemselected {
background: url('../images/menuitems2.png') no-repeat -130px 0px;
color:#000000;
}
DIV.topmenu2 UL {margin:0px; padding:0px; height:45px; margin-top:40px; padding-left:300px; margin-top:0px;}
DIV.topmenu2 LI {
float: left;
list-style: none;
cursor:pointer;
}
DIV.topmenu2 li.back {
background: url('../images/menuitems2.png') no-repeat -260px 0px;
height: 45px;
position: absolute;
}
DIV.topmenu2 A.menuitem:hover {text-decoration:none;color:#222222;
background: url('../images/menuitems2.png') no-repeat -260px 0px;
}
DIV.topmenu2 A.menuitemselected:hover {text-decoration:none;color:#000000;}
/* page */
DIV.page {
clear:both;
width: 1000px;
margin: 0px auto;
background: url('../images/bg03.png') repeat-y 0px top;
min-height:500px;
padding-top:32px;
}
DIV.page H1 {
color:#444444;
text-shadow:#CCCCCC 1px 1px 3px;
margin-bottom:10px;
padding-bottom:18px;
margin-right:0px;
margin-left:0px;
background:url('../images/h1.png') no-repeat left bottom;
}
DIV.page H2 {
color:#333333;
text-shadow:#CCCCCC 1px 1px 3px;
background:url('../images/h2.png') no-repeat left bottom;
padding-bottom:10px;
_text-shadow:#444444 1px 1px 3px;
_margin-left:-58px;
_padding-left:58px;
_height:42px;
_color:white;
}
DIV.page H3 {color:#333333;
background-image:url('../images/h3.png');
}
DIV.page H3 {color:#555555;}
DIV.page H4 {color:#555555;}
DIV.pagecontentfull {
float: none;
width: 940px;
margin-left: auto;
margin-right: auto;
font-size:15px;
padding-left:3px;
color:#333333;
}
DIV.pagecontent {
float: left;
margin-left:28px;
width: 700px;
padding: 0px;
padding-right:20px;
font-size:15px;
min-height:400px;
color:#333333;
}
BODY.popup DIV.page {min-height:0px; padding:0px; margin-left:10px; background:none; width:100%;}
DIV.pagecontent LI {list-style-image:url('../images/li.png');}
DIV.sidebar {
clear:both;
float: left;
width: 193px;
margin-left:30px;
margin-top:5px;
padding: 0px 6px 0px 6px;
}
/* rss */
DIV.rss {padding:5px;overflow:hidden;background:url('../images/rss.png?') no-repeat 10px 27px; height:240px;}
DIV.rss H2.rsssupertitle { padding-left:45px; font-size:24px; padding-top:25px; padding-bottom:0px; min-height:32px; color:#222222;
background-position:top left;
background-image:url('../images/h2long.png');
text-shadow:#CCCCCC 1px 1px 3px;
text-transform:capitalize;
}
DIV.rss H3.rsstitle {margin-top:10px; font-weight:bold; text-shadow:#CCCCCC 1px 1px 3px; margin-bottom:10px;}
DIV.rss DIV.rssdate {display:none;}
DIV.rss DIV.rssdescription {margin-top:5px; color:#666666;}
/* footer */
DIV.footer {
clear: both;
width: 1000px;
margin: 0px auto;
padding-top: 20px;
height:15px;
margin-bottom:15px;
text-align:center;
background-color:white;
background-image: url('../images/bg06.png');
background-position: 3px top;
background-repeat: no-repeat;
padding-bottom:35px;
}
DIV.footer .text1 {text-align:center; }
DIV.footer DIV.copyright {float:left;padding-left:15px; color:#999999; }
DIV.footer DIV.designedby {float:right; margin-right:16px; color:#999999; }
DIV.footer DIV.designedby IMG {margin-bottom:-3px;}
DIV.footer DIV.w3cValidator {float:right; margin-right:15px;}
/* grid */
TABLE.grid {border-collapse: collapse; border-top:1px #CCCCCC solid; border-right:1px #CCCCCC solid; width:100%;}
TABLE.grid TR.gridheader TD {color:black;}
TABLE.grid TD {font-size:small; border-bottom:1px #CCCCCC solid; padding:2px; border-left:1px #CCCCCC solid;}
TABLE.grid TD LI {list-style-position: inside; }
/* youtubevideo */
DIV.youtubevideo {border:1px #cccccc solid; width:500px; height:400px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 2px rgb(99,99,99);
-moz-box-shadow: 2px 2px 2px rgb(99,99,99);
box-shadow: 2px 2px 2px rgb(99,99,99);
background-image:url('../images/loading1.gif');
background-repeat:no-repeat;
background-position:center center;
padding:3px;
}
/* table3columns */
TABLE.table3columns {width:85%; margin-left:auto; margin-right:auto;}
TABLE.table3columns TD {width:33%; border:1px red solid;}
/* tabbox */
DIV.tabbox {padding:5px;
background:url('../images/lorem.png') no-repeat 10px 27px;
}
DIV.tabbox UL.tabs {margin:0px; padding:0px;
padding-left:58px;
background:url('../images/h2long.png') no-repeat left top;
padding-top:25px;
padding-bottom:0px;
}
DIV.tabbox UL.tabs li { list-style:none; display:inline; margin-right:3px;}
DIV.tabbox UL.tabs li a {padding:0px 10px 0px 10px; border-bottom:5px #CCCCCC solid;color:#222222; text-shadow:#CCCCCC 1px 1px 3px; font-size:16px; }
DIV.tabbox UL.tabs li a:hover { border-color:#777777; text-decoration:none;}
DIV.tabbox UL.tabs li a.active {border-color:#82BE45;}
DIV.tabbox DIV.tabpanels {margin-top:25px;}
DIV.tabbox DIV.tabpanels DIV.tabpanel {display:none; color:#555555;}
DIV.tabbox DIV.tabpanels DIV.tabpanel:first-child {display:block;}
/* animatedtooltip */
DIV.animatedtooltip {position:absolute; width: 180px; height: 45px; padding: 20px 12px 10px; z-index: 2; text-align: center; display:none; background: url('../images/animatedtooltip.png') no-repeat; }
A.animatedtooltip {}
/* animatedtooltip2 */
DIV.animatedtooltip2 {position:absolute; width: 180px; height: 45px; padding: 20px 12px 10px; z-index: 2; text-align: center; display:none; background: url('../images/animatedtooltip2.png') no-repeat; z-index:200; color:white;}
A.animatedtooltip2 {}
/* moretext */
LABEL.moretext {display:none; }
LABEL.moretextimage {background-image:url('../images/moretext.png');background-repeat:no-repeat;}
LABEL.moretextimage:hover {background-image:url('../images/moretext2.png'); cursor:pointer;}
/* slider */
.slider {width:991px; height:342px; overflow: hidden; margin-bottom:72px; background-color:#F8F8F8;
margin-left:-27px;
margin-top:-32px;
}
.slider img {width:991px; height:342px; }
.slider ul, #slider li {margin:0;padding:0;list-style:none;}
.slider li { width:991px;height:342px;overflow:hidden; cursor:pointer; }
.slider li div {
margin-left:72px;
margin-top:-313px;
font-weight:normal;
}
.slider li div H1 {color:white; font-size:36px; margin-bottom:8px; background:none; padding:0px; margin:0px;border-width:0px;
text-shadow:#000000 1px 1px 4px;
}
.slider li div H1 IMG {margin-bottom:-5px;height:32px; width:32px; margin-right:10px;}
.slider li div H2 {font-size:20px; color:#FFFFFF;
text-shadow:#000000 1px 1px 1px;
height:24px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
}
.slider li div P {margin:0px; margin-bottom:15px; font-size:15px; color:white; color:#FFFFFF; }
.slider A:hover {text-decoration:none;}
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}
#nextBtn, #slider1next{ left:696px;}
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{ display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; }
ol#controls{padding:0;height:60px; margin-top:-60px;
margin-left:-27px;
margin-right:-25px;
padding-top:20px;
padding-left:350px;
margin-top:-72px;
margin-bottom:-8px;
background:red;
background:url('../images/sliderfooter.png') no-repeat left bottom;
}
ol#controls li{margin:0 6px 0 0; padding:0;float:left;list-style:none;height:32px;line-height:32px;}
ol#controls li a {float:left;height:36px; line-height:32px; border-top:5px solid #ccc;color:#555;padding:0 24px;text-decoration:none;background-image: url('../images/sliderbuttons.png'); background-repeat:no-repeat;
opacity:.7;
}
ol#controls li.current a{color:#fff;border-top:5px solid #82BE45; font-weight:bold; color:black;
opacity:1;
}
ol#controls li a:hover, #prevBtn a:hover, #nextBtn a:hover{border-top:5px solid #6E6E6E; font-weight:bold; color:black;
opacity:1;
}
ol.sliderlavalamp {}
ol.sliderlavalamp li.back {
height: 5px!important;
position: absolute;
z-index:0;
border-top:5px #82BE45 solid;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;
opacity:1;
}
a.iconic0 { background-position:4px 4px; }
a.iconic1 { background-position:-38px 4px; }
a.iconic2 { background-position:-82px 4px; }
a.iconic3 { background-position:-126px 4px; }
a.iconic4 { background-position:-172px 4px; }
a.iconic5 { background-position:-218px 4px; }
/* searchresult */
DIV.searchresult {margin-top:16px; margin-left:32px;}
DIV.searchresultitem {
background:url('../images/searchresultitem.png') no-repeat -12px 0px;
padding:10px;
padding-left:60px;
height:59px;
border-top:1px #CCCCCC dotted;
}
DIV.searchresultitem:first-child {border-top-width: 0px;}
DIV.searchresultitem H3 A {color:#555555!important;font-size:22px!important; }
DIV.searchresultitem H4 {color:#888888;font-size:14px;}
DIV.searchresultfooter {font-style:italic; margin-top:16px; color:gray;}
DIV.socialmedia {padding:5px;overflow:hidden;background:url('../images/socialmedia.png') no-repeat 10px 27px; width:250px;}
DIV.socialmedia H2 {
padding-left:45px; font-size:24px; padding-top:25px; padding-bottom:0px; min-height:32px; color:#222222;
background-position:top left;
background-image:url('../images/h2.png');
text-shadow:#CCCCCC 1px 1px 3px;
text-transform:capitalize;
margin-bottom:13px;
}
DIV.socialmedia A {text-shadow:#999999 1px 1px 3px;}
/* signin */
A.signin {}
A.menu-open {
background:#444444;
color:white!important;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
}
DIV.signin_menu {
display:none;
background-color:#444444;
position:absolute;
width:240px;
z-index:100;
border:1px transparent;
text-align:left;
font-size:13px;
padding:8px;
padding-left:7px;
padding-top:7px;
padding-right:7px;
padding-bottom:7px;
margin-left:0px;
margin-top:3px;
color:#222222;
}
DIV.signin_menu FORM {padding:10px; background:#F4F4F4;
border-radius: 5px;
-moz-border-radius: 5px;}
DIV.signin_menu A {color:white!important;}
DIV.signin_menu INPUT.text {width:200px; min-width:10px;}
DIV.signin_menu A:hover {text-decoration:underline!important;}
/* Tweets */
DIV.twitterSearch {
padding:5px;overflow:hidden;background:url('../images/twitter.png') no-repeat 10px 27px;
width:600px;
}
DIV.twitterSearchContent {margin-top:10px;}
DIV.twitterSearch H2 {
padding-left:45px; font-size:24px; padding-top:25px; padding-bottom:0px; min-height:32px; color:#222222;
background-position:top left;
text-shadow:#CCCCCC 1px 1px 3px;
text-transform:capitalize;
background-image:url('../images/h2long.png');
}
DIV.twitterSearch .tweet {
margin: 4px 0;
text-align:left;
padding: 5px;
color:#666666;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
min-height: 24px;
}
DIV.twitterSearch .tweet img {
float: left;
margin: 0 8px 4px 0;
}
DIV.twitterSearch .tweet .text {
margin: 0;
margin-left: 32px;
}
DIV.twitterSearch .tweet .time {
font-size: 80%;
color:#BBBBBB;
}
DIV.twitterSearch .tweet .username {font-weight:bold;text-shadow:#999999 1px 1px 3px;}
/* facebook */
DIV.facebookILikeIt {}/* ------------------------------------------------------------------------
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 */