/*----------------------------------------------------------------------------------- Theme Name:Oakland Township Theme URI:http://www.oaklandtownship.org/ Description:Custom Theme for Oakland Township, MI Author:Designed by James Myers & HTML/CSS by Tom Gooden | tom@revize.com Author URI:http://www.revize.com/ Version:1 / SEPT 13,2013 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Header + Nav + No More IE7 #Inner Page #FlexSlider #Bootstrap v2.3.2 tables only #Media Queries -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #Reset -----------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} /* ----------------------------------------- #Bacic Styles -----------------------------------------*/ body{background:#545e4f;font:14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#436135;font-family:'Coustard',serif;font-weight:normal;margin-bottom:10px} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:28px;line-height:35px;margin-bottom:14px} h2{font-size:24px;line-height:30px;margin-bottom:14px} h3{font-size:22px;line-height:34px} h4{font-size:21px;line-height:30px} h5{font-size:17px;line-height:24px} h6{font-size:14px;line-height:21px} .header{font-size:24px} .subheader{font-size:18px} p{margin:0 0 20px 0;color:#21261b} p.lead{font-size:21px;line-height:27px;color:#777} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #Links -----------------------------------------*/ a,a:visited{color:#436135;text-decoration:underline;outline:0} a:hover,a:focus{color:#436135} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #Lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:30px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #Images -----------------------------------------*/ img{max-width:100%;*max-width:none;height:auto} a img{border:none} /* ----------------------------------------- #Buttons -----------------------------------------*/ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{border:1px solid #d3d3d3;color:#444;display:inline-block;font-size:13px;font-weight:normal;text-decoration:none;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-moz-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-o-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);background:rgb(254,254,254); background:-moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 50%, rgba(211,211,211,1) 50%, rgba(211,211,211,1) 87%, rgba(211,211,211,1) 95%, rgba(191,191,191,1) 97%, rgba(168,168,168,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(50%,rgba(224,224,224,1)), color-stop(50%,rgba(211,211,211,1)), color-stop(87%,rgba(211,211,211,1)), color-stop(95%,rgba(211,211,211,1)), color-stop(97%,rgba(191,191,191,1)), color-stop(100%,rgba(168,168,168,1))); background:-webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background:-o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background:-ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background:linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#a8a8a8',GradientType=0 )} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{background:#e1e1e1;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-o-box-shadow:inset 0 0 2px rgba(0,0,0,.175);box-shadow:inset 0 0 2px rgba(0,0,0,.175)} .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #Forms -----------------------------------------*/ form{margin-bottom:20px} fieldset{margin-bottom:20px} input[type="text"], input[type="password"], input[type="email"], textarea, select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{color:#444;border:1px solid #999!important} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} /* ----------------------------------------- #Misc -----------------------------------------*/ .remove-bottom{margin-bottom:0!important} .half-bottom{margin-bottom:10px!important} .add-bottom{margin-bottom:20px!important} /* ----------------------------------------- #Base 960 Grid -----------------------------------------*/ .container{position:relative;width:960px;margin:0 auto;padding:0} .container .column, .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;min-height:1px} .row{margin-bottom:20px} .column.alpha,.columns.alpha{margin-left:0} .column.omega,.columns.omega{margin-right:0} .container .one.column, .container .one.columns{width:40px} .container .two.columns{width:100px} .container .three.columns{width:160px} .container .four.columns{width:220px} .container .five.columns{width:280px} .container .six.columns{width:340px} .container .seven.columns{width:400px} .container .eight.columns{width:460px} .container .nine.columns{width:520px} .container .ten.columns{width:580px} .container .eleven.columns{width:640px} .container .twelve.columns{width:700px} .container .thirteen.columns{width:760px} .container .fourteen.columns{width:820px} .container .fifteen.columns{width:880px} .container .sixteen.columns{width:940px} .container .one-third.column{width:300px} .container .two-thirds.column{width:620px} .container .offset-by-one{padding-left:60px} .container .offset-by-two{padding-left:120px} .container .offset-by-three{padding-left:180px} .container .offset-by-four{padding-left:240px} .container .offset-by-five{padding-left:300px} .container .offset-by-six{padding-left:360px} .container .offset-by-seven{padding-left:420px} .container .offset-by-eight{padding-left:480px} .container .offset-by-nine{padding-left:540px} .container .offset-by-ten{padding-left:600px} .container .offset-by-eleven{padding-left:660px} .container .offset-by-twelve{padding-left:720px} .container .offset-by-thirteen{padding-left:780px} .container .offset-by-fourteen{padding-left:840px} .container .offset-by-fifteen{padding-left:900px} /* ----------------------------------------- #Tablet (Portrait) -----------------------------------------*/ @media only screen and (min-width:768px) and (max-width:959px){ .container{width:768px} .container .column, .container .columns{margin-left:10px;margin-right:10px} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px} .column.omega,.columns.omega{margin-right:0;margin-left:10px} .alpha.omega{margin-left:0;margin-right:0} .container .one.column, .container .one.columns{width:28px} .container .two.columns{width:76px} .container .three.columns{width:124px} .container .four.columns{width:172px} .container .five.columns{width:220px} .container .six.columns{width:268px} .container .seven.columns{width:316px} .container .eight.columns{width:364px} .container .nine.columns{width:412px} .container .ten.columns{width:460px} .container .eleven.columns{width:508px} .container .twelve.columns{width:556px} .container .thirteen.columns{width:604px} .container .fourteen.columns{width:652px} .container .fifteen.columns{width:700px} .container .sixteen.columns{width:748px} .container .one-third.column{width:236px} .container .two-thirds.column{width:492px} .container .offset-by-one{padding-left:48px} .container .offset-by-two{padding-left:96px} .container .offset-by-three{padding-left:144px} .container .offset-by-four{padding-left:192px} .container .offset-by-five{padding-left:240px} .container .offset-by-six{padding-left:288px} .container .offset-by-seven{padding-left:336px} .container .offset-by-eight{padding-left:384px} .container .offset-by-nine{padding-left:432px} .container .offset-by-ten{padding-left:480px} .container .offset-by-eleven{padding-left:528px} .container .offset-by-twelve{padding-left:576px} .container .offset-by-thirteen{padding-left:624px} .container .offset-by-fourteen{padding-left:672px} .container .offset-by-fifteen{padding-left:720px} } /* ----------------------------------------- #Mobile (Portrait) -----------------------------------------*/ @media only screen and (max-width:767px){ .container{width:300px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:300px} .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0} } /* ----------------------------------------- #Mobile (Landscape) -----------------------------------------*/ @media only screen and (min-width:480px) and (max-width:767px){ .container{width:420px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:420px} } /* ----------------------------------------- #Clearing -----------------------------------------*/ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after, .clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* ----------------------------------------- #Header + Nav + No More IE7 -----------------------------------------*/ html{overflow-x:hidden} .alert{background:#CC3535;border:5px solid #FF6391;color:#fff;padding:20px;font-size:16px} .no-more-ie{overflow:hidden} .no-more-ie span{float:left;width:75%} .no-more-ie img{width:40px;padding:0 7px} .browser-icons{width:25%;float:right;text-align:right} .wrap{background:url(../_images_/background.jpg) top center no-repeat} .top-bar{background:#5076a0;font-family:'Coustard', serif;padding:7px 0;max-height:35px;overflow:hidden} .float{float:right;padding:10px 0} .weather{float:right;margin-right:10px;margin-top:4px} .weather p{display:inline;color:#fff;font-size:12px;padding-right:30px;float:left;margin:0} .weather img{float:right;*float:none;margin-top:-5px} .social{float:right;margin-right:10px;margin-top:4px} .social img{margin-right:10px} .search{float:right;border:none;background:#fff url(../_images_/search.png) 95% center no-repeat;height:30px;*width:160px} .search input{width:75%;background:none;border:none;color:#596173;font-size:12px;font-family:'Coustard', serif;padding:7px 0 0 10px} .search button{display:none;float:right;height:30px;width:30px;background:none!important;border:none;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-o-box-shadow:none!important;box-shadow:none!important} #header{z-index:99} .head{padding-top:85px} .head-top{background:url(../_images_/head-top.png) top center no-repeat;height:58px} .logo img{margin:-116px 0 0 30px} .head-content{background:url(../_images_/head-slice.png) center repeat-y} .heading h1{color:#fff;font-family:'Coustard', serif;margin:0 0 0 -20px} .heading p{margin:0 0 0 -20px;color:#fff;font-size:12px;font-weight:bold} #nav{position:relative;z-index:999} #menu-icon{display:none} .nav{width:100%;float:left;margin:0} .nav li{float:left;position:relative;list-style:none;margin:0} .nav li a{float:left;color:#fff;display:block;padding:20px 40px 15px;text-decoration:none;font-size:18px;font-family:'Coustard', serif} .nav ul{display:none;position:absolute;left:10%;top:100%;margin:0;border-bottom:3px solid #5076A0;z-index:99;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s} .nav ul a{float:none;width:160px;border-right:none;border-bottom:1px solid #e1e1e1;padding:9px 20px;color:#5076A0;background:#fff;font-size:12px;text-transform:none} .nav ul li:last-child a{border:none} .nav ul li{float:none} .nav ul ul{top:0;left:100%} .nav li:hover > ul{display:block} .nav li:hover > a{color:#fff;background:#5076A0} .nav > li > a:hover{background:none!important} .main-content{margin-top:-48px;position:relative} .top{background:url(../_images_/top.png) center no-repeat;height:44px} .slice{background:url(../_images_/slice.png) center repeat-y;overflow:hidden} .wrap-990{width:990px;margin:0 auto;position:relative} .wrap-1111{width:1111px;margin:0 auto;max-width:100%} .bottom{background:url(../_images_/bottom.png) top center no-repeat;height:104px} .news h2, .calendar-section h2{font-size:16px;text-transform:uppercase;border-bottom:1px solid #acbdd0;margin:0;padding-bottom:14px} .news h2 span, .calendar-section h2 span{font-family:'Dancing Script', cursive;font-size:28px;font-weight:bold;text-transform:none} .news-item{border-bottom:1px solid #acbdd0;border-top:1px solid #fff;padding:5px 0 10px 0} .news-item h2{border:none;padding:0} .news-item p{margin:0} .news-item a{color:#5076a0} .news-btn{border-top:1px solid #fff;width:100%} .news-btn .float{margin:14px 0} .news-btn a, .cal-btn a{background:#436135;color:#fff;font-size:12px;text-decoration:none;padding:7px 10px;border-radius:4px;margin-left:5px;font-family:'Coustard', serif} .calender-section h2 span{font-family:'Dancing Script', cursive} .cal{border-top:1px solid #fff;padding:10px 0} .footer{font-size:12px;padding-left:5px;margin-top:-30px} .footer p{color:#fff} .footer a{color:#fff} .heading > div:nth-child(1) > a:nth-child(2){position:relative;z-index:9999;} /* ----------------------------------------- #Topic Slider -----------------------------------------*/ .topic-slider{border-top:1px solid #fff;position:relative;padding:20px 0 0} .slider-buttons{width:100%;float:left;z-index:99} .list_carousel{margin:0 auto;width:100%} .list_carousel ul{margin:0 0 0 52px;padding:0;list-style:none;display:block} .list_carousel li{text-align:center;background:url(../_images_/item-bg.png) no-repeat;padding:0;margin:0;display:block;float:left;cursor:pointer} .list_carousel li a{font-size:13px;font-family:'Coustard',serif;display:block;text-decoration:none} .list_carousel li img{display:block;margin:4px;*margin:5px 8px 5px 0} .list_carousel.responsive{width:auto;margin-left:0} .prev{float:left;position:absolute;width:45px;height:152px;background:url(../_images_/left-arrow.png) no-repeat;text-indent:-9999px;top:20px;left:0} .next{float:right;position:absolute;width:45px;height:152px;background:url(../_images_/right-arrow.png) no-repeat; text-indent:-9999px; top:20px; right:0} /* ----------------------------------------- #Inner Page -----------------------------------------*/ #freeform .head-content{padding-bottom:50px} #freeform .main-content{margin-top:-50px;*margin-top:-65px} .flyout{margin:0;padding:0} .flyout li{margin:0;list-style:none;position:relative} .flyout li a{display:block;color:#436135;text-decoration:none;padding:10px;border-top:1px solid #fff;border-bottom:1px solid #acbdd0;font-family:'Coustard',serif} .flyout li a:hover{background:#5076A0;color:#fff} .flyout li:first-child a{border-top:none} .flyout li:last-child a{border-bottom:none} .flyout ul{margin:0;position:absolute;left:100%;top:0;border-bottom:3px solid #436135;display:none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1)} .flyout ul a{border-bottom:1px solid #acbdd0;padding:9px 20px;color:#436135;background:#fff;font-size:12px;width:160px} .flyout ul li:last-child a{border:none} .flyout li:hover > ul{display:block} .flyout li:hover > a{color:#fff;background:#5076A0} .breadcrumbs{font-size:12px} .breadcrumbs p{display:inline} .breadcrumbs a{text-decoration:none;color:#5076a0} .breadcrumbs a:hover{text-decoration:underline} .page-header h2{margin:15px 0;font-size:18px} .share-section{padding-bottom:20px;border-bottom:1px solid #acbdd0} .post{border-top:1px solid #fff;padding-top:20px;min-height:510px} /* ----------------------------------------- #FlexSlider -----------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline:none} .slides, .flex-control-nav, .flex-direction-nav {margin:0;padding:0;list-style:none} .flexslider,.flexslider * {margin:0;padding:0} .flexslider .slides > li {display:none;-webkit-backface-visibility:hidden}/* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width:100%;display:block} .flex-pauseplay span {text-transform:capitalize} .slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides {display:block} * html .slides {height:1%} .no-js .slides > li:first-child {display:block} .flexslider {margin:0;background:#fff;border:5px solid #fff;position:relative;zoom:1} .flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport {max-height:300px} .flexslider .slides {zoom:1} .carousel li {margin-right:5px} .flex-direction-nav a {width:30px;height:30px;margin:-20px 0 0;display:block;background:url(../_images_/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .flex-direction-nav .flex-next {background-position:100% 0;right:-36px} .flex-direction-nav .flex-prev {left:-36px} .flexslider:hover .flex-next {opacity:0.8;right:5px} .flexslider:hover .flex-prev {opacity:0.8;left:5px} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1} .flex-direction-nav .disabled {opacity:.3!important;filter:alpha(opacity=30);cursor:default} .flex-control-nav {display:none;width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a {width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)} .flex-control-paging li a:hover {background:#333;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active {background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs {margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li {width:25%;float:left;margin:0} .flex-control-thumbs img {width:100%;display:block;opacity:.7;cursor:pointer} .flex-control-thumbs img:hover {opacity:1} .flex-control-thumbs .active {opacity:1;cursor:default} @media screen and (max-width:860px) { .flex-direction-nav .flex-prev {opacity:1;left:0} .flex-direction-nav .flex-next {opacity:1;right:0} } /* ----------------------------------------- #Bootstrap v2.3.2 tables only -----------------------------------------*/ .table{max-width:100%!important;background-color:#fff;border-collapse:collapse;border-spacing:0} .table textarea{min-width:220px;max-width:100%!important;border:1px solid #e1e1e1} .table caption{background:#e1e1e1;color:#fff;text-align:left;padding:10px 20px} .table{width:100%;margin-bottom:20px} .table th, .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #e1e1e1} .table th{font-weight:bold} .table thead th{vertical-align:bottom} .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td{border-top:0} .table tbody+tbody{border-top:2px solid #e1e1e1} .table .table{background-color:#fff} .table-condensed th, .table-condensed td{padding:4px 5px} .table-bordered{border:1px solid #e1e1e1;border-collapse:separate;*border-collapse:collapse;border-left:0} .table-bordered th, .table-bordered td{border-left:1px solid #e1e1e1} .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td{border-top:0} .table-bordered thead:first-child tr:first-child >th:first-child, .table-bordered tbody:first-child tr:first-child >td:first-child, .table-bordered tbody:first-child tr:first-child >th:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered thead:first-child tr:first-child >th:last-child, .table-bordered tbody:first-child tr:first-child >td:last-child, .table-bordered tbody:first-child tr:first-child >th:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-bordered thead:last-child tr:last-child >th:first-child, .table-bordered tbody:last-child tr:last-child >td:first-child, .table-bordered tbody:last-child tr:last-child >th:first-child, .table-bordered tfoot:last-child tr:last-child >td:first-child, .table-bordered tfoot:last-child tr:last-child >th:first-child{-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px} .table-bordered thead:last-child tr:last-child >th:last-child, .table-bordered tbody:last-child tr:last-child >td:last-child, .table-bordered tbody:last-child tr:last-child >th:last-child, .table-bordered tfoot:last-child tr:last-child >td:last-child, .table-bordered tfoot:last-child tr:last-child >th:last-child{-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px} .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0} .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0} .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-striped tbody >tr:nth-child(odd) >td, .table-striped tbody >tr:nth-child(odd) >th{background-color:#f9f9f9} .table-hover tbody tr:hover >td, .table-hover tbody tr:hover >th{background-color:#f5f5f5} table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0} .table td.span1, .table th.span1{float:none;width:44px;margin-left:0} .table td.span2, .table th.span2{float:none;width:124px;margin-left:0} .table td.span3, .table th.span3{float:none;width:204px;margin-left:0} .table td.span4, .table th.span4{float:none;width:284px;margin-left:0} .table td.span5, .table th.span5{float:none;width:364px;margin-left:0} .table td.span6, .table th.span6{float:none;width:444px;margin-left:0} .table td.span7, .table th.span7{float:none;width:524px;margin-left:0} .table td.span8, .table th.span8{float:none;width:604px;margin-left:0} .table td.span9, .table th.span9{float:none;width:684px;margin-left:0} .table td.span10, .table th.span10{float:none;width:764px;margin-left:0} .table td.span11, .table th.span11{float:none;width:844px;margin-left:0} .table td.span12, .table th.span12{float:none;width:924px;margin-left:0} .table tbody tr.success >td{background-color:#dff0d8} .table tbody tr.error >td{background-color:#f2dede} .table tbody tr.warning >td{background-color:#fcf8e3} .table tbody tr.info >td{background-color:#d9edf7} .table-hover tbody tr.success:hover >td{background-color:#d0e9c6} .table-hover tbody tr.error:hover >td{background-color:#ebcccc} .table-hover tbody tr.warning:hover >td{background-color:#faf2cc} .table-hover tbody tr.info:hover >td{background-color:#c4e3f3} /* #Media Queries ================================================== */ @media only screen and (min-width:960px) { .nav{display:block!important} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:959px) { #menu-icon{display:block;color:#fff;padding:10px;font-size:21px;cursor:pointer;clear:both} #menu-icon span{display:block;width:30px;height:3px;background:#fff;float:left;clear:both;margin:3px 10px 0 0} .nav{display:none;background:#fff;float:none} .nav li{float:none} .nav li a{float:none;background:#fff;color:#5076A0;font-size:14px;border:none;border-bottom:1px solid #e1e1e1!important;padding:10px} .nav ul{display:block;position:static;box-shadow:none;border:none} .nav li li a{width:auto;font-size:12px} .nav li a:before{content:"- "} .nav li li a:before{content:"-- "} .wrap{background-size:100%} .wrap-990{width:100%} .wrap-1111{width:100%} #nav {clear:both} .logo{margin:0!important} .heading .inner{margin:-10px 0 0 50px} .top{background-size:790px;margin-bottom:-5px} .top-bar{max-height:none} .slice{background-size:790px} .bottom{background-size:889px;background-position:top center} .list_carousel ul{margin:0 0 0 35px} .list_carousel li{background-size:100%} .prev{background-size:83.5%} .next{background-size:83.5%} .flyout ul{position:static;display:block;box-shadow:none;border:none} .flyout ul a{width:auto} .flyout li a{background:none;border:none;border-bottom:1px solid #bbb!important} .flyout li li a{padding-left:10px} .flyout li li a:before{content:"-- "} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width:768px) and (max-width:959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .logo img{width:150px;margin-left:-20px} .heading .inner{margin:0 0 0 30px} .heading h1{font-size:24px} .top, .bottom{display:none} .slice{width:420px;margin:50px auto} .news .inner{padding:10px} .calendar-section .inner{padding:10px} .cal-btn{float:right;padding:10px 0 20px 0} .topic-slider{padding:20px 0} .list_carousel ul{margin:0 0 0 14px} .prev{background-size:79%} .next{background-size:79%;margin-right:-9px} .breadcrumbs{padding:20px 0 0 20px} .page-header, .share-section{padding-left:20px} .post{padding:20px} #freeform .head-content{height:110px} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { .slice{width:300px} .news-btn a, .cal-btn a{font-size:10px} .prev{background-size:84%} .next{background-size:84%;margin-right:-7px} .search{clear:both;width:300px} .social{float:right} #freeform .head-content{height:130px} .logo img{width:130px;margin-left:-10px} }