/* == style.css == */ body a { color: #277; text-decoration: underline; cursor: auto; } /* profile data */ .p-tabledata { float: left; padding: 10px 0; width: 32%; } .p-ads { float: left; padding: 10px 0; width: 34%; } .p-ava { width: 34%; position: relative; float: left; padding: 6px 0px; } .p-buttable { text-align: center; width: 66%; float: left; position: relative; bottom: 100px; } #block-general { position: relative; top: -50px; } /* for map */ .geo-cl { float: left; } #geo-ch { float: right; } a.p-button, a.p-button:link, a:link.p-button:link, body a.p-button:link, a.p-button:visited, body a.p-button:visited, input.p-button, button.p-button { text-decoration: none; font-size: 16px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #FFFFFF; margin: 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .p-button { border: 0; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #277; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 20px; margin:0 auto; text-transform: uppercase; } .p-button.active, .p-button.active:hover { background: #222; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 20px; margin:0 auto; } .p-button.active, .p-button.active:hover { color: #FFFFFF !important; } .p-button.hover, .p-button:hover { background: rgba(34, 119, 119, 0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 20px; margin:0 auto; } .p-button.hover, .p-button:hover { color: #FFFFFF !important; } /* back to top */ #back-top { position: fixed; bottom: 30px; z-index:9999; left:50%; margin-left:640px; } #back-top a:hover { color:#79ec3e; } #back-top span { width:40px; height:42px; display: block; margin-bottom: 40px; overflow: hidden; border: none; text-indent: -999px; background:url(images/totop.png) no-repeat left 0 #862c2d; transition: 0s ease; -o-transition: 0s ease; -webkit-transition: 0s ease; } #back-top a:hover span { background-position:left bottom; outline: none; background-color: #000; } /* end back to top */ #st-main { background: #FFFFFF; margin:0 auto; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } table, ul.st-hmenu { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } #header { position: relative; background: url(images/header.jpg); background-repeat: no-repeat; background-position: top center; margin: 10px auto; width: 100%; max-width: 1000px; height: 150px; } .login, .logout { position: absolute; display: block; top: 20px; right: 250px; font-weight: 700; } .DesignBox a { font-size: 14px; margin-right: 20px; } .block1_link { display: block; position: relative; } .block1_link img { width: 100%; box-shadow: 0 0 #fff; } .block1_capt { position: absolute; left: 50%; top: 50%; margin-left: -2px; width: 0; color: #fff; overflow: hidden; height: 0; background: url(images/r_capt.png) 0 0 repeat; } .block1_link:hover .block1_capt { text-align: center; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; } .block1_capt span { display: inline-block; font-weight: 800; position: absolute; top: 25%; left: 50%; margin-left: -80px; margin-top: -17px; color: #fff; font-size: 13px; line-height: 20px; padding: 7px 37px 8px; border-radius: 20px; border: 2px solid #fff; } /*=========== table profiles =============*/ #bluetr { background-color: #748698; height: 27px; line-height: 27px; border-top: 5px solid #BED2DA; border-bottom: 5px solid #BED2DA; color: #FAFAFA; font-size: 16px; font-family: Helvetica, Arial, sans-serif; text-align: center; padding-bottom: 3px; } #bluetr_left { line-height: 24px; padding-left: 10px; text-align: left; color: #FFFFFF; font-size: 12px; } #bluetr_right { line-height: 24px; padding-right: 10px; text-align: right; color: #FFFFFF; font-size: 12px; } #bluetr_top { background-color: #FFFFFF; line-height: 10px; /* border-top: 5px solid #E3ECF1; border-left: 5px solid #E3ECF1; border-right: 5px solid #E3ECF1; */ } #bluetr_online { color: #287C0C; font-size: 12px; font-weight: bold; } /*=========== end table profiles ============*/ h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } ul {list-style-type: none;} li {list-style-type: none;} ul li {list-style-type: none;} /* Reset buttons border. It's important for input and button tags. * border-collapse should be separate for shadow in IE. */ /*=========== chat styles ============*/ #chat-messages { height: 230px; width: 350px; overflow: auto; margin-top: 5px; } .chat-from { float: left; padding-right: 5px; } .chat-to { float: left; padding-left: 5px; } .chat-date { text-align: right; padding-left: 10px; } .chat-msg { font-style: italic; font-weight: bold; } .u-msg { color: #1E5A8E; } .my-msg { color: green; } /*=========== end chat styles ============*/ .pagination { margin: 5px 0 0 0; } .pagination a:hover, .pagination a.hovered, .pagination a.active, .pagination a:visited, .pagination a.visited { color: #277; } .st-button { border: 0; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #222; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 15px; margin:0 auto; height:24px; } .st-postcontent, .st-postheadericons, .st-postfootericons, .st-blockcontent, ul.st-vmenu a { text-align: left; } .st-postcontent, .st-postcontent li, .st-postcontent table, .st-postcontent a, .st-postcontent a:link, .st-postcontent a:visited, .st-postcontent a.visited, .st-postcontent a:hover, .st-postcontent a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; } .st-postcontent p { margin: 13px 0; } .st-postcontent h1, .st-postcontent h1 a, .st-postcontent h1 a:link, .st-postcontent h1 a:visited, .st-postcontent h1 a:hover, .st-postcontent h2, .st-postcontent h2 a, .st-postcontent h2 a:link, .st-postcontent h2 a:visited, .st-postcontent h2 a:hover, .st-postcontent h3, .st-postcontent h3 a, .st-postcontent h3 a:link, .st-postcontent h3 a:visited, .st-postcontent h3 a:hover, .st-postcontent h4, .st-postcontent h4 a, .st-postcontent h4 a:link, .st-postcontent h4 a:visited, .st-postcontent h4 a:hover, .st-postcontent h5, .st-postcontent h5 a, .st-postcontent h5 a:link, .st-postcontent h5 a:visited, .st-postcontent h5 a:hover, .st-postcontent h6, .st-postcontent h6 a, .st-postcontent h6 a:link, .st-postcontent h6 a:visited, .st-postcontent h6 a:hover, .st-blockheader .t, .st-blockheader .t a, .st-blockheader .t a:link, .st-blockheader .t a:visited, .st-blockheader .t a:hover, .st-vmenublockheader .t, .st-vmenublockheader .t a, .st-vmenublockheader .t a:link, .st-vmenublockheader .t a:visited, .st-vmenublockheader .t a:hover, .st-headline, .st-headline a, .st-headline a:link, .st-headline a:visited, .st-headline a:hover, .st-slogan, .st-slogan a, .st-slogan a:link, .st-slogan a:visited, .st-slogan a:hover, .st-postheader, .st-postheader a, .st-postheader a:link, .st-postheader a:visited, .st-postheader a:hover { font-size: 22px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 120%; } .st-postcontent a, .st-postcontent a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #0F298C; } .st-postcontent a:visited, .st-postcontent a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #839BB4; } .st-postcontent a:hover, .st-postcontent a.hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; color: #62ADD5; } .options a, .options a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #FFFFFF; padding: 0 10px; } .options a:visited, .options a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #FFFFFF; padding: 0 10px; } .options a:hover, .options a.hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; color: #FFFFFF; padding: 0 10px; } .st-postcontent h1 { color: #6C7F93; margin: 10px 0 0; font-size: 26px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h1 { margin: 10px 0 0; font-size: 26px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h1 a, .st-postcontent h1 a:link, .st-postcontent h1 a:hover, .st-postcontent h1 a:visited, .st-blockcontent h1 a, .st-blockcontent h1 a:link, .st-blockcontent h1 a:hover, .st-blockcontent h1 a:visited { font-size: 26px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h2 { color: #8D9CAA; margin: 10px 0 0; font-size: 22px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h2 { margin: 10px 0 0; font-size: 22px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h2 a, .st-postcontent h2 a:link, .st-postcontent h2 a:hover, .st-postcontent h2 a:visited, .st-blockcontent h2 a, .st-blockcontent h2 a:link, .st-blockcontent h2 a:hover, .st-blockcontent h2 a:visited { font-size: 22px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h3 { color: #62ADD5; margin: 10px 0 0; font-size: 20px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h3 { margin: 10px 0 0; font-size: 20px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h3 a, .st-postcontent h3 a:link, .st-postcontent h3 a:hover, .st-postcontent h3 a:visited, .st-blockcontent h3 a, .st-blockcontent h3 a:link, .st-blockcontent h3 a:hover, .st-blockcontent h3 a:visited { font-size: 20px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h4 { color: #4E6883; margin: 10px 0 0; font-size: 18px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h4 { margin: 10px 0 0; font-size: 18px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h4 a, .st-postcontent h4 a:link, .st-postcontent h4 a:hover, .st-postcontent h4 a:visited, .st-blockcontent h4 a, .st-blockcontent h4 a:link, .st-blockcontent h4 a:hover, .st-blockcontent h4 a:visited { font-size: 18px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h5 { color: #4E6883; margin: 10px 0 0; font-size: 15px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h5 { margin: 10px 0 0; font-size: 15px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h5 a, .st-postcontent h5 a:link, .st-postcontent h5 a:hover, .st-postcontent h5 a:visited, .st-blockcontent h5 a, .st-blockcontent h5 a:link, .st-blockcontent h5 a:hover, .st-blockcontent h5 a:visited { font-size: 15px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h6 { color: #A6B7C9; margin: 10px 0 0; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-blockcontent h6 { margin: 10px 0 0; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .st-postcontent h6 a, .st-postcontent h6 a:link, .st-postcontent h6 a:hover, .st-postcontent h6 a:visited, .st-blockcontent h6 a, .st-blockcontent h6 a:link, .st-blockcontent h6 a:hover, .st-blockcontent h6 a:visited { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } header, footer, article, nav, #st-hmenu-bg, .st-sheet, .st-hmenu a, .st-vmenu a, .st-slidenavigator > a, .st-checkbox:before, .st-radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #st-hmenu-bg, .st-sheet, .st-slidenavigator > a, .st-checkbox:before, .st-radiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height: 100%; } body { padding: 0; margin:0; min-width: 1000px; color: #303F50; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .cleared { font: 0/0 serif; clear: both; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } li h1, .st-postcontent li h1, .st-blockcontent li h1 { margin:1px; } li h2, .st-postcontent li h2, .st-blockcontent li h2 { margin:1px; } li h3, .st-postcontent li h3, .st-blockcontent li h3 { margin:1px; } li h4, .st-postcontent li h4, .st-blockcontent li h4 { margin:1px; } li h5, .st-postcontent li h5, .st-blockcontent li h5 { margin:1px; } li h6, .st-postcontent li h6, .st-blockcontent li h6 { margin:1px; } li p, .st-postcontent li p, .st-blockcontent li p { margin:1px; } .st-shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .st-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .st-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .st-slidenavigator > a:last-child { margin-right: 0 !important; } .st-headline { display: inline-block; position: absolute; min-width: 50px; top: 29px; left: 1.23%; line-height: 100%; margin-left: -2px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 99; } .st-headline, .st-headline a, .st-headline a:link, .st-headline a:visited, .st-headline a:hover { font-size: 36px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-decoration: none; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); padding: 0; margin: 0; color: #F55505 !important; white-space: nowrap; } .st-object227400126 h1, .st-object227400126 h2, .st-object227400126 h3, .st-object227400126 h4, .st-object227400126 h5, .st-object227400126 h6, .st-object227400126 p, .st-object227400126 a, .st-object227400126 ul, .st-object227400126 ol, .st-object227400126 li { line-height: 125%; } .st-object227400126 { position: absolute; top: 40px; left: 97.5%; margin-left: -195px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden; z-index: 101; width: 200px; height: 24px; } .fb_login a { background: url('images/fb_login_160.png') left bottom no-repeat; width: 160px !important; color: #fff; } .st-nav { /* background: #4E5C6A; background: linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; background: -webkit-linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; background: -moz-linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; background: -o-linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; background: -ms-linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; background: linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; -svg-background: linear-gradient(top, #556372 0, #6C7F93 12%, #758799 15%, #6C7F93 25%, #5B6B7B 50%, #38424C 50%, #505E6D 100%) no-repeat; */ background: transparent !important; margin:-40px auto 0; position: relative; z-index: 100; font-size: 0; text-align: left; } .st-butreg { background: #277; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px; margin: 10px auto 0; position: relative; z-index: 100; font-size: 20px; text-align: left; width: 200px; height: 38px; color: #fff; cursor: pointer; } .st-butreg:hover { background: rgba(34, 119, 119, 0.5); } .options { background: #277; padding:3px; margin:10px auto 0; position: relative; z-index: 100; font-size: 0; text-align: left; /* background: url('images/opt-bg.jpg') center center repeat-x; width: 524px !important; */ } .options { color: #E9E9E9; font-family: "Arial", "Arial Unicode MS", "Helvetica", sans-serif; /*font-size: 10px; */ font-style: normal; font-weight: 700; text-decoration: none; text-transform: uppercase; } tr.options { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } td.options a { background: transparent; border-radius: 3px; color: #E9E9E9; cursor: pointer; display: block; height: 17px; line-height: 17px; margin: 0px auto; padding: 0px 10px; position: relative; text-align: center; text-decoration: none; } .options a.active { color: #FBFDBD; /*text-shadow: 1px 1px 5px #FBFDBD; */ } ul.options a, ul.options a:link, ul.options a:visited, ul.options a:hover { outline: none; position: relative; bottom: 17px; color: #E9E9E9; z-index: 11; list-style-type: none; } ul.options, ul.options ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.options li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.options>li:before { position:absolute; display: block; content:' '; top:0; left: -12px; width:12px; height: 24px; background: url('images/menuseparator.png') center center no-repeat; list-style-type: none; } ul.options, ul.options ul { min-height: 0; list-style-type: none; } ul.st-hmenu a, ul.st-hmenu a:link, ul.st-hmenu a:visited, ul.st-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.st-hmenu, ul.st-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.st-hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; } ul.st-hmenu li:hover { z-index: 10000; white-space: normal; } ul.st-hmenu:after, ul.st-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.st-hmenu, ul.st-hmenu ul { min-height: 0; } ul.st-hmenu { display: inline-block; vertical-align: middle; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .st-nav:before { content:' '; } .desktop-nav.st-nav{ width: 1000px; padding-left: 6px; padding-right: 6px; } .st-hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center; } .st-hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; } .st-hmenu { float: left; } .st-menuitemcontainer { margin:0 auto; } ul.st-hmenu>li { margin-left: 12px; } ul.st-hmenu>li:first-child { margin-left: 6px; } ul.st-hmenu>li:last-child, ul.st-hmenu>li.last-child { margin-right: 6px; } ul.st-hmenu>li>a { background: #fff; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 17px; margin:0 auto; position: relative; display: block; height: 34px; cursor: pointer; text-decoration: none; color: #222; line-height: 34px; text-align: center; } .st-hmenu a, .st-hmenu a:link, .st-hmenu a:visited, .st-hmenu a.active, .st-hmenu a:hover { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; text-align: left; } ul.st-hmenu>li>a.active { background: #56A7D2; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 17px; margin:0 auto; color: #BE2922; text-decoration: none; } ul.st-hmenu>li>a:visited, ul.st-hmenu>li>a:hover, ul.st-hmenu>li:hover>a { text-decoration: none; } ul.st-hmenu>li>a:hover, .desktop ul.st-hmenu>li:hover>a { background: #56A7D2; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 17px; margin:0 auto; } ul.st-hmenu>li>a:hover, .desktop-nav ul.st-hmenu>li:hover>a { color: #BE2922; text-decoration: none; } ul.st-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -12px; width:12px; height: 34px; background: url('images/menuseparator.png') center center no-repeat; } ul.st-hmenu>li:first-child:before{ display:none; } ul.st-hmenu li li a { background: #B9C2CB; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 10px; margin:0 auto; } ul.st-hmenu li li { float: none; width: auto; margin-top: 2px; margin-bottom: 2px; } .desktop-nav ul.st-hmenu li li ul>li:first-child { margin-top: 0; } ul.st-hmenu li li ul>li:last-child { margin-bottom: 0; } .st-hmenu ul a { display: block; white-space: nowrap; height: 24px; min-width: 7em; border: 0 solid transparent; text-align: left; line-height: 24px; color: #6A7D90; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin:0; } .st-hmenu ul a:link, .st-hmenu ul a:visited, .st-hmenu ul a.active, .st-hmenu ul a:hover { text-align: left; line-height: 24px; color: #6A7D90; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin:0; } ul.st-hmenu li li:after { display: block; position: absolute; content: ' '; height: 0; top: -1px; left: 0; right: 0; z-index: 1; border-bottom: 1px dotted #C6D1DD; } .desktop-nav ul.st-hmenu li li:first-child:before, .desktop-nav ul.st-hmenu li li:first-child:after { display: none; } ul.st-hmenu ul li a:hover, .desktop ul.st-hmenu ul li:hover>a { background: #FFFFFF; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; } .st-hmenu ul a:hover { text-decoration: none; } .st-hmenu ul li a:hover { color: #3390C1; } .desktop-nav .st-hmenu ul li:hover>a { color: #3390C1; } ul.st-hmenu ul:before { background: #EFF2F5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px dotted rgba(207, 216, 226, 0.9); margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop-nav ul.st-hmenu li:hover>ul { visibility: visible; top: 100%; } .desktop-nav ul.st-hmenu li li:hover>ul { top: 0; left: 100%; } ul.st-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif'); } .desktop-nav ul.st-hmenu>li>ul { padding: 16px 36px 36px 36px; margin: -10px 0 0 -30px; } .desktop-nav ul.st-hmenu ul ul { padding: 36px 36px 36px 18px; margin: -36px 0 0 -5px; } .desktop-nav ul.st-hmenu ul.st-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop-nav ul.st-hmenu ul.st-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop-nav ul.st-hmenu li li:hover>ul.st-hmenu-left-to-right { right: auto; left: 100%; } .desktop-nav ul.st-hmenu li li:hover>ul.st-hmenu-right-to-left { left: auto; right: 100%; } .desktop-nav ul.st-hmenu ul ul.st-hmenu-left-to-right { right: auto; left: 0; padding: 36px 36px 36px 18px; margin: -36px 0 0 -5px; } .desktop-nav ul.st-hmenu ul ul.st-hmenu-right-to-left { left: auto; right: 0; padding: 36px 18px 36px 36px; margin: -36px -5px 0 0; } .desktop-nav ul.st-hmenu li ul>li:first-child { margin-top: 0; } .desktop-nav ul.st-hmenu li ul>li:last-child { margin-bottom: 0; } .desktop-nav ul.st-hmenu ul ul:before { border-radius: 3px; top: 30px; bottom: 30px; right: 30px; left: 12px; } .desktop-nav ul.st-hmenu>li>ul:before { top: 10px; right: 30px; bottom: 30px; left: 30px; } .desktop-nav ul.st-hmenu>li>ul.st-hmenu-left-to-right:before { right: 30px; left: 30px; } .desktop-nav ul.st-hmenu>li>ul.st-hmenu-right-to-left:before { right: 30px; left: 30px; } .desktop-nav ul.st-hmenu ul ul.st-hmenu-left-to-right:before { right: 30px; left: 12px; } .desktop-nav ul.st-hmenu ul ul.st-hmenu-right-to-left:before { right: 12px; left: 30px; } .desktop-nav ul.st-hmenu>li.ext>a { white-space: nowrap; } .desktop-nav ul.st-hmenu>li.ext>a:hover, .desktop-nav ul.st-hmenu>li.ext:hover>a, .desktop-nav ul.st-hmenu>li.ext:hover>a.active { background: none; /* default padding + border size */ padding: 0 17px 0 17px; /* margin for shadow */ margin: -0 -0 0 -0; overflow: hidden; position: relative; border: none; border-radius: 0; box-shadow: none; color: #3390C1; } .st-menu li a.active, .st-menu li a:hover { color: #FBFDBD; } .desktop-nav ul.st-hmenu>li.ext>a:hover:before, .desktop-nav ul.st-hmenu>li.ext:hover>a:before, .desktop-nav ul.st-hmenu>li.ext:hover>a.active:before { position: absolute; content: ' '; /* top, right, left - for shadow */ top: 0; right: 0; left: 0; /* border + shadow */ bottom: -1px; background-color: #EFF2F5; border: 1px Dotted rgba(207, 216, 226, 0.9); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); z-index: -1; } .desktop-nav ul.st-hmenu>li.ext:hover>ul { padding-top: 5px; /* menu bar padding */ margin-top: 0; } .desktop-nav ul.st-hmenu>li.ext:hover>ul:before { /* border + shadow */ top: -1px; clip: rect(6px, auto, auto, auto); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } ul.st-hmenu>li.ext>.ext-r, ul.st-hmenu>li.ext>.ext-l, ul.st-hmenu>li.ext>.ext-m, ul.st-hmenu>li.ext>.ext-off { display: none; z-index: 12; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .desktop-nav ul.st-hmenu>li.ext>ul { z-index: 13; } .desktop-nav ul.st-hmenu>li.ext.ext-r:hover>.ext-r, .desktop-nav ul.st-hmenu>li.ext.ext-l:hover>.ext-l { position: absolute; display: block; overflow: hidden; /* size of radius * if size if 0 we should now generate script * that adds ext-r and ext-m divs */ height: 6px; top: 100%; padding-top: 1px; margin-top: -1px; /* border width + shadow */} .desktop-nav ul.st-hmenu>li.ext:hover>.ext-r:before, .desktop-nav ul.st-hmenu>li.ext:hover>.ext-l:before { position: absolute; content: ' '; top: 0; /* border + shadow */ bottom: -1px; background-color: #EFF2F5; border: 1px Dotted rgba(207, 216, 226, 0.9); box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop-nav ul.st-hmenu>li.ext.ext-r:hover>.ext-r { left: 100%; right: auto; padding-left: 0; margin-left: 0; padding-right: 1px; margin-right: -1px; /* only shadow */} .desktop-nav ul.st-hmenu>li.ext.ext-r:hover>.ext-r:before { right: 0; left: -1px; border-top-left-radius: 0; border-top-right-radius: 3px; } .desktop-nav ul.st-hmenu>li.ext.ext-l:hover>.ext-l { right: 100%; left: auto; padding-right: 0; margin-right: 0; padding-left: 1px; margin-left: -1px; /* only shadow */} .desktop-nav ul.st-hmenu>li.ext.ext-l:hover>.ext-l:before { right: -1px; left: 0; border-top-right-radius: 0; border-top-left-radius: 3px; } .desktop-nav ul.st-hmenu>li.ext:hover>.ext-m, .desktop-nav ul.st-hmenu>li.ext:hover>.ext-off { position: absolute; display: block; overflow: hidden; height: 5px; top: 100%; } .desktop-nav ul.st-hmenu>li.ext.ext-r:hover>.ext-m { /* shadow offset */ left: -0; right: 0; /* shadow offset */ padding-right: 0; padding-left: 0; } .desktop-nav ul.st-hmenu>li.ext:hover>.ext-off { /* shadow offset */ left: -0; right: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop-nav ul.st-hmenu>li.ext.ext-l:hover>.ext-m { /* shadow offset */ right: -0; left: 0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop-nav ul.st-hmenu>li.ext.ext-l.ext-r:hover>.ext-m { /* shadow offset */ right: -0; left: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop-nav ul.st-hmenu>li.ext:hover>.ext-m:before, .desktop-nav ul.st-hmenu>li.ext:hover>.ext-off:before { position: absolute; content: ' '; top: -1px; bottom: -1px; /* shadow offset */ background-color: #EFF2F5; border: 1px Dotted rgba(207, 216, 226, 0.9); box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop-nav ul.st-hmenu>li.ext.ext-r:hover>.ext-m:before { right: -1px; left: 0; } .desktop-nav ul.st-hmenu>li.ext.ext-l:hover>.ext-m:before { left: -1px; right: 0; } .desktop-nav ul.st-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before { left: -1px; right: -1px ; } .st-sheet { background: #FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px auto 0; position:relative; cursor:auto; width: 1000px; z-index: auto !important; } .st-layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; } .st-content-layout { display: table; width: 100%; /* table-layout: fixed; */ border-collapse: collapse; padding-left: 0px; } .st-content-layout-row { display: table-row; } .st-layout-cell { display: table-cell; vertical-align: top; margin: 0 auto; } .st-layout-cell a { color: #7596C2; text-decoration: underline; } .DataDiv h2.DesignBoxTitle { color: #7596C2; background: url(images/menuli-over-bg.png) no-repeat 0px 3px; border-top: 1px dotted #CAD0D5; padding: 4px 0px 0px 27px; text-align: left; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 18px; } .st-block { padding:7px; margin:7px; border: 1px solid rgba(207, 216, 226, 0.9); } div.st-block img { border: none; margin: 0; } .st-blockheader { padding:6px 5px; margin:0 auto; } .st-blockheader .t, .st-blockheader .t a, .st-blockheader .t a:link, .st-blockheader .t a:visited, .st-blockheader .t a:hover { color: #222; font-size: 20px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-align: center; margin: 0 5px; text-transform: uppercase; letter-spacing: -1px; } .st-blockcontent { padding:5px; margin:0 auto; color: #303F50; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; } .st-blockcontent table, .st-blockcontent li, .st-blockcontent a, .st-blockcontent a:link, .st-blockcontent a:visited, .st-blockcontent a:hover { color: #303F50; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; } .st-blockcontent p { margin: 0 5px; } .st-blockcontent a, .st-blockcontent a:link { color: #1C4E69; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .st-blockcontent a:visited, .st-blockcontent a.visited { color: #A9BACB; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .st-blockcontent a:hover, .st-blockcontent a.hover { color: #3696C9; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .st-block li { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; color: #4E6883; margin: 5px 0 0 10px; } .st-breadcrumbs { margin:0 auto; } a.st-button, a.st-button:link, a:link.st-button:link, body a.st-button:link, a.st-button:visited, body a.st-button:visited, input.st-button, button.st-button { text-decoration: none; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #FFFFFF; margin: 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .st-button img { margin: 0; vertical-align: middle; } .firefox2 .st-button { display: block; float: left; } input, select, textarea { vertical-align: middle; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } .st-block select { width:96%; } input.st-button { float: none !important; } /* search button */ .st-button-s { border: 0; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #222; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 21px; margin:0 auto; height:24px; } a.st-button-s, a.st-button-s:link, a:link.st-button-s:link, body a.st-button-s:link, a.st-button-s:visited, body a.st-button-s:visited, input.st-button-s, button.st-button-s { text-decoration: none; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #FFFFFF; margin: 10px 0 0 44px; overflow: visible; cursor: pointer; text-indent: 0; line-height: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .st-button-s img { margin: 0; vertical-align: middle; } input.st-button-s { float: none !important; } .st-button-s.active, .st-button-s.active:hover { background: #222; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 21px; margin:0 auto; } .st-button-s.active, .st-button-s.active:hover { color: #FFFFFF !important; } .st-button-s.hover, .st-button-s:hover { background: #8A99A8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 21px; margin: 10px 0 0 44px; } .st-button-s.hover, .st-button-s:hover { color: #FFFFFF !important; } /* end search button */ .st-button.active, .st-button.active:hover { background: #222; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 15px; margin:0 auto; } .st-button.active, .st-button.active:hover { color: #FFFFFF !important; } .st-button.hover, .st-button:hover { background: rgba(34, 119, 119, 0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 15px; margin:0 auto; } .st-button.hover, .st-button:hover { color: #FFFFFF !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: #F9FAFB; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #B9C2CB; margin:0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { /* width: 100%; */ padding: 4px 0px; color: #3D5166 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } input:focus::-webkit-input-placeholder { color:transparent; } input.st-error, textarea.st-error { background: #F9FAFB; border:1px solid #E2341D; margin:0 auto; } input.st-error, textarea.st-error { color: #3D5166 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.st-search input[type="text"] { background: #FFFFFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #CCD6E0; margin:0 auto; width: 100%; padding: 3px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #1B4B65 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.st-search { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px; left:0; line-height: 0; } form.st-search input { top:0; right:0; } form.st-search>input { bottom:0; left:0; vertical-align: middle; } form.st-search input[type="submit"] { margin:0 auto; color: #FFFFFF !important; position:absolute; display:block; left: auto; border:none; background:url('images/searchicon.png') center center no-repeat; width:24px; height: 100%; padding:0; } label.st-checkbox:before { background: #F9FAFB; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:0 auto; width:16px; height:16px; } label.st-checkbox { cursor: pointer; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 16px; display: inline-block; } .st-checkbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.st-checkbox.active:before { background: #82BEDE; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:0 auto; width:16px; height:16px; display: inline-block; } label.st-checkbox.hovered:before { background: #D9DEE3; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:0 auto; width:16px; height:16px; display: inline-block; } label.st-radiobutton:before { background: #F9FAFB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; width:12px; height:12px; } label.st-radiobutton { cursor: pointer; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 12px; display: inline-block; } .st-radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.st-radiobutton.active:before { background: #B9C2CB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; width:12px; height:12px; display: inline-block; } label.st-radiobutton.hovered:before { background: #D9DEE3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; width:12px; height:12px; display: inline-block; } #ilogin { width: 120px; margin: 0 5px 0 0px; padding: 4px 10px; } #ipassword { width: 120px; margin: 0 10px 0 0px; padding: 4px 10px; } #isubmit { font-weight: 700; margin: 0 0px 0 5px; padding: 0 7px; } .st-post { border:1px solid rgba(207, 216, 226, 0.9); padding:5px; margin:7px; } .st-posttop { border:1px solid rgba(207, 216, 226, 0.9); padding:10px 20px; margin:7px; } a img { border: 0; } .st-article img, img.st-article, .st-block img, .st-footer img { border: none; margin: 7px 7px 7px 7px; } .st-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .st-article table, table.st-article { border-collapse: collapse; margin: 1px; } .st-post .st-content-layout-br { height: 0; } .st-article th, .st-article td { padding: 2px; border: none; vertical-align: top; /* text-align: left; */ } .st-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } .preview-cms-logo { border: 0; margin: 1em 1em 0 0; float: left; } .image-caption-wrapper { padding: 7px 7px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper div.st-collage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0; } .st-postheader { color: #277; margin: 5px 10px; font-size: 24px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-align: center; border-bottom: 1px solid #D2DAE3; text-transform: uppercase; letter-spacing: -1px; } .st-postheader a, .st-postheader a:link, .st-postheader a:visited, .st-postheader a.visited, .st-postheader a:hover, .st-postheader a.hovered { font-size: 24px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } .st-postheader a, .st-postheader a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #66AFD6; } .st-postheader a:visited, .st-postheader a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #708BA9; } .st-postheader a:hover, .st-postheader a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #62ADD5; } /* .st-postcontent ul>li:before, .st-post ul>li:before, .st-textblock ul>li:before { content:url('images/postbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } */ .opera .st-postcontent ul>li:before, .opera .st-post ul>li:before, .opera .st-textblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .st-postcontent li, .st-post li, .st-textblock li { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #303F50; margin: 3px 0 0 11px; list-style-type: none; } .st-postcontent ul>li, .st-post ul>li, .st-textblock ul>li, .st-postcontent ol, .st-post ol, .st-textblock ol { padding: 0; list-style-type: none; } .st-postcontent ul>li, .st-post ul>li, .st-textblock ul>li { padding-left: 2px; list-style-type: none; } .st-postcontent ul>li:before, .st-post ul>li:before, .st-textblock ul>li:before { margin-left: -12px; list-style-type: none; } .st-postcontent ol, .st-post ol, .st-textblock ol, .st-postcontent ul, .st-post ul, .st-textblock ul { margin: 1em 0 1em 11px; list-style-type: none; } .st-postcontent li ol, .st-post li ol, .st-textblock li ol, .st-postcontent li ul, .st-post li ul, .st-textblock li ul { margin: 0.5em 0 0.5em 11px; list-style-type: none; } .st-postcontent li, .st-post li, .st-textblock li { margin: 3px 0 0 0; } .st-postcontent ol>li, .st-post ol>li, .st-textblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .st-postcontent ul>li, .st-post ul>li, .st-textblock ul>li { /* makes "ul li" not to align behind the image if they are in the same line overflow-x: visible; overflow-y: hidden; */ } blockquote { background: #EFF2F5 url('images/postquote.png') no-repeat scroll; padding:15px 15px 15px 52px; margin:0 0 0 10px; color: #0D1216; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-align: left; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } blockquote a, .st-postcontent blockquote a, .st-blockcontent blockquote a, .st-footer blockquote a, blockquote a:link, .st-postcontent blockquote a:link, .st-blockcontent blockquote a:link, .st-footer blockquote a:link, blockquote a:visited, .st-postcontent blockquote a:visited, .st-blockcontent blockquote a:visited, .st-footer blockquote a:visited, blockquote a:hover, .st-postcontent blockquote a:hover, .st-blockcontent blockquote a:hover, .st-footer blockquote a:hover { color: #0D1216; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-align: left; } /* Override native 'p' margins*/ blockquote p, .st-postcontent blockquote p, .st-blockcontent blockquote p, .st-footer blockquote p { margin: 0; margin: 5px 0; } .st-footer { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding-top:25px; margin:0 auto; position: relative; color: #6986A5; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; text-align: center; } .st-footer a, .st-footer a:link, .st-footer a:visited, .st-footer a:hover, .st-footer td, .st-footer th, .st-footer caption { color: #6986A5; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; } .st-footer p { padding:0; text-align: center; } .st-footer a, .st-footer a:link { color: #839BB4; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .st-footer a:visited { color: #607E9F; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .st-footer a:hover { color: #62ADD5; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; } .st-footer img { border: none; margin: 0; } .st-rss-tag-icon { background: url('images/footerrssicon.png') no-repeat scroll; margin:0 auto; min-height:25px; min-width:25px; display: inline-block; text-indent: 28px; background-position: left center; } .st-rss-tag-icon:empty { vertical-align: middle; } .st-footer ul>li:before { /* content:url('images/footerbullets.png'); */ margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -13px; list-style-type: none; } .opera .st-footer ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .st-footer li { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #236385; } .st-footer ul>li, .st-footer ol { padding: 0; } .st-footer ul>li { padding-left: 0; font-size: 13px; color: #277; float:left; margin:0 11px 0 18px; overflow:hidden; white-space:nowrap; list-style-type: none; } .st-page-footer, .st-page-footer a, .st-page-footer a:link, .st-page-footer a:visited, .st-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #647587; } .st-page-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #435970; } img.st-lightbox { cursor: pointer; } #st-lightbox-bg * { padding: 0; margin: 0; } div#st-lightbox-bg { top: 0; left: 0; width: 100%; position: absolute; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9999; } img.st-lightbox-image { -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; -ms-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; cursor: pointer; z-index: 10000; position: fixed; border: 6px solid #fff; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); } img.st-lightbox-image.active { opacity: 1; filter: alpha(opacity=100); } .lightbox-error { position: fixed; background: #fff; z-index: 100; opacity: 0.95; padding: 20px; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; width: 300px; height: 80px; } .loading { position: fixed; background: #fff url('images/preloader-01.gif') center center no-repeat; width: 32px; height: 32px; z-index: 10100; opacity: 0.5; padding: 10px; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; } .arrow { height: 100px; width: 82px; z-index: 10003; position: fixed; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .arrow.left { left: 9px; } .arrow.right { right: 9px; } .arrow:hover { opacity: 1; filter: alpha(opacity=100); } .arrow.disabled { display: none; } .arrow-t, .arrow-b { height: 6px; width: 30px; left: 26px; background-color: #fff; position: relative; border-radius: 3px; } .arrow-t { top: 38px; } .arrow-b { top: 50px; } .close { width: 22px; height: 22px; position: fixed; top: 30px; right: 39px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .close:hover { opacity: 1; filter: alpha(opacity=100); } .close .cw, .close .ccw { position: absolute; top: 8px; left: -4px; width: 30px; height: 6px; background-color: #fff; border-radius: 3px; } .cw { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg); /* Firefox */} .ccw { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ -moz-transform: rotate(-45deg); /* Firefox */} .close-alt, .arrow-right-alt, .arrow-left-alt { display: none; color: #fff; font-size: 2.5em; } .ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt { display: block; } .ie8 .cw, .ie8 .ccw { display: none; } .st-content-layout .st-sidebar1 { -webkit-border-radius:5px 0 0; -moz-border-radius:5px 0 0; border-radius:5px 0 0; margin:0 auto; width: 250px; } .st-content-layout .st-content { margin:0 auto; } .st-content-layout .st-sidebar2 { -webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; border-radius:0 5px 0 0; margin:0 auto; width: 200px; } /* Begin Additional CSS Styles */ #popup-div { position: absolute; -moz-border-radius: 12px; background: rgba(0,0,0,0.4); color: #fff; font-size: 24px; text-align: center; display: none; z-index: 10; } #popup-msg { padding: 30px 30px 30px 70px; } .popup-info { background:url('images/success.png') 20px 50% no-repeat; } .popup-success { background:url('images/success.png') 20px 50% no-repeat; } .popup-error { background:url('images/success.png') 20px 50% no-repeat; } /* DropShadows Box */ .dropshadowboxes-container{clear:both;display:block;position:relative;z-index:1;} .dropshadowboxes-container:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .dropshadowboxes-container.dropshadowboxes-center{width:100%;} .dropshadowboxes-container.dropshadowboxes-center > DIV.dropshadowboxes-drop-shadow{margin-left:auto;margin-right:auto;} .dropshadowboxes-drop-shadow{background:none repeat scroll 0 0;padding:10px;margin:10px 0 10px 0;position:relative;border-radius:3px;} .dropshadowboxes-left{clear:none;float:left;margin-right:10px;} .dropshadowboxes-right{clear:none;float:right;margin-left:10px;} .dropshadowboxes-rounded-corners{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} .dropshadowboxes-inside-shadow{-webkit-box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.1);box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.1);} .dropshadowboxes-outside-shadow{-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);} .dropshadowboxes-inside-and-outside-shadow{-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);} .dropshadowboxes-drop-shadow:before, .dropshadowboxes-drop-shadow:after{content:"";position:absolute;z-index:-2;} .dropshadowboxes-lifted-bottom-left:before{-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);bottom:17px;height:20%;left:10px;max-height:100px;max-width:300px;width:50%;} .dropshadowboxes-lifted-bottom-right:after{-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);bottom:17px;height:20%;left:10px;max-height:100px;max-width:300px;width:50%;} .dropshadowboxes-lifted-bottom-right:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);left:auto;right:10px;} .dropshadowboxes-lifted-both:before, .dropshadowboxes-lifted-both:after{-webkit-box-shadow:0 15px 10px;-moz-box-shadow:0 15px 10px;box-shadow:0 15px 10px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);bottom:15px;height:20%;left:10px;max-height:100px;max-width:300px;width:50%;} .dropshadowboxes-lifted-both:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);left:auto;right:10px;} .dropshadowboxes-curled{border:1px solid #EFEFEF;-moz-border-radius:0 0 120px 120px/0 0 6px 6px;border-radius:0 0 120px 120px/0 0 6px 6px;} .dropshadowboxes-curled:before, .dropshadowboxes-curled:after{-webkit-box-shadow:0 8px 12px;-moz-box-shadow:0 8px 12px;box-shadow:0 8px 12px;-webkit-transform:skew(-8deg) rotate(-3deg);-moz-transform:skew(-8deg) rotate(-3deg);-ms-transform:skew(-8deg) rotate(-3deg);-o-transform:skew(-8deg) rotate(-3deg);transform:skew(-8deg) rotate(-3deg);bottom:12px;height:55%;left:10px;max-height:100px;max-width:200px;width:50%;} .dropshadowboxes-curled:after{-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);left:auto;right:10px;} .dropshadowboxes-perspective-left:before{-webkit-box-shadow:-80px 0 8px;-moz-box-shadow:-80px 0 8px;box-shadow:-80px 0 8px;-webkit-transform:skew(50deg);-moz-transform:skew(50deg);-ms-transform:skew(50deg);-o-transform:skew(50deg);transform:skew(50deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;bottom:3px;height:35%;left:70px;width:50%;} .dropshadowboxes-perspective-left:after{} .dropshadowboxes-perspective-right:before{-webkit-box-shadow:80px 0 8px;-moz-box-shadow:80px 0 8px;box-shadow:80px 0 8px;-webkit-transform:skew(-50deg);-moz-transform:skew(-50deg);-ms-transform:skew(-50deg);-o-transform:skew(-50deg);transform:skew(-50deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;width:50%;height:35%;bottom:4px;right:70px;} .dropshadowboxes-perspective-right:after{display:none;} .dropshadowboxes-raised-no-inside-shadow-no-outside-shadow{-webkit-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5);box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5);} .dropshadowboxes-raised-with-inside-shadow-no-outside-shadow{-webkit-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);} .dropshadowboxes-raised-no-inside-shadow-with-outside-shadow{-webkit-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);} .dropshadowboxes-raised-with-inside-shadow-with-outside-shadow{-webkit-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);} .dropshadowboxes-curved:before{border-radius:10px 10px 10px 10px/100px 100px 100px 100px;bottom:10px;left:0;right:50%;top:10px;-webkit-box-shadow:0 0 15px;-moz-box-shadow:0 0 15px;box-shadow:0 0 15px;} .dropshadowboxes-curved-vertical-2:before{right:0;} .dropshadowboxes-curved-horizontal-1:before{-moz-border-radius:100px/10px;border-radius:100px/10px;bottom:0;left:10px;right:10px;top:50%;} .dropshadowboxes-curved-horizontal-2:before{-moz-border-radius:100px/10px;border-radius:100px/10px;bottom:0;left:10px;right:10px;top:0;} .dropshadowboxes-effect-blue:before, .dropshadowboxes-effect-blue:after{color:rgba(0, 0, 255, 0.6);} .dropshadowboxes-effect-white:before, .dropshadowboxes-effect-white:after{color:rgba(255, 255, 255, 0.6);} .dropshadowboxes-effect-yellow:before, .dropshadowboxes-effect-yellow:after{color:rgba(255, 255, 0, 0.6);} .dropshadowboxes-effect-red:before, .dropshadowboxes-effect-red:after{color:rgba(255, 0, 0, 0.6);} .dropshadowboxes-effect-green:before, .dropshadowboxes-effect-green:after{color:rgba(0, 255, 0, 0.6);} .dropshadowboxes-effect-default:before, .dropshadowboxes-effect-default:after{color:rgba(0, 0, 0, 0.5);} .dropshadowboxes-color-picker{position:absolute;} .dropshadowboxes-color-input{width:70px;} /* End Additional CSS Styles */