/* ________ _________________ | _____| CosmoThemes Generic CSS |_______ ______| | | | | | | _____ _____ ______ _____ | | _ _ _____ ______ _____ _____ | | | | | ___| | | | | | | | |_| | | ___| | | | ___| | ___| | |_____ | | | |___ | | | | | | | | | | | _ | | ___| | | | | | ___| |___ | |________| |_____| |_____| |_|__|_| |_____| |__| |_| |_| |_____| |_|__|_| |_____| |_____| */ @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); /* style for .settings-style-general-logo_text*/ .dynamic-settings-style-general-logo_text{ /* font style */ font-family : 'PT Sans Narrow',Helvetica, Arial ,sans-serif !important; font-size : 25px !important; font-weight : normal !important; color : #cdcdcd !important; line-height : 25px !important; } /* link */ .dynamic-settings-style-general-logo_text a{ /* font style */ font-family : 'PT Sans Narrow',Helvetica,Arial,sans-serif !important; font-weight : normal !important; color : #cdcdcd !important; text-decoration : none !important; line-height : 25px !important; } /* hover */ .dynamic-settings-style-general-logo_text a:hover{ color : #990000 !important; text-decoration : none !important; } /* style for .settings-style-menu-top_menu*/ .dynamic-settings-style-menu-top_menu{ /* font style */ font-weight : !important; color : !important; text-align : none !important; } /* link */ .dynamic-settings-style-menu-top_menu a{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* hover */ .dynamic-settings-style-menu-top_menu a:hover{ color : !important; text-decoration : none !important; } /* style for .settings-style-single-post_title*/ .dynamic-settings-style-single-post_title{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-single-post_text*/ .dynamic-settings-style-single-post_text{ /* font style */ font-weight : normal !important; color : !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-page-post_title*/ .dynamic-settings-style-page-post_title{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-page-post_text*/ .dynamic-settings-style-page-post_text{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-archive-title*/ .dynamic-settings-style-archive-title{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* style for .settings-style-archive-post-title*/ .dynamic-settings-style-archive-post-title{ /* font style */ font-weight : !important; color : !important; text-align : none !important; } /* link */ .dynamic-settings-style-archive-post-title a{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* hover */ .dynamic-settings-style-archive-post-title a:hover{ color : !important; text-decoration : none !important; } /* style for .settings-style-archive-post-excerpt*/ .dynamic-settings-style-archive-post-excerpt{ /* font style */ font-weight : !important; color : !important; text-decoration : none !important; text-align : none !important; } /* Foundation v2.2 http://foundation.zurb.com */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ /* ----------------------------------------- Page Name 1 ----------------------------------------- */ /* ----------------------------------------- Page Name 2 ----------------------------------------- */ /*Menu background and opacity - must be identical to header background. Added values - border*/ .sf-menu li li {background-color:#026890 !important;}.attached_imgs_gallery { width:100%; } .attached_imgs_gallery-element a { padding: 0px;} .attached_imgs_gallery-element { width:155px; height:150px; display:inline-block; margin:0 15px 15px 0;text-align:center; padding: 5px; background: whiteSmoke; border: none!important; vertical-align:middle; } .cosmo_uploader_label p.info { position:relative !important; bottom:auto !important; } .cosmo_uploader_interface { background-color:white; border-color: rgb(229, 229, 229); border-style: solid;border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: "Helvetica", "Arial", sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; position:relative; width: 70%; display:inline-block; } .cui_add_button, .cui_thumbnail { position:relative; float:left; overflow:hidden; display:inline-block; direction: 'ltr'; padding-top:10px; text-align:center; border-style:solid; border-width:1px; border-color:white; } .cui_thumbnail img { cursor:pointer; } .cui_upload_button_container input { cursor:pointer; position:absolute; right:0px; bottom:0px; top:0px; left: 0px; opacity:0; filter: alpha(opacity=0); width:90px; height: 32px; } .cui_upload_button_container { cursor:pointer; width: 100%; height: 100% } .cui_add_button img { } .cui_spinner_container { text-align:center; clear:both; } .cui_thumbnail_container { cursor:pointer; width: 100%; height: 100% } .b_text .attach {float: left; width: 100%; background: #ffffe0 url(images/format.file.download.png) no-repeat 10px center; border: 1px solid #fff576; margin: 0 0 20px 0; padding: 20px 10px; border-radius: 6px;} .b_text .attach a { padding-left: 42px; } .b_text .attach.pdf a { background: url(images/format.file.pdf.png) no-repeat 42px center; padding-left: 58px;} .b_text .attach.doc a { background: url(images/format.file.doc.png) no-repeat 42px center; padding-left: 58px;} .cosmo_floating_uploader { position:absolute !important; border:none !important; background-color:transparent !important; width:95px!important; height:32px!important; overflow:hidden; z-index:9000!important; } .cosmo_floating_uploader img { margin:0px!important; } .cosmo_floating_uploader .cui_add_button { border:none!important; padding:0px!important;}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right {height:13px} div.pp_default .pp_top .pp_left {background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle {background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover {opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}d iv.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} 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_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} 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_content{height:40px;min-width:40px} * html .pp_content{width:40px} .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{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:7px 0 0} .pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,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} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a { border:1px rgba(0,0,0,0.5) solid; display:block; min-height:10px; float:left; height:auto; padding:0px; max-height: 33px; max-width:50px; overflow:hidden } .pp_gallery ul a img{border:none; padding:0px; margin:0px; dispaly:block; min-height: 50px; } .pp_gallery li{ display:table-cell; vertical-align:middle; float:left; margin:0 5px 0 0;padding:0 } .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} 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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #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} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}/* ------------- * Buttons * ------------- */ a.cosmolink { text-decoration: none; display: inline-block;} .cosmobutton { margin: 0 10px 0 0; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: hidden; font-family: Arial; outline: none; } *:first-child+html .cosmobutton[type]{width: 1;} /* IE7 */ /* ------------- * Normal * ------------- */ .cosmobutton span {background: transparent url(../images/shortcodes/btn.right.gray.png) no-repeat right top; display: inline-block; float: left; padding: 0px 4px 0px 0px; margin: 0px; height: 33px; } .cosmobutton span span { background: transparent url(../images/shortcodes/btn.left.gray.png) no-repeat top left; color: #000; font-weight: bold; padding: 8px 16px 0px 20px; font-size: 12px; line-height: 19px; display: inline-block; float: left; text-decoration: none; height: 33px; *min-width: 82px; text-align: center; text-shadow: none;} .cosmobutton span span span{ *min-width: 16px;} /*Gray*/ .cosmobutton.gray span { background: transparent url(../images/shortcodes/btn.right.gray.png) no-repeat right top; } .cosmobutton.gray span span { background: transparent url(../images/shortcodes/btn.left.gray.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue span { background: transparent url(../images/shortcodes/btn.right.blue.png) no-repeat right top; } .cosmobutton.blue span span { background: transparent url(../images/shortcodes/btn.left.blue.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red span { background: transparent url(../images/shortcodes/btn.right.red.png) no-repeat right top; } .cosmobutton.red span span { background: transparent url(../images/shortcodes/btn.left.red.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green span {background: transparent url(../images/shortcodes/btn.right.green.png) no-repeat right top;} .cosmobutton.green span span {background: transparent url(../images/shortcodes/btn.left.green.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange span {background: transparent url(../images/shortcodes/btn.right.orange.png) no-repeat right top;} .cosmobutton.orange span span {background: transparent url(../images/shortcodes/btn.left.orange.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black span {background: transparent url(../images/shortcodes/btn.right.black.png) no-repeat right top;} .cosmobutton.black span span {background: transparent url(../images/shortcodes/btn.left.black.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown span {background: transparent url(../images/shortcodes/btn.right.brown.png) no-repeat right top;} .cosmobutton.brown span span { background: transparent url(../images/shortcodes/btn.left.brown.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink span { background: transparent url(../images/shortcodes/btn.right.pink.png) no-repeat right top; } .cosmobutton.pink span span { background: transparent url(../images/shortcodes/btn.left.pink.png) no-repeat top left; color: #fff;} /* ------------- * Small * ------------- */ .cosmobutton.small span { background: transparent url(../images/shortcodes/btn.right.blue.small.png) no-repeat right top; height: 22px; } .cosmobutton.small span span { background: transparent url(../images/shortcodes/btn.left.blue.small.png) no-repeat top left; padding: 0px 10px 0px 14px; font-size: 11px; line-height: 22px; height: 22px;} /*Gray*/ .cosmobutton.gray.small span { background: transparent url(../images/shortcodes/btn.right.gray.small.png) no-repeat right top; } .cosmobutton.gray.small span span { background: transparent url(../images/shortcodes/btn.left.gray.small.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue.small span { background: transparent url(../images/shortcodes/btn.right.blue.small.png) no-repeat right top; } .cosmobutton.blue.small span span { background: transparent url(../images/shortcodes/btn.left.blue.small.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red.small span { background: transparent url(../images/shortcodes/btn.right.red.small.png) no-repeat right top; } .cosmobutton.red.small span span { background: transparent url(../images/shortcodes/btn.left.red.small.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green.small span {background: transparent url(../images/shortcodes/btn.right.green.small.png) no-repeat right top;} .cosmobutton.green.small span span {background: transparent url(../images/shortcodes/btn.left.green.small.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange.small span {background: transparent url(../images/shortcodes/btn.right.orange.small.png) no-repeat right top;} .cosmobutton.orange.small span span {background: transparent url(../images/shortcodes/btn.left.orange.small.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black.small span {background: transparent url(../images/shortcodes/btn.right.black.small.png) no-repeat right top;} .cosmobutton.black.small span span {background: transparent url(../images/shortcodes/btn.left.black.small.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown.small span {background: transparent url(../images/shortcodes/btn.right.brown.small.png) no-repeat right top;} .cosmobutton.brown.small span span { background: transparent url(../images/shortcodes/btn.left.brown.small.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink.small span { background: transparent url(../images/shortcodes/btn.right.pink.small.png) no-repeat right top; } .cosmobutton.pink.small span span { background: transparent url(../images/shortcodes/btn.left.pink.small.png) no-repeat top left; color: #fff;} /* ------------- * Large * ------------- */ .cosmobutton.large span { background: transparent url(../images/shortcodes/btn.right.blue.large.png) no-repeat right top; height: 44px; } .cosmobutton.large span span { background: transparent url(../images/shortcodes/btn.left.blue.large.png) no-repeat top left; padding: 0px 20px 0px 24px; font-size: 14px; line-height: 44px; height: 44px; } /*Gray*/ .cosmobutton.gray.large span { background: transparent url(../images/shortcodes/btn.right.gray.large.png) no-repeat right top; } .cosmobutton.gray.large span span { background: transparent url(../images/shortcodes/btn.left.gray.large.png) no-repeat top left; } /*Blue*/ .cosmobutton.blue.large span { background: transparent url(../images/shortcodes/btn.right.blue.large.png) no-repeat right top; } .cosmobutton.blue.large span span { background: transparent url(../images/shortcodes/btn.left.blue.large.png) no-repeat top left; color: #fff; } /*Red*/ .cosmobutton.red.large span { background: transparent url(../images/shortcodes/btn.right.red.large.png) no-repeat right top; } .cosmobutton.red.large span span { background: transparent url(../images/shortcodes/btn.left.red.large.png) no-repeat top left; color: #fff;} /*Green*/ .cosmobutton.green.large span {background: transparent url(../images/shortcodes/btn.right.green.large.png) no-repeat right top;} .cosmobutton.green.large span span {background: transparent url(../images/shortcodes/btn.left.green.large.png) no-repeat top left; color: #fff;} /*Orange*/ .cosmobutton.orange.large span {background: transparent url(../images/shortcodes/btn.right.orange.large.png) no-repeat right top;} .cosmobutton.orange.large span span {background: transparent url(../images/shortcodes/btn.left.orange.large.png) no-repeat top left; color: #fff;} /*Black*/ .cosmobutton.black.large span {background: transparent url(../images/shortcodes/btn.right.black.large.png) no-repeat right top;} .cosmobutton.black.large span span {background: transparent url(../images/shortcodes/btn.left.black.large.png) no-repeat top left; color: #fff;} /*Brown*/ .cosmobutton.brown.large span {background: transparent url(../images/shortcodes/btn.right.brown.large.png) no-repeat right top;} .cosmobutton.brown.large span span { background: transparent url(../images/shortcodes/btn.left.brown.large.png) no-repeat top left; color: #fff;} /*Pink*/ .cosmobutton.pink.large span { background: transparent url(../images/shortcodes/btn.right.pink.large.png) no-repeat right top; } .cosmobutton.pink.large span span { background: transparent url(../images/shortcodes/btn.left.pink.large.png) no-repeat top left; color: #fff;} /* ------------- * Icons * ------------- */ .cosmo-ico { position: relative; top: 3px; width: 16px!important; height: 16px!important; margin-right: 10px!important; margin-top: 1px!important; padding: 0!important; float: left!important;} .cosmobutton .cosmo-ico {top: 0; } .cosmobutton.comment .cosmo-ico, .cosmo-box.comment .cosmo-ico { background: url(../images/shortcodes/icons.png) 0px 0 no-repeat!important; } .cosmobutton.download .cosmo-ico, .cosmo-box.download .cosmo-ico { background: url(../images/shortcodes/icons.png) -16px 0 no-repeat!important;} .cosmobutton.print .cosmo-ico, .cosmo-box.print .cosmo-ico { background: url(../images/shortcodes/icons.png) -32px 0 no-repeat!important;} .cosmobutton.delete .cosmo-ico, .cosmo-box.delete .cosmo-ico { background: url(../images/shortcodes/icons.png) -48px 0 no-repeat!important;} .cosmobutton.tick .cosmo-ico, .cosmo-box.tick .cosmo-ico { background: url(../images/shortcodes/icons.png) -64px 0 no-repeat!important;} .cosmobutton.info .cosmo-ico, .cosmo-box.info .cosmo-ico { background: url(../images/shortcodes/icons.png) -80px 0 no-repeat!important;} .cosmobutton.demo .cosmo-ico, .cosmo-box.demo .cosmo-ico { background: url(../images/shortcodes/icons.png) -96px 0 no-repeat!important;} .cosmobutton.warning .cosmo-ico, .cosmo-box.warning .cosmo-ico { background: url(../images/shortcodes/icons.png) -112px 0 no-repeat!important;} .cosmobutton.error .cosmo-ico, .cosmo-box.error .cosmo-ico { background: url(../images/shortcodes/icons.png) -128px 0 no-repeat!important;} /*hover Normal*/ .cosmobutton:hover span span { background-position: left -33px ; } .cosmobutton:hover span { background-position: right -33px ; } /*clicked Normal*/ .cosmobutton:active span span { background-position: left -66px ; } .cosmobutton:active span { background-position: right -66px ; } /*hover Large*/ .cosmobutton.large:hover span span { background-position: left -44px ; } .cosmobutton.large:hover span { background-position: right -44px ; } /*clicked Large*/ .cosmobutton.large:active span span { background-position: left -88px ; } .cosmobutton.large:active span { background-position: right -88px ; } /*hover Small*/ .cosmobutton.small:hover span span { background-position: left -22px ; } .cosmobutton.small:hover span { background-position: right -22px ; } /*clicked Small*/ .cosmobutton.small:active span span { background-position: left -44px ; } .cosmobutton.small:active span { background-position: right -44px ; } /* IE 6 */ * html .cosmobutton { height:33px; } * .cosmobutton span span { height: 25px; } /* IE 7 */ *+ html .cosmobutton { height:33px; } *+ .cosmobutton span span { height: 25px; } /* IE 6 Large */ * html .cosmobutton.large { height:44px; } * .cosmobutton.large span span { height: 44px; } /* IE 7 Large */ *+ html .cosmobutton.large { height:44px; } *+ .cosmobutton.large span span { height: 44px; } /* IE 6 Small */ * html .cosmobutton.small { height:22px; } * .cosmobutton.small span span { height: 22px; } /* IE 7 Small */ *+ html .cosmobutton.small { height:22px; } *+ .cosmobutton.small span span { height: 22px; } /* ------------- * Dividers * ------------- */ .cosmo-hr, .cosmo-divider { clear: both; display: block; width: 100%; } .cosmo-hr { background: url(../images/delimiter.bg.x.png) repeat-x 0 0; } /* ------------- * Blockquote * ------------- */ .cosmo-blockquote { display: block; *display: inline-block;} .cosmo-blockquote p { margin: 1em 20px!important; padding: 0 0 0 40px; background: url(../images/shortcodes/quote.png) no-repeat 0 3px; font-style: italic; color:gray; min-height: 25px; } .cosmo-blockquote.left { float:left; width:40%;} .cosmo-blockquote.right { float:right; width:40%;} .cosmo-blockquote.boxed { background: white; border: 1px solid #ccc; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px;} .cosmo-blockquote.boxed.left { margin: 0 1.5em 1em 0;} .cosmo-blockquote.boxed.right { margin: 0 0 1em 1.5em;} .night .cosmo-blockquote.boxed {background: #333; border: 1px solid #272727;} /* ------------- * Boxes * ------------- */ .cosmo-box { float: left; width: 100%; clear: both; margin: 1em 0 1.5em 0; padding:0; border-width: 1px; border-style: solid; color: #555; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .cosmo-box div.left, .cosmo-box div.right{padding: 10px;} .cosmo-box div.right {height: auto; color: white;} .cosmo-box.large div.left, .cosmo-box.large div.right {padding:25px; } .cosmo-box h5 {font: italic normal 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; display: block;} .cosmo-box.large h5 {font: italic normal 20px Georgia, "Times New Roman", Times, serif;} .cosmo-box .right.arrow { padding: 20px 10px 20px 40px; text-align: right; } .cosmo-box .right.color { padding: 20px 10px; text-align: right;background: url(../images/shortcodes/bg-info-boxes.png) no-repeat left center; } .cosmo-box.large .right.arrow { padding: 40px 25px 40px 60px;} .cosmo-box.large .right.color { padding: 40px 25px;} .cosmo-box .right a{font: italic normal 16px Georgia, "Times New Roman", Times, serif; color: white; } .cosmo-box .right a span.desc { display: block; font: normal 11px Helvetica, Arial, sans-serif; color: #dedede;} .cosmo-box .right.arrow.blue {background: url(../images/shortcodes/bg-info-boxes-arrow-blue.png) no-repeat left center;} .cosmo-box .right.arrow.green {background: url(../images/shortcodes/bg-info-boxes-arrow-green.png) no-repeat left center;} .cosmo-box .right.color.blue {background-color: #1e9fbf} .cosmo-box .right.color.green {background-color: #94C847} .cosmo-box.default, .cosmo-box.demo, .cosmo-box.comment { border-color: #e2e1e0; background: #f7f7f7;} .cosmo-box.tick { border-color: #bce5b6; background: #eafae6;} .cosmo-box.info, .cosmo-box.download { border-color: #b6cfe5;background: #e6f1fa; } .cosmo-box.warning { border-color: #E6DB55;background: #FFFFE0; } .cosmo-box.error { border-color: #e5c5b6;background: #faebe6; } /* ------------- * List Styles - Unordered List * ------------- */ .cosmo-unorderedlist ul, .cosmo-orderedlist ol { margin:0 0 1.5em 0; padding: 0; } .cosmo-unorderedlist ul li, .cosmo-unorderedlist ul li, .cosmo-unorderedlist ul li ul, .cosmo-unorderedlist ul li ul { list-style-type: none!important; padding-left:25px; } .cosmo-unorderedlist.tick ul li, .cosmo-unorderedlist.tick ul li { background: url(../images/shortcodes/list.tick.png) no-repeat left top; } .cosmo-unorderedlist.cancel ul li, .cosmo-unorderedlist.cancel ul li { background: url(../images/shortcodes/list.cancel.png) no-repeat left top; } .cosmo-unorderedlist.bullet ul li, .cosmo-unorderedlist.bullet ul li { background: url(../images/shortcodes/list.bullet.png) no-repeat left top; } .cosmo-unorderedlist.arrow ul li, .cosmo-unorderedlist.arrow ul li { background: url(../images/shortcodes/list.arrow.png) no-repeat left top; } .cosmo-unorderedlist.star ul li, .cosmo-unorderedlist.star ul li { background: url(../images/shortcodes/list.star.png) no-repeat left top; } /* ------------- * List Styles - Ordered List * ------------- */ .cosmo-orderedlist ol li, .cosmo-orderedlist ol li ol, .cosmo-orderedlist ol li { list-style-type: none; margin-left: 25px; } .cosmo-orderedlist.armenian ol li, .cosmo-orderedlist.armenian ol li { list-style-type: armenian; } .cosmo-orderedlist.decimal ol li, .cosmo-orderedlist.decimal ol li { list-style-type: decimal; } .cosmo-orderedlist.decimal-leading-zero ol li, .cosmo-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; } .cosmo-orderedlist.georgian ol li, .cosmo-orderedlist.georgian ol li { list-style-type: georgian; } .cosmo-orderedlist.lower-alpha ol li, .cosmo-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; } .cosmo-orderedlist.lower-greek ol li, .cosmo-orderedlist.lower-greek ol li { list-style-type: lower-greek; } .cosmo-orderedlist.lower-latin ol li, .cosmo-orderedlist.lower-latin ol li { list-style-type: lower-latin; } .cosmo-orderedlist.lower-roman ol li, .cosmo-orderedlist.lower-roman ol li { list-style-type: lower-roman; } .cosmo-orderedlist.upper-alpha ol li, .cosmo-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; } .cosmo-orderedlist.upper-latin ol li, .cosmo-orderedlist.upper-latin ol li { list-style-type: upper-latin; } .cosmo-orderedlist.upper-roman ol li, .cosmo-orderedlist.upper-roman ol li { list-style-type: upper-roman; } /* ------------- * Highlight and Abbreviation * ------------- */ span.cosmo-highlight { background: #FFFFAA; padding: 3px 3px 1px; } abbr { border-bottom: 1px dashed #999999; cursor: help; } /* ------------- * Dropcap * ------------- */ span.dropcap { font-size: 300%; font-weight: bold; float: left; position: relative; margin:5px 7px 0 0; line-height: 0.7em; } /* ------------- * Tabs - Horizontal * ------------- */ .cosmo-tabs {clear: both; display: inline-block; background: white; margin: 20px 0; width: auto; border: 1px solid #efefef; float: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} @media projection, screen { .cosmo-tabs .tabs-hide { display: none; } } @media print {.cosmo-tabs .tabs-nav { display: none;} } .cosmo-tabs ul.tabs-nav{ -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px 3px; list-style: none; margin: 0; padding: 0; height: 39px; border-bottom: 1px solid #efefef; background: #fafafa; float: none!important;} .cosmo-tabs .tabs-nav li { float: left; margin: 0; min-width: 68px; width: auto!important; border-right: 1px solid #efefef; height: 40px; padding: 0!important; background: none!important; list-style-type: none!important;} .cosmo-tabs .tabs-nav li.first{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px 4px; } .cosmo-tabs .tabs-nav a, .cosmo-tabs .tabs-nav a span { display: block; padding: 0 10px; cursor: pointer;} .cosmo-tabs .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #444; text-shadow: 0 1px 0 #fff; font-size: 12px; font-weight: bold; line-height: 14px; text-align: center; text-decoration: none;} .cosmo-tabs .tabs-nav .tabs-selected a { color: #000; } .cosmo-tabs .tabs-nav .tabs-selected a, .cosmo-tabs .tabs-nav a:hover, .cosmo-tabs .tabs-nav a:focus, .cosmo-tabs .tabs-nav a:active { outline: 0;} .cosmo-tabs .tabs-nav a span { width: 46px; min-width: 46px; height: 28px; min-height: 28px; padding-top: 12px; padding-right: 0; } *>.cosmo-tabs .tabs-nav a span { width: auto; height: auto;} .cosmo-tabs .tabs-nav .tabs-selected { background: #fff!important; border-bottom: none;} .cosmo-tabs .tabs-container { padding: 15px; background: white; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px 3px; } /* ------------- * Tabs - Vertical * ------------- */ .cosmo-tabs.vertical {position: relative;} .cosmo-tabs.vertical ul.tabs-nav{ float: left!important; height: auto; width: 20%; border-bottom: none; *background: none; } .cosmo-tabs.vertical .tabs-nav li {float: none; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 38px;} .cosmo-tabs.vertical .tabs-nav li.last { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px 4px; border-bottom: none;} .cosmo-tabs.vertical .tabs-nav .tabs-selected { border-right: 1px solid #fff; } .cosmo-tabs.vertical .tabs-nav li.first.tabs-selected {border-top: none;} .cosmo-tabs.vertical .tabs-nav a span { } .cosmo-tabs.vertical .tabs-container { margin-left: 20%; padding: 10px 20px; } .cosmo-tabs.vertical .tabs-container p{ margin: 0; padding: 0; } .night .cosmo-tabs.vertical .tabs-nav .tabs-selected {border-right: 1px solid #383838;} .night .cosmo-tabs.vertical .tabs-nav li { border-right: 1px solid #272727; border-bottom: 1px solid #272727;} .night .cosmo-tabs.vertical .tabs-nav li.last {border-bottom: none;} /* ------------- * Accordion * ------------- */ h2.cosmo-acc-trigger { padding: 0; margin: 2px 0 0 0; background: #fafafa; height: 39px; line-height: 39px; font-size: 14px; border: 1px solid #efefef; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} h2.cosmo-acc-trigger a { color: #444; text-decoration: none; display: block; padding: 0 0 0 20px; margin: 0 0 0 20px; outline: none; background: url(../images/shortcodes/accordion.arrows.png) left 15px no-repeat; height: 30px;} h2.cosmo-acc-trigger.active a{background-position: left -10px;} .cosmo-acc-container { margin: 0 0 4px 0; padding: 15px 20px; background: #FDFCFA; color: #444; border: 1px solid #efefef; border-top: none; overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} /* ------------- * Columns * ------------- */ .twocol_one{width:48%;} .threecol_one{width:30.66%;} .threecol_two{width:65.33%;} .fourcol_one{width:22%;} .fourcol_two{width:48%;} .fourcol_three{width:74%;} .fivecol_one{width:16.8%;} .fivecol_two{width:37.6%;} .fivecol_three{width:58.4%;} .fivecol_four{width:67.2%;} .twocol_one,.threecol_one,.threecol_two,.fourcol_one,.fourcol_two,.fourcol_three,.fivecol_one,.fivecol_two,.fivecol_three,.fivecol_four{float:left;margin-right:4%;position:relative;} .last{clear:right;margin-right:0 !important;} @media only screen and (max-width: 767px) { .twocol_one,.threecol_one,.threecol_two,.fourcol_one,.fourcol_two,.fourcol_three,.fivecol_one,.fivecol_two,.fivecol_three,.fivecol_four {float: none; margin: 0 0 30px 0; width: 100%; } } /* ------------- * Toggle * ------------- */ .cosmo-toggle {clear: both; display: inline-block; margin: 20px 0; width: 100%;} .cosmo-toggle h2 { padding: 0; margin: 0; background: #fafafa; height: 39px; line-height: 39px; font-size: 14px; border: 1px solid #efefef; text-shadow: 0 1px 0 #fff; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .cosmo-toggle h2 a.show, .cosmo-toggle h2 a.hide { color: #444; text-decoration: none; display: block; margin: 0 0 0 20px; padding: 0 0 0 20px; outline: none; background: url(../images/shortcodes/toggle.arrows.png) left 15px no-repeat; height: 30px;} .cosmo-toggle h2 a.hide { background-position: left -11px;} .cosmo-toggle .cosmo-toggle-container { margin: 0 0 4px 0; padding: 15px 20px; background: #FDFCFA; color: #444; border: 1px solid #efefef; border-top: none; overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} div.hidden, span.hidden { display:none } /*-------------- * Admin Cosmo Ico *-------------*/ img.cosmo-icon { float: left; margin: 0 10px 0 0; } /*Pricing box*/ .cols-2, .cols-3, .cols-4, .cols-5 { float: left; width: 100%; display: block; margin-top: 20px; } .pricing_box { border: 1px solid #ccc; float: left; text-align: center; padding: 0 0 20px 0; margin-left:-1px; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); background: #fff;} .pricing_box.radius-left { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;} .pricing_box.radius-right { -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;} .pricing_box .header { text-shadow: 0 1px 1px #fff; border-bottom: 1px solid #ccc; background: url(../images/shortcodes/price.bg.png) repeat; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;} .pricing_box .header { width: 100%; height: 68px; } .pricing_box .header span { position: relative; top: 20px; font-size: 16px; font-weight: bold; line-height: 28px; } .pricing_box .header span.info { position: relative; font-size: 12px; font-weight: normal; top: 2px; display: block; color: gray; } .pricing_box p { line-height: 28px;} .pricing_box ul { list-style: none; margin: 0 0 15px 0!important; text-align: left;} .cols-2 .pricing_box { width: 49.8%; } .cols-3 .pricing_box { width: 33%; } .cols-4 .pricing_box { width: 24.8%; font-size: 1em; } .cols-5 .pricing_box { width: 19.5%; font-size: 0.9em;} .pricing_box ul li { line-height: 4em; margin: 0; padding-left: 20px!important; list-style-type: none!important;} .pricing_box ul li.odd { background: #F9F9F9;} .pricing_box ul li.even { background: #fff;} .pricing_box strong { background: url(../images/shortcodes/price.sprite.png) no-repeat 0 -9999px; height: 12px; padding-left: 20px; font-style: normal; color: gray; float: none !important; } .pricing_box strong.no { background-position: 0 0;} .pricing_box strong.yes { background-position: 0 -15px;} .pricing_box strong.single { background-position: 0 -30px; } .pricing_box strong.unlim { background-position: 0 -45px; } .pricing_box strong.more{ background: url(../images/shortcodes/price.more.png) no-repeat 0 0; height: 20px; width: 20px; cursor: pointer; float: right; padding: 0; margin: 14px 14px 0 0;} .pricing_box strong.nopad { padding: 0;} .pricing_box h3{ margin: 20px 0; font-size: 24px; display: block;} .pricing_box h3 em{ font-size: 12px; font-weight: normal;} .pricing_box p.button { height: 40px; background: url(../images/shortcodes/price.readmore.png) no-repeat left 0; float: none; *float: left; display: inline-block; } .pricing_box p.button a { font-size: 14px; height: 40px!important; line-height: 38px!important; background: url(../images/shortcodes/price.readmore.png) no-repeat right -40px; padding:0 40px; color: #303E48;} .pricing_box p.button:hover {background-position:left -80px;} .pricing_box p.button a:hover{background-position:right -120px;} .pricing_box.large { position: relative; z-index: 9; margin-top: -20px; -moz-box-shadow: 0 1px 10px #cbcbcb; -webkit-box-shadow: 0 1px 10px #cbcbcb; box-shadow: 0px 1px 10px #cbcbcb; padding: 0 0 40px 0; border-radius: 5px;} .pricing_box.large .header { color: #fff; text-shadow:0 -1px 0 rgba(0,0,0,.6); height: 88px; background: url(../images/shortcodes/price.bg.signup.png) repeat; border-bottom: 1px solid #47aec8;} .pricing_box.large .header span{ top: 30px; } .pricing_box.large .header span.info{ top: 14px; color: #576e1f; text-shadow:none; } .pricing_box.large p.button { background-position:left -160px;} .pricing_box.large p.button a{ background-position:right -200px; color: white!important; text-shadow:0 -1px 0 #47AEC8; } .pricing_box.large p.button:hover { background-position:left -240px;} .pricing_box.large p.button a:hover{ background-position:right -280px; } /*Tables*/ .cosmotable { border-radius: 5px 5px 0 0; margin: 0 -1px 24px 0; text-align: left; width: 100%; border: 1px solid #e7e7e7; border-collapse: separate; border-spacing: 0; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5)} .cosmotable tr th { border-radius: 5px 5px 0 0; padding: 10px; font-weight: bold; color: black; background: #F9F9F9; border-bottom: 1px solid #e7e7e7; } .cosmotable tr td { padding: 10px; text-align: left; background: white; vertical-align:middle;} .cosmotable tr:nth-child(even) td, #content .cosmotable tr:nth-child(even) th { background-color: #F9F9F9; } .cosmotable.blue tr th { background: #47aec8; color: white; } .cosmotable.green tr th { background: #94c847; color: white;}/* Page elements ID */ #header, #main, #colophon {position: relative;} #main { padding: 30px 0 0 0;} @media only screen and (min-width: 240px) { #main{ margin: 0px 10px 0px 10p; } @media only screen and (max-width: 767px) { #secondary {margin-top: 50px; } } /* Full-width and boxed */ .boxed #page { margin: 30px auto 0 auto; background: white; box-shadow: 0px 0px 10px #999; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); max-width: 990px;} .boxed #header, .boxed #main, .boxed #colophon { max-width: 990px; margin: 0 auto; } .boxed .row.full-width { max-width: 930px; } .boxed .navigation.row.full-width, .boxed .slideshow.row.full-width, .boxed #colophon .row.full-width, .boxed .whitey.row.full-width { max-width: 990px; } /*Branding*/ .branding {margin: 30px 0; *padding-bottom: 30px; float: left; width: 100%;} /*Logo*/ .logo { float: left;} .logo h1 { margin-bottom: 0px;} .logo a{ cursor: pointer; font-size: 32px;} .logo a span{ color: #ffffff; } /* Navigation */ .navigation { background: #026890 url(../images/bg.menu.png) left top repeat-x ;} .boxed .navigation.row .row {max-width: 990px;} /*** Menu ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 100%; } .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 { top: 30px; left: 0; /* match top ul list item height */ z-index: 99; margin-top: 0;} .sf-menu li.sfHover:first-child ul { left: 0px;} .sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;} .sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0; padding-top: 0; } .sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } .sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0;} .sf-menu li ul li a {padding:0; color: white;} /*** Menu SKIN ***/ .sf-menu { *float: none; width: auto; } .sf-menu a { text-decoration:none; } .sf-menu a, .sf-menu a:visited { /*color: #13a;*/} .sf-menu li { /*background: #;*/ } .sf-menu li li { height: auto; padding: 15px 0 15px 30px; text-indent: 0; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; border-left: none; border-right: none;} .sf-menu li li a{ display: inline-block; } .sf-menu li.current li a{ display: inline-block; background: none; } .sf-menu li li li { /*background: #;*/ } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; padding-right: 40px; } .sf-sub-indicator { position: absolute; display: inline-block!important; clear: none!important; right: 25px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-white.png) no-repeat no-repeat -11px -104px; } a > .sf-sub-indicator { top: 19px; background-position: 0 -104px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -11px -104px; } .sf-menu ul .sf-sub-indicator { background: url(../images/arrows-black.png) no-repeat no-repeat -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: 4px; height: 12px; width: 10px; } .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;} .sf-shadow ul { padding-top: 15px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*Profile*/ .cosmo-private { float: right; margin-bottom: 10px; } .cosmo-private li {float: left; margin: 0; line-height: 16px; height: 16px; margin-left: 10px; padding-left: 10px; background: url(../images/delimiter.bg.y.png) repeat-y 0 0; } .cosmo-private li:first-child {margin-left: 0; padding-left: 0; background: none; } .cosmo-private li li.signin li {margin-left: 0; text-indent: 0; padding: 12px 0 12px 10px; background: white!important; } .cosmo-private li li.signin li:first-child { padding: 12px 0 12px 10px; background: white!important; } .cosmo-private li.tickets a, .cosmo-private li.signin a { text-transform: none; text-shadow: none; float: left; font-weight: normal; line-height: 16px; height: 16px; background: url(../images/my.profile.png) no-repeat 0 -96px; padding:0 0 0 21px; color: #3F4950;} .cosmo-private li.tickets a:hover {background-position: 0 -112px;} .cosmo-private li.signin a {background-position: 0 -32px; } .cosmo-private li.signin a:hover {background-position: 0 -48px; } .cosmo-private li li.signin, .cosmo-private li li.signin li a {background: none;} @media only screen and (max-width: 767px) { .cosmo-private { float: left; margin: 20px 0 30px 0; } } /* Login form */ .cosmo-private .login-form li.signin a.sf-with-ul { padding: 0 16px 0 21px;} .cosmo-private .login-form .sf-menu li:hover ul, .cosmo-private .login-form .sf-menu li.sfHover ul { padding-top: 10px ; top:16px; left: -10px; } .cosmo-private .login-form .sf-sub-indicator { background: url(../images/arrows-black.png) no-repeat no-repeat 0 -104px; top: 5px; right: 0;} .cosmo-private .login-form ul li.signin li a{ padding-left: 21px; background: url(../images/my.profile.png) no-repeat; height: 16px; line-height: 16px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .cosmo-private .login-form ul li li.my-cart a{background-position: 0 -160px; } .cosmo-private .login-form ul li li.my-cart a:hover{background-position: 0 -176px; } .cosmo-private .login-form ul li li.my-sold-items a{background-position: 0 -192px; } .cosmo-private .login-form ul li li.my-sold-items a:hover{background-position: 0 -208px; } .cosmo-private .login-form ul li li.my-settings a{ background-position: 0 0px} .cosmo-private .login-form ul li li.my-settings a:hover{ background-position: 0 -16px} .cosmo-private .login-form ul li li.my-logout a{background-position: 0 -128px; } .cosmo-private .login-form ul li li.my-logout a:hover{background-position: 0 -144px; } /* Slider */ .cosmo-slider { background: #efefef; position: relative; } .cosmo-slider .content .row .columns:first-child {background: rgba(255,255,255,.75); margin: 30px 0 0 0; padding: 0;} .cosmo-slider .content .row h2, .cosmo-slider .content .row p{ margin: 30px 30px 20px 30px} .cosmo-slider .content .row p{ margin: 0 30px 20px 30px} .cosmo-slider .content .row p:last-child{ margin: 0 30px 30px 30px} .cosmo-slider .content .row h2 a{ color: #181818;} #featured { background: url(../images/loading.gif) no-repeat center center} #featured.orbit { height: 300px; } #featured img, #featured div { display: none; } #featured.orbit img, #featured.orbit div { display: block;} #featured.orbit img { right: 0; margin: 0 auto; } #featured .content { background: #efefef; width:100%;} #featured.orbit .content img { height: auto!important;} #featured .caption { display:none } .orbit-caption h2{ line-height: 36px; margin-bottom: 10px; z-index: 2; position: relative;} .orbit-caption p{ font-size: 14px; margin-bottom: 0; z-index: 2; position: relative;} @media only screen and (max-width: 767px) { #featured.orbit img,.slideshow .twelve.columns {height: auto!important; } } /* Whitey area */ .whitey { padding: 15px 0; } .whitey .widget {padding: 0;} .border-bottom { border-bottom: 1px dotted #d9d9d9; border-bottom: 1px dotted rgba(0, 0, 0, 0.25);} .border-top { border-top: 1px dotted #d9d9d9; border-top: 1px dotted rgba(0, 0, 0, 0.25);} .no-margin { margin-bottom:0!important; margin-top: 30px!important; } /* === Single page === */ /* Titles */ h1.entry-title, h1.entry-title.archive, h1.entry-title.search, h1.entry-title.page_title, h1.entry-title.tag, h1.entry-title.author, h1.entry-title.blog_page { margin: 0px; } h4.entry-title { margin-top: 10px; font-size: 14px; } h4.entry-title a { font-size: 14px; } .home h1.entry-title {font-size: 28px; font-size: 2.8rem;} /* Content title */ .content-title { margin-bottom: 30px!important; position: relative; } /* Article structure */ .entry-header, .entry-content, .entry-footer {float: left; position: relative; width: 100%; line-height: 1.6em; } .entry-header, .entry-content { margin-bottom: 30px; } body.single article#post, body.page article#post { margin-bottom: 30px; float: left; width: 100%; } /* Featured image */ .featimg { float: left; *float: none; position: relative; clear: both; line-height: 1em; max-width: 100%; } body.single .featimg, body.page .featimg { width: 100%; } body.single .featimg .img, body.page .featimg .img { width: 100%; float: left; position: relative; text-align: center; min-height: 180px;} body.single .featimg .img img, body.page .featimg .img img { width: 100%; display: block; margin: 0 auto;} body.single .hovermore.border { width: 96.6%; background: white; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); padding: 10px; } @media only screen and (max-width: 767px) { body.single .hovermore.border { width: 93.6%; } } /* Zoom image */ .zoom-image { position: absolute; top: 0px; right: 0px; } .zoom-image a { background: url(../images/zoom.image.png); width: 36px; height: 36px; text-indent: -9999px; display: block; } .hovermore.border .zoom-image {top: 10px; right: 10px;} /* Entry meta */ div.entry-meta{ position: relative; margin:0; } div.entry-meta ul { float: left; position: relative; width: auto; margin: 0;} div.entry-meta ul li { float: left; padding: 0 0 0 10px; margin: 0 0 0 10px; line-height: 16px; height: 16px; color: #96999d; width: auto; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font: italic normal 11px Georgia;} div.entry-meta ul li:last-child { background: url(../images/delimiter.bg.meta.png) no-repeat left center; } div.entry-meta ul:first-child li:first-child {padding: 0; margin: 0; background: none!important;} div.entry-meta ul.right li:first-child {padding: 0; margin: 0; background: none!important;} div.entry-meta ul li a{ word-break: break-all; color: #96999d; display: block; float: none; padding-left: 22px; line-height: 16px; height: 16px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; } div.entry-meta ul li a:hover {color: #797d82;} div.entry-meta ul li.cosmo-comments a{ background: url(../images/meta.sprite.png) no-repeat 0 0px; } div.entry-meta ul li.cosmo-comments a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -16px; } div.entry-meta ul li.edit_post a { background: url(../images/meta.sprite.png) no-repeat 0 -96px; } div.entry-meta ul li.edit_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -112px; } div.entry-meta ul li.author a { background: url(../images/meta.sprite.png) no-repeat 0 -128px;} div.entry-meta ul li.author a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -144px;} div.entry-meta ul li.time a { background: url(../images/meta.sprite.png) no-repeat 0 -160px;} div.entry-meta ul li.time a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -176px;} div.entry-meta ul li.delete_post a { background: url(../images/meta.sprite.png) no-repeat 0 -224px; } div.entry-meta ul li.delete_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -240px; } div.entry-meta ul li.entry-location a { background: url(../images/meta.sprite.png) no-repeat 0 -192px; } div.entry-meta ul li.entry-location a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -208px; } /* Meta category and tags */ div.entry-meta ul.category, div.entry-meta ul.b_tag { background: url(../images/delimiter.bg.meta.png) no-repeat left center; margin-left: 10px;} div.entry-meta ul.category li, div.entry-meta ul.b_tag li{ background: none; margin: 0; padding: 0 0 0 4px; } div.entry-meta ul.category li:first-child, div.entry-meta ul.b_tag li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; margin: 0 0 0 8px; padding: 0 0 0 22px; } div.entry-meta ul.category li a, div.entry-meta ul.b_tag li a { padding: 0;} div.entry-meta ul.category li a:after, div.entry-meta ul.b_tag li a:after { content: ","; } div.entry-meta ul.category li:last-child a:after, div.entry-meta ul.b_tag li:last-child a:after { content: ""; } /* Meta tags */ div.entry-meta ul.b_tag li:first-child{ background-position: 0 -64px; } @media only screen and (max-width: 767px) { .horizontal div.entry-meta ul{ width: 100%;} .horizontal div.entry-meta ul li {float: none; margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom;} .horizontal div.entry-meta ul:first-child li:first-child {padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom!important;} .horizontal div.entry-meta ul.category, .horizontal div.entry-meta ul.b_tag {margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; } .horizontal div.entry-meta ul.category li, .horizontal div.entry-meta ul.b_tag li{ background: none; padding: 0; float: left;} .horizontal div.entry-meta ul.category li:first-child, div.entry-meta ul.b_tag li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; margin: 0; padding: 0 0 0 22px; } .horizontal div.entry-meta ul.b_tag li:first-child{ background-position: 0 -64px; } } /*Meta horizontal*/ .horizontal div.entry-meta { margin: 0 0 25px 0;} /*Meta vertical*/ .vertical div.entry-meta { margin: 0 0 20px 0;} .vertical div.entry-meta ul{ width: 100%;} .vertical div.entry-meta ul li{ float: none; margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; } .vertical div.entry-meta ul:first-child li:first-child {padding: 0 0 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom !important; } .vertical div.entry-meta ul.category, .vertical div.entry-meta ul.b_tag {margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; } .vertical div.entry-meta ul.category li, .vertical div.entry-meta ul.b_tag li { float: left; margin: 0; padding: 0 5px 0 0; background: none; } .vertical div.entry-meta ul.category li:first-child, .vertical div.entry-meta ul.b_tag li:first-child { margin: 0; padding:0 5px 0 22px; } .vertical div.entry-meta ul.category li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; } .vertical div.entry-meta ul.b_tag li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -64px;} /* Meta widget */ .event-register div.entry-meta ul li { width: 100%; margin: 10px 0 0 0; padding: 0; background: none; font: normal normal 12px "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;} @media only screen and (max-width: 767px) { .event-register div.entry-meta ul li { margin: 0 0 10px 0;} .event-register div.entry-meta ul li:first-child { margin: 0 0 10px 0;} } /* Custom posts elements */ /* Program */ .program { float: left; width: 100%; margin: 0 0 30px 0} .program span { position: relative; } .program span.date { float: left; font-size: 18px; font-size: 1.8rem; margin-bottom: 30px; text-align: center; width: 100%; padding: 4px 0 6px 0; background: #026890; border-radius: 6px; color: white;} .program span.time { float: left; width: auto; padding: 2px 10px;background: #efefef; color: #303E48; border-radius: 6px; text-align: center; margin-right: 15px; } .program span.event { padding: 0; top: 2px; font-weight: bold; } .program span.event-desc { padding: 15px 0 0 0; clear: both; display: block; } .program span.event-link { padding: 15px 0 0 0; clear: both; display: block; } .program div { float: left; margin-top: 25px; width: 100%;} .program div:first-child { margin-top: 0; padding-top: 0; background: none; } .program div ul {list-style-type: none; margin: 0; } .program div ul li {list-style-type: none; display: block; margin: 30px 0 0 0; padding: 30px 0 0 0; line-height: 1.6em; background: url(../images/delimiter.bg.x.png) repeat-x top left; } .program div ul li:first-child {margin-top: 0px; background: none; padding: 0; } .program div ul li li {margin:0; padding: 0 0 0 15px; background: none; } .program div ul li li:first-child { padding: 0 0 0 30px; background: url(../images/event-link.png) no-repeat left center; } .program div ul li li a{ color: gray; } /* Additional info + Attached children + Location map */ #content .additional-info, #content .attached-children, #content .cosmo-location { margin: 0 0 30px 0; text-align: left; width: 100%; } #content .additional-info p.title, #content .attached-children p.title, #content .cosmo-location p.title { padding-bottom: 10px; margin: 0; font-weight: bold; } #content .additional-info div.row, #content .attached-children div.row { background: url(../images/delimiter.bg.x.png) repeat-x top left; } #content .additional-info div.row div, #content .attached-children div.row div, #content .cosmo-location div.row div { padding: 10px 0; } #content .additional-info div.row div:first-child, #content .attached-children div.row div:first-child, #content .cosmo-location div.row div:first-child { font-weight: bold;} #content .cosmo-location div.row div:nth-child(odd) {padding: 0 0 10px 0;} #content .cosmo-location div.row div:nth-child(even) {padding: 0;} #content .additional-info div.row:first-child {background: none; } #content .additional-info div.row:first-child div {padding: 0 0 10px 0;} #content .attached-children a { font-weight: bold;} #content .attached-children p.excerpt { font-weight: normal;} /* Demo / download */ #content .demo-download { border: none; border-radius: 6px; margin: 25px -1px 25px 0; text-align: left; width: 100%; border-collapse: separate; border-spacing: 3px;} #content .demo-download tr td { padding: 10px; vertical-align: middle; background-color: #fff; text-align: center; width: 50%;} .entry-footer .attach { border-radius: 6px; border: 1px solid #E5E5E5; } .entry-footer .attach p.attach-title { height: 32px; line-height: 32px; padding-left: 42px; display: block; text-transform: uppercase; font: bold 18px "PT Sans Narrow"; background: transparent url(../images/format.file.download.png) no-repeat left top; margin: 0 auto; width: 90px;} .entry-footer .attach p.attach-title a { float: left; line-height: 32px;} .entry-footer .demo-link {border-radius: 6px; border: 1px solid #E5E5E5; } .entry-footer .demo-link p.demo-link-title { height: 32px; line-height: 32px; padding-left: 42px; display: block; text-transform: uppercase; font: bold 18px "PT Sans Narrow"; background: transparent url(../images/format.file.demo.png) no-repeat left top; margin: 0 auto; width: 50px;} .entry-footer .demo-link p.demo-link-title a { float: left; line-height: 32px;} /* Map */ #content .cosmo-location div.row #map_canvas, .google_map_canvas {height: 300px; margin-bottom: 30px;} #content .cosmo-location div.row #map_canvas img { background: none;} #content .cosmo-location div.row #map_canvas div { padding: 0;} /* About the author */ .box-author { position: relative; float: left; padding: 0;} .box-author a { float: left; width: 65px;} .box-author a img{width: 50px; height: 50px; border: none; float: left; } .box-author span.author-page{ color: #888888; font: italic 12px Georgia; line-height: 1.6em;} span.vcard {display: inline-block;} /* Author links */ .entry-title.author span.links {font-size: 14px; margin-left:10px; } .entry-title.author span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;} .entry-title.author span.links a:first-child {background: none;} .entry-title.author span.links a.active { font-weight: normal; cursor: default;} /* Footer holder */ .footer-holder { float: left; width: 100%; padding: 15px 0 0 0; background: #EFEFEF; border-radius: 6px; margin-bottom: 30px; } .footer-holder .row { background: url(../images/delimiter.bg.x.png) repeat-x left top; padding: 15px 0; } .footer-holder .row:first-child { background: none; padding: 0 0 15px 0; } /* Share */ .cosmo-share .share{margin-left: 15px; float: left; line-height: 1;} /* Next / Previous links */ .nav_post a { margin: 0; color: #303E48;} .nav_post a.prev { margin-left: 15px; padding-left: 24px; float: left; background: url(../images/nav_post_prev.png) no-repeat left center; } .nav_post a.next { margin-right: 15px; padding-right: 24px; float: right; background: url(../images/nav_post.png) no-repeat right center; text-align: right;} @media only screen and (max-width: 767px) { .nav_post a.prev {margin: 0 0 15px 15px;} .nav_post a.next {float: left; text-align: left; margin: 0 0 0 15px;} } /* Comments */ h3#reply-title, h3.comments-title, h3.related-title{ margin: 0; width: 100%;} #comments {float: left; clear: both; width: 100%; margin: 0 0 30px 0;} #comments .user { font: bold 12px/12px Arial, Helvetica, sans-serif; padding: 0;} .cosmo-comment{} .cosmo-comment blockquote{color:#838383;} .cosmo-comment-list{ margin: 0; clear:both; list-style-position:outside; } .cosmo-comment-list li{ list-style-type:none; position:relative; margin-bottom:20px; padding:0px; } .cosmo-comment-list ul.children{ margin-left: 77px; clear: both; } .comment-body { margin: 20px 0; display: block; } .cosmo-comment-thumb{ width:50px; height:50px; float:left;} .cosmo-comment-thumb img{ width:50px; height:50px; background: none; padding: 0; } .cosmo-comment-leftpointer{ background:url(../images/leftpointer.png) 0 0 no-repeat; width:12px; height:23px; position:absolute; left:65px; top:15px; z-index:8; } .cosmo-comment-textinfo{ font-size:12px; margin:0; padding:0px; color: gray;} .cosmo-comment-name{ font-weight:normal; } .cosmo-comment-textinfo span.reply{ position: absolute; top: 15px; right: 15px; background: url(../images/reply.png) no-repeat 0 1px; margin:0!important; text-indent: 18px; height: 16px; } .cosmo-comment-textinfo span.reply a {color: #B8B8B8; } .cosmo-comment-textinfo a{ color: gray;} .cosmo-comment-quote{ *margin-top: -20px; border:1px solid #f1f1f1; border-radius: 4px; padding:15px; margin-left:76px; line-height:18px; background-color:#fff; word-wrap: break-word;} .cosmo-comment-quote p{ margin:0px 0px 0px 0px !important; padding:10px 0 0 0 !important; line-height:20px; background:none; clear:none; font-style:normal; } em.comment-awaiting-moderation{ color: red!important; } @media only screen and (max-width: 767px) { .cosmo-comment-list ul.children{ margin-left: 0; } } .bypostauthor .children .cosmo-comment-quote {border: 1px solid #f1f1f1;} .bypostauthor .children .cosmo-comment-leftpointer, .bypostauthor form .cosmo-comment-leftpointer{ background-position:0 0;} .bypostauthor .cosmo-comment-quote {border: 1px solid #ff8080;} .bypostauthor .cosmo-comment-leftpointer{ background-position:0 -23px;} li.pingback {margin: 15px 0 0 0; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px;} li.pingback p {margin: 0;} #respond { display: inline-block; width: 100%; padding: 0; margin-top: 0; position: relative;} #respond h3#reply-title small a{ position: absolute; right: 0px; text-transform: lowercase; color: red!important; font-weight: normal; font-size: 16px;} #respond form p, .contact-form form p { margin: 5px 0; display: inline-block; clear: right; float: left;} #respond form p.comment-notes{ margin: 0 0 10px 0; font-weight: bold; float: left; width: 100%;} #respond form p.logged-in-as {display: block; margin: 0 0 15px 0; float: left; width: 100%;} #commentform {float: left; width: 100%;} #commentform input { float: left; width: 76%; padding-right: 80px;} #commentform input.required { background: white url(../images/required.png) no-repeat center right; } #commentform label, .contactform label{ display: block; float: left; padding: 0; line-height: 48px; margin-left: 15px;} #commentform label{ clear: left; min-width: 77px; *width: 77px; margin: 0; line-height: 46px; } #commentform .cosmo-comment-avatar {position: relative; float: left; width: 100%;} #commentform .cosmo-comment-leftpointer {top: 20px;} #commentform p.textarea { margin-left: 26px; width: 87%;} #commentform textarea { resize: none; width: 98%;} #commentform input[type="text"],input[type="password"], textarea{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #f1f1f1; } #commentform p.form-submit {width: auto; margin: 5px 20px 0 77px; clear: both; display: block; } #commentform p.form-submit input {width: auto; text-shadow: 0 1px 0 white; color: #3F4950; padding: 0 20px; } @media only screen and (max-width: 767px) { #commentform .cosmo-comment-thumb{ display: none;} #commentform p.textarea { margin-left: 0; width: 99%;} #commentform .cosmo-comment-leftpointer {display: none;} #commentform p.form-submit {margin: 5px 20px 0 0;} } ul.children #commentform p.textarea { width: 85%;} ul.children ul #commentform p.textarea { width: 83%;} ul.children ul ul #commentform p.textarea { width: 80%;} /*Contact form*/ .contact-form form.contactform p {width: auto; float: left;} .contact-form form.contactform p.form-submit {margin-top: 20px;} form.contactform {clear: both} form.contactform p.input input{width:284px;} form.contactform p.textarea{width: 610px; height: 190px; float: left;} form.contactform textarea{ height: 190px; width: 570px; resize: none;} form.b_contact { clear: both;} form.b_contact p.input input { width: 96%; margin: 0;} form.b_contact p.textarea { float: left; margin: 0 0 5px 0; } form.b_contact textarea { height: 150px; resize: none; width: 99% } #send_mail_result { display: block; clear: both; margin: 10px 0 0 0} /*My profile*/ #adduser .tabs-container {padding:0 0 30px 0; float: left; width: 100%;} #adduser img.avatar {float: left; margin-right: 20px; } #adduser #avatar_upload { width: auto; float: left; border: none; background: none; } #adduser label { float: left; margin: 0; font: normal 12px/16px Helvetica, Arial, sans-serif; width: 20%; } #adduser label.remove-avatar { margin: 10px 0 0 20%; clear: both; width: auto;} #adduser label.remove-avatar input { float: left; margin-right: 5px; height: auto; } #adduser input.text-input, #adduser textarea {width: 75%; display: inline-block; } #adduser p.form-submit {margin: 0 0 0 20%; *margin: 0;} /*Checkout*/ table.t_subscript { width: 100%; border-collapse: collapse; border: none; } .t_subscript { width: 100%; border-collapse: collapse; } .t_subscript tr{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left;} .t_subscript td, .t_subscript th{ vertical-align: middle; position: relative; } .t_subscript tr th {color: black; } .t_subscript td{ color: #777; padding: 10px; } .t_subscript td input{ width: 30px; padding: 2px 0; text-align: center; height: 16px; margin: 0;} .t_subscript .last input{ float: right;} .t_subscript tr.subtotal{ text-align: right; font-size: 16px; font-weight: bold; background: none} .t_subscript tr.subtotal td{ color: black; border: none; text-align: right; } .t_subscript span.license{ float: left; line-height: 24px; } .t_subscript span.price{ } .t_subscript span.remove{ height: 16px; line-height: 16px; display: block; background: url(../images/meta.sprite.png) no-repeat 0 -224px; text-indent: -999em; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .t_subscript span.remove:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -240px; } .t_subscript .last{ text-align: right; } .termscond {margin-bottom: 20px; } /*Registration*/ .register, .login { margin: 0; } .register p, .login p { margin-bottom: 10px; } .register label, .login label{margin:0; width: 20%; float: left; cursor: pointer;} .register p.button, .login p.button, .login p.pswd { float: left; margin-left: 20%; clear: both; } .login p.pswd { margin-top: 15px;} .register span.error, .login span.error{display: block; color: #ff5353; margin: 5px 0 15px 20%;} .login label.remeberme {float: none; margin-left: 20%; width: auto;} .login label.remeberme input#rememberme { margin-right: 5px; height: auto;} .login-box p.box { border: 1px solid #E1E1E1; border-radius: 5px; background: white; padding: 20px; } .login-box p.box span { background: url(../images/login.key.png) no-repeat 0 1px; display: block; padding-left: 20px; } /*== Other elements ==*/ /* Delimiter */ .delimiter {width: 100%; margin: 20px auto; height: 2px; float: left; background: url(../images/delimiter.bg.x.png) repeat-x 0 0;} #colophon .delimiter {background: url(../images/delimiter.bg.x.footer.png) repeat-x 0 0;} .delimiter.blank {margin: 15px auto; background: none; height: 0px;} .widget .delimiter, #comments .delimiter, .box-related .delimiter { margin: 15px auto;} /* Tag list */ p.tags{ margin: 0 25px 10px 0; padding: 0; height:26px; width: auto; position: relative; cursor: pointer; background: url(../images/tags.bg.png) no-repeat left 0; float: left; } p.tags a{ float: left; line-height:26px!important; margin: 0 -15px 0 0; padding: 0 10px 0 20px; height:100%; border: none; cursor: pointer; color: #555555!important; background: url(../images/tags.bg.png) no-repeat right -26px; width: auto; } p.tags:hover {background-position: left -52px;} p.tags a:hover{text-decoration: none; background-position: right -78px;} p.title_tags {float: left; padding: 0 10px 0 0; font-weight: bold; } .entry-footer .tags { float: left; } .entry-footer p.title_tags { float: left; } /* Mosaic overlay */ .mosaic-overlay { display: none; z-index: 5; position: absolute!important; top: 0px; bottom: 0; left: 0; right: 0; } .hovermore {position: relative; float: left; width: 100%; } .hovermore .details {position: absolute; z-index: 9; text-indent: -999em; background: url(../images/button.read.small.png) no-repeat center center; width: 100%; height: 100%;} .hovermore .mosaic-overlay { background: url(../images/opacity.png) repeat top left; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);} body.single .hovermore .mosaic-overlay, body.page .hovermore .mosaic-overlay { background: none;} /* Grid View */ .grid-view, .list-view { position: relative; clear: both; } .grid-view { padding-top: 30px; background: url(../images/delimiter.bg.x.png) repeat-x top left; } .grid-view:first-child { padding-top: 0; background: none; } .grid-view article, .list-view article{ display: inline-block; margin-bottom: 30px;} .grid-view article{ background: white; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); } .grid-view h2 a, .list-view h2 a { color: #3b5998;} .grid-view .entry-header, .list-view .entry-header { margin-bottom: 20px; line-height: 1em; } .grid-view .entry-header{ margin: 0; } .grid-view .entry-footer { padding: 15px; width: auto;} .grid-view .entry-title, .list-view .entry-title { font-size: 2.6rem; margin-bottom: 15px; line-height: 1em; } .grid-view .entry-title { font-size: 2.0rem; margin-bottom: 10px;} .grid-view .entry-meta, .list-view .entry-meta { width: 100%; float: left; margin: 0;} .grid-view .excerpt, .list-view .excerpt { width: 100%; float: left; margin: 0 0 15px 0;} .grid-view .entry-meta ul.right li:first-child { background: none!important; margin: 0; padding: 0; } .grid-view .stripes, .list-view .stripes{ position: absolute !important; top: 0; left: 0; bottom: 0; right: 0px; background: url(../images/stripes.png) repeat 0 0;} .grid-view .hovermore .stripes {margin: 0;} .grid-view .hovermore a.mosaic-overlay { position: relative;} /* List View */ .list-view article{ padding-top: 30px; background: url(../images/delimiter.bg.x.png) repeat-x top left;} .list-view:first-child article{ background: none; padding-top: 0;} .list-view .entry-header img { width: 100%; } .list-view .entry-title { margin-bottom: 10px; } .list-view .entry-meta { margin: 0 0 20px 0;} .list-view .excerpt { margin: 0;} .list-view .mosaic-overlay { width: 100%; height: 100%; } .list-view .hovermore .details {background: url(../images/button.read.big.png) no-repeat center center;} /* Border for image */ .list-view .hovermore.border { width: 96.6%; background: white; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); padding: 10px;} .list-view .hovermore.border .stripes { top: 10px; left: 10px; bottom: 11px; right: 10px; } .list-view .six.columns .hovermore.border { width: 95.6%;} .list-view .six.columns.entry-header { margin: 0; } /*Advertisement*/ .cosmo-ads {padding:30px 0; clear: both; text-align: center;} /*To top*/ #toTop { height: 30px; width: auto; padding:0 11px; position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; z-index: 999; background: #333} #toTop p {line-height: 30px; font-family: sans-serif; font-size: 1.25em; color: white;} p.clearfix {height:0; margin: 0; line-height: 0; clear: both;} /* Floats */ .fl{float: left;} .fr {float: right;} /*Resize images to fit the main content area.*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto; } #fullResImage {max-width: none;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px;} .alignright, img.alignright { display: inline; float: right; margin-left: 20px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-bottom: 20px; } /* Tour tooltips */ .demo-tooltip { padding: 15px 15px 0 15px; background: white; border: 1px solid #dbdbdb; min-height: 140px; width: 260px; position: absolute; left:0; top: 0; z-index: 99; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} .demo-tooltip .arrow { position: absolute; top: 40px; width: 32px; height: 66px; } .demo-tooltip .arrow.left { left:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat 0 0;} .demo-tooltip .arrow.right { right:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat -32px 0;} .demo-tooltip .arrow.top { width: 66px; height: 32px; top: -32px; left:113px; background: url(../images/demo-tooltip.arrow.png) no-repeat -64px 0;} .demo-tooltip .demo-steps { float: left; width: 100%; clear: both; margin-bottom: 10px; font-weight: bold; font-size: 14px; } .demo-tooltip .demo-steps strong { width: 224px;} .demo-tooltip .demo-content { float: left; *float: none; width: 100%; clear: both; *clear: none; display: block; position: relative; min-height: 55px; line-height: 1.6em; } .demo-tooltip .demo-buttons {position: relative; float: left; background: #f8f8f8 url(../images/demo-tooltip.bg.png) repeat-x left top; height: auto; width: 258px; padding: 15px; margin: 12px 0 0 -14px; *float: none; *display: inline-block; } .demo-tooltip .demo-content p.close{ padding: 5px 0 0 0; font-size: 11px; clear: both; width: 100%; text-align: right; } .demo-tooltip p.button-next { float:left; } .demo-tooltip p.button-skip { float:right; } .demo-tooltip p.button-close { float:right; } /*Buttons*/ p.button, p.form-submit, p.submit, p.login-submit { margin: 0 20px 0 0; padding: 0; height:32px; width: auto; position: relative; cursor: pointer; background: url(../images/button.bg.png) no-repeat left 0; float: left; } p.button a, p.button input, p.form-submit input, p.submit input, p.login-submit input{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; float: left; height:32px!important; line-height:32px!important; margin: 0 -20px 0 0!important; padding: 0 20px; border: none; cursor: pointer; color: #3f4950!important; background: url(../images/button.bg.png) no-repeat right -32px; width: auto!important; text-shadow: 0 1px 0 #fff; } p.button:hover, p.form-submit:hover, p.submit:hover {background-position: left -64px;} p.button a:hover, p.button input:hover, p.form-submit input:hover, p.submit input:hover{text-decoration: none; background-position: right -96px;} @media only screen and (max-width: 767px) { p.button, p.form-submit, p.submit {clear: left;} div.branding{ margin-left: 20% } } /*Blue*/ p.button.blue, p.form-submit.blue, p.submit.blue { background-position: left -128px; } p.button.blue a, p.button.blue input, p.form-submit.blue input, p.submit.blue input{ background-position: right -160px; color: white!important; text-shadow: 0 -1px 0 #32719d; } p.button.blue:hover, p.form-submit.blue:hover, p.submit.blue:hover { background-position: left -192px;} p.button.blue a:hover, p.button.blue input:hover, p.form-submit.blue input:hover, p.submit.blue input:hover{ background-position: right -224px; } /*Red*/ p.button.red, p.form-submit.red, p.submit.red { background-position: left -256px;} p.button.red a, p.button.red input, p.form-submit.red input, p.submit.red input{ background-position: right -288px; color: white; text-shadow: 0 -1px 0 #ae2d2d;} p.button.red:hover, p.form-submit.red:hover, p.submit.red:hover { background-position: left -320px;} p.button.red a:hover, p.button.red input:hover, p.form-submit.red input:hover, p.submit.red input:hover{ background-position: right -352px; } /*Red*/ p.button.square, p.form-submit.square, p.submit.square { background-position: left -384px;} p.button.square a, p.button.square input, p.form-submit.square input, p.submit.square input{ background-position: right -416px; } p.button.square:hover, p.form-submit.square:hover, p.submit.square:hover { background-position: left -448px;} p.button.square a:hover, p.button.square input:hover, p.form-submit.square input:hover, p.submit.square input:hover{ background-position: right -480px; } /* Buttons small */ p.button-small{ float: left; margin: 0 10px 0 0; padding: 0; height:24px; width: auto; position: relative; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat left 0;} p.button-small a{ float: left; line-height:24px!important; margin: 0 -10px 0 0; padding: 0 15px; height:100%; border: none; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat right -24px; width: auto; color: white; text-shadow: 0 -1px 0 #32719d;} p.button-small:hover {background-position: left -48px;} p.button-small a:hover { background-position: right -72px; color: white;} p.button-small.gray {background-position: left -96px;} p.button-small.gray a { background-position: right -120px; color: #3f4950; text-shadow: 0 1px 0 white; } p.button-small.gray:hover {background-position: left -144px;} p.button-small.gray a:hover { background-position: right -168px; color: #3f4950; text-shadow: 0 1px 0 white; } /*Widgets general*/ .widget {padding-bottom: 50px; clear: both; float: left; width: 100%;} h4.widget-title, h5.widget-title { width: 100%; margin: 0; display: block;} #colophon h4.widget-title, #colophon h5.widget-title { color: #fff;} .widget a {color: #3F4950;} .widget a:hover {color: #45688E;} .widget ul li h4, .widget ul li h6{font: bold 14px Helvetica, Arial, sans-serif;} .widget ul { float: left; width: 100%; margin: 0;} .widget ul.disc { margin: 0; list-style: disc inside;} .widget ul li { background: url(../images/delimiter.bg.x.png) repeat-x bottom left; margin-top: 15px; margin-bottom: 0; padding-bottom: 15px; float: left; width: 100%; position:relative; line-height: 1.6; } .widget ul li:first-child {margin-top: 0!important;} .widget ul li:last-child {background: none; padding-bottom: 0; } .widget ul li span{font-weight: normal; } /* Sponsors */ .cosmo-sponsors .nav-bar{ height: auto; } .cosmo-sponsors .nav-bar>li{ width: auto; margin:0; padding: 0; background: none; text-align: center; } .cosmo-sponsors .nav-bar>li>a{ margin: 0 0 0 0px; padding: 15px 0; background: none;} .cosmo-sponsors .nav-bar>li:first-child>a{ margin: 0;} @media only screen and (max-width: 767px) { .cosmo-sponsors .nav-bar>li{ float: none;} .cosmo-sponsors .nav-bar>li>a{ margin: 0; } } #secondary .cosmo-sponsors .nav-bar>li{ width: 100%;} #secondary .cosmo-sponsors .nav-bar>li>a{ margin: 0;} /*Program widget*/ .widget .program span.date { font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 15px; padding: 0; background: none; color: #181818;} .widget .program span.time { width: auto; font-weight: normal; font-size: 11px; } .widget .program span.event { padding: 0; top: 0; font-weight: normal; } .widget .program div { padding-top: 15px; margin-top: 15px; width: 100%; background: url(../images/delimiter.bg.x.png) repeat-x top left; } .widget .program div:first-child { margin-top: 0; padding-top: 0; background: none; } .widget .program div ul li {padding: 0;} .widget .program div ul li.odd{background: none;} .widget .program div ul li.even{background: none;} #colophon .widget .program span.date { color: white; } #colophon .widget .program div { background: url(../images/delimiter.bg.x.footer.png) repeat-x top left; } #colophon .widget .program div:first-child{ background: none; } /*Custom posts widget*/ .custom-post > div { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; } .custom-post > div:first-child { margin-top: 0; padding-top: 0; background: none; } .custom-post div .entry-img { float: left; width: 50px; margin-right: 15px;} .custom-post div .entry-img img { width: 50px; height: 50px; } .custom-post div .entry-item { } .custom-post div h5 { font-size: 12px; font-size: 1.2rem; line-height: 1.6em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 5px;} .custom-post div .entry-details { margin: 0; color: #69727d; font-style: italic;} .custom-post div .entry-meta { margin: 0;} .custom-post div .entry-meta ul li { background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;} .custom-post div .excerpt { width: 100%; float: left; clear: both; margin: 10px 0 0 0; line-height: 1.6em;} #colophon .custom-post > div { background: url(../images/delimiter.bg.x.footer.png) repeat-x top left; } #colophon .custom-post > div:first-child{ background: none; } #colophon .custom-post div .entry-details { color: rgba(255, 255, 255, .7);} /*Custom posts widget*/ .widget_custom_post .cp_title a {float: left; font-size: 18px; background: url(../images/delimiter.bg.menu.png) no-repeat left center; padding: 0 15px; width: auto; margin: 0; cursor: pointer;} .widget_custom_post .cp_title a:first-child { background: none; padding:0 15px 0 0;} .widget_custom_post .cp_title a.current { color: #3B5998; } /*Tabber widget*/ .widget_tabber { clear: both; display: inline-block; width: 100%;} .widget_tabber ul.widget_tabber li {background: url(../images/delimiter.bg.y.png) repeat-y left center; padding: 0 10px; width: auto; margin: 0;} .widget_tabber ul.widget_tabber li:first-child { background: none; padding: 0 10px 0 0;} .widget_tabber ul.widget_tabber li.last {padding: 0 0 0 10px;} .widget_tabber ul.widget_tabber li a { font: bold 12px/12px Arial, Helvetica, sans-serif; float: left; color: #3F4950;} .widget_tabber ul.widget_tabber li.active a { color: #45688e;} .widget_tabber ul.widget_tabber li span { background: none; font-size: 18px; float: left; height: 22px; line-height: 20px; color: #3F4950;} .widget_tabber .tabs-container {padding: 0; float: left; width: 100%; } /* Search form */ .searchform { width: 100%; float: right; } .searchform #searchform, .widget_search #searchform{ margin: 0; text-align: left; position: relative; } .searchform #searchform { float: right; } .searchform #searchbox, .widget_search #searchbox { float: left; margin: 0; } .searchform #searchbox input.input, .widget_search #searchbox input.input{ width: 180px; margin: 0; height: 26px; font-size: 11px; font-style: italic; color: #999999; border:1px solid #d5d5d5; padding:2px 25px 2px 10px; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .searchform #searchbox input.input:focus {width: 270px;} .widget_search #searchbox input.input{ width: 100%; } .searchform #searchform .button, .widget_search #searchform .button { margin-left: -1px;} .searchform #searchform .button input, .widget_search #searchform .button input { padding: 0 10px !important;} @media only screen and (max-width: 767px) { .searchform #searchform { float: left; margin-bottom: 10px;} .searchform #searchform p.button {clear: none!important;} .searchform #searchbox input.input:focus {width: 180px;} } #searchform #s { width: 72%; position: relative; z-index: 2; border: 1px solid #AAA; border-radius: 0; height: 25px; margin: 0; font: 12px/20px Helvetica, Arial, sans-serif} #searchform #searchsubmit { position: relative; z-index: 1; padding:0px 8px 1px 8px; height: 31px; margin:0 0 0 -5px; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-image: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); border: 1px solid #AAA; color: #444; min-width: 4em; cursor: pointer; } @-moz-document url-prefix() { #searchform #searchsubmit { padding: 0px 8px 3px 8px } } /* Widget links*/ .widget span.links {font-size: 12px; margin-left:10px; float: right; position: relative; top: 8px;} .widget span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;} .widget span.links a:first-child {background: none; padding: 0;} .widget span.links a:last-child {margin: 0;} /* Social media widget */ .widget .social-media ul{float: right;} .widget .social-media ul li{display: inline-block; float: left; background: none; margin: 0; padding: 0; margin-left: 7px; width: auto;} .widget .social-media ul li:first-child{margin-left: 0;} .widget .social-media ul li a{text-indent: -9999em; float: left; background: url(../images/social-media.png) no-repeat; width: 34px; height: 35px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .widget .social-media.white ul li.fb a {background-position: 0 0;} .widget .social-media.white ul li.linked a {background-position: 0 -70px;} .widget .social-media.white ul li.email a {background-position: 0 -140px;} .widget .social-media.white ul li.gplus a {background-position: 0 -210px;} .widget .social-media.white ul li.twitter a {background-position: 0 -280px;} .widget .social-media.white ul li.flickr a {background-position: 0 -350px;} .widget .social-media.white ul li.rss a {background-position: 0 -420px;} .widget .social-media.blue ul li.fb a {background-position: 0 -35px;} .widget .social-media.blue ul li.linked a {background-position: 0 -105px;} .widget .social-media.blue ul li.email a {background-position: 0 -175px;} .widget .social-media.blue ul li.gplus a {background-position: 0 -245px;} .widget .social-media.blue ul li.twitter a {background-position: 0 -315px;} .widget .social-media.blue ul li.flickr a {background-position: 0 -385px;} .widget .social-media.blue ul li.rss a {background-position: 0 -455px;} .widget .social-media.no-bg ul li.fb a {background-position: 0 -490px;} .widget .social-media.no-bg ul li.linked a {background-position: 0 -525px;} .widget .social-media.no-bg ul li.email a {background-position: 0 -560px;} .widget .social-media.no-bg ul li.gplus a {background-position: 0 -595px;} .widget .social-media.no-bg ul li.twitter a {background-position: 0 -630px;} .widget .social-media.no-bg ul li.flickr a {background-position: 0 -665px;} .widget .social-media.no-bg ul li.rss a {background-position: 0 -700px;} .whitey .widget .social-media{float: right;} /* Widget Flickr */ .widget .flickr_badge_image{ float:left; margin:0 20px 20px 0; } .widget .flickr_badge_image:nth-child(4n+1){ margin:0 0 20px 0; } .widget .flickr {margin: 0 0 -20px 0; float: left; width: 100%; } .widget .flickr_badge_image img {border: none; width: 55px; } /*Twitter widget*/ .widget .tweets {overflow: hidden;} .cosmo-twit-container { height:auto!important; width: 100%; position: relative; float: left; } .cosmo-twit-container .cosmo_twitter{ } .cosmo-twit-container .cosmo_twitter p{ margin:0; width: 282px;} .cosmo-twit-container ul li div{padding: 15px 0; } .cosmo-twit-container span.date{ color: #AFAFAF; color: rgba(255,255,255,.7); display: block; } .i_join_us{ float: left; background: url(../images/bird.static.png) no-repeat; width:100%; height: 32px; display: block; margin: 0; text-align: right; font-weight: bold; position:relative; margin-top: 15px; } /* Static Twitter widget*/ .static.cosmo-twit-container { width: 100%; } .static.cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;} .static.cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left; padding: 13px 0 15px 0; } .static.cosmo-twit-container .cosmo_twitter .tweet_item:first-child{ padding-top: 0; } .static.cosmo-twit-container .cosmo_twitter p{ width: auto;} .static.cosmo-twit-container.slides_container { padding: 0; } .static.i_join_us, #colophon .i_join_us{ background: url(../images/bird.static.gray.png) no-repeat 0 -23px; margin-top: 15px; height: 23px; line-height: 23px; padding-left: 40px; text-align: left; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .static a.i_join_us:hover, #colophon a.i_join_us:hover{background: url(../images/bird.static.gray.png) no-repeat 0 -0px;} /*Whitey Twitter widget*/ .whitey .cosmo-twit-container { top: 0; } .whitey .cosmo-twit-container .cosmo_twitter{ padding: 0 0 0 50px; border: none; background: none;} .whitey .cosmo-twit-container .cosmo_twitter .tweet_item{ background: none; padding-bottom: 0;} .whitey .cosmo-twit-container .cosmo_twitter p{ width: 100%; line-height: 35px;} .whitey .cosmo-twit-container .cosmo_twitter span.date {display: inline; } .whitey .i_join_us {text-indent: -999em; text-align: left; margin: 0; padding: 0; width: 36px; height: 23px; background: url(../images/bird.static.gray.png) no-repeat; position: absolute; top: 6px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .whitey .i_join_us:hover {background-position: 0 -23px;} /* Footer Twitter widget*/ #colophon .cosmo-twit-container { } #colophon .cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;} #colophon .cosmo-twit-container .cosmo_twitter a:hover{ color: #45688E; } #colophon .cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.footer.png) repeat-x bottom left; padding-bottom: 15px;} /* Registration widget */ .event-register {position: relative; } .event-register .img { position: relative; } .event-register .img img { width: 100%; } .event-register .entry-title { background: white; background: rgba(255,255, 255, .7); position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 20px 0;} .event-register .entry-title a { float: left; padding: 0 20px; } .event-register .details {background: white; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); padding: 15px; width: auto; } .event-register .details div.entry-meta ul li { height: auto; } .event-register .details div.entry-meta ul li a { height: auto; padding:0;} .event-register .details div.entry-meta ul li img { float: left; width: 16px; height: 16px; vertical-align: middle; } .event-register .details div.entry-meta ul li span { padding-left: 10px;} .event-register p.button-small { position: absolute; right: 0; top: 0; vertical-align: bottom; } .event-register .twelve.columns p.button-small { position: relative; } @media only screen and (max-width: 767px) { .event-register p.button-small{ position: relative;} } /* Widget_User_Menu */ .widget #cosmo-loginform input[type="text"], .widget #cosmo-loginform input[type="password"], .widget #cosmo-loginform textarea { width: 96%; margin: 0;} .widget #cosmo-loginform p.login-username label, .widget #cosmo-loginform p.login-password label { margin-bottom: 5px; } .widget #cosmo-loginform div.facebook, .login div.facebook { float: left; padding: 5px 20px 0 20px; } .widget #cosmo-loginform p.pswd { clear: both; margin: 10px 0 0 0; float: left; } .widget #cosmo-loginform div.alert-box { clear: both; margin: 10px 0 0 0; float: left; width: 100%;} .widget_user_menu ul li a{ padding-left: 25px; background: url(../images/my.profile.png) no-repeat; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .widget_user_menu ul li.tickets a{ background-position: 0 -96px} .widget_user_menu ul li.tickets a:hover{ background-position: 0 -112px} .widget_user_menu ul li.my-cart a{background-position: 0 -160px; } .widget_user_menu ul li.my-cart a:hover{background-position: 0 -176px; } .widget_user_menu ul li.my-sold-items a{background-position: 0 -192px; } .widget_user_menu ul li.my-sold-items a:hover{background-position: 0 -208px; } .widget_user_menu ul li.settings a{ background-position: 0 0} .widget_user_menu ul li.settings a:hover{ background-position: 0 -16px} .widget_user_menu ul li.my-logout a{background-position: 0 -128px; } .widget_user_menu ul li.my-logout a:hover{background-position: 0 -144px; } /*Categories with icons widget*/ .widget .cat-item-icon a {float: left; width: 100%;} .widget .cat-item-icon img{width: 16px; height: 16px; vertical-align: middle;} .widget .cat-item-icon span{ padding-left: 10px; font-size: 14px;} /* === Footer === */ #colophon .widget{ padding-top: 50px; color: #fff;} #colophon a { color: #fff;} #colophon .bottom-bg { background: url(../images/black.png) repeat; color: white; } #colophon p.copyright {line-height: 40px;} #colophon .nav-bar {float: right; margin: 0;} #colophon .nav-bar .sf-sub-indicator {background: none;} #colophon .nav-bar>li{ width: auto; line-height: 40px; } #colophon .nav-bar>li li{ display: none; } #colophon .nav-bar>li.current{ background: none; } #colophon .nav-bar>li.current a{ color: rgba(255,255,255,.7);} #colophon .nav-bar>li>a { padding:0 20px; text-transform: none; font-weight: normal;} #colophon .nav-bar>li>a:hover {color: rgba(255,255,255,.7); } @media only screen and (max-width: 767px) { #colophon .nav-bar{ float: left; } #colophon .nav-bar>li>a { padding: 0; background: none; } } /* Preloader */ #ajax-indicator { left: 50%; position: fixed; top: 50%; z-index: 65365; } #ajax-indicator object{height:101px;} .fb-login-button-cosmo{width:181px; height:27px; background: url('../images/facebook.connect.png') no-repeat ; margin: 0 auto 10px auto; cursor:pointer;} @media only screen and (min-width: 240px) and (max-width: 479px){ .branding{ margin: 30px 0 !important; padding-left:10px; width:90%; } } body { background-image: url('http://jointcongress.ca/wp-content/themes/PressEvent/lib/core/images/pattern/pattern.noise.png'); background-repeat: repeat; background-color: ; } div#slidePanel.slide-panel { background-image: url('http://jointcongress.ca/wp-content/themes/PressEvent/lib/core/images/pattern/pattern.noise.png'); background-repeat: repeat; background-color: ; } /* Foundation v2.2 http://foundation.zurb.com */ /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Reset & Standards :: Links :: Lists :: Tables :: Misc */ /* -------------------------------------------------- :: Global Reset & Standards -------------------------------------------------- */ /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } html { font-size: 62.5%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; color: #555; position: relative; -webkit-font-smoothing: antialiased; padding-left:10px;} /* -------------------------------------------------- :: Links -------------------------------------------------- */ a { color: #3B5998; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover { color: #11639d; } a:focus { color: #cc4714; outline: none; } p a, p a:visited { line-height: inherit; } /* -------------------------------------------------- :: Lists -------------------------------------------------- */ ul, ol { margin-bottom: 18px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } li { margin-bottom: 12px; } ul.large li { line-height: 21px; } /* -------------------------------------------------- :: Tables -------------------------------------------------- */ table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background-color: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; } table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background-color: #f9f9f9; } table tbody tr:nth-child(even) { background-color: #f9f9f9; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* -------------------------------------------------- :: Misc ---------------------------------------------------*/ .left { float: left!important; } .right { float: right!important; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide, .hidden { display: none; } .highlight { background: #ff0; } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Typography -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: normal; margin-bottom: 20px; line-height: inherit; font-family: 'Ropa Sans', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 40px; font-size: 4.0rem;} h2 { font-size: 35px; font-size: 3.5rem;} h3 { font-size: 28px; font-size: 2.8rem;} h4 { font-size: 21px; font-size: 2.1rem; } h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; } h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; } .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p { font-size: 13px; font-size: 1.3rem; line-height: 1.6; margin: 0 0 20px; } p:last-child {margin-bottom: 0;} p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; } /* Blockquotes */ blockquote, blockquote p { line-height: 20px; color: #777; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Grid This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. -------------------------------------------------- */ .container { padding: 0; } .row { width: 100%; max-width: 930px; min-width: 727px; margin: 0 auto; } .row.full-width { max-width: 100%; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4% } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4% } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } img { max-width: 100%; height: auto; } object, embed {max-width: 100%} img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* -------------------------------------------------- :: Block grids These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4% } .block-grid.two-up>li { margin-left: 4%; width: 46%; } /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up { margin-left: -2% } .block-grid.three-up>li { margin-left: 2%; width: 31.3%; } /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin-left: -2% } .block-grid.four-up>li { margin-left: 2%; width: 23%; } /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up { margin-left: -1.5% } .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Alerts :: Labels :: Tabs :: Pagination :: Breadcrumbs :: Lists :: Panels :: Nav :: Video :: Microformats */ /* -------------------------------------------------- Alerts -------------------------------------------------- */ div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; } .alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box.warning { background-color: #f68b01; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; } .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; } div.alert-box.hidden {display: none;} /* -------------------------------------------------- Labels -------------------------------------------------- */ .label { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; } .label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Colors ---------- */ .blue.label { background-color: #00a6fc; } .red.label { background-color: #e91c21; } .green.label { background-color: #7fae00; } .white.label { background-color: #e9e9e9; color: #333; } .black.label { background-color: #141414; } /* -------------------------------------------------- Tabs -------------------------------------------------- */ dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; } dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; } dl.tabs dt:first-child { padding: 0 9px 0 0; } dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; } dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; } dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; } .nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; } .nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; } .nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; } .nice.tabs dd:first-child a.active { margin-left: 0; } dl.tabs.vertical { height: auto; } dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; } dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; } .nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; } .nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; } .nice.tabs.vertical dd a.active { border: none; background: #026890; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.vertical dd:first-child a.active { margin: 0; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content>li { display:none; } ul.tabs-content>li.active { display: block; } dl.contained, dl.nice.contained { margin-bottom: 0; } dl.contained.tabs dd a { padding: 0 14px; } dl.nice.contained.tabs dd a { padding: 7px 18px 9px; } ul.contained.tabs-content { padding: 0; } ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; } /* -------------------------------------------------- Pagination -------------------------------------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; margin-bottom: 20px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; margin-bottom: 0;} ul.pagination li:first-child { margin-left: 0; } ul.pagination li:first-child a { padding-left: 0; } ul.pagination li a, ul.pagination li span.current { display: block; padding: 6px 7px 4px; color: #555; } ul.pagination li.current a, ul.pagination li span.current, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #026890; color: #141414; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; } /* -------------------------------------------------- Breadcrumbs -------------------------------------------------- */ ul.breadcrumbs { display: block; overflow: hidden; white-space: nowrap; margin: 0 0 30px 0; padding: 0 0 30px 0; background: url(../images/delimiter.bg.x.png) repeat-x left bottom; } ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; line-height: 1em; background: url(../images/breadcrumbs.arrow.gif) no-repeat left center;} ul.breadcrumbs li a, ul.breadcrumbs li span { font-size: 11px; padding-left: 12px; } ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; } ul.breadcrumbs li:before { color: #aaa; } ul.breadcrumbs li:first-child { background: none; } ul.breadcrumbs li.current a { cursor: default; color: #333; } ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; } ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; } ul.breadcrumbs li.unavailable a { color: #999; } ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } /* -------------------------------------------------- Lists -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } /* -------------------------------------------------- Panels -------------------------------------------------- */ div.panel { padding: 20px; background: #efefef; margin: 0 0 20px 0; } /* -------------------------------------------------- Nav Bar with Dropdowns -------------------------------------------------- */ .nav-bar { height: auto; margin:0; } .nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; line-height: 45px; } .nav-bar>li.current, .nav-bar>li:hover { background-color: rgba(255,255,255,.1) } .nav-bar>li>a { background: url(../images/delimiter.bg.menu.png) top right repeat-y; color: white; position: relative; padding: 0 30px; display: block; text-decoration: none; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,.5);} .nav-bar>li>input { margin: 0 16px; } .nav-bar>li ul { margin-bottom: 0; } .nav-bar>li li { line-height: 1.3; } .nav-bar>li.has-flyout>a.main { padding-right: 36px; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 40; } .flyout.small { width: 200px; } .flyout.large { width: 600px; } .flyout.right { left: auto; right: 0; } .flyout p:last-child { margin-bottom: 0; } .nav-bar>li .flyout { display: none; } /* -------------------------------------------------- Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na -------------------------------------------------- */ dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; } dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; } dl.sub-nav dt { color: #999; font-weight: normal; } dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; } dl.sub-nav dd.active a { background: #00A6FC; color: #fff; padding: 3px 9px; } /* -------------------------------------------------- Video Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ -------------------------------------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -------------------------------------------------- Microformats -------------------------------------------------- */ /* hCard */ ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } ul.vcard li { margin: 0; display: block; } ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; } p.vevent span.summary { font-weight: bold; } p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } /* -------------------------------------------------- Tooltips -------------------------------------------------- */ .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333; } .has-tip:hover { border-bottom: dotted 1px #0593dc; color: #0192dd; } .tooltip { display: none; background: rgb(0,0,0); background: rgba(0,0,0,0.8); position: absolute; color: #fff; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; } .tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent; position: absolute; top: -10px; left: 10px; } .tooltip.tip-override > .nub { border-color: transparent transparent rgb(0,0,0) transparent !important; border-color: transparent transparent rgba(0,0,0,0.8) transparent !important; top: -10px !important; } .tooltip.tip-top > .nub { border-color: rgb(0,0,0) transparent transparent transparent; border-color: rgba(0,0,0,0.8) transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent rgb(0,0,0); border-color: transparent transparent transparent rgba(0,0,0,0.8); right: -10px; left: auto; } .tooltip.tip-right > .nub { border-color: transparent rgb(0,0,0) transparent transparent; border-color: transparent rgba(0,0,0,0.8) transparent transparent; right: auto; left: -10px; } .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .has-tip.opened { color: #0192DD !important; border-bottom: dotted 1px #0593DC !important; } .tap-to-close { display: block; font-size: 10px; font-size: 1.0rem; color: #888; font-weight: normal; } /* Artfully masterminded by ZURB Make sure to include app.js / foundation.js if you are going to use inline label inputs */ /* ----------------------------------------- Standard Forms ----------------------------------------- */ form { margin: 0 0 18px; } form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; } input[type="text"], input[type="password"], textarea { width: 75%; } input, textarea, select { height: 26px; margin-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #F1F1F1; } select { width: 77%; height: 30px;} textarea { min-height: 120px; } label + input, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; } /* Text input and textarea font and padding */ input, textarea { padding: 2px 4px; } input:focus, textarea:focus { outline: none !important; } input.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; } input:focus, textarea:focus { } /* Text input and textarea, disabled */ input.input-text[disabled], textarea[disabled] { background-color: #ddd; } /* Inlined Label Style */ input.placeholder, textarea.placeholder { color: #888; } /* Text input and textarea sizes */ input.input-text, textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } input.small, textarea.small { width: 134px; } input.medium, textarea.medium { width: 254px; } input.large, textarea.large { width: 434px; } input.expand, textarea.expand { width: 100%; } /* Fieldsets */ form fieldset { padding: 0; border: none; margin: 0; } /* Inlined Radio & Checkbox */ .form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } /* Errors */ .form-field.error input, input.input-text.red { border-color: #C00000; background-color: rgba(255,0,0,0.15); } .form-field.error label, label.red { color: #C00000; } .form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: #C00000; width: 254px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .small + small.error { width: 134px; } .medium + small.error { width: 254px; } .large + small.error { width: 434px; } .expand + small.error { width: 100%; } .small.oversize + small.error { width: 144px; } .medium.oversize + small.error { width: 264px; } .large.oversize + small.error { width: 444px; } .expand.oversize + small.error { width: 100%; } /* ----------------------------------------- Nicer Forms ----------------------------------------- */ form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; } form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; } /* Text input and textarea, disabled */ form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled] { background-color: #ddd; } form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #C00000; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; } form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; } form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; } form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; } form.nice div.form-field.error .small.oversize + small, form.nice .small.oversize + small.error { width: 136px; } form.nice div.form-field.error .medium.oversize + small, form.nice .medium.oversize + small.error { width: 256px; } form.nice div.form-field.error .large.oversize + small, form.nice .large.oversize + small.error { width: 436px; } /* ----------------------------------------- Custom Forms ----------------------------------------- */ form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; } form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } form.custom span.custom.radio.checked { background-position: 0 -14px; } form.custom span.custom.checkbox.checked { background-position: 0 -28px; } form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; } form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; } form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 1px no-repeat; right: 0; top: 0; border: solid 1px #ddd; } form.custom div.custom.dropdown:hover a.selector, form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; } form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255,255,255,0.95); border: solid 1px #ddd; } form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; margin: 0; white-space: nowrap} form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; } form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; } form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; } form.custom div.custom.dropdown ul.show { display: block; } form.custom div.custom.dropdown.open ul { display: block; z-index: 10; } form.custom div.custom.dropdown.small { width: 134px !important; } form.custom div.custom.dropdown.medium { width: 254px !important; } form.custom div.custom.dropdown.large { width: 434px !important; } form.custom div.custom.dropdown.expand { width: 100% !important; } form.custom div.custom.dropdown.open.small ul { width: 132px !important; } form.custom div.custom.dropdown.open.medium ul { width: 252px !important; } form.custom div.custom.dropdown.open.large ul { width: 432px !important; } form.custom div.custom.dropdown.open.expand ul { width: 100% !important; box-sizing: border-box; } /* Custom input, disabled */ form.custom .custom.disabled { background-color: #ddd; } /* ----------------------------------------- Nicer Custom Forms ----------------------------------------- */ form.custom.nice span.custom.checkbox { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } form.custom.nice div.custom.dropdown a.current { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-image: url(../images/misc/input-bg-outset.png); background-position: bottom right; } form.custom.nice div.custom.dropdown a.selector { height: 27px; border-width: 0 0 0 1px; } form.custom.nice div.custom.dropdown ul { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; } /* CSS for jQuery Orbit Plugin 1.4.0 * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit.with-bullets { } div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } div.orbit a.orbit-slide { border: none; line-height: 0; display: none; } div.orbit div.orbit-slide { width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/orbit/rotator-black.png) no-repeat; z-index: 3; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.rotator.move { left: 0 } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url(../images/orbit/timer-black.png) repeat 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active { background: url(../images/orbit/pause-black.png) no-repeat 0 -40px } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #fff; background: rgba(255,255,255,.6); z-index: 30; color: #000; text-align: center; padding: 20px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.orbit-wrapper div.slider-nav { display: block; } div.orbit-wrapper div.slider-nav span { width: 40px; height: 75px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -50px; cursor: pointer; } div.orbit-wrapper div.slider-nav span.right { background: url(../images/orbit/right-arrow.png); right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url(../images/orbit/left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -20px; margin-bottom:0; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; margin-bottom: 0; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/orbit/bullets.png) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* FLUID LAYOUT ================================================== */ div.orbit img.fluid-placeholder, div.orbit div.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } div.orbit, div.orbit-wrapper { width: 100% !important; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* CSS for jQuery Reveal Plugin * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 41; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } .reveal-modal .row { min-width: 0; } /* Mobile */ @media handheld, only screen and (max-width: 1023px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; } } @media handheld, only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; } } /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/ /* -------------------------------------------------- :: Typography -------------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; } h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; } h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; } h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } } /* -------------------------------------------------- :: Grid -------------------------------------------------- */ /* Mobile */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } [class*="column"]:before, [class*="column"]:after { content:""; display:table; } [class*="column"]:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; } .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; } .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } .row .phone-one { width: 21.68% !important; } .row .phone-two { width: 47.8% !important; } .row .phone-three { width: 73.9% !important; } .row .phone-four { width: 100% !important; } .row .push-one-phone { left: 26.08%; } .row .push-two-phone { left: 52.2% } .row .push-three-phone { left: 78.3% } .row .pull-one-phone { right: 26.08% } .row .pull-two-phone { right: 52.2% } .row .pull-three-phone { right: 78.3%; } } /* -------------------------------------------------- :: Block Grids -------------------------------------------------- */ @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; } .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } } /* -------------------------------------------------- :: Mobile Visibility Affordances ---------------------------------------------------*/ .show-on-phones { display: none !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: block !important; } .hide-on-phones { display: block !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: none !important; } /* Modernizr-enabled tablet targeting */ @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch .hide-on-phones { display: block !important; } .touch .hide-on-tablets { display: none !important; } .touch .hide-on-desktops { display: block !important; } .touch .show-on-phones { display: none !important; } .touch .show-on-tablets { display: block !important; } .touch .show-on-desktops { display: none !important; } } @media only screen and (max-width: 767px) { .hide-on-phones { display: none !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: block !important; } .show-on-phones { display: block !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: none !important; } } /* Specific overrides for elements that require something other than display: block */ table.show-on-desktops { display: table !important; } table.hide-on-phones { display: table !important; } table.hide-on-tablets { display: table !important; } @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch table.hide-on-phones { display: table !important; } .touch table.hide-on-desktops { display: table !important; } .touch table.show-on-tablets { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-on-tablets { display: table !important; } table.hide-on-desktops { display: table !important; } table.show-on-phones { display: table !important; } } /* -------------------------------------------------- :: Forms ---------------------------------------------------*/ @media only screen and (max-width: 767px) { div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 18px; } form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; } form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; } form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; } form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; } form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; } } /* -------------------------------------------------- :: UI ---------------------------------------------------*/ /* Buttons */ @media only screen and (max-width: 767px) { .button { display: block; } button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; } } /* Tabs */ @media only screen and (max-width: 767px) { dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; } dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; } dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; } .nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; } .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.mobile dd:first-child a.active { margin: 0; } dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; } dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } /* Nav Bar */ @media only screen and (max-width: 767px) { .nav-bar { height: auto; } .nav-bar>li { float: none; display: block; border-right: none; } .nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; } .nav-bar>li:first-child>a.main { border-top: none; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; border-left: 1px dashed #eee; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; } .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; } .flyout.right { float: none; right: auto; left: -1px; } .flyout.small, .flyout.large { width: auto; } .flyout p:last-child { margin-bottom: 18px; } } /* Tooltips */ @media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; } .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.85) transparent; top: -12px; left: 10px; } } /* Video */ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }