body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { margin: 0; padding : 0; } h1, h2, h3, h4, h5, h6 { font-size : 100%; } ul { list-style : none; } address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; } table { border-collapse : collapse; border-spacing : 0; } fieldset, img { border : 0; } caption, th { text-align : left; } q:before, q:after { content :''; } a { text-decoration : none; color : #33c; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } *:hover, *:active, *:focus, input:focus, textarea:focus { outline:none !important; } img, embed, video, .scale { max-width:100%; height:auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mapcanvas img, .gmnoprint img { max-width: none; } input, textarea, .uneditable-input { width:auto; } html { } body { position:relative; background-color : #fff; margin:0; text-align:left; } .wrapper-site { position:relative; width:980px; margin : 0 auto; } .zindex1 { z-index:1; } .zindex2 { z-index:2; } .zindex3 { z-index:3; } .website-header { position:relative; height:20px; width:100%; background : #3a3530 url(../images/bg-header.jpg) 0 0 repeat; padding:1px 0 ; } .website-header.fixed { position:fixed; top:0; } .top_menu { float:left; padding: 0 ; } #translate { float:left; padding: 1px 10px 0 0px; } #jflanguageselection { margin:0; } .rawimages { margin-top: 0px; } #search { float:right; padding: 1px 6px 0px 0px; } .search { position:relative; z-index:1; } #search .inputbox { border: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; padding:3px 20px 2px 10px !important; width:94px; height:auto; line-height:100%; font-size:90%; color : #888; margin:0 0 0 44px; background: transparent url(../images/black-13.png) 0 0 repeat; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } #search .inputbox:hover, #search .inputbox:focus { border:none; color:#ddd; background: transparent url(../images/white-04.png) 0 0 repeat; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset; } #search .inputbox:focus { width : 134px; margin-left:4px; } #search .button { position:absolute; top:3px; right:6px; z-index:2; } .search input.button { border:none; background-image:none; } #search label, label[for=mod-search-searchword] { display:none; } .website-top { position:relative; height:250px; width:100%; } .website-top.fixed { position:fixed; top:0; } .website-top.fixed.with-header { top:22px; } .bg-white { height:100px; background-color : #fff; } .bg-ellipse-top { position:relative; margin: 0 auto; width:1613px; max-width:100%; height:150px; background : transparent url(../images/ellipse-top.png) 50% 0 no-repeat; } .logo { position : absolute; top:0; left:0; width:100%; z-index:2; } .logo p { margin : 0; } .logo img { margin-left:6px; } .logo a, .logo a:hover { text-decoration:none; outline:none; } .drop-down { position:relative; margin-top:42px; float:right; z-index:10; } .drop-down span.title_menu { display: none; } .website-middle { position : relative; margin-top: -150px; padding:0px 0px 70px 0; } .website-middle.fixed { padding-top:124px; margin-top:0; } .middle-site { padding:30px 0 40px 0; } #website-middle .container-site { padding-bottom:10px; } .top-module-position { position : relative; z-index:1; } .bottom-module-position { position : relative; z-index:1; } .bg-middle { position:absolute; top:0; width:100%; height:767px; background : transparent url(../images/bg-black.jpg) 40% 0 no-repeat; } .bg-middle.green { background-image : url(../images/bg-green.jpg); } .bg-middle.red { background-image : url(../images/bg-red.jpg); } .bg-middle.orange { background-image : url(../images/bg-orange.jpg); } .bg-middle.blue { background-image : url(../images/bg-blue.jpg); } .image-position { position:relative; margin:-1px; } .fade01-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade01-left.png) 0 0 repeat-y; z-index:10; } .fade01-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade01-right.png) 0 0 repeat-y; z-index:10; } .fade02-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade02-left.png) 0 0 repeat-y; z-index:10; } .fade02-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade02-right.png) 0 0 repeat-y; z-index:10; } .left_column { position:relative; float:left; width:20%; margin: 100px 0px 0px 0; z-index:1; } .right-module-position { position:relative; float:right; width:180px; margin: 100px 0 0 0px; z-index:1; } .right-module-position .moduletable { position:relative; z-index:1; } .main_content { position:relative; overflow:hidden; background-color : #fff; padding: 0 0 12px 0; z-index:1; } .main_content.without-image-position { padding-top:105px; } .main_content.without-image-left-position { padding-top:110px; } .bg-left-side { position : absolute; top:0; width:8px; height:100%; background:transparent url(../images/content-left-side.png) 0 0 repeat-y; z-index:6; } .bg-right-side { position : absolute; top:0; width:8px; height:100%; background:transparent url(../images/content-right-side.png) 0 0 repeat-y; z-index:6; } .bg-left-side-without-column { position : absolute; top:0; left:-8px; width:8px; height:100%; background:transparent url(../images/content-left-side.png) 0 0 repeat-y; z-index:6; } .bg-right-side-without-column { position : absolute; top:0; right:-8px; width:8px; height:100%; background:transparent url(../images/content-right-side.png) 0 0 repeat-y; z-index:6; } .bg-website-middle-bottom { position:absolute; bottom:-34px; left:-10px; width:100%; height:100px; padding: 0 20px 0 0; background:transparent url(../images/fade-above-footer.png) 0 100% repeat-x; z-index:10; } .main_component { position:relative; overflow:hidden; padding : 0px 20px 14px 20px; z-index:1; } .users_top, .users_bottom { margin: 0; padding: 0px 0 10px 0; clear:both; width: 100%; } .users_bottom { padding:14px 0 0 0; } .user1, .user4 { float:left; } .user3, .user6 { float:right; } .user2, .user5 { position:relative; overflow:hidden; } .user1, .user2, .user3, .user4, .user5, .user6 { min-height:40px; height:auto !important; height:40px; } .left_column .moduletable:first-child > div { -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; -khtml-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0; } .right-module-position .moduletable:first-child > div { -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0; -khtml-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; } .left_column .moduletable > div, .right-module-position .moduletable > div, .top-module-position .moduletable > div, .bottom-module-position .moduletable > div, .user1 .moduletable > div, .user2 .moduletable > div, .user3 .moduletable > div, .user4 .moduletable > div, .user5 .moduletable > div, .user6 .moduletable > div { padding:14px 20px; } .left_column .grey > div, .right-module-position .grey > div, .top-module-position .grey > div, .bottom-module-position .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div { background: transparent url(../images/black-08.png) 0 0 repeat; } .left_column .blue > div, .right-module-position .blue > div, .top-module-position .blue > div, .bottom-module-position .blue > div, .user1 .blue > div, .user2 .blue > div, .user3 .blue > div, .user4 .blue > div, .user5 .blue > div, .user6 .blue > div { background-color: #0099cc ; color:#fff; } .left_column .green > div, .right-module-position .green > div, .top-module-position .green > div, .bottom-module-position .green > div, .user1 .green > div, .user2 .green > div, .user3 .green > div, .user4 .green > div, .user5 .green > div, .user6 .green > div { background-color: #85b159; color:#fff; } .left_column .orange > div, .right-module-position .orange > div, .top-module-position .orange > div, .bottom-module-position .orange > div, .user1 .orange > div, .user2 .orange > div, .user3 .orange > div, .user4 .orange > div, .user5 .orange > div, .user6 .orange > div { background-color: #ff9933; color:#fff; } .left_column .red > div, .right-module-position .red > div, .top-module-position .red > div, .bottom-module-position .red > div, .user1 .red > div, .user2 .red > div, .user3 .red > div, .user4 .red > div, .user5 .red > div, .user6 .red > div { background-color: #cc3333; color:#fff; } .left_column .blue > div > h3, .right-module-position .blue > div > h3, .top-module-position .blue > div > h3, .bottom-module-position .blue > div > h3, .user1 .blue > div > h3, .user2 .blue > div > h3, .user3 .blue > div > h3, .user4 .blue > div > h3, .user5 .blue > div > h3, .user6 .blue > div > h3, .left_column .green > div > h3, .right-module-position .green > div > h3, .top-module-position .green > div > h3, .bottom-module-position .green > div > h3, .user1 .green > div > h3, .user2 .green > div > h3, .user3 .green > div > h3, .user4 .green > div > h3, .user5 .green > div > h3, .user6 .green > div > h3, .left_column .orange > div > h3, .right-module-position .orange > div > h3, .top-module-position .orange > div > h3, .bottom-module-position .orange > div > h3, .user1 .orange > div > h3, .user2 .orange > div > h3, .user3 .orange > div > h3, .user4 .orange > div > h3, .user5 .orange > div > h3, .user6 .orange > div > h3, .left_column .red > div > h3, .right-module-position .red > div > h3, .top-module-position .red > div > h3, .bottom-module-position .red > div > h3, .user1 .red > div > h3, .user2 .red > div > h3, .user3 .red > div > h3, .user4 .red > div > h3, .user5 .red > div > h3, .user6 .red > div > h3 { color:#fff; text-shadow : none; } .left_column .blue a, .right-module-position .blue a, .top-module-position .blue a, .bottom-module-position .blue a, .user1 .blue a, .user2 .blue a, .user3 .blue a, .user4 .blue a, .user5 .blue a, .user6 .blue a, .left_column .green a, .right-module-position .green a, .top-module-position .green a, .bottom-module-position .green a, .user1 .green a, .user2 .green a, .user3 .green a, .user4 .green a, .user5 .green a, .user6 .green a, .left_column .orange a, .right-module-position .orange a, .top-module-position .orange a, .bottom-module-position .orange a, .user1 .orange a, .user2 .orange a, .user3 .orange a, .user4 .orange a, .user5 .orange a, .user6 .orange a, .left_column .red a, .right-module-position .red a, .top-module-position .red a, .bottom-module-position .red a, .user1 .red a, .user2 .red a, .user3 .red a, .user4 .red a, .user5 .red a, .user6 .red a { color:#ddd; } .left_column .blue a:hover, .right-module-position .blue a:hover, .top-module-position .blue a:hover, .bottom-module-position .blue a:hover, .user1 .blue a:hover, .user2 .blue a:hover, .user3 .blue a:hover, .user4 .blue a:hover, .user5 .blue a:hover, .user6 .blue a:hover, .left_column .green a:hover, .right-module-position .green a:hover, .top-module-position .green a:hover, .bottom-module-position .green a:hover, .user1 .green a:hover, .user2 .green a:hover, .user3 .green a:hover, .user4 .green a:hover, .user5 .green a:hover, .user6 .green a:hover, .left_column .orange a:hover, .right-module-position .orange a:hover, .top-module-position .orange a:hover, .bottom-module-position .orange a:hover, .user1 .orange a:hover, .user2 .orange a:hover, .user3 .orange a:hover, .user4 .orange a:hover, .user5 .orange a:hover, .user6 .orange a:hover, .left_column .red a:hover, .right-module-position .red a:hover, .top-module-position .red a:hover, .bottom-module-position .red a:hover, .user1 .red a:hover, .user2 .red a:hover, .user3 .red a:hover, .user4 .red a:hover, .user5 .red a:hover, .user6 .red a:hover, .left_column .blue .active a, .right-module-position .blue .active a, .top-module-position .blue .active a, .bottom-module-position .blue .active a, .user1 .blue .active a, .user2 .blue .active a, .user3 .blue .active a, .user4 .blue .active a, .user5 .blue .active a, .user6 .blue .active a, .left_column .green .active a, .right-module-position .green .active a, .top-module-position .green .active a, .bottom-module-position .green .active a, .user1 .green .active a, .user2 .green .active a, .user3 .green .active a, .user4 .green .active a, .user5 .green .active a, .user6 .green .active a, .left_column .orange .active a, .right-module-position .orange .active a, .top-module-position .orange .active a, .bottom-module-position .orange .active a, .user1 .orange .active a, .user2 .orange .active a, .user3 .orange .active a, .user4 .orange .active a, .user5 .orange .active a, .user6 .orange .active a, .left_column .red .active a, .right-module-position .red .active a, .top-module-position .red .active a, .bottom-module-position .red .active a, .user1 .red .active a, .user2 .red .active a, .user3 .red .active a, .user4 .red .active a, .user5 .red .active a, .user6 .red .active a { color:#fff ; } ul.actions { float:right; margin: 10px 10px 0 3px !important; padding:0 !important; } ul.actions li { background-image: none !important; margin: 0 !important; padding:0 !important; list-style:none !important; display:inline-block; } ul.actions a { text-decoration:none; } .article-info { font-size:90%; margin:8px 0 15px 0; } .article-info dd { margin:0; } .article-info-term { display:none; } #article-index { background: transparent url(../images/black-03.png) 0 0 repeat; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; float: right; margin: 10px 0 20px 30px; clear : both; padding: 8px 12px; width: 17%; } .blog-featured { padding: 0; } .items-leading { padding:0px 5px 10px 5px; overflow:hidden; margin-bottom:10px; } .row-separator { display: block; clear: both; margin: 0; border: 0px; height:1px; } .item-separator { display: none; margin: 0px; } .shownocolumns { width:98% !important; } .cols-1 { display: block; float: none !important; margin: 0 !important; } .cols-2 .column-1 { width:46%; float:left; } .cols-2 .column-2 { width:46%; float:right; margin:0; } .cols-3 .column-1 { float:left; width:29%; padding:0px 5px; margin-right:4%; } .cols-3 .column-2 { float:left; width:29%; margin-left:0; padding:0px 5px; } .cols-3 .column-3 { float:right; width:29%; padding:0px 5px; } .items-row { overflow:hidden; margin-bottom:10px !important; } .column-1, .column-2, .column-3 { padding:10px 5px; } .column-2 { width:55%; margin-left:40%; } .column-3 { width:30%; } .blog-more { padding:10px 5px } span.content_rating img { display:inline-block; margin:0 1px; } span.content_vote input { display:inline-block; margin:0 2px; } .website-footer { clear:both; padding : 0; text-align:left; z-index:1; } .website-footer .wrapper-site { min-height: 160px; } .left-footer { float:left; width:550px; min-height:80px; margin-left:-60px; padding:30px 40px 0 70px; background : transparent url(../images/ellipse-footer.png) -40px 0 no-repeat; } .left-footer > * { max-width:390px; } .bottom_menu { } .address { padding: 0; } .address.without-menu { margin-top:14px; } .address p { margin: 0px; } .breadcrumb { position: absolute; bottom:116px; left:580px; width:38%; font-size:85%; z-index:1; } .breadcrumb h3 { display : none; } .breadcrumbs a:first-child { display:inline-block; text-indent:-9999px; background : transparent url(../images/home.png) 0 -5px no-repeat; width:14px; height:16px; margin-right:5px; -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } .breadcrumbs a:first-child:hover { background : transparent url(../images/home.png) 0 -21px no-repeat; } #social-links { position : absolute; top:48px; left:600px; width:35%; background : transparent url(../images/separator-social-links.png) 0px 0 no-repeat; list-style:none; padding : 8px 0 0 8px; } #social-links li { float:left; width:23px; padding-left:5px; list-style:none; } #social-links li.text_social_icons { font-size : 100%; width:auto; color : #222; line-height:26px; } #social-links li a { -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } #social-links li a img { width:23px; opacity : 0.6 ; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: apha(opacity = 60); -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; border:none; } #social-links li a:hover img { opacity : 0.9 ; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: apha(opacity = 90); } #social-links li.google { margin-right:6px; } #social-links li > div { padding: 5px 0 0 2px !important; opacity : 0.65 ; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: apha(opacity = 65); -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } #social-links li > div:hover { opacity : 0.9 ; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: apha(opacity = 90); } .clr { clear:both; } .pull-left { float: left; } .pull-right { float: right; } table.category { width:100%; margin-top:20px; } .sectiontableheader { background: transparent url(../images/black-05.png) top left repeat; padding:8px 5px; } .sectiontableheader a { text-transform:uppercase; color: #444; text-decoration : none; } tr.sectiontableentry1 td, tr.even td { background-color : transparent; border-bottom: 1px dotted #444; padding:8px 5px; } tr.sectiontableentry2 td, tr.odd td { background: transparent url(../images/black-05.png) top left repeat; border-bottom: 1px dotted #444; padding:8px 5px; } tr.sectiontableentry1 td a, tr.sectiontableentry2 td a { text-decoration : none; } .pollstableborder { margin: 10px 0; } .pollstableborder tr { display:block; padding: 5px 0; } .pollstableborder tr .sectiontableentry1, .pollstableborder tr .sectiontableentry2 { display:inline-block; margin-right: 5px; text-align:left; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { line-height:20px; margin:0; padding : 4px 7px; max-width:90%; border:1px solid #ccc; border-color : rgba(0,0,0,0.10); background : transparent url(../images/black-04.png) top left repeat ; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset; box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover { -moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35); box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35); } input[type="submit"], button, .readmore a { display: inline-block; *display: inline; padding: 4px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #444444; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } input[type="submit"]:hover, button:hover, .readmore a:hover { color: #222222; background-position: 0 0; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15); } input[type="submit"]:active, button:active, .readmore a:active { background-color: #f5f5f5; background-image: none; } input[type="checkbox"], input[type="radio"] { margin : 0 8px; } select { height: 30px; line-height: 30px; padding: 4px 8px 3px 6px; } .js-copyright { position : absolute; bottom:4px; right:0; width:13px; height:130px; z-index:2; } .jslink { position : absolute; top:0; right:2px; text-indent:-9999px; width:8px; height:130px; background : transparent url(../images/js_black_16.png) 0 0 no-repeat; z-index:1; } .pull-left { float:left; } .pull-right { float:right; } .well { background : transparent url(../images/black-03.png) 0 0 repeat; border: 1px solid #999; border-color : rgba(0,0,0,0.11); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; } legend { border-bottom:1px dotted #999; border-color : rgba(0,0,0,0.11); color: #333333; display: block; font-size: 120%; margin-bottom: 14px; padding: 0; width: 100%; } hr.hr-condensed { margin: 10px 0; } hr { border:none; border-bottom: 1px solid #999; border-color : rgba(0,0,0,0.08); margin: 18px 0; } dd { margin-left:10px; } .dl-horizontal dd { margin:0 0 1px 0; } .dl-horizontal dt .jicons-icons { margin-left:0px; } .control-group { margin-bottom: 9px; } .form-vertical .controls { margin-left: 0; } .form-horizontal .control-group { margin-bottom:18px; } .form-horizontal .control-group:after { clear:both; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { content: ""; display: table; line-height: 0; } legend + .control-group { margin-top: 18px; } .form-horizontal .control-label { padding: 5px 0; font-size:95%; } .form-actions { background-color : transparent; border:none; } .form-horizontal .form-actions { clear: both; margin: 10px 0 20px 10px; } #jform_contact_email_copy { margin:-13px 0 0 10px; } .content-module .logout-button { margin:20px 0 0 -4px; } .contact h2 { padding-top:5px; } .accordion-group { background : transparent url(../images/black-03.png) 0 0 repeat; border: 1px solid #ccc; border-color : rgba(0,0,0,0.08); -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; margin-bottom: 8px; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; cursor : pointer; } .collapse.in { height: auto; } .collapse { -webkit-transition : height 0.35s ease 0s; -moz-transition : height 0.35s ease 0s; -ms-transition : height 0.35s ease 0s; -o-transition : height 0.35s ease 0s; transition : height 0.35s ease 0s; height: 0; overflow: hidden; position: relative; } .accordion-inner { border-top: 1px solid #ccc; border-color : rgba(0,0,0,0.08); padding: 9px 15px; } dl { margin-bottom:18px; } #contact-form legend { margin-bottom:15px; padding-bottom:6px; font-weight:normal; color: #111; font-size:85%; } #jform_contact_email_copy-lbl { float:left; } .contact .form-horizontal .control-label { float: none; padding-top: 0; text-align: left; width: auto; } .contact .form-horizontal .controls { margin-left: 0; } .contact .form-horizontal .form-actions { padding-left: 0px; } .main_component .nav-tabs:after, .main_component .nav-pills:after { clear: both; } .main_component .nav-tabs:before, .main_component .nav-tabs:after, .main_component .nav-pills:before, .main_component .nav-pills:after, .main_component .nav-tabs:before, .main_component .nav-tabs:after, .main_component .nav-pills:before, .main_component .nav-pills:after { content: ""; display: table; line-height: 0; } .main_component .nav-tabs { border-bottom: 1px solid #ccc; border-color : rgba(0,0,0,0.08); } .main_component .nav-tabs > li, .main_component .nav-pills > li { float: left; } .main_component .nav-tabs > li { margin: 0 20px -1px 0 !important; padding : 0 !important; background-image : none !important; } .main_component .nav-tabs.nav-stacked > li { margin: 0 0px -1px 0 !important; } .main_component .nav { list-style: none outside none; margin-bottom: 18px; margin-left: 0; } .main_component .nav-tabs > .active > a, .main_component .nav-tabs > .active > a:hover { background-color: transparent; color: #555555; background : transparent url(../images/black-04.png) top left repeat ; cursor: default; } .main_component .nav-tabs > li > a { border: 1px solid transparent; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius:4px 4px 0 0; border:1px solid #ccc; border-color : rgba(0,0,0,0.08); line-height: 18px; padding-bottom: 8px; padding-top: 8px; } .main_component .nav-tabs > li > a, .main_component .nav-pills > li > a { line-height: 14px; margin-right: 2px; padding-left: 12px; padding-right: 12px; } .main_component .nav > li > a { display: block; } .main_component .nav > li > a:hover { background : transparent url(../images/black-04.png) top left repeat ; } .main_component .nav-tabs:after, .main_component .nav-pills:after { clear: both; } .main_component .nav-stacked > li { float: none; } .main_component .nav-tabs.nav-stacked > li > a { border: 1px solid #ccc; border-color : rgba(0,0,0,0.08); -moz-border-radius:0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } #myTabContent { margin-left:12px; } .contact .tab-content > .tab-pane { display: none; } .contact .tab-content > .active { display: block; } ul.pagenav { list-style-type:none; overflow:hidden; padding:0; margin:5px 0; padding:5px 0; } ul.pagenav li { display : inline-block; background-image:none ; padding : 3px 14px 3px 12px !important; margin: 12px 6px 4px 3px !important; line-height:20px; border:none; font-weight:normal; text-shadow : 0 1px 1px rgba(255,255,255, 0.85); background : #f5f5f5 url(../images/black-04.png) top left repeat !important; background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ddd)) !important; background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #fbfbfb ) !important; background-image: -ms-linear-gradient(top, #fbfbfb, #ddd) !important; background-image: -o-linear-gradient(top, #fbfbfb, #ddd) !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } ul.pagenav li:hover { cursor : pointer; -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3); box-shadow: 0px 1px 2px rgba(0,0,0, 0.3); } ul.pagenav li:active { -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); box-shadow: 0px 1px 2px rgba(0,0,0, 0.5); background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fbfbfb)) !important; background-image : -moz-linear-gradient(0% 100% 90deg, #fbfbfb, #ddd ) !important; background-image: -ms-linear-gradient(top, #ddd, #fbfbfb) !important; background-image: -o-linear-gradient(top, #ddd, #fbfbfb) !important; } ul.pagenav li a { text-decoration:none; } ul.pagenav li.prev { float:left; } ul.pagenav li.next { float:right; } table.weblinks, table.category { font-size:1em; margin:10px 10px 20px 0; width:99%; } table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background: transparent url(../images/black-07.png) 0 0 repeat; color:#000000; padding:7px; } table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a { color:#000000 !important; } table.weblinks td, table.category td { padding:7px; } .weblink-category a { font-size:110%; text-decoration:none; font-weight:bold; padding: 0 0 0 5px; } .pagination { border-top:1px dotted #ccc; border-color : rgba(0,0,0,0.08); margin: 10px 0; padding: 10px 0; height:auto; } .pagination ul { display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin:0; padding:0; } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: none; padding: 0; line-height: 1.4; text-decoration: none; background-color: transparent; border: none; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: transparent; } .pagination ul > .active > a, .pagination ul > .active > span { color: #555; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #555; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination ul { list-style-type:none; margin:0; padding:0; text-align:center; } .pagination li { background : none !important; display:inline; padding:2px 5px !important; text-align:left; margin:0 2px !important; } .pagenav { padding:2px; } .pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev { border:0; } .pagination li.pagination-start , .pagination li.pagination-start span { padding:0; } p.counter { float:right; margin: 10px 0 0 0; } div.mod-languages ul li { display:inline; } #searchForm fieldset { margin : 30px 0 50px 0 ; } .phrases-box { margin:10px 0; } fieldset.phrases label, fieldset.only label { display: inline-block; margin: 0 6px 10px 6px; } .radio, .checkbox { } a[href="#advancedSearch"] { display : none ; } #advancedSearch { height : auto; margin:12px 0; } #searchForm input[type="text"] { width:160px; } span.icon-search { display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background : transparent url(../images/icon-search.png) 0 0 no-repeat; } .tip-wrap { background-color:#444; border:1px solid #ccc; border-color : rgba(0,0,0,0.08); border-radius : 6px; color : #fff; z-index:999; } .tip { padding : 8px 8px 16px 8px; min-width:160px; } .tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom { background-image : none; height:auto; } .tip-title { color : #028bc0; margin: -2px 0 4px 0; } .actions .tip { padding : 0; min-width:0; } .tooltip { position: absolute; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); background:transparent !important; border:none !important; z-index:999; } .tooltip * { color: #fff !important; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px ; padding: 5px 8px; } .tooltip.right { margin-left: 3px; padding: 5px 8px; } .tooltip.bottom { margin-top: 3px; padding: 5px 8px; } .tooltip.left { margin-left: -3px; padding: 5px 8px; } .tooltip-inner { max-width: 200px; padding: 8px; margin-bottom:4px text-align: left; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 48% !important; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 48% !important; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } p.error { } #system-message-container #system-message > div { background-color : #f5f5f5; border : 1px dotted #ccc; border-color : rgba(0,0,0,0.11); padding:14px 12px 8px 16px ; margin: 12px 4px 20px 0; -moz-box-shadow:2px 2px 4px #ccc; -webkit-box-shadow:2px 2px 4px #ccc; box-shadow:2px 2px 4px #ccc; } #system-message-container #system-message h4 { padding-top:5px; font-size:140%; color: red ; } #system-message-container #system-message > div > div { font-size:100%; color: #000 ; } #system-message-container ul { margin : 0 !important; } #system-message-container li { background-image : none !important; padding : 8px 0 0 0 !important; } #system-message a.close { display:none; } #adminForm fieldset { margin-bottom:20px; padding: 10px 20px; } #adminForm fieldset legend { display: inline-block; margin-top: 15px; padding: 0pt 10px; } form#adminForm .formelm-area label { display: inline-block; vertical-align: top; width: 9em; } .formelm label { display: inline-block; vertical-align: top; width: 13em; } .pull-left, .pull-right, img[align="left"], img[align="right"] { max-width:100%; } .pull-left, img[align="left"], .img_caption.left { float:left; margin: 0 20px 20px 0; } .pull-right, img[align="right"], .img_caption.right { float:right; margin: 0 0 20px 20px; } .img_caption img { margin-bottom:4px; } .pull-center { margin-left:0auto; margin-right:auto; } .pull-left img, .pull-right img, img[align="left"], img[align="right"] { margin-top:6px; } .js-border .pull-left img, .js-border .pull-right img, .js-border img[align="left"], .js-border img[align="right"] { margin-top:3px; } figcaption, p.img_caption { font-style:italic; font-size:85%; text-align:center; } .js-border figcaption { margin-top:-10px; } .img-fulltext-left, .pull-left.item-image { float:left; margin-right: 20px; margin-bottom: 20px; max-width:100%; } .img-intro-left { float: left; margin-right: 10px; margin-bottom: 10px; max-width:100%; } .img-fulltext-right, .pull-right.item-image { float: right; margin-left: 20px; margin-bottom: 20px; max-width:100%; } .img-intro-right { float: right; margin-left: 10px; margin-bottom: 10px; max-width:100%; } .img-fulltext-none { display:block; margin:10px 0; } .img_caption.none { margin-left:auto; margin-right:auto; } .tag-category { min-height:300px; } .label-info { display:inline-block; *display:inline; *zoom:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color : #2d6987; color: #eee; padding:2px 8px; -moz-box-shadow:1px 1px 2px #aaa; -webkit-box-shadow:1px 1px 2px #aaa; box-shadow:1px 1px 2px #aaa; *display: inline; *zoom: 1; } .label-info:hover { color : #fff; background-color : #32769a; -moz-box-shadow:1px 1px 2px #888; -webkit-box-shadow:1px 1px 2px #888; box-shadow:1px 1px 2px #888; } form#application-form { padding-bottom:100px; } form#application-form fieldset.form-horizontal { margin-top:30px; } form#application-form .control-label { margin:20px 0 10px 0; padding:0; } #jform_offline, #jform_sef { padding: 10px 0 0 0; display:block; } #jform_offline input, #jform_sef input { display:block; float:left; clear:both; margin: 0 8px 0 0; } #jform_offline label, #jform_sef label { display:block; float:none; margin: -4px 0 10px 0; } .edit #adminForm .btn-toolbar { margin:20px 0 0px 0; } .edit #adminForm > fieldset { margin-bottom:100px; } .edit #adminForm .btn-toolbar + fieldset > ul { display:none; } .edit #adminForm .control-label { margin:20px 0 3px 0; padding:0; } .edit #adminForm .tab-content > .tab-pane { display: block; clear:both; border-top:2px dotted #ddd; padding-top:30px; margin-top:30px; } .edit #adminForm .editor { margin-top:20px; } .edit #adminForm .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height:auto; } #jform_publish_up, #jform_publish_down { float:left; } #jform_publish_up_img, #jform_publish_down_img { display: inline-block; *display:inline; *zoom:1; margin:1px 0 0 6px; background:rgba(0,0,0,0.4); } .icon-calendar, .icon-remove, .icon-eye, [class*="icon-folder"] { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-calendar:before { content: "\f073"; } .edit .media-preview, .edit .media-preview ~ a { display:inline-block; *display:inline; *zoom:1; background : transparent url(../images/black-04.png) 0 0 repeat; background : rgba(100,100,100,0.12) ; border: 1px solid #bbb; border-color:rgba(100,100,100,0.20); border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset; color: #666666; font-size: 13px; height: 38px; line-height: 26px; padding: 6px 12px; margin:-1px 1px 0 1px; -webkit-transition : all 0.15s ease-in-out 0s; -moz-transition : all 0.15s ease-in-out 0s; -ms-transition : all 0.15s ease-in-out 0s; -o-transition : all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: auto; } .media-preview + input { display:inline; } .edit .media-preview ~ a:hover { background : transparent url(../images/black-06.png) 0 0 repeat; background : rgba(100,100,100,0.17) ; } .icon-remove:before { content: "\f12d"; } .icon-eye:before { content: "\f06e"; } .edit #adminForm .formelm, .edit .formelm-area, .edit .form-note { clear:both; padding-top:12px; } .edit #adminForm .formelm-buttons { margin:12px 0 ; } .edit .readmore { clear:none; margin:0; } .edit .readmore a { background: transparent; border: none; padding: 0 24px 0 6px; } .edit label { clear:both; } .edit .inputbox { clear:both; } .editor button:hover { background: inherit; border:none; } body.modal { min-width:0; background: #fff; padding:0; margin:0; } .modal a { color: #08c; } iframe, svg { max-width:100%; } #sbox-window, #sbox-window * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .well { background-color: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 10px; } .row, .row-fluid { width: 100%; *zoom: 1; } .row:before, .row-fluid:before, .row:after, .row-fluid:after { display: table; line-height: 0; content: ""; } .row:after, .row-fluid:after { clear: both; } .modal .row [class*="span"], .modal .row-fluid [class*="span"] { display: block; float: left; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal .row [class*="span"]:first-child, .modal .row-fluid [class*="span"]:first-child { margin-left: 0; } .modal .row .controls-row [class*="span"] + [class*="span"], .modal .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .modal .span12 { width: 100%; *width: 99.94680851063829%; } .modal .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .modal .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .modal .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .modal .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .modal .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .modal .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .modal .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .modal .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .modal .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .modal .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .modal .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 18px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055); box-shadow: 0 1px 3px rgba(0,0,0,0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } .height-50 { height:50px; } .height-80 { height: 80px; } .width-80 { width: 80px; } .center, .table td.center, .table th.center { text-align: center; } [class*="icon-folder"]:before { content: "\f07b"; }