/* * CSS For DotNetNuke Skin by bestdnnskins.com * Copyright 2013 By BESTDNNSKINS.COM */ /*-------- Design style --------*/ .floatl{ float:left;} .floatr{ float:right;} .pc_display { display:block;} .mobile_display { display:none;} .mobile_nav{ display:none;} .pre_defined_color {background:#c1383a;} .skin_wrapper {width:100%; /*max-width:1140px;*/ margin :0 auto;position:inherit!important;z-index:1;padding:0; background:#f2f2f2;} .skin_width { width:100%; max-width:1140px;min-width:767px;margin:0 auto;} /*SAM ADDED FOR HOME PAGE TOP STRIP FOR GOOGLE TRANSLATE*/ .gtranslate {background-color:#434343;} /*CHECK THIS OUT*//*.skin_width_strip { width:100%; max-width:1140px;min-width:767px;margin:0 auto;}*/ .gcontent {min-height:25px; padding:5px 20px 8px 0px;} #google_translate_element {position:relative; float:right;} /*END STRIP*/ /*SAM ADDED FOR BAR BELOW HEADER*/ .headerBar {background-color:#434343;} .contentBar {height:8px;} /*END BAR*/ #skin_header{background:#fff;background:rgba(255,255,255,1.0);min-height:60px;}/*CHANGES transparency on rgba 0.92*/ .skin_header{} .logo_style { float:left; padding:0 1.5%; line-height:80px;} .logo_style img { max-height:80px; }/*138px*//*80px*/ /*CITY SHIELD LOGO*/ .citylogo_style { display:none; float:right; padding:1.0% 1.0% 2.0% 0px; line-height:80px;}/*CHANGED .citylogo_style { float:right; padding:1.0% 1.0% 2.0% 0px; line-height:80px;}*/ .citylogo_style img { max-height:80px; padding:15px 0px;} /*END*/ .menu_style{position:relative; padding:24px 30px 0px 0px; float:right; }/*.menu_style{position:relative; padding:24px 20px 0px 0px; float:left; }*//*.menu_style{position:relative; /*padding:10px 0px 5px 10px;*/ /*float:left; clear:left; width:100%; }*//*CHANGED.menu_style{position:relative; padding:10px 0px 5px 10px; float:left; clear:left; }*//*SAM ADDED clear:left and CHANGED float:right*/ /*.menu_style{position:relative;padding:20px 20px 0 0;float:right;}*/ .skin_main { min-height:620px;} .banner_style{ background:#e9e9e9; border-bottom:3px solid #e0e0e0; margin-bottom:15px;}/*SAM CHANGED background:#c1383a*/ .content_whitebg{ background:#fff;} .content_graybg{ background:#f1f1f1; } .content_nobg {background:none;} /*SAM ADDED NEW CONTENT BACKGROUNDS*/ .content_pink{ background:#EC008C; border-top:6px solid #a10161;}/*SAM Changed #2cbdb9*/ .content_clearbg{ background:#FFFFFF;}/*SAM CHANGED #6a2d91*/ .content_litepurp{ background:#83D0D5;}/*CHANGED COLOR beb2d7*/ .content_orange{ background:#F58220;}/*SAM CHANGED #fa9335*/ .content_lightgrey{ background:#E0E0E0; border-top:2px solid #b2b2b2;}/*SAM CHANGED #8fc964*/ .content_darkgrey { background:#434343; color:#000000;} .skin_top_content {padding:10px 1.5%;}/*CHANGED padding:25px 1.5%*/ .skin_main_padding{ padding:20px 1.5%;} .skin_main_nopadding{ padding:0px;} .footer_top{border-top:2px solid #000000; background:#E0E0E0;}/*SAM CHANGED background:#f1f1f1 and 58585a and added border*/ .footerpane_style { padding:0 1.5%;} .copyright_bar{background:#434343; min-height:55px;margin:0 auto;padding:0;}/*SAM CHANGED #a0a0a0*/ /*ORIGINAL*/ .footer_left {float:left; position:relative; display:block;} .footer_left .footer_Left_Logo {float:left; position:relative; display:block; /*height:75px; width:75px;*/ padding:10px 10px;} .footer_left .footer_Left_Logo a {position:relative; display:block; height:75px; width:75px;} .footer_left .footer_Left_Logo a img {position:relative; display:block; height:75px; width:75px;} .footer_left .footer_left_content {line-height:25px; color:#fff!important; padding:20px 0px 10px 10px; float:left; position:relative; display:block;} .footer_right {float:right; position:relative; display:block; } .footer_right .footer_right_Logo {float:right; position:relative; display:block; padding:10px 10px;} .footer_right .footer_right_Logo a {position:relative; display:block; height:75px; width:75px;} .footer_right .footer_right_Logo a img {position:relative; display:block; height:75px; width:75px;} .footer_right .footer_right_content {float:left; color:#fff!important; padding:38px 10px 10px 0px; position:relative; display:block;} /*END*/ /*page name*/ .page_name { background:#E0E0E0 ;min-height:60px; }/*CHANGED background:#ddd*/ /*.page_name { background:#ddd; height:100px; padding: 0 1.5%}*//*SAM TOOK OUT OLD Layout*/ /*END*/ /*.pagename_style { float:left; position:relative; display:inline-block;}SAM ADDED Aug19*/ .pagename_style h1{ float:left; padding-left:1.5%; color:#6F2C91; line-height:60px; font-size:2.00em; font-weight:normal; position:relative; z-index:913; margin:0; font-family:"raleway",verdana,arial,helvetica,sans-serif; }/*SAM CHANGED font-size:22px**color:#c1383a*/ /*.pagename_style h1{ padding:20px 0px 5px 5px; color:#c1383a; line-height:10px; font-size:2.00em; font-weight:normal; position:relative; z-index:913; margin:0; font-family:"raleway",verdana,arial,helvetica,sans-serif; }*//*SAM CHANGED font-size:22px*/ /*.pagename_style h1:hover {color:#555; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; }*//*SAM TOOK OUT*/ /*.breadcrumb_style {float:right; padding-right:1.5%; color:#000; line-height:60px;}*//*/*SAM TOOK OUT*/ .breadcrumb_style {float:right; padding-right:1.5%; color:#000000; line-height:60px;}/*SAM ADDED FLOAT*/ /*leftsidebar layout*/ .LM_main_content { margin-top:0;} .LM_position { float:left; width:22%; padding:0 1% 20px 0; } .LM_skin_content { float:left; min-height:350px; width:75%; padding:5px 1% 20px;} .leftside_style { padding:0;} /*top right icons*/ .icon_search_style{ display:none; width:170px;position:absolute; left:-83px; top:35px; padding:15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon_search_style:before {width:0; height:0; position: absolute; left:92px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} .icon_user{ position:relative;float:left; padding-right:5px; cursor:pointer; } .icon_user_hover{ display:none; width:160px;position:absolute; left:-63px; top:35px; padding:0; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .icon_user_hover:before {width:0; height:0; position: absolute; left:72px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} .icon_login{ float:left; padding-right:5px; } .icon_lang{ display:block; background:url(../images/icon_lang.png) no-repeat; width:30px; height:30px;float:left; position:relative; cursor:pointer;} .icon_lang_style{display:none; width:60px;position:absolute; left:-13px; top:35px; padding:0 0 15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .icon_lang_style:before {width:0; height:0;position: absolute;left:22px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} /*Login Style*/ .login_style { float:left; position: relative;} .login_style .login-button { display: block; cursor: pointer; } .login_style .logout-button { display: block; cursor: pointer; } .login_style .login-button span { background:url(../images/locations2.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .login_style .logout-button span { background:url(../images/locations2.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .login_style .login-button span a, .login_style .logout-button span a {filter:alpha(opacity=0);moz-opacity: 0;-html-opacity: 0;opacity:0; padding:10px 0;} .user_login{ display:none;} /*Locations Style*/ /*.icon_user .icon_register span { background:url(../images/register2.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}*/ /*.icon_login .icon_locations span { background:url(../images/locations2.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}*/ /*NEW CSS FOR ACTION NAV*/ /*.icons_menu { float: right; margin-right: 20px; *//* background: #c1383a; */ /*padding: 15px 0px 0px 0px; position: relative;*/ /*z-index: 910;*//*}*//*TOOK OUT z-index:910*//*CHANGED padding: 27px 0px 0px 0px*/ .icons_menu { background-color: #e1e1e1; float: right; padding: 13px 15px; position: relative;}/*TOOK OUT z-index:910*//*CHANGED padding: 27px 0px 0px 0px*/ .askIcon { float: left; padding: 5px; cursor: pointer; text-align: center; margin: 0px auto;} .accountIcon { float: left; padding: 5px; cursor: pointer; text-align: center; margin: 0px auto;} .searchIcon {float: left; padding: 5px;cursor: pointer;text-align: center;margin: 0px auto;} .locationsIcon {float: left;padding: 5px;cursor: pointer;text-align: center;margin: 0px auto;} .printingIcon {float: left;padding: 5px;cursor: pointer;text-align: center;margin: 0px auto;} .icon_account{ background:url(../images/register2.png) no-repeat center; height:30px; position:relative; /*padding-right:15px;*/ cursor:pointer; } #accountLink { display: block; height: 30px; width: 30px; margin:0 auto;} .icon_locations{ background:url(../images/locations2.png) no-repeat center; height:30px; position:relative; /*padding-right:15px;*/ cursor:pointer; } #locationLink { display: block; height: 30px; width: 30px; margin:0 auto;} .icon_search{ background:url(../images/search2.png) no-repeat center; height:30px; position:relative; /*padding-right:15px;*/ cursor:pointer; } #searchLink { display: block; height: 30px; width: 30px; margin:0 auto;} .icon_ask{ background:url(../images/ask2.png) no-repeat center; height:30px; position:relative; /*padding-right:15px;*/ cursor:pointer; } #askLink { display: block; height: 30px; width: 30px; margin:0 auto;} .icon_printing{ background:url(../images/printing.png) no-repeat center; height:30px; position:relative; /*padding-right:15px;*/ cursor:pointer; } #printingLink { display: block; height: 30px; width: 30px; margin:0 auto;} /*a.activeNav {color:#b5121b; text-decoration:none; }*/ /*----------Active Nav-------------*/ .searchIcon, .accountIcon, .locationsIcon, .askIcon, .printingIcon {width:50px; margin-right:5px;/*width:20px; margin-right:5px;*//*border:1px solid #000000;*/} .searchName { display:block; font-family:"raleway",verdana,arial,helvetica,sans-serif; font-size:.9em; color:#B5121B;}/*.searchName { display:none; font-family:"raleway",verdana,arial,helvetica,sans-serif; font-size:.5em; color:#B5121B;}*/ .searchName a.activeNav {font-family:"raleway",verdana,arial,helvetica,sans-serif; font-size:.9em; color:#b5121b; text-decoration:none; } /*.icon_account{ display:block; background:url(../images/search2.png) no-repeat center; width:30px; height:30px; float:left; position:relative; padding-right:15px; cursor:pointer; } .icon_locations{ display:block; background:url(../images/search2.png) no-repeat center; width:30px; height:30px; float:left; position:relative; padding-right:15px; cursor:pointer; } .searchName { display:block; font-family:"raleway",verdana,arial,helvetica,sans-serif; font-size:1em; color:#B5121B;}*/ /*User Style*/ .icon_user { float:left; } .icon_user .user-button { display: block; cursor: pointer; } .icon_user .user-button span { background:url(../images/register2.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .icon_user .user-button span a { filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0; } .icon_user .user-back span { background:url(../images/register2.png) no-repeat center; display: block; height: 30px; width: 30px;} .user_register { display:none;} #dnn_dnnUSER3_registerLink { float:left; display:block;filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:2px; overflow:hidden;} /*-----------------Fixed Header--------------*/ .headerfixed {position:fixed; width:100%; z-index:1000;box-shadow: 0 0 4px #ccc;-webkit-box-shadow: 0 0 4px #ccc;-moz-box-shadow: 0 0 4px #ccc;left:0; } .headerfixed .logo_style{ padding:0 1.5%; line-height:80px;}/*SAM CHANGED line-height:60px*/ .headerfixed .logo_style img { max-height:138px; }/*SAM CHANGED max-height:60px*/ .headerfixed .menu_style{padding:10px 20px 0 0; } .headerfixed .icons_menu { padding:15px 0;} /*--------- StandardMenu style ----------*/ #standardMenu { position:relative; margin:0 auto;} #standardMenu ul { list-style:none; margin:0; padding:0;} #standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;} #standardMenu .rootMenu li a{ display:block; position:relative; cursor:pointer; text-decoration:none;} #standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;} #standardMenu .rootMenu li a span { display:block; padding:0 18px; line-height:40px; color:#6b6b6b; white-space:nowrap; font-size:14px; font-weight:normal;text-transform:none; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} #standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { color:#c1383a;} /*-- submenu --*/ #standardMenu .subMenu_arrow { border-bottom: 6px solid #ddd; border-bottom: 6px solid rgba(221,221,221,.93); border-right: 8px solid transparent;border-left: 8px solid transparent ;border-top: 0px solid transparent;content: "";height: 0;left: 15%;position: absolute;top:-5px;width: 0;} #standardMenu .subMenu {position:absolute;top:auto;z-index:1210;width:180px; display:none;padding:1px 0; margin:0; background:#ddd; background:rgba(221,221,221,.93); border:none;} #standardMenu .rootMenu li.rmHover .subMenu { display:block; } #standardMenu .subMenu ul{ margin:0; padding:0;position:relative; z-index:1200;} #standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;} #standardMenu .subMenu li.item a{ border-top:1px solid #eee; border-bottom:1px solid #ccc; border-left:none; border-right:none; padding:0; background:none; margin:0;} #standardMenu .subMenu li.first > a { border-top:none; } #standardMenu .subMenu li.last > a{ border-bottom: none;} #standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 14px 10px 12px; text-transform:none; margin:0; text-shadow:none;} #standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#e8e8e8; background:rgba(255,255,255,.3); color:#c1383a; cursor:pointer; } #standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:14px; height:7px;} #standardMenu ul li ul li ul{ width:180px; margin:0; background:#ddd; background:rgba(221,221,221,.93); border:none; } #standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:181px; top:0; padding:1px 0;} #standardMenu ul li ul li.first ul.level1{ top:-1px; } #standardMenu ul li ul li ul li ul{ display:none;} #standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:181px;top:0; padding:1px 0;} #standardMenu ul li ul li ul li.first ul.level2{ top:-1px; } #standardMenu ul li ul li ul li ul li ul{ display:none;} #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:181px;top:0; padding:1px 0;} #standardMenu ul li ul li ul li ul li.first ul.level3{ top:-1px; } #standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;} #standardMenu img.mmIcon {max-height:24px; margin-right: 6px; vertical-align: middle;} /*--------- MegaMenu style ----------*/ #megaMenu { position:relative; margin:0 auto;} #megaMenu ul { list-style:none; margin:0; padding:0;} #megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;} #megaMenu .root li a{ display:block; position:relative; cursor:pointer; text-decoration:none;} #megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none; /*ADD UDERLINE*/ background:url(../images/LibLogoIcon14B.png) no-repeat 2px 12px;/*background:url(../images/LibLogoIcon14.png) left 1px no-repeat;*/} #megaMenu .root li a span { display:block; padding:0 18px; line-height:40px; color:#434343; white-space:nowrap; font-size:1.3em; font-weight:normal;text-transform:none; transition: all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;font-family:"raleway",verdana,arial,helvetica,sans-serif;}/*SAM CHANGED transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; font-size:14px color:#6b6b6b*/ #megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { /*background:url(../images/LibLogoIcon14.png) no-repeat 5px 12px;*/ color:#B5121B; }/*SAM CHANGED color:#c1383a*//*then change light purp #a679b5*/ /*-- category --*/ #megaMenu .category_arrow { border-bottom: 6px solid #ddd; border-bottom: 6px solid rgba(221,221,221,.93); border-right: 8px solid transparent;border-left: 8px solid transparent ;border-top: 0px solid transparent;content: "";height: 0;left:8%;position: absolute;top:-5px;width: 0; } #megaMenu .category { position:absolute;left:0;top:auto;z-index:1210;width:600px; display:none; padding:5px 8px 12px 8px; background:#ddd; background:rgba(245,245,245,.93);border:none; }/*SAM CHANGED width:362px*/ #megaMenu ul li:hover ul{ visibility: visible; } #megaMenu .root li.rmHover .category { display:block;} #megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;} #megaMenu .category li{ background:none; margin:0 8px; width:163px; padding:0 0 0 2px; float:left;} #megaMenu .category li.item a{ border:none; border-bottom:1px solid #ccc; background:none;} #megaMenu .category li.item a span{ display:block; background:none; font-size:1em; color:#6f2c91; font-weight:bold; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 6px 0; margin:0; text-transform:none;font-family:verdana,arial,helvetica,sans-serif; }/*CHANGED color:#666*/ #megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#a679b5; cursor:pointer; }/*color was #a679b5*//*SAM CHANGED Nav Link color:#c1383a*/ #megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;} #megaMenu .leaf li{ clear:both;float:none; width:160px; margin:0 0 0 15px; padding:0; } #megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 0; line-height:1em; /*background:url(../images/right.gif) left 17px no-repeat;*/ border:none;} #megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; height:auto; line-height:1em; padding:8px 0; text-transform:none;font-family:verdana,arial,helvetica,sans-serif; }/*SAM CHANGED padding:10px 0*//*SAM CHANGED line-height:1.5em*/ #megaMenu .leaf li li{ clear:both;float:none; width:155px; } #megaMenu .leaf li.selected > a span{ color:#a679b5; cursor:pointer;}/*SAM CHANGED Selected color:#c1383a*/ #megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;} #megaMenu img.mmIcon {max-height:24px; margin-right: 6px; vertical-align: middle;} /*--------- LeftMenu style ----------*/ #leftMenu { position:relative; margin:0 auto;} #leftMenu ul { list-style:none; margin:0; padding:0;} #leftMenu li{ display:block; float:none; list-style-type:none; margin:0; padding:0; line-height:normal;} #leftMenu .leftRoot li a {text-decoration:none;} #leftMenu .leftRoot li a span { display:none; text-decoration:none;} /*-- submenu --*/ #leftMenu .leftSub { z-index:900;width:100%; display:none;padding:0; margin:0;} #leftMenu .leftRoot li.breadcrumb .leftSub { display:block;} #leftMenu .leftSub ul { margin:0; padding:0; position:relative; background:none; border:none; z-index:900;} #leftMenu .leftSub li {float:none; clear:both; padding:0; position:relative; background:#efefef; border:1px solid #CCCCCC; margin:3px 0; }/*WAS PURPLE #6A2C91*//*CHANGED BG #E5E5E5*/ /*NEW*/ /*SAM TOOK OUT CUZ OF ANNOYING HOVER #leftMenu .leftSub li:hover > a span {Background:#00aeef;}*/ #leftMenu .leftSub li.haschild > a span { background:url(../images/AccordArrow1.gif) no-repeat right 15px;/*background: url(../images/mobile_navarrow.png) no-repeat right 6px top 0px;*/ } #leftMenu .leftSub li.haschild:hover > a span { background:url(../images/AccordArrow2a.gif) no-repeat right 15px #6a2c91; color:#ffffff;}/*background:#A679B5;*//*WAS #A679B5*/ /*ADD FOR LEVEL 1 HASCHILD April 27 #leftMenu .leftSub .level1 li.haschild:hover > a span { color:#ffffff;}*/ #leftMenu .leftSub .level1 li.haschild:hover > a span /*#leftMenu .leftSub .level1 li a:hover a span*/ { background:#434343/*background:url(../images/AccordArrow2a.gif) no-repeat right 15px #6a2c91*/; color:#ffffff;} /*April 28 Preselected Level1 with child #leftMenu .leftSub .level1 li.haschild > a span { background:#434343; color:#ffffff;}*/ /*END*/ /*MAYBE*/ #leftMenu .leftSub li.selected { background:url(../images/AccordArrow1.gif) no-repeat right 15px #E5E5E5;} /*#leftMenu .leftSub li.selected:hover { background:url(../images/AccordArrow2.gif) no-repeat right 15px #E5E5E5;}*/ /*END*/ /*#leftMenu .leftSub li.selected { background:url(../images/menu-arrow01.gif) no-repeat right 15px #E5E5E5; color:#FFFFFF;}*/ #leftMenu .leftSub li.item a{ background:none;} #leftMenu .leftSub li.item a span{ display:block; font-size:13px; color:#000000; font-weight:bold; white-space:normal; line-height:22px; padding:8px 10px 8px 18px; text-shadow:none; text-transform:none; margin:0; } #leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ /*background:url(../images/AccordArrow2a.gif) no-repeat right 15px;*/ color:#ffffff;}/*SAM CHANGED*//*background:url(../images/AccordArrow2a.gif) no-repeat right 15px #A679B5;-ST*/ #leftMenu .leftSub li.breadcrumb.haschild > a span { background:url(../images/AccordArrow2a.gif) no-repeat right 15px; color:#ffffff;} /*NEW*/ #leftMenu .leftSub li.selected > .level1, #leftMenu .leftSub li:hover > .level1, #leftMenu .leftSub li.selected > .li { color:#fff; display :block;} #leftMenu .leftSub li.selected , #leftMenu .leftSub li:hover, #leftMenu .leftSub .level1 li.selected > .li, #leftMenu .leftSub li.selected.haschild > .level1, #leftMenu .leftSub li.breadcrumb.haschild > .level1 { display :block; } #leftMenu .leftSub li:hover > .level1 {display :block;-webkit-transition: height 1000s ease; -moz-transition: ease-in 2s none; -ms-transition: ease-in 2s none; -o-transition: ease-in 2s none; transition: ease-in 2s none;} /*SAM ADDED FOR LEVEL 2 sub menu*/ #leftMenu .leftSub li:hover > .level2 {display :block;-webkit-transition: height 1s ease; -moz-transition: ease-in 2s none; -ms-transition: ease-in 2s none; -o-transition: ease-in 2s none; transition: ease-in 2s none;} /*END LEVEL 2*/ #leftMenu .leftSub li.breadcrumb, #leftMenu .leftSub li a:hover span { Background:#6F2C91; display :block;} #leftMenu .leftSub li.breadcrumb a span { Background:#6F2C91; display :block; color:#ffffff;} /*SAM ADDED FOR ACTIVE LINK ON LEFTSIDE BAR NAV*/ /*#leftMenu .leftSub li.breadcrumb, #leftMenu .leftSub li a:active span { Background:#6F2C91; display :block;}*/ /*END*/ #leftMenu .level1 { display:none;} #leftMenu .level1 li { background: #f5f5f5; margin:0; border:none; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }/*url(../images/right.gif) no-repeat 17px 16px*/ #leftMenu .leftSub .level1 li.selected, #leftMenu .leftSub .level1 li:hover, #leftMenu .leftSub .level1 li:hover > a span{ background: #f5f5f5; margin:0; border:none; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }/*url(../images/right.gif) no-repeat 17px 16px*/ #leftMenu .leftSub .level1 li.breadcrumb > a span, #leftMenu .leftSub .level1 li.breadcrumb, #leftMenu .leftSub .level1 li.breadcrumb a span { background:#f5f5f5; color:#000000} #leftMenu .leftSub .level1 li.selected > a span { color:#ffffff; display :block; background:#434343;}/*April 28 CHANGED background:#aaa*/ #leftMenu .leftSub .level1 li a:hover span { color:#fff; display :block; background:#434343;}/*April 28 CHANGED background:#434343*//*SAM CHANGED color:#000000 background:#b6b5b5;-ST*/ #leftMenu .leftSub .level2 li a:hover span { color:#fff; display :block; background:#707070;} /*#leftMenu .leftSub .level1 li a:hover span { color:#fff;}*/ #leftMenu .level1 li.item a span { font-size:12px; padding:8px 10px 8px 30px;/*padding-left:25px;*/ color:#000; font-weight:normal; background:none; /*border-top:1px solid #ccc;*/} /*END*/ #leftMenu .level2 { display: block; }/*CHANGED display:block*/ #leftMenu .level2 li{ background-position:21px 18px; } #leftMenu .level2 li.item a span { /*padding-left:45px;*/padding:2px 10px 8px 50px; border-top:0px solid #ccc; } #leftMenu .level3 { display: block; } #leftMenu .level3 li{ background-position:27px 18px; } #leftMenu .level3 li.item a span { padding-left:36px;} #leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;} #leftMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;} /*APRIL 29*/ #leftMenu .leftSub .level1 li.breadcrumb > a span { color:#ffffff; display :block; background:#434343;} #leftMenu .leftSub .level2 li.selected > a span { color:#ffffff; display :block; background:#707070;} /*END*/ /*--------- Pane Style ----------*/ .DNNEmptyPane{ display:none!important;} .dnnpane [class*="grid"] {} .bannerpane {} .bannerpane p{ margin:0;} .topgrid6a{} .topgrid6b{} .topgrid4a{} .topgrid4b{} .topgrid4c{} .topgrid3a{} .topgrid3b{} .topgrid3c{} .topgrid3d{} .topgrid8l{} .topgrid8r{} .topgrid4l{} .topgrid8r{} .topgrid12{} .graygrid4a{} .graygrid4b{} .graygrid4c{} .graygrid12{} .middlegrid4a{} .middlegrid4b{} .middlegrid4c{} .middlegrid12{} .gray2grid4a{} .gray2grid4b{} .gray2grid4c{} .gray2grid12{} .bottomgrid4a{} .bottomgrid4b{} .bottomgrid4c{} .bottomgrid12{} .content_grid12 {} .footer_grid4a { margin:30px 0;} .footer_grid4b { margin:30px 0;} .footer_grid4c { margin:30px 0;} .footerpane { margin:0 0 30px 0;} .socialpane {} .i_content_grid12 {} .i_one_grid3 {} .i_one_grid9 {} .i_two_grid4a {} .i_two_grid4b {} .i_two_grid4c {} .i_three_grid9 {} .i_three_grid3 {} .i_four_grid12 {} .leftsidepane { padding:10px 0; } .l_one_grid8 {} .l_one_grid4 {} .l_two_grid6a {} .l_two_grid6b {} .l_three_grid4 {} .l_three_grid8 {} .l_four_grid12 {} /*--------- Grid Style ----------*/ .row-fluid span.SubHead center { font-weight:normal; font-size:13px; } /*--------- User Profile Style ----------*/ .user_profile{ cursor: pointer; display: block; } .user_profile ul { margin:0; padding:5px 0; border:none;} .user_profile .registerGroup, .user_profile .registerGroup *{ display:block;} .user_profile .registerGroup{ float:left;padding:0;margin:0;} /* Register Group Styles */ .user_profile .registerGroup li{ width:150px; margin:0; padding:5px;border:none; border-bottom:1px solid #d9d9d9; border-top:1px solid #f5f5f5; } .user_profile .registerGroup li:first-child { border-top:none; } .user_profile .registerGroup li:last-child { border-bottom:none; } .user_profile .registerGroup .buttonGroup{ margin-right:0;} .user_profile .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#333!important; height:28px; vertical-align:middle;line-height:28px;} .user_profile .registerGroup a:hover{ color:#444!important; text-decoration:none;} .user_profile .registerGroup a:active{ color:#444;padding:0 9px;} .user_profile .registerGroup a strong{ position:absolute;left:0; top:0; padding-left:30px; height:100%;display:block;font-size:12px;font-weight:normal;overflow:hidden;} .registerGroup .userMessages,.registerGroup .userNotifications { background:none;} .registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px 10px;} .registerGroup .userNotifications strong{ background-position:-91px 7px;} .registerGroup .userMessages strong:hover{ background-position:9px -41px;} .registerGroup .userNotifications strong:hover{ background-position:-91px -44px;} .registerGroup .userMessages strong:active{ background-position:9px 11px;} .registerGroup .userNotifications strong:active{ background-position:-91px 8px;} .user_profile .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333; /*CSS3*/ background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; } .user_profile .registerGroup li.userDisplayName { border-bottom:none; padding-top:10px;} .user_profile .registerGroup li.userDisplayName a{ padding-left:32px;} .user_profile .registerGroup li.userProfileImg{ border-top:none; margin-top:-38px; } .user_profile .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;} .user_profile .registerGroup a img{border:none;height:28px; width:28px;background:#ccc;} /*--------- Color Picker Style ----------*/ #custom_wrapper{display:none;position: fixed;top: 170px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}/*SAM CHANGED display:block*/ #custom-button {display:none;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}/*SAM ADDED display:none*/ #custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555!important;} #custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;} #custom_wrapper .custom_inner{width: 80%;margin:auto;} .colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;} #custom_wrapper .use-form-styles select{width: 110px;} .color-box, .pattern-box, .bg-box { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;} .pattern-box { background:#ccc;} #colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);} #colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;} #custom_wrapper #custom-reset{ height:30px; padding:5px 20px; margin:0 20px; background:#444444; color:#fff; text-decoration:none;} #custom_wrapper #bg_pattern { height:155px; margin-top:10px;} .optional_widtd { position:relative; padding:10px 0 0 0;} #boxed_button { background:#444444; float:left; margin-top:2px; padding:5px; color:#FFFFFF;} #stretched_button { background:#444444; float:right; margin-top:2px; padding:5px; color:#FFFFFF;} #boxed_button:hover, #stretched_button:hover { text-decoration:none;} /*--------- Search style ---------------*/ /*--------- Added for Library ----------*/ .Library_LangSearchBox { width:310px; /*height: 100px;*/ position:relative; display:inline-block; float: right; margin:10px 20px 5px 5px;}/*SLIDE OUT SETTINGS margin:5px 55px 5px 5px*//*SAM CHANGED FOR NEW LOOK .Library_LangSearchBox { width:350px; /*height: 100px;*/ /*position:relative; display:inline-block; float: right; margin:5px 10px 5px 5px;}/*SLIDE OUT SETTINGS margin:5px 55px 5px 5px*/ .Library_LangSearchBox .searchbox { background: none repeat scroll 0 0 #fff; border: 1px solid #b5121b;/*#f7941e*/ float: right; height: 32px; margin: 15px 0 0 0; padding:0px 0px 0px 0px; position: relative; border-radius: 3px; width: 220px; z-index: 200; } .Library_LangSearchBox .searchbox2 { /*background: none repeat scroll 0 0 #A679B5;*//*SAM CHANGED bgcolor:#c5e1ae*/ /*border: 1px solid #301043;*//*#f7941e*/ float: right; margin: 15px 0 0 0; /*padding:5px 5px 5px 5px;*/ position: relative; /*border-radius: 3px;*/ width: 315px;/*NEW LOOK width: 300px*/ } .Library_LangSearchBox #google_translate_element {position:relative; float:right; } .Library_LangSearchBox .searchbox .searchcss, .Library_LangSearchBox .searchbox a.searchcss:link, .Library_LangSearchBox .searchbox a.searchcss:active, .Library_LangSearchBox .searchbox a.searchcss:visited { Background:url(../images/ACS/icon_search.png)top 4px right 0px no-repeat; color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:23px; height:23px; right:0px; top:1px; text-indent:-99999px; overflow:hidden; } .Library_LangSearchBox .searchbox2 .searchcss, .Library_LangSearchBox .searchbox2 a.searchcss:link, .Library_LangSearchBox .searchbox2 a.searchcss:active, .Library_LangSearchBox .searchbox2 a.searchcss:visited { Background:url(../images/ACS/icon_search.png)top 4px right 0px no-repeat; color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:23px; height:23px; right:0px; top:1px; text-indent:-99999px; overflow:hidden; } #Search{ float:left;position:relative; padding:0;} .searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:33px; height:33px; right:2px; top:4px; text-indent:-99999px; overflow:hidden; } .searchSite {text-indent:-99999px; } a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:15px; } #Search input[type="text"] {background: #fff; border: 1px solid #d1d1d1; font-size:15px; color: #888888; width:130px; padding: 7px 34px 7px 7px;} #Search a{ display: block;position:absolute;right:0; top:0;height:35px; width:34px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 5px 7px;z-index:1;cursor:pointer;} #Search .searchInputContainer a.dnnSearchBoxClearText {right: 30px !important;} /*--------- Language Style ----------*/ .language-object{ text-align:center;display:block; margin:0; } .language-object span {display:block; width:100%;} .language-object .Language {margin:0 2px;} .language-object span img{height:18px; width:27px;opacity:0.9; margin:10px 0 0 0; border:2px solid transparent;} .language-object span:hover img{opacity:1;} .language-object .Language.selected img{ opacity:1; border-color:#555; border-color:rgba(0,0,0,.1); -webkit-border-radius: 2px;border-radius: 2px;} #Language { float:right; display:inline-block; display:block\9; filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:3px;} /*--------- Scroll Top Style ----------*/ #top-link { background:url(../images/scroll_top.png) no-repeat scroll center -2px rgba(0, 0, 0, 0.3); border: 0 none; border-radius: 2px; bottom: 100px; right: 80px; display:block; height:40px; padding:0; width:40px; position: fixed; text-decoration: none; z-index: 903;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;} #top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.6); -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;} /*--------- Tipsy Style ----------*/ .tipsy { display:block; float: left; padding:5px 2px; font-size: 12px; background-repeat: no-repeat; background-image: url(../images/tipsy.png);} .tipsy-inner { padding:8px; background:#e9e9e9; color: #555; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .tipsy-up { background-position: top center;} .tipsy-down { background-position: bottom center;} .tipsy-right { background-position: right center;} .tipsy-left { background-position:left center;} /*********************************************/ /* All Content Styles */ /*********************************************/ /*-----------------Demo Top Bubble Style---------------------*/ .main_top_text{text-align:center;} .hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:95px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:20px; }/*Took out border-radius: 50%; */ .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}/*Took out border-radius: 50%; */ /*ForYou*/ .hi-icon-circ { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:102px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:0px; }/*Took out border-radius: 50%*//*CHANGED height:95px*/ .hi-icon-circ:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}/*Took out border-radius: 50%; */ .hi-icon-circ:before {line-height: 77px;} .icon_effect .hi-icon-circ { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .icon_effects .hi-icon-circ:hover:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .hi-icon:before {line-height: 77px;} .icon_effect .hi-icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .main_top_icon1 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/content/demo_one.png) no-repeat -10px -8px #c1383a;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon2 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/content/demo_three.png) no-repeat -10px -8px #c1383a;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon3 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/content/demo_five.png) no-repeat -10px -8px #c1383a;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon4 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/content/demo_seven.png) no-repeat -10px -8px #c1383a;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .icon_effects .hi-icon:hover:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .main_top_img1 { background:url(../images/content/demo_two.png) no-repeat -12px -10px #c1383a; width:77px; height:77px; border:solid 5px #c1383a;} .main_top_img2 { background:url(../images/content/demo_four.png) no-repeat -12px -10px #c1383a; width:77px; height:77px; border:solid 5px #c1383a;} .main_top_img3 { background:url(../images/content/demo_six.png) no-repeat -12px -10px #c1383a; width:77px; height:77px; border:solid 5px #c1383a;} .main_top_img4 { background:url(../images/content/demo_eight.png) no-repeat -12px -10px #c1383a; width:77px; height:77px; border:solid 5px #c1383a;} .main_top_text h3{ /*padding-top:10px;*/ color:#6b2809; margin:0px;} .main_top_text:hover h3{ color:#ffffff; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .main_top_text p{ color:#6b2809; font-size:13px;} /* ForYou Icons */ .foryou_top_icon1 > .icon_effect > .hi-icon-circ:after {top:0px; left:0px; padding:2px; z-index: -1; background:url(/portals/6/Images/ForYou/ForYouIcons_Kids.png) no-repeat 0px -1px #fa9335;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef*//*background:url(/portals/6/Images/ForYou/ForYouIcons_Kids.png) no-repeat 0px -15px #fa9335*/ .foryou_top_icon2 > .icon_effect > .hi-icon-circ:after {top:0px; left:0px; padding:2px; z-index: -1; background:url(/portals/6/Images/ForYou/ForYouIcons_Teens.png) no-repeat 0px -1px #fa9335;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .foryou_top_icon3 > .icon_effect > .hi-icon-circ:after {top:0px; left:0px; padding:2px; z-index: -1; background:url(/portals/6/Images/ForYou/ForYouIcons_Adults.png) no-repeat 0px -1px #fa9335;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .foryou_top_icon4 > .icon_effect > .hi-icon-circ:after {top:0px; left:0px; padding:2px; z-index: -1; background:url(/portals/6/Images/ForYou/ForYouIcons_Seniors.png) no-repeat 0px -1px #fa9335;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .foryou_top_icon5 > .icon_effect > .hi-icon-circ:after {top:0px; left:0px; padding:2px; z-index: -1; background:url(/portals/6/Images/ForYou/ForYouIcons_Seniors.png) no-repeat 8px 10px #fa9335;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*Took out padding:2px; *//*Changed top:-2px; left:-2px; */ /*END*/ /* ForYou Icons */ .foryou_top_img1 { background:url(/portals/6/Images/ForYou/ForYouIcons_KidsHover.png) no-repeat 0px -1px #fa9335; width:120px; /*height:100px;*/}/*Took out border border:solid 5px #c1383a;*//*CHANGED background:url(/portals/6/Images/ForYou/ForYouIcons_KidsHover.png) no-repeat 0px -15px #fa9335*/ .foryou_top_img2 { background:url(/portals/6/Images/ForYou/ForYouIcons_TeensHover.png) no-repeat 0px -1px #fa9335; width:120px; /*height:100px;*/}/*Took out border border:solid 5px #c1383a;*/ .foryou_top_img3 { background:url(/portals/6/Images/ForYou/ForYouIcons_AdultsHover.png) no-repeat 0px -1px #fa9335; width:120px; /*height:100px;*/}/*Took out border border:solid 5px #c1383a;*/ .foryou_top_img4 { background:url(/portals/6/Images/ForYou/ForYouIcons_SeniorsHover.png) no-repeat 0px -1px #fa9335; width:120px; /*height:100px;*/}/*Took out border border:solid 5px #c1383a;*/ .foryou_top_img5 { background:url(/portals/6/Images/ForYou/ForYouIcons_SeniorsHover.png) no-repeat 8px 10px #fa9335; width:100px; /*height:100px;*/}/*Took out border border:solid 5px #c1383a;*/ .main_top_text_foryou {text-align:center;} /*.main_top_text_foryou h3 {margin:0px;}*/ .main_top_text_foryou h3 a { padding-top:0px; color:#0230b0; font-family: "raleway",verdana,arial,helvetica,sans-serif; margin:0px;}/*CHANGED COLOR #ffffff*/ .main_top_text_foryou:hover h3 a { color:#f5f5f5; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; font-family: "raleway",verdana,arial,helvetica,sans-serif; text-decoration:none;}/*OLD COLOR #2C378F*/ .main_top_text_foryou p{ color:#686868; font-size:13px;} /*END*/ /* Digital Icons */ .digital_top_icon1 > .icon_effect > .hi-icon:after {top:-0px; left:-0px; padding:0px; z-index: -1; background:url(/portals/6/Images/Home/DigitalLibraryIcons_eBooks1.png) no-repeat 2px -1px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef #fa9335*/ .digital_top_icon2 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(/portals/6/Images/Home/DigitalLibraryIcons_Video2.png) no-repeat 2px -1px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef #fa9335*/ .digital_top_icon3 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(/portals/6/Images/Home/DigitalLibraryIcons_Music3.png) no-repeat 2px -1px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef #fa9335*/ .digital_top_icon4 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(/portals/6/Images/Home/DigitalLibraryIcons_AudioBooks4.png) no-repeat 2px -1px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef #fa9335*/ .digital_top_icon5 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(/portals/6/Images/Home/DigitalLibraryIcons_Books5.png) no-repeat 2px -1px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*#00aeef #fa9335*/ /*END*/ /* Digital Icons */ .digital_top_img1 { background:url(/portals/6/Images/Home/DigitalLibraryIcons_eBooksPos.png) no-repeat 2px -1px; width:100px; height:100px;}/*Took out border border:solid 5px #8ec642; #c1383a*/ .digital_top_img2 { background:url(/portals/6/Images/Home/DigitalLibraryIcons_VideoPos.png) no-repeat 0px -3px; width:100px; height:100px;}/*Took out border border:solid 5px #8ec642; #c1383a*/ .digital_top_img3 { background:url(/portals/6/Images/Home/DigitalLibraryIcons_MusicPos.png) no-repeat 0px -3px; width:100px; height:100px;}/*Took out border border:solid 5px #8ec642; #c1383a*/ .digital_top_img4 { background:url(/portals/6/Images/Home/DigitalLibraryIcons_AudioBooksPos.png) no-repeat 0px -3px; width:100px; height:100px;}/*Took out border border:solid 5px #8ec642; #c1383a*/ .digital_top_img5 { background:url(/portals/6/Images/Home/DigitalLibraryIcons_BooksPos.png) no-repeat 0px -3px; width:100px; height:100px;}/*Took out border border:solid 5px #8ec642; #c1383a*/ .digital_top_text h3{ margin-top: 0px; font-size:12px; font-weight:bold; color:#686868;}/*Took out padding-top:10px; */ .digital_top_text:hover h3{ color:#f7941e; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .digital_top_text p{ color:#686868; font-size:13px;} /*SAM ADDED TO TEST FOR PAWS H3*/ .main_top_text h3 a { margin-top: 0px; font-size:18px; font-weight:bold; color:#093670;}/*Took out padding-top:10px; *//*CHANGED COLOR #832a02*/ .main_top_text:hover h3 a { color:#ffffff; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} /*END*/ /*--------- Togglable Tabs Style ----------*/ .skin_tabs{position:relative;height:auto;min-height:430px;overflow:hidden;border-bottom:solid 1px #eaeaea;margin-top:40px;} .tab_border{padding:15px 10px 0;background:#FFF; } .nav { margin-bottom: 0; border:none;} .nav-tabs { border-bottom: 1px solid #CECECE;padding:0 30px;} .nav-clear{margin-left:50%;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover {} .tab_title{line-height:42px;padding:0 20px;font-size:16px;} .nav-tabs > li > a { padding-top:12px; margin-right:10px;font-size:15px;} .nav-tabs > li > a:hover { color:#333333; } .tab-content { padding:11px 0 5px 10px;float:right;z-index:909;width:100%;} .tab_right_content{ line-height:2em;float:right;width:47%;} .tab_right_content p{font-size:13px;} .tab_photo{position:absolute;left:0;top:10px;z-index:999;} .tab_photo img{} .tab_right_content li{list-style-type:disc!important;} /*--------- Togglable Tabs4 Style ----------*/ .nav2 { margin-bottom: 0; border:none;} .tab-content2 p { line-height:2em;} .nav-tabs2 { float:left; border:none; min-height:300px; width:30%;} .nav-tabs2 > li { margin-bottom: 0; margin-right:1px; border:1px solid #e5e5e5;height:60px; line-height:60px; background:#f9f9f9;border-left:solid 2px #000;border-right:1px solid #e5e5e5;} .nav-tabs2 > li > a { color:#888; padding:12px 15px 0;font-size:20px;margin:0;} .nav-tabs2 > li > a:hover { color:#333333; } .nav-tabs2 > li > a .Icon_one{color:#7c7c7c;} .nav-tabs2 > li > a .Icon_one:hover, .nav-tabs2 > .active > a .Icon_one{color:#c1383a;} .nav-tabs2 > li > a .Icon_two{color:#7c7c7c;} .nav-tabs2 > li > a .Icon_two:hover, .nav-tabs2 > .active > a .Icon_two{ color:#c1383a;} .nav-tabs2 > li > a .Icon_three{color:#7c7c7c; } .nav-tabs2 > li > a .Icon_three:hover, .nav-tabs2 > .active > a .Icon_three{color:#c1383a;} .nav-tabs2 > li > a .Icon_four{color:#7c7c7c; } .nav-tabs2 > li > a .Icon_four:hover, .nav-tabs2 > .active > a .Icon_four{color:#c1383a;} .nav-tabs2 > li:first-child { } .nav-tabs2 > li:last-child { border-bottom:none;} .nav-tabs2 > li {float: none;} .nav-tabs2 > .active{background:#fff;border-left:solid 2px #c1383a;border-right:none;} .nav-tabs2 > .active > a{color:#c1383a;} .nav-tabs2 > .active > a:hover {border:solid 1px #fff;border-radius:0; margin-right:-4px; position:relative; color:#000; background:#fff;color:#c1383a;} .nav-tabs2 > .active > a span{} .nav-tabs2 > .active > a:before {} .tab-content2 { border:1px solid #e5e5e5; padding:10px 10px 5px 25px;float:left;width:62%;border-left:none;} .tab-content2 .right_list h3 { margin:0; padding:8px 0 0 0; font-size:17px; color:#333;} .tab-content2 .right_list p { padding:10px 0 0 0; font-size:13px; color:#888;} .tab-content2 .right_list ul { float:left; list-style:none; margin:0; padding:5px 0 0 0; color:#888;} .tab-content2 .right_list ul.u1 { margin-right:50px;} .tab-content2 .right_list ul li { background:url(../images/tab_icon.jpg) no-repeat left center; list-style:none; margin:0; padding:5px 0 0 18px;} /*--------- CarouFredSel Style ----------*/ .Slider_banner{padding:0 20px;} .Slider_banner_nav{background:#fff;width:52px;height:21px;position:absolute;top:-40px;right:-5px;z-index:8;padding:0 22px 0 5px;} .carouFredSel { position:relative; height:auto;} h3.carousel_title{ padding:5px 0 10px 0; color:#444;height:20px; font-size:18px; text-transform:uppercase; } .carouFredSel ul { list-style:none; margin:0; width:auto;} .carouFredSel ul li { float:left; list-style:none; height:auto; position:relative; padding:0 15px;} .carouFredSel ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel_Slider {padding:0px 0px 0!important; border:solid 1px #bdbdbd;margin:0 1px;}/*SAM CHANGED TO GET CREATIVE SETTINGS padding:5px 5px 0!important; border:solid 1px #bdbdbd;margin:0 5px;*/ .carouFredSel_nav{position:absolute; right:-4px; top:-40px;padding:5px 25px 0 5px;background:#FFFFFF;} a.caroul_prev{display:inline-block;width:21px;height:21px;background:#f6f6f6 url(../images/widget_nav.png) no-repeat left top;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;-ms-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:solid 1px #d2d2d2;} a.caroul_next{display:inline-block;width:21px;height:21px;background:#f6f6f6 url(../images/widget_nav.png) no-repeat bottom right;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;-ms-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:solid 1px #d2d2d2;} a.caroul_prev:hover {background:#c1383a url(../images/widget_nav.png) no-repeat left top;} a.caroul_next:hover {background:#c1383a url(../images/widget_nav.png) no-repeat bottom right;} .pg-img-wrapper p{padding:10px 5px 0;font-size:13px;} .carouFredSel .carou_text { font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px} /*--------- CarouFredSel2 Style ----------*/ .carouFredSel2 { position:relative;padding:0 40px;margin:40px 0 20px; } .carouFredSel2 ul { list-style:none; margin:0; padding:0; width:auto;} .carouFredSel2 ul li { float:left; list-style:none; height:auto;min-height:70px; margin:0 15px; margin-bottom:0; position:relative;} .carouFredSel2 ul li img {filter:Alpha(Opacity=100);opacity:1; } .carouFredSel2 ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel2_Slider {padding:5px!important;;margin:10px 5px 0;} .Slider_banner_nav2 { position:absolute; right:0; top:-25px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;} a.caroul_prev2{display:inline-block;width:20px;height:26px;background: url(../images/carouFredSel_prev05.jpg) no-repeat ;position:absolute; top:12px;left:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_next2{display:inline-block;width:20px;height:26px;background:#f6f6f6 url(../images/carouFredSel_prev06.jpg) no-repeat ;position:absolute; top:12px;right:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_prev2:hover {background: url(../images/carouFredSel_prev05.jpg) no-repeat left top;opacity:1;filter:Alpha(Opacity=100);} a.caroul_next2:hover{background: url(../images/carouFredSel_prev06.jpg) no-repeat bottom right;opacity:1;filter:Alpha(Opacity=100);} /*---------- Latest Works Style -------------- */ .pg-img-wrapper{position:relative;overflow:hidden;} .pg-img-wrapper figure{width:100%;margin:0;} .pg-info{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(111, 44, 145, 0.7); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .pg-info:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .pg-info:hover .pg-details{bottom: 25%; bottom: calc(33% - 10px);} .pg-details{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 10%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;} .pg-categories{width: 100%; display: block; font-size: 10px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} .icon-circle{width:50px;height:50px;background:#000;position: absolute; top: 10%; left: 40%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-info:hover .icon-circle{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);} .icon-one{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -40px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-two{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -285px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-three{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -80px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-four{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -368px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-five{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -408px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-circle2{width:50px;height:50px;background:#000;position: absolute; top: 30%; left: 45%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-details2{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 40%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details2 h2{color:#fff!important;font-size:25px;font-weight: bold;text-align:center;} .pg-categories2{width: 100%; display: block; font-size: 18px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} .project_skills{width:100%;} .icon-circle3{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-details3{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details3 h2{color:#fff!important;font-size:20px;font-weight: bold;text-align:center;} .pg-categories2{width: 100%; display: block; font-size: 15px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} .pg-info4{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(93, 56, 58, 0.82); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .pg-info4:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .pg-info4:hover .pg-details4{bottom: 25%; bottom: calc(33% - 10px);} .pg-info4:hover .icon-circle4{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);} .icon-circle4{width:50px;height:50px;background:#000;position: absolute; top:25%; left: 40%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-details4{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 28%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details4 h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;} .pg-categories4{width: 100%; display: block; font-size: 14px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} .icon-circle5{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-details5{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details5 h2{color:#fff!important;font-size:17px;font-weight: bold;text-align:center;} .pg-categories5{width: 100%; display: block; font-size: 13px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} .icon-circle6{width:50px;height:50px;background:#000;position: absolute; top: 30%; left: 45%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ; z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pg-details6{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 40%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pg-details6 h3{color:#fff!important;font-size:25px;font-weight: 700;text-align:center;} .pg-categories6{width: 100%; display: block; font-size: 18px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;} /*All demo_content_title*/ .demo_content_title h3{ font-size:22px; font-weight:500;color:#000;} .demo_content_title h3:hover{ color:#c1383a; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} /*--------- Sidebar Tag style ----------*/ .sidebar_tag { padding-top:5px;} .sidebar_tag ul { list-style:none; margin:0; padding:0;} .sidebar_tag ul li { list-style:none; margin-bottom:6px; padding:4px 0;} .sidebar_tag ul li a { padding:6px 2px; text-decoration:none;} .sidebar_tag ul li a span { background:#f1f1f1; padding:6px ; font-size:13px; color:#444; border:1px solid #e0e0e0;border-radius:4px; -webkit-border-radius:4px ; -moz-border-radius:4px ;} .sidebar_tag ul li a span:hover { background:#409dc1; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; color:#fff;} .sidebar_tag a { text-decoration:none;} /*---------Project Pagination---------*/ .project-pagination a{display:block;height:32px;line-height:32px;border:1px solid #f0f0f0;color:#c1383a;float:left;padding:0 15px;} .project-pagination a.next-btn{margin-left:10px;} .project-pagination a:hover{background-color:#c1383a;border-color:#c1383a;color:#fff; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .project-pagination ul{margin-left:10px;float:left;overflow:hidden;} .project-pagination li{float:left;display:block;padding:0px 2px;} .project-pagination li:before{content:"";width:auto;} .project-pagination li.selected a{background-color:#c1383a;border-color:#c1383a;color:#fff;} .project-pagination li.selected a:hover{cursor:default;} /*------------------ Contact Page -------------------*/ .contact_shadow{ background:url(../images/content/contact_top_shadow.png) no-repeat top center; width:100%; height:23px; margin-top:40px;} .contact_page_content{ border-bottom:1px solid #e5e5e5;} .input_style{float:left;width:33.33%;padding:20px 0 ;} .input_style input{background:#f2f2f2; border:none; width:90%;} .input_style input[type="text"]{ padding:5px 0 5px 5px;} .input_style p, .textarea_style p{ font-size:15px;} .textarea_style textarea{background:#f2f2f2; border:none; width:98%;} .textarea_style textarea[type="text"]{ padding:5px 0 5px 5px; min-height:150px;} .input_button { min-width:80px; margin-top:50px; padding-bottom:50px;} .input_button a{background:#c1383a; padding:15px 20px 15px 30px; text-decoration:none; color:#fff!important; font-size:22px;} .input_button a:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} .border_bottom{ border-bottom:1px solid #e5e5e5;} .map_img_style {padding-top:15px;} .map_img_style p{padding:5px 0;} .support_text {float:left;line-height:10px;padding-right:30px; min-height:105px;} .support_style > p{line-height:20px;padding-bottom:10px; } .support_text .select{font-size:15px;color:#000;padding-bottom:8px;} .support_img{ background:url(../images/content/support_style_img.jpg) no-repeat; width:107px; height:100px; float:left;padding:0 15px 5px 0;} /*------------------ Buttons Page -------------------*/ .buttons_page{font-size:13px;line-height:22px;height:auto;overflow:hidden;width:100%;} .buttons_page li{width:30%;float:left;padding:20px 20px 30px 0;border-bottom:solid 1px #ccc;} .buttons_page p{padding:10px 0;} .buttons_page .demo_content_title h3{ font-size:15px; font-weight:600; } .button1_style p{ color:#666;} .button1_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #c1383a; padding:7px 15px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .button1_style span a{ color:#fff;} .button1_style span:hover{ background:#c1383a;} .button2_style p{ color:#666;} .button2_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #c1383a; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button2_style span a{ color:#fff;} .button2_style span:hover{ background:#c1383a;} .button3_style p{ color:#666;} .button3_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #b6b6b6; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button3_style span a{ color:#fff;} .button3_style span:hover{ background:#b6b6b6;} .button_border{ } .button4_style p{ color:#666;} .button4_style span{ background: url(../images/content/buttons4_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left #dfc727; padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button4_style span a{ color:#fff; } .button4_style span:hover{ background:url(../images/content/buttons4_left_bg.png) no-repeat bottom left #dfc727;} .button5_style p{ color:#666;} .button5_style span{ background: url(../images/content/buttons5_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left #79bf92; padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button5_style span a{ color:#fff; } .button5_style span:hover{ background:url(../images/content/buttons5_left_bg.png) no-repeat bottom left #79bf92;} .button6_style p{ color:#666;} .button6_style span{ background: url(../images/content/buttons6_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left #7aab1b; padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button6_style span a{ color:#fff; } .button6_style span:hover{ background:url(../images/content/buttons6_left_bg.png) no-repeat bottom left #7aab1b;} .button7_style p{ color:#666;} .button7_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #e34608; padding:7px 15px 7px 30px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button7_style span a{ color:#fff;} .button7_style span:hover{ background:#e34608;} .buttons7_left_bg{ background:url(../images/content/buttons7_left_bg.png) no-repeat bottom left; width:33px; height:33px;position:relative; top:-26px;} .buttons7_bottom_bg{ background:url(../images/content/buttons7_bottom_bg.png) no-repeat bottom left; width:33px; height:3px;position:relative; top:-28px; left:25px;} .button8_style p{ color:#666;} .button8_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right, url(../images/buttons_bg_shade.png) repeat-x top left #2f3452; padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button8_style span a{ color:#fff; } .button8_style span:hover{ background:url(../images/content/buttons8_right_bg.png) no-repeat bottom right #2f3452;} .button9_style p{ color:#666;} .button9_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right, url(../images/content/buttons_bg_shade.png) repeat-x top left #272724; padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } .button9_style span a{ color:#fff; } .button9_style span:hover{ background:url(../images/content/buttons8_right_bg.png) no-repeat bottom right #272724; } /*------------------ Socia Page -------------------*/ .socia3, .socia2{height:auto;overflow:hidden;padding:0 30px;} .socialicons_text, .socialicons3_text, .socialicons2_text{background:#f5f5f5;padding:10px 20px;} .socialicons2{overflow:hidden;border:solid 1px #fff;} /*--------- Togglable Tabs Style ----------*/ .Togglable_Tabs{height:auto;overflow:hidden;padding:20px 30px;width:75%;} .tob_toggles_page .nav { margin-bottom: 0;} /*------------------ Info boxes Page -------------------*/ .Info_boxes{padding:0 5%;font-size:15px;line-height:22px;height:auto;overflow:hidden;} .Info_icon{float:left;padding-right:20px;} .Info_pink{background:#fde2e2;margin:10px 0;padding:25px;} .Info_greed{background:#daf7c9;margin:10px 0;padding:25px;} .Info_blue{background:#d3f1fa;margin:10px 0;padding:25px;} .Info_orange{background:#feeecb;margin:10px 0;padding:25px;} .Info_greed{background:#d1f9c9;margin:10px 0;padding:25px;} .Info_gray{background:#f6f5f5;margin:10px 0;padding:25px;} .Info_box{margin:15px 5%;} .Info_wrapper{min-height:150px;border:solid 1px #e0e0e0;border-top:none;} .Info_wrapper h2 { font-size:15px; font-weight:normal; color:#fff!important; line-height:35px; padding: 0 15px;} .Info_wrapper .Info_content { padding:10px;} .Info_one{min-height:35px;background:#c1383a;margin:0 -1px;} .Info_two{min-height:35px;background:#f69804; margin:0 -1px;} .Info_three{min-height:35px;background:#696969; margin:0 -1px;} .Info_four{min-height:35px;background:#f75e64; margin:0 -1px;} /*------------------ 404 Page -------------------*/ .error_left{min-height:160px;padding-top:50px;margin-top:10%;overflow:hidden;} .content_404{ font-size:220px; color:#9e9e9e; text-align:center; float:right;padding-top:30px;} .error_title_one { font-size:40px; color:#9e9e9e; text-align:center;} .error_page .sitemap_button {float:right;padding:60px 0 0 20px;float:right;} .error_page .sitemap_button a{ text-align:center; background:url(../images/content/sitemap_button.png) repeat-x #c1383a; font-size:16px; padding:10px 35px; text-decoration:none; color:#FFFFFF;opacity:1;border-radius:10px; } .error_page .sitemap_button a:hover{opacity:0.9;} .error_page .search_style { text-align:center;padding-top:50px;float:right;} .error_page .search_style input[type="text"] { background:url(../images/content/icon_search2.png) no-repeat right center ; border: 1px solid #C7C7C7; font-size:13px; color: #333333; width: 250px; padding: 10px 30px 7px 8px;border-radius:10px;} .error_bg{float:left;width:26%;} /*Footer Categories Style*/ .error_right{padding:0;margin-top:0;overflow:hidden;} .error_text p{font-size:16px;color:#9f9f9f;line-height:22px;} .error_categories ul { list-style:none; margin:0 0 0 15px;width:100%;} .error_categories ul li { list-style:none;width:50%;float:left;} .error_categories ul .error_another { list-style:none;width:100%;float:left;} .error_categories ul li a { background:url(../images/content/foot_icon.png) no-repeat left center; font-size:14px; height:30px; line-height:30px; -moz-transition:padding 0.6s ease; -webkit-transition:padding 0.6s ease; transition:padding 0.6s ease;color:#9e9e9e;padding-left:18px} .error_categories ul li a:hover {padding-left:25px; color:#c1383a; -moz-transition:padding 0.4s ease; -webkit-transition:padding 0.4s ease; transition:padding 0.4s ease;} .error_list_line{ border-bottom:solid 1px #dfdfdf; margin:3px 0; width:92%;} .error_text_line{ border-bottom:solid 1px #dfdfdf; margin:3px 0; width:46.5%;} /*--------- DropDown Style ----------*/ .dropdowns_page .navbar .brand { padding:5px 20px;} /*------------------ About Us Page -------------------*/ .page_about{} .page_about ul{padding-top:20px;} .page_about li{float:left;width:28%;margin:0 1%;} .page_about li:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .about_name{font-size:23px;} .about_orange{color:#c1383a;font-size:16px;} .about_content{padding:30px 0;} .about_content p {font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px;} .about_us{padding:10px 10px 0;border-bottom:solid 1px #eeeeee;} .about_us .accordion2 div {font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px;} .demo_top_title h3{color:#7c7c7c;font-size:25px;} .about_us p{font-size:14px;color:#7c7c7c;line-height:24px;} .about_us_right{padding:0 10px 20px;border-bottom:solid 1px #eeeeee;} /*--------- FAQ Style ----------*/ .faq_right{height:auto;overflow:hidden;padding:15px 10px 0;} .categories_design {width:100%;height:50px;font-size:14px;border-bottom:solid 1px #e6e6e6;margin-bottom:5px;line-height:50px;} .categories_design a{color:#5c5c5c!important ;} .categories_design a:hover{color:#c1383a!important ;} .categories_left{float:left;} .categories_right{float:right;width:25px;height:25px;border-radius:5px;background:#f3f3f3;text-align:center;line-height:25px;} .categories_design a:hover .categories_right{background:#c1383a; color:#fff;} .categories_style ul{ margin:0px;} .categories_style li{ border-bottom:1px solid #ececec; line-height:2.5em; } .categories_style li a{ color:#555;} .categories_style li a:hover{ color:#c1383a;} .faq_style{padding:0 10px;} .faq_style input[type="text"] { background:url(../images/content/faq_seach.png) no-repeat right center #f9f9f9; border:none;font-size:13px; color: #585858; width: 250px; padding: 15px 30px 10px 8px;} /*---------Left Slidebar Style ----------*/ .fancybox_style ul{width:100px;height:auto;overflow:hidden;width:100%;opacity:0.8;} .fancybox_style .random_top{border-top:dashed 1px #c1c1c1;padding-top:5px;} .fancybox_style .random_list{border:solid 1px #ececec;padding:5px;margin-right:2%;} .recent_list{border-top:dashed 1px #c1c1c1;padding-top:5px;} .recent_contents{width:auto;padding:5px 0;height:auto;overflow:hidden;} .recent_pic img{border:solid 1px #eee;padding:3px;float:left;margin-right:10px;filter:Alpha(Opacity=80);opacity:0.8;} .recent_pic:hover img{filter:Alpha(Opacity=100);opacity:1;} .recent_contents p{border:none;font-size:14px;} .twitter_style .twitter_contents{border-top:dashed 1px #c1c1c1;padding:10px 0 0;} .twitter_pic{float:left;padding:5px;} .twitter_contents p{margin-left:50px;font-size:12px;line-height:20px;} .color_black{color:#000;} .defult_contents{border-top:solid 1px #e7e7e7;padding:20px 0;} .defult_contents p{font-size:14px;line-height:24px;padding:10px 0;color:#717171;} .defult_text{background:#f5f5f5;border-left:solid 5px #c1383a;padding:20px;font-size:15px;line-height:22px;margin:10px 0;color:#323232;} /*Page Style-*/ .demo_top_text{ text-align:center; font-size:15px;padding:20px 0;} .prices_page{height:auto;overflow:hidden;padding:0 20px;} /*------------------ Services Page -------------------*/ .page_choose{padding-top:15px;} .choose_list{margin:10px 0} .choose_list img{float:left;} .choose_list a{margin-left:15px;font-size:15px!important;color:#7c7c7c!important;line-height:20px;} .choose_list a:hover{color:#c1383a!important;} .page_perfect{ height:auto;overflow:hidden;background:#f9f9f9;padding:20px 10px 30px;margin-top:0;} .perfect_left{width:70%;float:left;text-align:center;} .perfect_left h3{font-size:25px;color:#515151;} .perfect_left p{font-size:16px;color:#7c7c7c;} .perfect_right{width:30%;float:left} .perfect_right input{width:210px;height:50px;background:#c1383a;border:none;margin:25px 0 0;} .perfect_right a input{ color:#fff;font-size:20px;transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .perfect_right a:hover input{ background:#474747;} /*------------------ Testimonials Page -------------------*/ .page_testimonials ul li{width:45%;margin:0 1% 3% 0;float:left;background:#f6f6f6!important;position:relative;} .page_testimonials li p{padding:20px;font-size:14px;color:#848484;line-height:24px;} .page_testimonials li:before {border-top: 40px solid #f6f6f6; border-left: 25px solid transparent;border-bottom: 25px solid transparent;content: "";height: 0;left: 10%;position: absolute;bottom: -20px;width:0;} .testimonials_list{text-align:center;font-size:18px;padding-top:20px;background:#fff;} .testimonials_list span{color:#c1383a;} .page_services li{width:30%;margin:3% 1%;;float:left;} .page_services li p{line-height:20px;font-size:13px;color:#7c7c7c;margin-left:70px;} .services_arround{width:55px;height:55px;background:#c1383a;float:left;border-radius:30px; transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s;} .page_services li:hover .services_arround { background:#666; } .services_arround img{padding:16px 0 0 14px;} .services_title{font-size:20px;color:#7c7c7c;padding-bottom:10px;margin-left:70px;} /*--------- Quovolve Style ----------*/ .quovolve-box { position:relative;text-align:center;min-height:220px;} .quovolve-box ul { clear: both;list-style: none; margin: 0;padding-top:20px;} .quovolve-box ul li { list-style:none;position: relative;} .quovolve-box ul li .quovolve-box_text p { margin: 0; padding-top:20px; background:url(../images/content/quovolve-box_img.png) no-repeat 20% 20%;text-indent: 40px;color:#707070;} .quovolve-box ul li .quovolve-box_text p span{ background:url(../images/content/quovolve-box_img2.png) no-repeat 80% 100%;display: block; font-size:22px;line-height:30px; } .quovolve-box ul li .quovolve-box_text h5 { line-height: 1em; color:#c1383a;} .quovolve-box .quovolve-nav .nav-numbers { height: 51px;margin: 0; min-width:100px; position: absolute;bottom:20px; left:43%;} .quovolve-box .quovolve-nav .nav-numbers li { float: left;list-style: none;margin-right: 3px;} .quovolve-box .quovolve-nav .nav-numbers li a { display: block;width:51px;height:51px;font-size:0; background: rgba(255,255,255,0.5);} .quovolve-box .quovolve-nav .nav-numbers li.active a{background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .quovolve-box .quovolve-nav .nav-numbers li a:hover {background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .quovolve-box ul.quovolve { margin: 10px 0 0;} /*---------- Project style -------------- */ .project_inner{position:relative;overflow:hidden;margin:0 10px 10px 5px;} .project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;} .project_inner .project_rollover{position:absolute; width:100%;left:0;bottom:0;display:block;height:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s ease-in-out 0s;-moz-transition:height 0.3s ease-in-out 0s;-ms-transition:height 0.3s ease-in-out 0s;-o-transition:height 0.3s ease-in-out 0s;transition:height 0.3s ease-in-out 0s;color:#fff; background:#63adca;overflow:hidden;} .project_inner:hover .project_rollover {height:100%; width:100%;} .project_inner p{padding-top:30px;width:250px;} .project_inner .entry-title a {color:#fff!important;font-size:20px;} .project_inner a{color:#fff!important;} .entry_icon{margin-top:40px;} .project_item1{padding:18px 15px 10px 15px!important;} /*---------Prices Dark---------*/ .prices_dark_style{ float:left;width:22%;margin:0 1%;} .prices_dark_style_three{ float:left;width:30%;margin:0 1%;} .prices_top_dark{ background:#353535; margin:5px; } .dark_title{ padding-top:1px;} .dark_title h3{ text-align:center; color:#fff;} .price_dark{ background:#ebebeb; text-align:center; padding:30px 0 20px;} .price_dark p{ font-size:38px; color:#000; padding:15px 0; margin:0; padding:0;} .prices_name{display:block;margin-top:20px;font-size:15px;} .prices_text p{ border-bottom:1px solid #d9d9d9; text-align:center;line-height:2em;background:#f9f9f9;font-size:15px;padding:5px 0;} .price_dark_button{ text-align:center; padding:25px 0;} .price_dark_button span a{ padding:10px 60px; background:#474747; color:#fff;font-size:20px; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .price_dark_button span a:hover{ background:#c1383a;} /*---------Prices Purple---------*/ .prices_color_style{ float:left;width:22%;margin:0 1%;} .prices_color_style_three{ float:left;width:30%;margin:0 1%;} .prices_top_purple{ background:#c1383a; margin:5px; } .purple_title{ padding-top:1px;} .purple_title h3{ text-align:center; color:#fff!important;} .price_color{ background:#ebebeb; text-align:center; padding:30px 0 20px;} .price_color p{ font-size:38px; color:#000; padding:15px 0; margin:0; padding:0;} .prices_name{display:block;margin-top:20px;font-size:15px;} .prices_text p{ border-bottom:1px solid #d9d9d9; text-align:center;line-height:2em;background:#f9f9f9;font-size:15px;padding:5px 0;} .price_color_button{ text-align:center; padding:25px 0;} .price_color_button span a{ padding:10px 60px; background:#c1383a; color:#fff;font-size:20px;transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .price_color_button span a:hover{ background:#474747;} /*---------Prices Liem---------*/ .prices_liem_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;} .prices_top_liem{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .liem_title{ padding-top:1px;} .liem_title h3{ text-align:center; color:#fff;} .price_liem{ background:#12c250;background:url(../images/prices_shadow.png) repeat-x,#12c250; text-align:center; padding:8px 0;} .price_liem p{ font-size:38px; color:#fff; padding:15px 0;margin:0; padding:0;} .liem_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #12c250; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;} .prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;} .price_liem_button{ text-align:center; padding:25px 0;} .price_liem_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #12c250; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .price_liem_button span a:hover{ background:#12c250;} /*Title_portfolio_page*/ .title_portfolio_page{height:auto;overflow:hidden;padding:20px;} /*------------------ Gallery Page -------------------*/ .gallery_page{height:auto;overflow:hidden;padding:20px;} .gallery_box_outer{ min-height:160px; margin-bottom:5px;width:23%;float:left;padding:1% 1%;} .page_number{float:left;padding-top:20px;} .page_number span{ margin:0 7px;} .page_number span a{ padding:10px; background:#fff; text-decoration:none;color:#000;text-align:center; width:22px;height:22px;line-height:22px;} .page_number .active{background:#c1383a;color:#fff;} .page_number span a:hover{ color:#fff; background:#c1383a;} /*------------------ Project Page -------------------*/ .project_page_left{height:auto;overflow:hidden;padding:0 30px;} .project_page_left p{font-size:13px;} .project_page_right .demo_content_title h3{ font-size:18px; font-weight:300;padding:0; } .project_overview{ line-height:1.8em;padding:5px 0 ;} .project_datails{padding:20px 0 10px;} .project_datails span{ font-weight:500; color:#222; font-size:16px; } .project_border{ background:#ededed; height:1px;} /*---------- Project List -------------- */ .project_page{height:auto;overflow:hidden;padding:0;width:100%;} .project_contain{margin:20px 0;float:left;} .project_pic{display:block;float:left;width:60%;} .project_pic:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .project_list { padding:0 0 0 15px!important;float:left;width:35%;} .project_page h3{font-size:25px;-webkit-transition: all 0.8s ease-in 0s;-moz-transition: all 0.8s ease-in 0s;transition: all 0.8s ease-in 0s;color:#000;} .project_page h3:hover{color:#c1383a;} .project_list .categories {margin-bottom:20px;} .project_list .categories a{ color:#999; } .project_list .intro { font-size:12px; margin-bottom:20px; margin-top:20px; } .project_list a.read-more { font-size:13px; height:30px;line-height:30px;display:block;text-align:center; background:#bbb; color:#fff; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} .project_list a.read-more:hover { background:#c1383a; } /*----------Shortcode Portfolio List -------------- */ .shortcode-portfolio{width:100%;float:left;padding:20px 0px 10px 0px;margin:0;} .thisportfolioitem{-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;position:relative;margin:5px;} .thisportfolioitem > img{-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .thisportfolioitem > img, ul.shortcodes-portfolio-lists > img{width:100%;height:auto;} ul.shortcodes-portfolio-lists li > .portfolio-overlay{width:100%;height:100%;position:absolute;top:0px;left:0px;background: rgba(93, 56, 58, 0.82);margin-top:-300%;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay{margin-top:0%;z-index:19;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-link, ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom{width:25px;height:29px;line-height:28px;padding:2px 3px;font-size:15px;color:white;background-color:rgba(0,0,0,.3);position:absolute;top:50%;left:50%;margin:-200% 0px 0px -35px;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-align:center;z-index:20;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-link > i, ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom > i{padding:0px;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom{margin:-300% 0px 0px 5px;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .portfolio-overlay-icon{width:30px;height:25px;position:absolute;top:0px;right:0px;background-color:rgba(0,0,0,.2);border-radius:0px 3px 0px 3px;z-index:20;text-align:center;color:white;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top:-100px;} .portfolio-overlay-icon > i{padding:5px 0px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-icon{margin:0px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-link{margin:-20px 0px 0px -35px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-zoom{margin:-20px 0px 0px 5px;} .shortcode-portfolio .icon_link, .shortcode-portfolio .icon_zoom_in{padding-top:5px!important;}/*Compatible Firefox*/ /*---------- Twitter Style ----------*/ .latest_tweets{font-size: 13px;} .latest_tweets ul{width:100%;float:left;padding:0;margin:0;} .latest_tweets li{padding-bottom:10px;border:0px !important; margin:0;} .latest_tweets p {color:#868686!important;line-height:20px;} .latest_tweets a, .latest_tweets a:visited{color:#c1383a;} .latest_tweets a:hover{color:#000!important;} /*---------- Footer-widget Style ----------*/ ul.footerblog_post{width:100%;float:left;padding:0;margin:0;height:auto;overflow:hidden;} ul.footerblog_post li{display:block;list-style:none;list-style-image:none;padding:10px 20px 20px 0px;border:0px;} ul.footerblog_post li:first-child{padding-top:0px;} ul.footerblog_post li:last-child{border:0px;} ul.footerblog_post a, ul.footerblog_post a:hover, ul.footerblog_post a:visited{color:#c1383a;font-size:14px} ul.footerblog_post li p{color:#868686;font-size:13px;padding:1px 0;margin:0;width:100% !important;display:block;} .icon_around{width:25px;height:22px;background:#c1383a;float:left;display:block;padding:8px 5px 5px;float:left;margin:5px 10px 0 0;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .footerblog_post li img {transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;cursor: pointer;margin:0 auto;} .footerblog_post li:hover {transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; } .footerblog_post li:hover img { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);} ul.footerblog_post a:link.post_more, ul.footerblog_post a:visited.post_more { font-size:12px; font-style:italic; color:#555;transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} ul.footerblog_post a:hover.post_more {color:#c1383a;} .tsc_clr{clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} .tsc_clear{clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} /*---------- Price Table Style3 ----------*/ /* PRICING TABLE STYLE 2 */ .prices_style02{font-family: Calibri, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: #313131;width:100%;} .prices_style02 ul{margin: 0px;padding: 0px;list-style: none;}.prices_style02 ul li{margin: 0px;width: 100%;height: 100%;height: 26px;padding-top: 10px;float: left;text-align: center;padding-left: 0px;} .prices_style02 li.pricing_header1{height:36px;font-size: 18px;line-height:24px;color:#ffffff;} .prices_style02 li.pricing_header2{height:60px;font-size: 30px;font-weight:bold;line-height:50px;border-bottom:1px solid #cccccc;color:#333;background-color:#eee;}.prices_style02 li.pricing_header2 span{font-size: 12px;line-height:40px;} .prices_style02 .pricing_column_first li.pricing_header1{background:none;} .prices_style02 .pricing_column_first li.pricing_header2{background-color:#efefef;border-bottom:1px solid #cccccc;-webkit-border-radius:19px 0px 0 0;-khtml-border-radius:19px 0px 0 0;-moz-border-radius:19px 0px 0 0;border-radius:19px 0px 0 0;}.prices_style02 .pricing_column_first li.pricing_header2 span{font-size:15px;font-weight:bold;line-height:56px;padding-left:16px;} .prices_style02 .pricing_column_first, .prices_style02 .pricing_column{height: 100%;float: left;margin-right:1px;position:relative;} .prices_style02 .pricing_column_first{*z-index:2;} /* 2. Columns sizes */ .pricing_six .pricing_column, .pricing_six .pricing_column_first{width: 16.5%;} .pricing_five .pricing_column, .pricing_five .pricing_column_first{width: 19.8%;} .pricing_four .pricing_column, .pricing_four .pricing_column_first{width: 24.8%;} .pricing_three .pricing_column, .pricing_three .pricing_column_first{width: 33.1%;} .prices_style02 .odd{background-color: #ffffff;border-bottom:1px dotted #ccc;} .prices_style02 .even{background-color: #efefef;border-bottom:1px dotted #ccc;} .prices_style02 .pricing_yes, .prices_style02 .pricing_no{height:20px;width:100%;float:left;} .prices_style02 .pricing_yes{background:url("../images/yes.png") center top no-repeat;} .prices_style02 .pricing_no{background:url("../images/no.png") center top no-repeat;} .prices_style02 .pricing_footer{width: 100%;height: 44px;padding-top: 14px;padding-bottom: 6px;float: left;border-top: 1px solid #fff;border-bottom: 2px solid #ccc;background-color: #eee;} .tsc_buttons2{display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;} .tsc_buttons2:hover, .tsc_buttons2:focus{color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;} .tsc_buttons2:active{position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;} .tsc_buttons2.rounded{padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;} input.tsc_buttons2, button.tsc_buttons2{*width:auto; *overflow:visible;} /* IE7 Fix */ .tsc_buttons2 img{border:none; vertical-align:bottom;} /* Black */ .tsc_buttons2.black{background:#525252; background:-webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background:-moz-linear-gradient(top, #5e5e5e, #434343); border-color:#4c4c4c #313131 #1f1f1f; color:#fff; text-shadow:0 1px 1px #2e2e2e; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686;} .tsc_buttons2.black:hover, .tsc_buttons2.black:focus{background:#4b4b4b; background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background:-moz-linear-gradient(top, #686868, #363636); border-color:#313131; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686;} .tsc_buttons2.black:active{background:#525252; border-color:#313131; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; box-shadow:0 1px 0 #fff, inset 0 0 5px #313131;} .prices_style02 a.tooltip{position:relative; z-index:24; font-size:13px;color: #313131; text-decoration:none;background:url("../images/info.png") right center no-repeat;padding:0 20px 0 10px;} .prices_style02 .blue a.pricing_button, .prices_style02 .blue li.pricing_header1{background-color: #4db6ff;} .prices_style02 .green a.pricing_button, .prices_style02 .green li.pricing_header1{background-color: #5aad17;} .prices_style02 .red a.pricing_button, .prices_style02 .red li.pricing_header1{background-color: #ee2121;} .prices_style02 .black a.pricing_button, .prices_style02 .black li.pricing_header1{background-color: #666;} /*SAM ADDED FOR FOOTER*/ /*****NEW CSS MEGA FOOTER*****/ .footer_content_center { color: #fff; display: block; float: left; margin-left: 1%; margin-top: 1.5em; padding: 10px; position: relative; text-align: center; } .footerrow { margin: 0 auto; max-width: 990px;/*CHANGED 980px*/ min-width: 755px; width: 100%; } /***END***/ /*SAM ADDED FOR SEARCHES*/ #searchTerms { -webkit-border-radius: 30px 2px 2px 30px; -moz-border-radius: 30px 2px 2px 30px; border-radius: 30px 2px 2px 30px; padding: 0px 5px 0px 9px; border: 1px solid #6A2C91;/*CHANGED border: 1px solid #ccc*/ height:25px; max-width: 70%; width: 225px;/*CHANGED width:205px*/ } #eaOLD { /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; height:30px; min-width: 45%; width: 210px;*/ border: 1px solid #ccc; height: 27px; max-width: 400px; width: 100%; padding-left:15px; } /*NEW*/ #ea { padding-left:5px; border: 1px solid #ccc; height: 27px; /*max-width: 400px;*/ width:98%; } /*END*/ /*GlOBAL SEARCH BOX*/ #searchOuterBox { margin: 5px 0px 0px 5px;/*CHANGED margin: 5px 5px 0px 5px*/ } #radioGroup1 { -webkit-border-radius: 0px 0px 10px 30px; -moz-border-radius: 0px 0px 10px 30px; border-radius: 0px 0px 10px 30px; background: none repeat scroll 0 0 #6A2C91;/*SAM CHANGED bgcolor:#82aa62*/ padding: 5px 0px 5px 10px; width: 270px;/*CHANGED width:290px*/ margin-left:15px; } #radioGroup1 label { color: #ffffff; font-weight: bold; margin: 0px 4px 0px 10px; } #radioGroup1 .radio2 { margin-right:5px; } #radioGroup1 label img { margin-right:2px; } /*NEW SEARCH BOX*/ .searchHiddenBox { display:none; width:100%; min-height:125px; background-color:#434343; } .searchHiddenBoxHP { display:block; width:100%; min-height:125px; background-color:#434343;/*WAS #D0CBDE*/ } .searchVisibleBox { background-color:#434343;/*WAS #D0CBDE*/ } .searchOuterBoxGlobal { float:left; width:100%; } #searchTermsAll { padding-left: 5px; border: 1px solid #ccc; height: 27px; /* max-width: 400px; */ width: 98%; } .searchPadding { padding: 20px 1.5%; } .closeSearch { float:right; margin:10px 20px 5px 0px; } .fluidMiddleSearch { overflow: hidden; margin-right: 80px; height: 40px; } .valignmiddleSearch { width: 100%; position: inherit; max-width: 650px; margin: 0px auto; } .padSearch { padding:0px 6%;} .valignmiddleSearch p { color: #38095e; } .valignmiddleSearch h2 { color: #38095e; margin:0px 0px 5px 0px; font-size:2em; } .leftRightSearch { height: 40px; width: 75px; float: right; } #radioGroupGlobal { margin-bottom:10px; } #radio1GlobalIMG, #radio2GlobalIMG { /*margin-left:20px;*/ margin-right:25px; } #radioGroupGlobalIMG, #radio2GlobalIMG img { margin: 0px 5px 0px 6px; } /*#radioGroupGlobal label img { margin-right:2px; }*/ #radioGroupGlobal label { color: #38095e; font-weight: bold; /*margin: 0px 4px 0px 0px;*/ font-size:1.2em; } /*CLOSE BUTTON*/ .preferredbutton { -moz-user-select: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); background: #bfb8d2 none repeat scroll 0 0;/*#8b7fad*//*#485f6e*/ color: #38095e;/*#ffffff*/ font-size: .9em;/*14px*/ font-weight:bold; line-height: 10px;/*20*/ padding: 5px 7px;/*7px 12px*/ text-align: center; text-decoration: none; /*transition-duration: 0.2s;*/ } .preferredbutton:hover { background: #e6e6e6 none repeat scroll 0 0; /*border: 1px solid #cccccc;*/ color: #58585a; text-decoration: none; } .cursorLink { cursor: pointer; } .closeSearchIcon .glyphicon { font-size:2.5em; color:#626262;/*WAS #9c91b9*/ font-weight:normal; } .closeSearchIcon .glyphicon:hover { color:#232323;/*WAS #38095e*/ } /*END*/ #signup { /*margin-left: 20%;*/ text-align:left; padding-left: 30%; /*margin-bottom: 20px;*/ } .signup { text-align:center; } .signup h2 { color:#000000; margin:0px; } #searchcatalog { margin-left: 30%; /*margin-bottom: 20px;*/ } #searchcatalog p { color: #fff; } /*END*/ /*SAM ADDED NEW ARRIVALS*/ #newarrivals { text-align:center; } #newarrivals h2 { color: #6b2809; margin:0px; } #newarrivals h3 { color: #fff; margin:0px; } #newarrivals > table, #newarrivals > td { background-color: #83D0D5 ; border: 0px solid #ffffff !important; } #newarrivals table > tbody > tr > td { color: #83D0D5 !important; background-color: #83D0D5 !important; } #newarrivals tr { background-color: #83D0D5 !important; } #newarrivals table { background-color: #83D0D5 !important; } #newarrivals div { background-color: #83D0D5 !important; } /*END*/ /*SAM ADDED to the Mega Footer */ /*Contact Info */ .contactinfo p { padding:0px 0px; color:#fff; font-size:13px; text-decoration:none; } .contactinfo strong { padding:0px 0px; color:#fff; font-size:14px;/*was 13px*/ text-decoration:none; } .indenttext { margin-left: 15px; } /*END*/ /*SAM ADDED - FACEBOOK FEED iFrame Responsive?*/ iframe, object, embed{max-width: 100%;} /*SAM ADDED FOR IFRAME GIS*/ .map-container { position: relative; padding-bottom: 56.25%; overflow: hidden; } .map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*END*/ /*SAM ADDED FOR CIRCLE FEATURED*/ .digitalcontainer { width: 100%; } .digitalcontainer:before, .digitalcontainer:after { content: ""; display: table; line-height: 0; } .digitalbox { box-sizing: border-box; display: block; float: left; margin-left: 0.57%; min-height: 30px; width: 19.4%; } /*.digitalbox:first-child { margin-left: 0; }*/ /*END*/ /*SAM ADDED FOR PAWS*/ .audiencescontainer { width: 100%; } .audiencescontainer:before, .audiencescontainer:after { content: ""; display: table; line-height: 0; } .audiencesbox { box-sizing: border-box; display: block; float: left; margin-left: 2.5641%; min-height: 30px; width: 23.0769%; } .audiencesbox h3 { margin-top:0px; } .audiencesbox:first-child { margin-left: 0; } /*END*/ /*SAM ADDED FOR ACCOUNT LOGIN*/ #accountLogin { position:relative; padding: 10px 0px 5px 0px; float:right; clear:right; font-weight:bold; color:#000000; font-family: Verdana,arial,helvetica,sans-serif; } #accountLogin img { border: 0px; margin-right: .5em; } /*END*/ /*SAM ADDED FOR ASK LIBRARIAN*/ /* THE SPEECH BUBBLE*/ .triangle-obtuse { position:relative; padding:15px; margin:1em 0 1em;/*CHANGED margin:1em 0 3em*/ color:#fff; background:#efefef;/*was #c81e2b*/ /* css3 */ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));/*was from #f04349*/ background:-moz-linear-gradient(#f5f5f5, #efefef); background:-o-linear-gradient(#f5f5f5, #efefef); background:linear-gradient(#f5f5f5, #efefef); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Variant : for top positioned triangle ------------------------------------------ */ .triangle-obtuse.top { background:-webkit-gradient(linear, 0 0, 0 100%, from(#c81e2b), to(#f04349)); background:-moz-linear-gradient(#c81e2b, #f04349); background:-o-linear-gradient(#c81e2b, #f04349); background:linear-gradient(#c81e2b, #f04349); } /* Variant : for left positioned triangle ------------------------------------------ */ .triangle-obtuse.left { margin-left:50px; background:#c81e2b; } /* Variant : for right positioned triangle ------------------------------------------ */ .triangle-obtuse.right { margin-right:50px; background:#c81e2b; } /* THE TRIANGLE ------------------------------------------------------------------------------------------------------------------------------- */ /* creates the wider right-angled triangle */ .triangle-obtuse:before { content:""; position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:60px; /* controls horizontal position */ border:0; border-right-width:30px; /* vary this value to change the angle of the vertex */ border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-style:solid; border-color:transparent #efefef;/*was #c81e2b*/ /* reduce the damage in FF3.0 */ display:block; width:0; } /* creates the narrower right-angled triangle */ .triangle-obtuse:after { content:""; position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:80px; /* value = (:before's left) + (:before's border-right/left-width) - (:after's border-right/left-width) */ border:0; border-right-width:10px; /* vary this value to change the angle of the vertex */ border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-style:solid; border-color:transparent #efefef; /* reduce the damage in FF3.0 */ display:block; width:0; } /* Variant : top ------------------------------------------ */ .triangle-obtuse.top:before { top:-20px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:60px; /* controls horizontal position */ border:0; border-left-width:30px; /* vary this value to change the width of the triangle */ border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-color:transparent #c81e2b; } .triangle-obtuse.top:after { top:-20px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:80px; /* value = (:before's right) + (:before's border-right/left-width) - (:after's border-right/left-width) */ border-width:0; border-left-width:10px; /* vary this value to change the width of the triangle */ border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-color:transparent #fff; } /* Variant : left ------------------------------------------ */ .triangle-obtuse.left:before { top:15px; /* controls vertical position */ bottom:auto; left:-50px; /* value = - border-left-width - border-right-width */ border:0; border-bottom-width:30px; /* vary this value to change the height of the triangle */ border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */ border-color:#c81e2b transparent; } .triangle-obtuse.left:after { top:35px; /* value = (:before's top) + (:before's border-top/bottom-width) - (:after's border-top/bottom-width) */ bottom:auto; left:-50px; /* value = - border-left-width - border-right-width */ border:0; border-bottom-width:10px; /* vary this value to change the height of the triangle */ border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */ border-color:#fff transparent; } /* Variant : right ------------------------------------------ */ .triangle-obtuse.right:before { top:15px; /* controls vertical position */ bottom:auto; left:auto; right:-50px; /* value = - border-left-width - border-right-width */ border:0; border-bottom-width:30px; /* vary this value to change the height of the triangle */ border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */ border-color:#c81e2b transparent; } .triangle-obtuse.right:after { top:35px; /* value = (:before's top) + (:before's border-top/bottom-width) - (:after's border-top/bottom-width) */ bottom:auto; right:-50px; /* value = - border-left-width - border-right-width */ left:auto; border:0; border-bottom-width:10px; /* vary this value to change the height of the triangle */ border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */ border-color:#fff transparent; } .askLibrarian h2 { color:#522270; } #la_qentry { width:100%; height:55px; border:0px !important; max-width: 613px; max-height: 150px; /* max-width:300px;*/ } /*JUST ADDED*/ .wideInput{ text-align: left; padding-left:0; padding-top:0; padding-bottom:0.4em; padding-right: 0.4em; /* width: 400px; height: 200px;*/ } textarea#la_qentry { min-height:55px !important; width:99% !important; } /*END*/ #la_qformbutton { float:right; } .forYou h2 { color: #000000;/*CHANGED color: #2c378f*/ text-align: center; margin-top: 0px; } /*END*/ /*PREFERRED BUTTON*/ .preferedbutton { margin-top: 20px; } .preferedbutton > a:link { -moz-user-select: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); background: #485f6e none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-weight:bold; line-height: 20px; padding: 7px 12px; text-align: center; text-decoration: none; /*transition-duration: 0.2s;*/ } .preferedbutton > a:visited { -moz-user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); background: #485f6e none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 20px; padding: 7px 12px; text-align: center; text-decoration: none; /*transition-duration: 0.2s;*/ } .preferedbutton > a:hover { background: #e6e6e6 none repeat scroll 0 0; /*border: 1px solid #cccccc;*/ color: #58585a; text-decoration: none; } .preferedbutton > a:active { background: #cccccc none repeat scroll 0 0; border: 1px solid #8c8c8c; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; color: #000000; text-decoration: none; } /*END*/ /*EVENTS and CLOSURES*/ #trumbaEvents iframe { width:99% !important; } .trumbaEventsHome { margin-right: 5%; float: left; width: 44%; } #trumbaClosures iframe { width:99% !important; } .trumbaClosuresHome { float: left; width: 45%; } /*END*/ /*SAM ADDED FOR REGISTRATION LINK*/ #registerContainer { float: right; margin-top:10px; font-weight:bold; } #registerContainer a { /*background-color: #5fa9dd;*/ background-image: url("http://libraryedit.sanantonio.gov/portals/6/Images/Home/RegistrationIconSprite_25pxB.png"); background-position: 5px 0; background-repeat: no-repeat; background-size: 25px auto; /*border: 1px solid #5fa9dd; border-radius: 3px;*/ color: #5fa9dd; margin: 0px; padding: 5px 5px 2px 30px; text-decoration: none; /*transition: background-color 0.25s linear 0s;*/ } #registerContainer a:first-child:hover { /*background-color: white;*/ background-image: url("http://libraryedit.sanantonio.gov/portals/6/Images/Home/RegistrationIconSprite_25pxB.png"); background-position: 5px -23px; background-repeat: no-repeat; background-size: 25px auto; /*border: 1px solid #5fa9dd;*/ color: #555555; } /*END*/ /*GLENN ADDED FOR HOURS*/ #SundayRow{display:none;} #MondayRow{display:none;} #TuesdayRow{display:none;} #WednesdayRow{display:none;} #ThursdayRow{display:none;} #FridayRow{display:none;} #SaturdayRow{display:none;} #LibraryHours { border-collapse:collapse; } #LibraryHours td { padding: 2px 0 2px 5px; } #LibraryHours th { padding: 0 0 0 5px; text-align:left; } #LibraryHours .todaysRow { font-weight: bold; background-color: #F5F5F5; color: #6A2C91; } /*END*/ /*SAM ADDED FOR LOCATIONS PAGE*/ #dnn_TopGrid4R .row-fluid [class*="span"] { display: block; width: 250px; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*float: left;*/ margin-left: 15%; margin-bottom:25px; /*margin-left: 2.5109110747408616%;*/ } #dnn_TopGrid3R .row-fluid [class*="span"] { display: block; width: 220px; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*float: left;*/ margin-left: 5%; margin-bottom:25px; /*margin-left: 2.5109110747408616%;*/ } #wallpaper img { margin:0px 25px 35px 0px; } #wallpaper li { margin-bottom:5px; } /*END*/ /*SAM ADDED FOR MENU STYLE NAVIGATION*/ #navContainerLibrary { float:left; width:100%; max-width:1140px; min-width:767px; margin:0 auto; /*background-color:#f5f5f5;*/ border-top:1px solid #cccccc; background:#f5f5f5 url("/portals/6/Images/Home/NavBackground.png"); } /*END*/ /*SAM ADDED FOR TWO COL BOOK MARKER*/ .visitbox_top_text { text-align: center; } /*END*/ /*SAM ADDED FOR TOOLTIP*/ /*BECAUSE OF MOBILE*/ div.libtooltips { position: relative; display: block; height:30px; font-size:11px; } div.libtooltips span { position: absolute; width:90px; color: #ffffff; background: #000000; height: 30px; line-height: 28px; text-align: center; visibility: hidden; border-radius: 3px; } div.libtooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; } div:hover.libtooltips span { visibility: visible; opacity: 1; bottom: 30px; left: 50%; margin-left: -46px; z-index: 10000; } /*END*/ /*SAM ADDED FOR TRUMBA*/ /*.trumbaCalCtl { margin-bottom: 2em; }*/ /*END*/ /*SAM ADDED FOR CONTAINER*/ .contentoffocusouter { background-color: #e8e8e8; padding: 10px; margin:10px 0px; } .contentoffocusinner { background-color: #434343;/*OrangeF58220*//*WAS 6f2c91*/ padding: 5px; } .contentoffocuscontainer { background-color: #ffffff; padding: 15px; } .contentoffocuscontainer h2 { margin:0px; } /*END*/ /*SAM ADDED FOR CALENDAR QUICK VIEWS*/ #quickViewsMargin { /*margin-bottom:10px;*/ } .contentoffocuscontainer img { margin-right:3px; } /*END*/ /*SAM ADDED FOR ADMIN PAGE*/ .console-large div { background-color:#ffffff; } .RadAjaxPanel div { background-color:#ffffff; } .console { background-color:#ffffff; } /*END*/ /*SAM ADDED FOR PHOTOS AND VIDEOS PAGE*/ .VAtop img { vertical-align:top !important; } /*END*/ /*SAM ADDED FOR GIS ICON LEGEND*/ .iconGISLegend { float:left; margin-left:15px;} /*END*/ /*FOR YOU LANDING PAGE and About any Other that needs two columns*/ #ForYouSecitons img { margin-bottom: 15px; } /***SAM ADDED FOR FOR YOU SECTIONS***/ .sectionDiv { float: left; margin: 0px 5% 25px; width: 37.5%;} /***END***/ /*END*/ /*SAM ADDED FOR LEGEND LOCATIONS PAGE*/ .locationsLegend { padding: 12px 12px 12px 12px; border: 4px solid #d2d2d2; background-color:#ffffff; } .legendOuter { padding:3px; background-color:#943bc0; margin-bottom: 15px; } /*END*/ /*SAM ADDE FOR (Default Theme) TABS*/ .livetabsdefault .ui-state-active, .livetabsdefault .ui-widget-content .ui-state-active { background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #aaaaaa; color: #212121; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } .livetabsdefault .ui-state-default, .livetabsdefault .ui-widget-content .ui-state-default { background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #d3d3d3; color: #555555; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } /*.livetabslongtitles .ui-corner-bottom a:link { color:#000000; text-decoration:none; }*/ /*SAM ADDED FOR RIGHT SIDED TABS WITHIN TABS*/ .livetabsdefault .ui-widget .mright { font-size: 1em; } .livetabsdefault .ui-widget .mleft { font-size: 1em; } /*END*/ /*(LongTitles Theme)*/ .livetabslongtitles .ui-state-active, .livetabslongtitles .ui-widget-content .ui-state-active { background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #aaaaaa; color: #212121; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } .livetabslongtitles .ui-state-default, .livetabslongtitles .ui-widget-content .ui-state-default { background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #d3d3d3; color: #555555; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } /*.livetabslongtitles .ui-tabs .ui-tabs-nav li a { padding: 0.5em .7em !important; }*/ /****SAM ADDED 2-14-18****/ /****SAM TOOK OUT 3-22-18 to FIX cosamonths tabs on this page ...mysapl.org/Services/For-/Services-for-Children***/ /*#dnn_ContentPane .ui-state-active a, #dnn_ContentPane .ui-state-active a:link, #dnn_ContentPane .ui-state-active a:visited { height: 15px; } .ui-state-default, .ui-widget-content .ui-state-default { height: 26px; }*/ /*END*/ /*(COSAMonths Theme)*/ .livetabscosamonths .ui-state-active, .livetabscosamonths .ui-widget-content .ui-state-active { background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #aaaaaa; color: #212121; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } .livetabscosamonths .ui-state-default, .livetabscosamonths .ui-widget-content .ui-state-default { background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%; border: 1px solid #d3d3d3; color: #555555; font-weight: bold !important;/*WAS NORMAL*/ outline: medium none; } .livetabscosamonths .ui-tabs .ui-tabs-nav li a { padding: 0.5em .7em !important; } /*SAM ADDED FOR RIGHT SIDED TABS WITHIN TABS*/ .livetabscosamonths .ui-widget .mright { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .livetabscosamonths .ui-widget .mleft { font-family: Verdana,Arial,sans-serif; font-size: 1em; } /*END*/ #dnn_ContentPane .livetabscosamonths .ui-widget-content .ui-corner-bottom a:hover{ color: #0088cc; text-decoration: underline; } #dnn_ContentPane .livetabscosamonths .livetabscosamonths .ui-tabs-panel ul li a:hover { color: #0088cc !important; text-decoration: underline !important; } #dnn_ContentPane .livetabscosamonths .ui-corner-bottom a:link { color: #0088cc; text-decoration: none; } #dnn_ContentPane .livetabscosamonths .livetabscosamonths ul.ui-widget-header li a:link { color: #000000; text-decoration: none; } #dnn_ContentPane .livetabscosamonths .livetabscosamonths ul.ui-widget-header li a:hover { color: #808080; text-decoration: none; } #dnn_ContentPane .livetabscosamonths .livetabscosamonths ul.ui-widget-header .ui-state-active a, #dnn_ContentPane .livetabscosamonths .livetabscosamonths ul.ui-widget-header .ui-state-active a:link, #dnn_ContentPane .livetabscosamonths .livetabscosamonths ul.ui-widget-header .ui-state-active a:visited { background: #ffffff none repeat scroll 0 0; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #000000; line-height: 16px; text-decoration: none; } /*END*/ /*SAM ADDED FOR IMAGE BORDERS FOR AUDIENCES SECTION*/ .img-audiences { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } /*END*/ /***SAM ADDED FOR FOR YOU SECTIONS***/ .exploreCol { float: left; margin: 0px 2% 15px; width: 45%;} /***END***/ /*SAM ADDED FOR FEATURE HOME PAGE*/ #featuredHome { display:block; max-width:1104px; width:100%; } .featureBox { border: 1px solid #bdbdbd; width:24.45652173913043%; float:left; margin:1px 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .feature-img-wrapper { overflow: hidden; position: relative; } .feature-img-wrapper:hover .feature-details h3 { color: #38095e !important; font-size: 18px; } .feature-img-wrapper:hover .feature-info { background: rgba(245, 130, 32, 0.8); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .feature-img-wrapper figure { margin: 0; width: 100%; max-height:275px; height:100%; } .feature-info{ width:100%; text-align: center; padding:0; min-height: 45px; position: absolute; bottom: 0; left: 0; /*z-index: 10;*/ background: rgba(111, 44, 145, 0.8); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .feature-info:before { content: ' '; display:inline-block; vertical-align:middle; height:100%; } .feature-info:hover { width:100%; text-align: center; padding:0; min-height: 45px; position: absolute; bottom: 0; left: 0; /*z-index: 10;*/ background: rgba(245, 130, 32, 0.8); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .feature-details { /*bottom: 40%;*/ color: #ffffff; padding: 0; display:inline-block; /*position: absolute;*/ text-align: center; transition: all 0.3s ease 0s; width: 100%; vertical-align:middle; min-height:45px; } .feature-details h3 { color: #fff !important; font-size: 18px; text-align: center; margin:auto 0px; vertical-align:middle; } .feature-info:hover .feature-details h3 { color: #38095e !important; font-size: 18px; } /*END*/ /*FOR TEST*/ .skin_wrapperTEST {width:100%; max-width:1140px; margin :0 auto;position:inherit!important;z-index:1;padding:0; background:none;} .banner_styleTEST{ background:#e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom:25px;}/*SAM CHANGED background:#c1383a*/ .content_whitebgTEST{ /*background:#fff;*/ margin-bottom:25px;} .content_lightgreyTEST{ background:#E0E0E0; margin-bottom:25px;}/*SAM CHANGED #8fc964*/ .content_darkgreyTEST { background:#434343; color:#000000; margin-bottom:25px;} .content_clearbgTEST{ background:transparent; margin-bottom:25px;}/*SAM CHANGED #6a2d91*/ /*END*/ /*SAM ADDED FOR HOME PAGE BANNER*/ .chameleon_slider.callisto .autoplay_container { height: 0px !important; } /*END*/ .getCard {border-radius: 5px; padding: 10px; background-color: #b2b2b2; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, .5);} /*SAM ADDED FOR WOWBRARY*/ .wowPadding { /*padding: 20px 1.5%;*/ } .valignmiddleWow { margin: 0 auto; max-width: 1100px; position: inherit; width: 100%; } .padWow { /*padding: 0 6%;*/ background-color: #434343; /*height: 230px;*/ /*width: 1100px;*/ border-radius: 5px; box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, .5); } #mysaplWowbrary1 > table td > table { margin:10px 0px; } /*END*/ /*SAM ADDED FOR NEWS AND ANNOUNCEMENTS CONTAINERS*/ .newsContainers { /*width:100%;*/ background-color:#ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 10px 10px; } /*END*/ /*SAM ADDED FOR SPONSORS ROTATOR*/ .edr_carousel .box1 a img { box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.15); } .edr_carousel .box1 h1 { font-size:16px; font-weight:Bold; font-family: "Verdana",Arial,Tahoma,sans-serif; } /*SAM ADDED FOR MEGA QUICK LINKS*/ .containerQL { margin-top:5px; } .rowQL { max-width:298px; width:100%; margin:0 auto; } .linksQL { display:block; height:75px; margin:0px; padding:0px; width:75px; } .boxesQL { float:left; margin:0px 10px 15px; width:43%;/*129px*/ } .megaFooter .boxesQL p { margin:0px; } .linkboxQL { width:75px; margin:0px auto; } .firstTabQL { display:none; } .megaFooterA h2 { color: #000000; } .megaFooterA { margin-left: 5%; } /*END*/ /*SAM ADDED FOR ACCORDION QUICK LINKS*/ #accordionQL { margin-bottom:38px; } #accordionQL .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } #accordionQL .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 1px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } #accordionQL .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } #accordionQL .ui-icon { display: inline-block; vertical-align: middle; /*margin-top: .3em;*/ position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } #accordionQL .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } #accordionQL .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } #accordionQL .ui-state-default, #accordionQL .ui-widget-content .ui-state-default, #accordionQL .ui-widget-header .ui-state-default, #accordionQL .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html #accordionQL .ui-button.ui-state-disabled:hover, html #accordionQL .ui-button.ui-state-disabled:active { border: 1px solid #E00087;/*CHANGED 5/30/18 #cb007a*/ background: #E00087;/*CHANGED 5/30/18 #cb007a*//*f6f6f6*/ font-weight: normal; color: #ffffff;/*454545*/ } #accordionQL .ui-state-hover, #accordionQL .ui-widget-content .ui-state-hover, #accordionQL .ui-widget-header .ui-state-hover, #accordionQL .ui-state-focus, #accordionQL .ui-widget-content .ui-state-focus, #accordionQL .ui-widget-header .ui-state-focus, #accordionQL .ui-button:hover, #accordionQL .ui-button:focus { border: 1px solid #8e0055; background: #8e0055;/*ededed*/ font-weight: normal; color: #ffffff;/*2b2b2b*/ } #accordionQL .ui-state-active, #accordionQL .ui-widget-content .ui-state-active, #accordionQL .ui-widget-header .ui-state-active, #accordionQL a.ui-button:active, #accordionQL .ui-button:active, #accordionQL .ui-button.ui-state-active:hover { border: 1px solid #8e0055; background: #8e0055;/*007fff*/ font-weight: normal; color: #ffffff; } #accordionQL .ui-icon { width: 16px; height: 16px; } #accordionQL .ui-state-hover .ui-icon, #accordionQL .ui-state-focus .ui-icon, #accordionQL .ui-button:hover .ui-icon, #accordionQL .ui-button:focus .ui-icon, #accordionQL .ui-state-default .ui-icon { background: rgba(0, 0, 0, 0) url("../images/expand-pink.png") no-repeat scroll 0px 0px; float:right; } #accordionQL .ui-state-active .ui-icon, #accordionQL .ui-button:active .ui-icon { background: url(../images/collapse-pink.png) no-repeat 0px 0px; float:right; } #accordionQL .ui-icon-triangle-1-e { background-position: -32px -16px; } #accordionQL .ui-icon-triangle-1-s { background-position: -65px -16px; } /*corner radius*/ #accordionQL .ui-corner-all, #accordionQL .ui-corner-top, #accordionQL .ui-corner-left, #accordionQL .ui-corner-tl { border-top-left-radius: 0px;/*was3*/ } #accordionQL .ui-corner-all, #accordionQL .ui-corner-top, #accordionQL .ui-corner-right, #accordionQL .ui-corner-tr { border-top-right-radius: 0px; } #accordionQL .ui-corner-all, #accordionQL .ui-corner-bottom, #accordionQL .ui-corner-left, #accordionQL .ui-corner-bl { border-bottom-left-radius: 0px; } #accordionQL .ui-corner-all, #accordionQL .ui-corner-bottom, #accordionQL .ui-corner-right, #accordionQL .ui-corner-br { border-bottom-right-radius: 0px; } /*END*/