/* --- TOC 01. GENERAL TYPOGRAPHY 1. CSS Reset 2. General tags 3. Headers 4. Lists Styles 5. Images 6. Tables 7. Forms 8. Deviders 02. GENERAL STRUCTURE 1. Header Logo 2. Header Menu 3. Page Title 4. Sidebars 5. Footer 6. Columns 03. SLIDERS 1. HomePage Slider 2. Nivo Slider 3. PieceMaker Slider 4. RoundAbout Slider 5. Accordion Slider 04. SPECIFIC PAGE STYLES 1. Homepage 1.1 Homepage features 1.2 Homepage recent company work 1.3 Homepage newsletter 2. About page 3. Pricing Table 4. Pricing Box 5. FAQ 6. Tour page 7. Support page 8. Contact us page 9. Portfolio 05. BLOG STYLES 1. Blog Posts 2. Blog Comments 3. Blog Reply Box 06. WIDGETS 1. Search Box 2. Recent Posts 3. Rss subscription 4. Newsletter subscription 5. Tag Cloud 6. Last Tweets 7. Testimonials 07. EXTRAS 1. Boxes 2. Custom Lists 3. Paggination 4. Buttons Link Styles 5. Tooltip 6. Dropcaps 7. Highlight Styles 8. Magnifying glass */ /* ====================================================================================================== 01. GENERAL TYPOGRAPHY =======================================================================================================*/ /* ================= 1. CSS Reset ================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-family: Tahoma, sans-serif;} strong, b {font-weight:bold;} em, dfn, i {font-style:italic;} /* ================= 2. General tags ================= */ body {font-size:11px;} h1,h2,h3,h4,h5,h6 {font-family: "Open Sans", sans-serif;padding:0 0 10px 0;font-weight:600;} a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;} a {color:#3f8312;} a:hover {text-decoration:underline;} pre {white-space:pre;overflow:auto;padding:20px;} code {font-family:Tahoma,Geneva,Arial,sans-serif;white-space:pre;overflow:auto;padding:14px;color:#4d4d4d;background:#f6f6f6;display:block;border:1px solid #ddd;font-size:11px;line-height:15px;} code strong {color:#000;} p {color:#4d4d4d;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;text-align:justify;} ::selection {background: #484bd2;color:#FFFFFF;} ::-moz-selection {background: #484bd2;color:#FFFFFF;} /* ================= 3. Headers ================= */ h1 {font-size:25px;color:#3132b7;} h2 {font-size:22px;color:#3132b7;} h3 {font-size:19px;color:#3132b7;} h4 {font-size:16px;color:#3132b7;} h5 {font-size:14px;color:#3132b7;} h6 {font-size:12px;color:#3132b7;} /* ================= 4. List Styles ================= */ ul {list-style:none;margin-bottom:0;margin-top:0;} ol {margin-bottom:0;margin-top:0;} ol, ol li{list-style:decimal outside;} /* ================= 5. Images ================= */ img.left_align {float:left;margin:10px 16px 10px 0;} img.center_align {display:block;margin-left:auto;margin-right:auto;} img.right_align {float:right;margin:5px 0px 5px 11px;} /* ================= 6. Tables ================= */ table {border-collapse:separate;border-spacing:0;width:100%;padding:0;} table thead td {background:#dddddd;height:30px;color:#262626;font-family: "Open Sans", sans-serif;font-size:12px;font-weight:normal;text-align:center;} table td {vertical-align:middle;padding:0;height:29px;color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:normal;text-align:center;} table tr.grey {background:#f2f2f2;} /* ================= 7. Forms ================= */ input, textarea {border:1px solid #cccccc;padding:7px 10px 7px 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* ================= 7. Deviders ================= */ .clear {content:".";display:block;clear:both;height:0;visibility:hidden;} .padding3 {padding-top:3px;font-size:0;line-height:0;} .padding5 {padding-top:5px;font-size:0;line-height:0;} .padding10 {padding-top:10px;font-size:0;line-height:0;} .padding12 {padding-top:12px;font-size:0;line-height:0;} .padding15 {padding-top:15px;font-size:0;line-height:0;} .padding17 {padding-top:17px;font-size:0;line-height:0;} .padding20 {padding-top:20px;font-size:0;line-height:0;} .padding25 {padding-top:25px;font-size:0;line-height:0;} .padding30 {padding-top:30px;font-size:0;line-height:0;} .padding40 {padding-top:40px;font-size:0;line-height:0;} .padding50 {padding-top:50px;font-size:0;line-height:0;} .padding60 {padding-top:60px;font-size:0;line-height:0;} .padding80 {padding-top:80px;font-size:0;line-height:0;} .none {display:none;} .line {font-size:0px;border-top:1px solid #e6e6e6;} /* ====================================================================================================== 02. GENERAL STRUCTURE =======================================================================================================*/ /* ================= 1. Header Logo ================= */ .header_bg {/*background:url("header_bg.png") repeat-x;*/background:#2f2e39 url("footer_pattern.png") repeat;} .header {margin:0 auto;width:940px;height:101px;} .header .logo {width:248px;height:101px;float:left;position:relative;left:-1150px;z-index:999;} /* ================= 2. Header Menu ================= */ .header .menu {position:relative;top:-150px;z-index:999;width:692px;height:101px;float:left;} .header .menu ul{list-style: none;padding:40px 0 0 52px;z-index: 9999;} .header .menu ul li{float:left;position:relative;display:block;margin:0 4px 0 0;padding:0;list-style:none;z-index: 9999;} .header .menu ul li a {display:block;text-decoration:none;float:left;cursor:pointer;z-index: 9999;position: relative;} .header .menu ul li a span { padding:0 25px 0 14px; display: block; height:40px; line-height:30px; float:left; position: relative; margin-left:14px; cursor:pointer; font-size:12px; font-family:Tahoma, Geneva, Arial, sans-serif; font-weight:normal; z-index: 9999; color:#FFFFFF; text-shadow:0 -1px 0 #000; } .header .menu ul li a:hover, .header .menu>ul>li:hover>a {background:url("menu_bg_left.png") top left no-repeat;} .header .menu ul li a:hover span, .header .menu>ul>li:hover>a span {color:#FFF;text-shadow:0 -1px 0 #000;} .header .menu ul li a.current {background:url("menu_bg_left.png") top left no-repeat;} .header .menu ul li a.current span {background:url("menu_bg_right.png") top right no-repeat;color:#FFF;text-shadow:0 -1px 0 #000;} .header .menu ul li a:hover span, .header .menu ul li.current a span, .header .menu>ul>li:hover>a span {background:url("menu_bg_right.png") top right no-repeat;} .header .menu li.parent:hover a {background:url("menu_bg2_left.png") top left no-repeat;} .header .menu li.parent:hover a span {background:url("menu_bg2_right.png") top right no-repeat;} .header .menu ul li:hover li a {display:block;} .header .menu ul li ul {position: absolute;display:none;top:33px;left:0px;width:200px;padding:0 0 0 0;z-index:9;} .header .menu ul li ul li {border:none;background:url("submenu_bg.png") 0 0;z-index:9;} .header .menu ul li ul li a {font-size:11px;margin:0;display: block;height:auto;clear:both;float:left;padding:0;z-index:9;} .header .menu ul li li a:hover,.header .menu ul li li a {display: block;font-weight: normal;z-index: 9;} .header .menu ul li li a:hover span, .header .menu ul li li a span {display: block;font-weight: normal;display:block;height: auto;padding:10px 5px 10px 40px;width:155px;margin:0;line-height:18px;color:#7f8590;text-shadow:0 -1px 0 #000;} .header .menu li:hover ul li a:hover { background:url("submenu_bg_hover.png") 0 0;} .header .menu li:hover ul li a:hover span {color:#FFF;text-shadow:0 -1px 0 #000;} .header .menu li:hover ul li.first {padding:8px 0 0 0;background:url("submenu_bg_first.png") right top no-repeat;} .header .menu li:hover ul li.first a:hover {} .header .menu li:hover ul li.last {padding:0 0 8px 0;background:url("submenu_bg_last.png") left bottom no-repeat;border-bottom:none;} .header .menu li:hover ul li.last a:hover {} .header .menu li.parent:hover ul a span { background:url("menu_arrow.png") 20px 15px no-repeat;} .header .menu li.parent:hover ul li.parent a span {background:url("menu_arrow.png") 20px 15px no-repeat;} .header .menu li:hover ul a, .header .menu li.parent:hover ul a {background:none;} /* ================= 3. Page Title ================= */ .page_info_bg {} .page_info {background:url("page_info_bg.png") no-repeat bottom;width:940px;margin:0 auto;padding:0 0 20px 0;} .page_info .text {width:540px;float:left;} .page_info .text h1 { color:#30303b; font-size:30px; padding:15px 0 0 0; } .page_info .text h2 {color:#878d97;font-size:14px;padding:0 0 0 0;} .page_info .button {float:left;width:320px;padding:30px 0 0 80px;text-align:right;} .page_info .quotes {float:left;width:400px;padding:15px 0 0 0;text-align:right;} .page_info .quotes .avatar {float:left;width:80px;padding-top:5px;} .page_info .quotes .text_quote {width:320px;padding:0 0 0 0;float:left;background:url("pricing_quotes.png") no-repeat 0 3px;color:#7f8590;font-size:12px;font-family:Georgia;font-style:italic;text-indent:25px;text-align:left;line-height:20px;} .page_info .quotes .text_quote .author {color:#3132b7;text-indent:0;font-family: "Open Sans", sans-serif;font-weight:600;} /* ================= 4. Sidebars ================= */ .right_side_bar {background:url("right_side_bg.png") repeat-y;padding:0;margin:0;} .left_side_bar {background:url("left_side_bg.png") repeat-y;padding:0;margin:0;} .right_side_bar_bottom {background:url("right_sidebar_bg_bottom.png") no-repeat;width:220px;height:199px;margin-top:-100px;} .left_side_bar_bottom {background:url("left_sidebar_bg_bottom.png") no-repeat;width:220px;height:199px;margin-top:-100px;} .side_bar_menu {padding:0 0 10px 0;z-index:2;position:relative;} .side_bar_menu h1 {font-size:14px;padding:10px 0 5px 9px;border-bottom:1px solid #ced5e0;display:block;} .side_bar_menu a {display:block;color:#31313e;text-decoration:none;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:13px 0 15px 19px;height:12px;width:201px;border-bottom:1px solid #ced5e0;} .side_bar_menu a:hover {color:#3f8213;} .side_bar_menu a.selected {padding:13px 0 15px 19px;width:201px;background:#FFF url("page_menu_hover.png") no-repeat 9px 16px;color:#3f8213;} /* ================= 5. Footer ================= */ .footer_bg {background:#2f2e39 url("footer_pattern.png") repeat;} .footer {width:940px;margin:0 auto;padding:20px 0 0 0;} .footer .line {border-top:1px solid #26252c;border-bottom:1px solid #42424a;font-size:0px;height:0px;} .footer .copyright {width:480px;float:left;color:#9aa0a9;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;padding:15px 0 35px 2px;line-height:22px;text-shadow:0 1px 0 #000;font-weight:600;} .footer .contact {width:456px;float:right;text-align:right;color:#9aa0a9;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;padding:15px 2px 35px 0;line-height:22px;text-shadow:0 1px 0 #000;font-weight:600;} .footer .contact a {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#FFF;text-decoration:none;text-shadow:0 1px 0 #000;font-weight:600;} .footer .contact a:hover {text-decoration:underline;} .footer .white {font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;color:#FFF;text-shadow:0 1px 0 #000;font-weight:600;} .footer .tweeter_post {padding:0 0 0 20px;background:url("footer_quotes.png") 0 3px no-repeat;color:#9aa0a9;font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;width:190px;text-shadow:0 1px 0 #000;font-weight:600;} .footer .tweeter_post .author {color:#70bd34;font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;text-shadow:0 1px 0 #000;font-weight:600;} .footer .tweeter_post .time {padding:3px 0 0 0;color:#FFF;font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;display:block;font-weight:600;} .footer .last_blog_updates {padding:0 0 0 13px;} .footer .footer_blog_post {width:190px;padding:0 0 0 0;color:#9aa0a9;font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;text-shadow:0 1px 0 #000;font-weight:600;} .footer .footer_blog_post .time {padding:3px 0 0 0;color:#6e70e5;font-size:10px;font-family:Tahoma,Geneva,Arial,sans-serif;display:block;text-shadow:0 1px 0 #000;font-weight:600;} .footer h1 {font-size:18px;color:#FFF;padding:20px 0 20px 0;} .footer .links ul {float:left;margin:0 15px 0 0;} .footer .links ul li {background:url("footer_li.png") no-repeat 0 5px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:10px;padding:0 0 10px 7px;color:#9aa0a9;} .footer .links ul li a {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:10px;color:#9aa0a9;text-decoration:none;text-shadow:0 1px 0 #000;font-weight:600;} .footer .links ul li a:hover {text-decoration:underline;color:#FFF;} .footer .socials {padding:0 0 0 20px;} .footer .social {padding:0 0 36px 0;} .footer .social span.image {width:32px;height:32px;overflow:hidden;display:block;padding:0;float:left;padding:0 0 0 0;} .footer .social a {text-decoration:none;display:inline-block;cursor:pointer;} .footer .social a span.comment {display:block;float:left;font-family: "Open Sans", sans-serif;font-size:12px;color:#90969e;padding:2px 0 0 0;text-shadow:0 1px 0 #000;font-weight:600;} .footer .social a span.title {display:block;float:left;font-family: "Open Sans", sans-serif;font-size:10px;padding:0;color:#FFF;text-shadow:0 1px 0 #000;font-weight:600;} .footer .social a span.clear {display:block;clear:both;width:100px;height:0;font-size:0;} .footer .social a span.right_text {float:left;padding:0 0 0 16px;} /* ================= 6. Columns ================= */ .content {width:940px;margin:0 auto;} .col_1_2 {width:460px;float:left;padding:0 20px 0 0;} .col_1_3 {width:300px;float:left;padding:0 20px 0 0;} .col_1_4 {width:220px;float:left;padding:0 20px 0 0;} .col_1_5 {width:172px;float:left;padding:0 20px 0 0;} .col_2_4 {width:460px;float:left;padding:0 20px 0 0;} .col_3_4 {width:700px;float:left;padding:0 20px 0 0;} .col_3_4 .col_1_2 {width:340px;padding:0 20px 0 0;} .col_1_2.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_2_4.last, .col_3_4.last, .col_3_4 .col_1_2.last {padding:0;} /* ====================================================================================================== 03. SLIDERS =======================================================================================================*/ /* ================= 1. Homepage Slider ================= */ /* === Slider container === */ .slide_bg_bottom {background-image:url("slide_bg.png");background-repeat:repeat-x;} .slide_bg.violet {/*background:#001780 url("slide_bg_violet.jpg") no-repeat center top;*/} .slide_bg.green {background:#4a9c16 url("slide_bg_green.jpg") no-repeat center top;} .slide_bg.cyan {background:#083962 url("slide_bg_cyan.jpg") no-repeat center top;} .slide_bg.yellow {background:#d7870c url("slide_bg_yellow.jpg") no-repeat center top;} .slide_bg.pattern_bg_1 {background:#1e83ba url("pattern_bg_1.png") repeat;} .slide_bg.pattern_bg_2 {background:#1e83ba url("pattern_bg_2.png") repeat;} .slide_bg.pattern_bg_3 {background:#1e83ba url("pattern_bg_3.png") repeat;} .slide_bg.pattern_bg_4 {background:#1e83ba url("pattern_bg_4.png") repeat;} .slide_big {margin:0 auto;width:1000px;height:393px;} .slide_medium {margin:0 auto;width:1000px;height:300px;} .slide_big .pages {} .slide_prev {width:40px;float:left;padding-top:110px;} .slider {width:920px;float:left;height:291px;padding:0 0 11px 0;} .slide_next {width:40px;float:left;padding-top:110px;} .slider .slide {padding:0 0 0 10px;width:910px;height:291px;display:block;} .slide .image {float:left;width:440px;} .slide .image.big {width:914px;padding:0 0 0 0;} .slide .image.vimeo {width:420px;padding:20px 0 0 20px;} .slide .text {float:left;width:420px;padding:20px 0 0 20px;} .slide h1 {font-size:30px;padding:15px 0 10px 0;color:#FFF;font-weight:400; } .slide p {font-size:16px;color:#FFF;line-height:25px;font-size:12px;font-family:Tahoma,Geneva,Arial,sans-serif;padding:0 10px 0 0;} .slide p.grey {font-size:16px;color:#FFF;line-height:25px;font-size:12px;font-family:Tahoma,Geneva,Arial,sans-serif;padding:0 10px 0 0;} .slide .text .float_left {color:#FFF;width:30px;float:left;height:40px;padding:10px 0 0 0;text-align:center;font-size:12px;font-family:Tahoma,Geneva,Arial,sans-serif;} .slide .text .button_download {display:block;background:url("download_button.png") no-repeat;width:191px;float:left;height:42px;text-decoration:none;} .slide .text .button_os {display:block;background:url("os_button.png") no-repeat;width:380px;float:left;height:42px;text-decoration:none;} .slide .text .button_call {display:block;background:url("call_button.png") no-repeat;width:190px;float:left;height:42px;text-decoration:none;} .slide .text .button_download .strong {text-shadow:0 -1px 0 #ae17ae;font-family: "Open Sans", sans-serif;font-size:14px;color:#FFFFFF;padding:2px 0 0 35px;display:block;} .slide .text .button_os .strong {text-shadow:0 -1px 0 #ae17ae;font-family: "Open Sans", sans-serif;font-size:14px;color:#FFFFFF;padding:2px 0 0 35px;display:block;} .slide .text .button_call .strong {text-shadow:0 -1px 0 #0d0d8f;font-family: "Open Sans", sans-serif;font-size:14px;color:#FFFFFF;padding:2px 0 0 35px;display:block;} .slide .text .button_download .info {padding:0 0 0 35px;text-shadow:0 -1px 0 #ae17ae;font-family: "Open Sans", sans-serif;font-size:11px;color:#FFF;display:block;} .slide .text .button_os .info {padding:0 0 0 35px;text-shadow:0 -1px 0 #ae17ae;font-family: "Open Sans", sans-serif;font-size:11px;color:#FFF;display:block;} .slide .text .button_call .info {padding:0 0 0 35px;text-shadow:0 -1px 0 #0d0d8f;font-family: "Open Sans", sans-serif;font-size:11px;color:#FFF;display:block;} /* === Slide next and prev === */ .slide_prev a {cursor:pointer;position: relative; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center 0;} .slide_next a {cursor:pointer;position: relative; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center 0;} .slide_prev a.prev span.prev_first {cursor:pointer;display: block; position: absolute; width: 40px; height: 50px; background: url("slider_prev.png") repeat-x; } .slide_prev a.prev span.prev_last {cursor:pointer;display: block; position: absolute; width: 40px; height: 50px; opacity: 0; filter:alpha(opacity=0); background: url("slider_prev.png") repeat-x -50px; left: 100px;} .slide_next a.next span.next_first {cursor:pointer;display: block; position: absolute; width: 40px; height: 50px; background: url("slider_next.png") repeat-x; } .slide_next a.next span.next_last {cursor:pointer;display: block; position: absolute; width: 40px; height: 50px; opacity: 0; filter:alpha(opacity=0); background: url("slider_next.png") repeat-x -50px; left: 10px;} /* === Slider pagination === */ .pagination {width:920px;position: relative;z-index: 200;} .pages {padding:0 0 0 30px;} .pagination {list-style:none;} .pagination li {width:230px;height:81px;float:left;padding:14px 0 0 0;} .pagination li a {display:block;width:230px;position: relative; z-index: 200; text-decoration:none;color:#000;} .pagination li a img {float:left;text-decoration:none;color:#000;padding:4px 10px 0 10px;width:50px;} .pagination li a span.title {font-family: "Open Sans", sans-serif;font-size:16px;font-weight:600;padding:0 0 3px 0;display:block;} .pagination li a span.text {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;display:block;} .pagination li.current {} .magic-line {position: absolute;top: 0;left: 0;width: 230px;height:90px;background:url("selected_slider_bar.png") no-repeat top center;margin-top:-11px;padding-top:29px;z-index: 100;} /* ================= 2. Nivo Slider ================= */ .slider-wrapper {width:940px;padding:19px 0 0 30px;height:283px;} /* ================= 3. PieceMaker Slider ================= */ .piecemaker_slider {width:940px;padding:10px 0 0 30px;} /* ================= 4. RoundAbout Slider ================= */ .roundabout-holder {list-style: none;width: 590px;height: 250px;margin: 1em auto;} .roundabout-moveable-item {height: 250px;width: 590px;cursor: pointer;} .roundabout-moveable-item img {width: 100%;height: 100%;} .roundabout-in-focus {cursor: auto;} /* ================= 5. Accordion Slider ================= */ #slider_wrapper {width:940px;margin:0 auto 0 auto;padding:30px 0 0 0;} #accordeon_slider li {overflow:visible !important;} #accordeon_slider div.slider-bg {background:#000;top:143px;height:102px;width:600px;left:0;position:absolute;z-index:10;opacity:.5;} #accordeon_slider strong {margin-bottom:5px;text-shadow:none;color:#fff;} #accordeon_slider p {text-shadow:none;color:#fff;} #accordeon_slider .slider-closed div.slider-info {top:143px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;} #accordeon_slider .slider-closed strong {font-size:18px;margin-bottom:5px;font-family: "Open Sans", sans-serif;} #accordeon_slider .slider-closed p {display:none;font-size:11px;line-height:14px;text-shadow:none;color:#fff;margin:0 !important;} #accordeon_slider .slider-open div.slider-info {top:143px;height:72px;left:0;position:absolute;width:570px;z-index:15;padding:15px;} #accordeon_slider .slider-open strong {font-size:22px;color:#fff;font-family: "Open Sans", sans-serif;} /* ====================================================================================================== 04. SPECIFIC PAGE STYLES =======================================================================================================*/ /* ================= 1. Homepage ================= */ /* ================= 1.1 Homepage features ================= */ .features {padding:14px 0 10px 0;} .features h1 {font-size:19px;padding:0 0 10px 0;} .features p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;padding:0 0 7px 0;line-height:22px;} .features a {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#3f8312;font-weight:bold;} .features a:hover {text-decoration:underline;} .features .image {float:left;width:52px;padding:6px 10px 0 0;} .features .text {float:left;width:230px;} .features_2 h1 {font-size:19px;padding:20px 0 5px 0;margin:0;color:#30303b;} .features_2 p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:5px 0 0 0;text-align:justify;color:#4d4d4d;line-height:22px;} /* ================= 1.2 Homepage recent company work ================= */ .we_work {font-family: "Open Sans", sans-serif;font-size:30px;font-weight:bold;text-align:center;padding:10px 0 0 0;} .grey_color {color:#808080;font-family: "Open Sans", sans-serif;font-size:30px;font-weight:600;} .box { background:url("homepage_box.png") no-repeat; height:80px; width:900px; padding:0 20px 0 20px; margin:40px 0 20px 0; } .box .images {float:left;width:720px;padding:20px 0 0 0;} .box .button {float:left;width:160px;padding:20px 0 0 20px;} .box .left {width:600px;float:left;padding:10px 0 0 0;} .box .left h1 {color:#1a1a1a;font-size:20px;padding:5px 0 0 0;} .box .left h2 {color:#7c7d80;font-size:14px;font-weight:normal;padding:5px 0 15px 0;} .box .right {width:270px;float:left;padding:20px 0 0 30px;} ul.companies {width: 720px;list-style: none;padding: 0;} ul.companies li {float:left;margin:0 0 0 25px;padding:0;display:inline;} ul.companies li a.thumb {width: 149px;height: 42px;cursor: pointer;} ul.companies li span {width:149px;height:42px;overflow:hidden;display:block;} ul.companies li a {text-decoration:none;display: block;} /* ================= 1.3 Homepage newsletter ================= */ .newsletter_bg {background:#f5f5f5;margin-top:50px;} .newsletter {width:940px;margin:0 auto 0 auto;padding:10px 0 0 0;} .newsletter .box {margin-bottom:0;padding-bottom:80px;} .newsletter .left_box {width:488px;float:left;padding:0 0 10px 0px;} .newsletter .left_box h1 {font-size:20px;padding:15px 0 0 0;} .newsletter .left_box p {color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:normal;padding:10px 0 10px 0;} .newsletter .left_box .video {width:488px;padding:0;} .newsletter .right_box {width:442px;float:left;padding:0 0 0 10px;} .newsletter .right_box h1 {font-size:20px;padding:15px 0 0 0;} .newsletter .right_box p {color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 0 9px 0;line-height:20px;} .newsletter .right_box .form {padding:10px 0 10px 0;} .newsletter .right_box .form .left {float:left;width:290px;padding:2px 5px 0 0;} .newsletter .right_box .form .right {float:left;width:100px;} .newsletter .right_box .form .inputText {font-family: "Open Sans", sans-serif;font-size:13px;padding:7px 0 7px 5px;background:url("newsletter_inputtext.png") no-repeat;width:285px;height:16px;color:#bfbfbf;margin-right:2px;border:0;} .newsletter .right_box .form .inputButton {color:#FFF;font-family: "Open Sans", sans-serif;font-size:15px;border:0;background:url("newsletter_submit.html") no-repeat;;width:112px;height:34px;color:#FFF;font-weight:bold;text-shadow:0 -1px 0 #259e0f;} .newsletter .news {padding:20px 0 0 0;} .newsletter .news .news_content {padding:0 0 20px 0;clear:both;overflow:hidden;} .newsletter .news .date {float:left;width:31px;height:26px;text-align:center;font-family:Arial;font-size:16px;background:url("newsletter_date.png") no-repeat;font-weight:bold;color:#4d4d4d;padding:7px 0 0 0;position:relative;} .newsletter .news .date_absolute {width:30px;height:3px;top:15px;left:0px;background:url("newsletter_date_absolute.png") no-repeat;position:absolute;} .newsletter .news .month {float:left;width:45px;height:26px;text-align:center;font-family:Arial;font-size:16px;background:url("newsletter_month.png") no-repeat;font-weight:bold;color:#4d4d4d;padding:7px 0 0 0;position:relative;} .newsletter .news .month_absolute {width:45px;height:3px;top:15px;left:0px;background:url("newsletter_month_absolute.png") no-repeat;position:absolute;} .newsletter .news .text {float:left;width:350px;color:#7c7d80;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 0 0 10px;} /* ================= 2. About page ================= */ .content .about_top h1 {font-size:25px;padding:20px 0 10px 0;} .content .about_top p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;color:#7f8590;padding:0 0 10px 0;line-height:26px;} .content .about_top p a {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;color:#3f8213;} .about_features {padding:30px 0 30px 0;} .about_features h1 {font-size:16px;padding:0 0 10px 0;} .about_features p {color:#4d4d4d;padding:0 10px 10px 0;line-height:22px;} .about_features p strong {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000;} .about_person {padding:50px 0 0 0;} .about_person .image {width:158px;float:left;padding:0 10px 0 0;} .about_person .image_small {width:106px;float:left;padding:0 10px 0 0;} .about_person .text {width:532px;float:left;padding:0 0 0 0;} .about_person .text_small {width:224px;float:left;padding:0 0 0 0;} .about_person .text p {color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;} .about_person .text .name {color:#3132b7;font-family: "Open Sans", sans-serif;font-size:16px;padding:0 0 5px 0;font-weight:600;} .about_person .text .name .speciality {color:#7f8590;font-family: "Open Sans", sans-serif;font-size:12px;} .about_person .text a {color:#3f8213;font-family: "Open Sans", sans-serif;font-size:12px;} .about_person .text a:hover {text-decoration:underline;} .about_person ul.social {list-style:none;margin:10px 0 0 0;padding:0;} .about_person ul.social li {padding:0 11px 0 0;float:left;margin:0;} /* ================= 3. Pricing Table ================= */ .pricing_table {margin:50px 0 40px 0;position:relative;border-collapse:separate;padding:0;border:0;} .pricing_table thead td {vertical-align:top;background:#ffffff;height:62px;width:238px;position:relative;padding:0;} .pricing_table thead td.left {background:url("pricing_table_7.png") bottom left no-repeat;position:relative;} .pricing_table thead td.right {background:url("pricing_table_8.png") bottom right no-repeat;position:relative;} .pricing_table thead .relative {position:relative;} .pricing_table thead .title { color:#FFF; font-family: "Open Sans", sans-serif; font-size:24px; width:160px; float:left; text-shadow:0 -1px 0 #6579a3; font-weight:600; padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0; } .pricing_table thead .pricing_active .title {text-shadow:0 -1px 0 #008700;} .pricing_table thead .price_bg {width:88px;height:87px;margin:-7px 0 -8px 0;float:right;background:url("pricing_image_1.png") no-repeat;position:absolute;right:0;} .pricing_table thead .price {width:78px;height:75px;margin:-7px 0 -8px 0;float:right;position:relative;} .pricing_table thead .price_bg_active {width:88px;height:87px;margin:-7px 0 -8px 0;float:right;background:url("pricing_image_2.png") no-repeat;position:absolute;right:0;} .pricing_table thead .price_active {} .pricing_table thead .price .currency { font-family: "Open Sans", sans-serif; font-weight:600; font-size:14px; width:5px; float:left; color:#fffffe; text-shadow:0 -1px 0 #42557b; padding-top: 21px; padding-right: 0px; padding-bottom: 0; padding-left: 12px; } .pricing_table thead .price .amount { font-family: "Open Sans", sans-serif; font-weight:600; font-size:22px; width:40px; float:left; color:#fffffe; text-shadow:0 -1px 0 #42557b; margin-left:-3px; padding-top: 20px; padding-right: 0; padding-bottom: 0; padding-left: 12px; } .pricing_table thead .price .per {float:left;width:85px;padding:0 0 0 0;text-align:center;margin:-5px 0 0 -8px;height:10px;color:#3d4d6c;font-family: "Open Sans", sans-serif;font-size:9px;font-weight:600;text-shadow:0 1px 0 #fff;} .pricing_table thead .price_active .currency {color:#653e0a;text-shadow:0 -1px 0 #f9e6a7;} .pricing_table thead .price_active .amount {color:#653e0a;text-shadow:0 -1px 0 #f9e6a7;} .pricing_table thead .price_active .per {color:#653e0a;text-shadow:0 -1px 0 #f9e6a7;} .pricing_table thead .pricing_active {border:none;background:none;width:243px;height:64px;background:url("pricing_table_1.png") top no-repeat;position:relative;} .pricing_table thead {position:relative;} .pricing_table thead td.border_bottom {background:url("pricing_table_12.png") bottom right no-repeat;border:0;} .pricing_table tbody td{margin:0;padding:0;border-collapse:collapse;border-bottom:1px solid #abb6ca;} .pricing_table tbody td {vertical-align:middle;} .pricing_table tbody .grey td {background:#f2f4f7;} .pricing_table .pricing_title.grey {background:#FFF url("pricing_image_4.png") no-repeat bottom right;} .pricing_table .pricing_title {border:none;color:#7f8590;font-weight:normal;font-size:12px;text-align:right;padding-right:20px;background:#FFF url("pricing_image_3.png") no-repeat bottom right;} .pricing_table .pricing_td {text-align:center;background:#fff;height:38px;font-family:Tahoma,Geneva,Arial,sans-serif;color:#667286;font-size:11px;font-style:normal;} .pricing_table .pricing_td strong {text-align:center;height:38px;font-family:Tahoma,Geneva,Arial,sans-serif;color:#667286;font-size:11px;} .pricing_table tbody .pricing_active, .pricing_table tbody .grey td.pricing_active {border-right:1px solid #abb6ca;border-left:1px solid #abb6ca;} .pricing_table tbody td.border_left {border-left:1px solid #abb6ca;border-collapse:separate;} .pricing_table tbody td.border_right {border-right:1px solid #abb6ca;} .pricing_table tfoot td {vertical-align:top;text-align:center;background:#cccccc;height:49px;padding:7px 0 0 0;} .pricing_table tfoot td.pricing_active {padding:12px 0 0 0;} .pricing_table tfoot td.nobg {background:url("pricing_table_12.png") top right no-repeat;border:0;} .pricing_table tfoot td a {text-align:center;font-family: "Open Sans", sans-serif;font-weight:600;font-size:25px;color:#FFF;text-decoration:none;text-shadow:0 -1px 0 #6579a3;} .pricing_table tfoot td.pricing_active a {text-shadow:0 -1px 0 #008700;} .pricing_table tfoot {height:39px;} .pricing_table tfoot td.left {background:url("pricing_table_9.png") top left no-repeat;} .pricing_table tfoot td.left .clip {background:url("pricing_table_clip_9.png") no-repeat;width:239px;height:35px;margin-top:-60px;z-index:2;position:relative;} .pricing_table tfoot td.right {background:url("pricing_table_10.png") top right no-repeat;} .pricing_table tfoot td.right .clip {background:url("pricing_table_clip_10.png") no-repeat;width:240px;height:35px;margin-top:-60px;z-index:2;position:relative;} .pricing_table tfoot .pricing_active {background:url("pricing_table_11.png") top center no-repeat;height:80px;width:243px;border:0;} .pricing_table tfoot .pricing_active .clip {background:url("pricing_table_clip_11.png") no-repeat;width:244px;height:35px;margin-top:-65px;z-index:2;position:relative;} .pricing_table .no_border {background:bottom;border:0;} .pricing_table .no_border.grey {background:#FFF url("pricing_image_4_no_border.png") no-repeat bottom right;border:0;} /* ================= 4. Pricing Box ================= */ .pricing_box {margin-top:70px;margin-bottom:60px;float:left;border-left:2px solid #a2b5d3;border-top:2px solid #a2b5d3;border-bottom:2px solid #a2b5d3;width:241px;padding:0 0 0 0;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;} .pricing_box_active {float:left;border-top:1px solid #a2b5d3;border-left:1px solid #a2b5d3;border-right:1px solid #a2b5d3;border-bottom:0;width:230px;padding:0 0 0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:50px -10px 0 -10px;z-index:2;position:relative;} .most_popular {background:url("most_popular.png") no-repeat;width:80px;height:80px;margin:-11px 0 0 -11px;float:left;position:absolute;left:0;} .pricing_box .details {background:#FFF;padding:0 0 15px 0;} .pricing_box .first {border-left:0;} .pricing_box_active .details {background:#FFF;padding:0 0 15px 0;border-collapse:collapse;} .pricing_box .title {height:38px;text-align:center;font-family: "Open Sans", sans-serif;font-size:25px;color:#30303b;font-weight:600;background:url("pricing_box_bg_top.png") repeat-x;} .pricing_box_active .title {height:38px;text-align:center;font-family: "Open Sans", sans-serif;font-size:30px;color:#30303b;font-weight:600;background:#FFF;} .pricing_box .details .currency {width:54px;font-family: "Open Sans", sans-serif;font-size:30px;font-weight:600;float:left;color:#333333;text-align:right;padding:15px 5px 0 0;} .pricing_box .details .amount {text-align:center;width:70px;font-family: "Open Sans", sans-serif;font-size:60px;font-weight:600;float:left;color:#333333;} .pricing_box .details .per {width:95px;font-family: "Open Sans", sans-serif;font-size:11px;font-weight:600;float:left;color:#7f8590;padding:19px 0 0 5px;} .pricing_box .details .row {font-family: "Open Sans", sans-serif;font-size:14px;color:#7f8590;text-align:center;font-weight:600;padding:5px 0 5px 0;} .pricing_box_active .details .row {font-family: "Open Sans", sans-serif;font-size:14px;color:#7f8590;text-align:center;font-weight:600;padding:8px 0 8px 0;} .pricing_box_active .bottom {background:url("pricing_box_active_bottom.png") no-repeat;width:232px;height:15px;margin-left:-1px;margin-bottom:-2px;} .pricing_box .details .strong {color:#30303b;} .pricing_box .details .trial {color:#3f8213;} .pricing_box_active .details .trial {color:#3132b7;} .pricing_box_center {border-left:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .pricing_box_last {border-right:2px solid #a2b5d3;border-left:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} /* === Pricing Page Bottom === */ .pricing_bottom_bg {background:#f2f2f2;} .pricing_bottom {width:940px;margin:0 auto;padding:25px 0 10px 0;} .pricing_bottom .box {margin-bottom:0;padding-bottom:80px;} /* ================= 5. FAQ ================= */ .faq {margin-bottom:30px;clear:both;overflow:hidden;} .faq .question_sign {background:url("faq_image_8.png") no-repeat;width:40px;height:41px;float:left;} .faq .text {width:250px;padding:0 0 0 10px;float:left;} .faq .text .question {padding:8px 0 10px 0;font-family: "Open Sans", sans-serif;font-size:16px;font-weight:600;color:#30303b;} .faq .text .answer {font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;color:#666666;line-height:22px;} .faq .text .answer img {padding:0 10px 0 0;} .faq .text .answer ul {padding:0 0 0 0;list-style:none;} .faq .text .answer ul li {background:url("support_li.png") no-repeat 0 8px;padding:0 0 4px 10px;line-height:22px;} .faq .text .answer a {color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;text-decoration:none;} .faq .text .answer a:hover {color:#3f8213;text-decoration:underline;} /* ================= 6. Tour page ================= */ .tour_page_custom {padding:5px 0 0 0;} .tour_page_custom h1 { font-size:21px; padding:20px 0 10px 0; } .tour_page_custom h2 {font-size:14px;padding:0 0 10px 0;color:#7f8590;} .tour_page_custom p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;padding:0 0 10px 0;line-height:22px;} .bottom_pages {padding:0;} .bottom_pages .left {float:left;width:200px;} .bottom_pages .right {float:right;text-align:right;} .video_tour {padding:0px 0 0px 5px;} .tour_tabs {width:940px;height:42px;padding:0 0 20px 0;} .tour_tabs ul {list-style:none;width:950px;position:relative;background:#f7f7f7;height:40px;} .tour_tabs ul li {float:left;} .tour_tabs .magic-line {color:#FFF;position: absolute;top: 12px;left: 0;width:86px;height:25px;background:#e8e8e8;padding:10px 0 5px 0;z-index: 100;} .tour_tabs ul li a {color:#2a2a2c;font-family: "Open Sans", sans-serif;font-size:12px;text-decoration:none;width:85px;height:25px;border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;padding:2px 0 13px 0;display:block;position: relative; z-index: 200;} .tour_tabs ul li a:hover {} .tour_tabs ul li a.last {border-right:1px solid #dbdbdb;} .tour_tabs ul li a.current {} .tour_panes {width:940px;position:relative;} .tour_panes h1 {font-size:19px;padding:0 0 10px 0;} .tour_panes p {line-height:22px;} .everything_block .image {width:58px;float:left;padding:0 10px 0 0;} .everything_block .text {width:272px;float:left;padding:0 0 0 0;} .everything_block .text h1 {font-size:15px;padding:0 0 10px 0;color:#30303b;} .everything_block .text p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;padding:0 0 10px 0;line-height:22px;} .image_list {padding:20px 0 0 0;} .image_list ul {list-style:none;} .image_list ul li {float:left;width:96px;margin:0 20px 0 0;} .image_list .button {width:102px;display:block;background:#f2f4f7;height:20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#7f8590;text-decoration:none;text-align:center;padding:5px 0 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .price_box {background:url("tour_button.png") no-repeat;width:252px;height:45px;float:left;padding:15px 0 0 0;position:relative;} .price_box .text {width:132px;float:left;padding:2px 10px 0 40px;} .price_box .text a {font-family: "Open Sans", sans-serif;font-size:13px;color:#FFF;text-shadow:0 -1px 0 #1414b2;} .price_box .price_circle {background:url("tour_circle.png") no-repeat;width:64px;height:64px;float:left;margin-top:-21px;} .price_box .price {width:65px;float:left;padding:0 0 0 9px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:18px;color:#602c0c;position:absolute;left:183px;top:12px;text-shadow:0 1px 0 #ffed9b;} .price_box .price sup {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#602c0c;font-weight:bold;} .tour_features h1 {font-size:19px;padding:0 0 10px 0;} .tour_features h2 {font-size:12px;padding:0 0 10px 0;color:#7f8590;} .tour_features p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;padding:0 0 10px 0;line-height:22px;} .tour_features img {float:left;padding:5px 10px 0 0;} .tour_features p strong {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000;} /* ================= 7. Support page ================= */ .support h1 {padding:20px 0 5px 0;} .support .question_sign {background:url("faq_image_8.png") no-repeat;width:40px;height:41px;float:left;} .support .text {width:285px;padding:0 0 0 10px;float:left;text-align:justify;} .support .text .question {color:#3f8213;padding:8px 0 10px 0;font-family: "Open Sans", sans-serif;font-size:15px;font-weight:bold;} .support .text .grey {color:#30303b;} .support .text .answer {font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;line-height:22px;color:#4d4d4d;} .support .text .answer img {padding:0 10px 0 0;} .support .text .answer ul {padding:0 0 0 0;list-style:none;} .support .text .answer ul li {background:url("support_li.png") no-repeat 0 8px;padding:0 0 4px 10px;line-height:22px;} .support .text .answer ul li a {color:#666666;} .support .text .answer ul li a:hover {color:#3f8213;} /* === Support sidebar right === */ .support_sidebar h1 {font-size:14px;padding:0 0 10px 9px;} .support_sidebar p {color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:5px 0 10px 10px;line-height:22px;} .support_sidebar p strong {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:bold;color:#30303b;} /* ================= 8. Contact us page ================= */ .contact {padding:30px 0 20px 0;} .contact .contact_box_top {background:url("contact_box_top.png") no-repeat;width:560px;height:17px;} .contact .contact_box_center {background:url("contact_box_center.png") repeat-y;width:510px;padding:10px 28px 5px 22px;} .contact .contact_box_bottom {background:url("contact_box_bottom.png") no-repeat;width:560px;height:17px;} .contact table tr td {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;text-align:left;padding:5px 0 0 0;line-height:22px;} .contact table tr td a.socials {color:#4d4d4d;font-weight:bold;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;text-align:left;padding:5px 0 0 0;} .contact h1 {font-size:20px;padding:8px 0 0 0;} .contact p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#999999;line-height:22px;padding:10px 0 10px 0;} .contact p.dark {color:#4d4d4d;padding:10px 0 10px 0;line-height:22px;} .contact p.dark a { font-family:Tahoma,Geneva,Arial,sans-serif; font-size:11px; color:#0033CC; font-weight:bold; text-decoration:none; } .contact .col_big {width:720px;float:left;} .map {background:url("contact_map_box.png") no-repeat;height:372px;width:934px;padding:13px;margin-left:-10px;} #map_canvas {width:932px;height:372px;} .contact .col_left {width:370px;float:left;padding:0 20px 0 0;} .contact .col_right {width:560px;float:left;margin-right:-10px;} .contact .col_right .contact_table {padding-left:7px;} .contact .col_right table tr td {color:#4d4d4d;font-weight:normal;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;} .contact .col_right .inputText {width:216px;height:14px;border:1px solid #cccccc;padding:7px 10px 7px 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .contact .col_right .inputSelect {width:455px;height:30px;border:1px solid #cccccc;padding:7px 10px 7px 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .contact .col_right .inputTextarea {width:480px;height:96px;border:1px solid #cccccc;padding:5px 10px 5px 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .contact .col_right .inputText.error_class {border:1px solid red;} .contact .col_right .inputTextarea.error_class {border:1px solid red;} /* === Contact select input === */ div.selectbox-wrapper {position:absolute;width:460px;background-color:white;border:1px solid #ccc;margin:0px;margin-top:-10px;padding:0px;text-align:left; max-height:200px;overflow:auto; z-index:999;} div.selectbox-wrapper ul {list-style-type:none;margin:0px;padding:0px;} div.selectbox-wrapper ul li.selected {background-color:#e5e1e1;} div.selectbox-wrapper ul li.current {background-color:#f3f2f2;} div.selectbox-wrapper ul li {list-style-type:none;display:block;margin:0;padding:5px 0 5px 10px;cursor:pointer;color:#000;} .selectbox {margin:0px 5px 10px 0px;padding:8px 0 7px 10px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;width:490px;height:15px;display:block;text-align:left;background:url("selectbox.png") right no-repeat;cursor:pointer;border:0;color:#000;} /* ================= 9. Portfolio ================= */ .portfolio_1_3 {padding:0 0 0 0;margin:0 0 0 -20px;} .portfolio_1_3 ul {width:960px;} .portfolio_1_3 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;} .portfolio_1_3 ul li {margin:0 0 30px 20px;width:300px; height:322px;float:left;background:url("blog_post_bg_big_1_3.png") no-repeat bottom center;} .portfolio_1_3 ul li .title {text-align:left;display:block;padding:0 0 15px 0;font-family: "Open Sans", sans-serif;font-size:22px;color:#30303b;} .portfolio_1_3 ul li .title sup {font-family: "Open Sans", sans-serif;font-size:14px;color:#30303b;font-weight:600;} .portfolio_1_3 ul li .description {display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;text-align:justify;} .portfolio_1_3 ul li .clear {display:block;clear:both;padding:5px 0 0 0;} .portfolio_1_2 {padding:0 0 0 0;margin:0 0 0 -20px;} .portfolio_1_2 ul {width:960px;} .portfolio_1_2 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;} .portfolio_1_2 ul li {margin:0 0 30px 20px;width:460px; height:332px;float:left;background:url("blog_post_bg_big_2_4.png") no-repeat bottom center;} .portfolio_1_2 ul li .title {text-align:left;display:block;padding:0 0 15px 0;font-family: "Open Sans", sans-serif;font-size:22px;color:#30303b;} .portfolio_1_2 ul li .title sup {font-family: "Open Sans", sans-serif;font-size:14px;color:#30303b;font-weight:600;} .portfolio_1_2 ul li .description {display:block;padding:20px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;text-align:justify;} .portfolio_1_2 ul li .clear {display:block;clear:both;padding:5px 0 0 0;} .portfolio_1_1 {padding:0 0 0 0;} .portfolio_1_1 ul {width:940px;} .portfolio_1_1 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;} .portfolio_1_1 ul li {margin:0 0 40px 0;width:940px; height:165px;float:left;background:url("blog_post_bg_big.png") no-repeat bottom center;} .portfolio_1_1 ul li .image {width:460px;float:left;} .portfolio_1_1 ul li .info {width:460px;float:left;padding-left:20px;} .portfolio_1_1 ul li .title {text-align:left;display:block;padding:0 0 5px 0;font-family: "Open Sans", sans-serif;font-size:22px;color:#30303b;} .portfolio_1_1 ul li .title sup {font-family: "Open Sans", sans-serif;font-size:14px;color:#30303b;font-weight:600;} .portfolio_1_1 ul li .description {display:block;padding:5px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;text-align:justify;} .portfolio_1_1 ul li .clear {display:block;clear:both;padding:3px 0 0 0;} .portfolio_sidebar_1_1 {padding:0 0 0 0;} .portfolio_sidebar_1_1 ul {width:680px;} .portfolio_sidebar_1_1 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;} .portfolio_sidebar_1_1 ul li {margin:0 0 40px 0;width:680px; height:165px;float:left;background:url("blog_post_bg_medium.png") no-repeat bottom center;} .portfolio_sidebar_1_1 ul li .image {width:340px;float:left;} .portfolio_sidebar_1_1 ul li .info {width:320px;float:left;padding:0 0 0 20px;} .portfolio_sidebar_1_1 ul li .info.right {width:320px;float:left;padding:0 20px 0 0;} .portfolio_sidebar_1_1 ul li .title {text-align:left;display:block;padding:0 0 5px 0;font-family: "Open Sans", sans-serif;font-size:22px;color:#30303b;} .portfolio_sidebar_1_1 ul li .title sup {font-family: "Open Sans", sans-serif;font-size:14px;color:#30303b;font-weight:600;} .portfolio_sidebar_1_1 ul li .description {display:block;padding:5px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;text-align:justify;} .portfolio_sidebar_1_1 ul li .clear {display:block;clear:both;padding:2px 0 0 0;} .portfolio_sidebar_1_2 {padding:0 0 0 0;margin:0 0 0 -20px;} .portfolio_sidebar_1_2.right {padding:20px 0 0 0;margin:0 -20px 0 0;} .portfolio_sidebar_1_2 ul {width:720px;} .portfolio_sidebar_1_2 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;} .portfolio_sidebar_1_2 ul li {margin:0 0 30px 20px;width:340px;height:344px;float:left;background:url("portfolio_bg_sidebar_small.png") no-repeat bottom center;} .portfolio_sidebar_1_2.right ul li {margin:0 20px 20px 0;} .portfolio_sidebar_1_2 ul li .title {text-align:left;display:block;padding:0 0 15px 0;font-family: "Open Sans", sans-serif;font-size:22px;color:#30303b;} .portfolio_sidebar_1_2 ul li .title sup {font-family: "Open Sans", sans-serif;font-size:14px;color:#30303b;font-weight:600;} .portfolio_sidebar_1_2 ul li .description {display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;text-align:justify;} .portfolio_sidebar_1_2 ul li .clear {display:block;clear:both;padding:5px 0 0 0;} /* === Portfolio category filter === */ .filter {text-align: center;margin:10px 0 35px 0;padding:0;} .filter ul {display: inline-block;margin:0;padding:10px 0 0 0;} .filter li {float: left;} .filter li.first {background:url("filter_left.png") no-repeat;width:100px;height:45px;} .filter li {background:url("filter_middle.png") repeat;height:41px;padding:4px 0 0 0;color:#657285;} .filter li a {color:#657285;line-height:41px;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;} .filter li a:hover {text-decoration:underline;} .filter li a.selected {background:url("filter_arrow.png") no-repeat bottom center;padding:0 0 15px 0;color:#303135;} .filter li.last {background:url("filter_right.png") no-repeat;width:100px;height:45px;} /* ====================================================================================================== 05. BLOG =======================================================================================================*/ /* ================= 1. Blog ================= */ .blog_posts {padding:20px 0 10px 0;} .blog_posts.sidebar {width:720px;margin-left:-20px;} .blog_posts .blog_post {background:url("blog_post_bg_medium.png") no-repeat bottom;padding:0 0 23px 0;width:700px;margin-bottom:25px;} .blog_posts .no_bg {background:none;} .blog_posts .blog_post_1_2 {float:left;background:url("blog_post_bg_small.png") no-repeat bottom;padding:0 0 23px 0;width:340px;margin-bottom:25px;margin-left:20px;} .blog_posts .blog_post_2_4 {float:left;background:url("blog_post_bg_big_2_4.png") no-repeat bottom;padding:0 0 23px 0;width:460px;margin-bottom:25px;} .blog_posts .blog_post_full {background:url("blog_post_bg_big.png") no-repeat bottom;padding:0 0 23px 0;width:940px;margin-bottom:25px;} .blog_posts .blog_post_full_1_3 {float:left;background:url("blog_post_bg_big_1_3.png") no-repeat bottom;padding:0 10px 23px 0;width:300px;margin-bottom:25px;} .blog_posts .blog_post_full_1_3.last {padding:0 0 23px 0;} .blog_posts .date {background:url("blog_image_1.png") no-repeat;width:41px;height:51px;float:left;position:relative;} .blog_posts .date .absolute {background:url("blog_image_3.png") no-repeat;width:41px;height:5px;position:absolute;top:19px;left:0px;} .blog_posts .date .day { font-family:Tahoma, Geneva, Arial, sans-serif; font-size:18px; font-weight:normal; text-align:center; margin:0 0 -4px 0; color:#000; } .blog_posts .date .month { font-family: "Open Sans", sans-serif; font-size:14px; text-align:center; color:#000; } .blog_posts .date .year { font-family: "Open Sans", sans-serif; font-size:8px; text-align:center; color:#000; } .blog_posts .text {padding:5px 0 0 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4c4c4c;line-height:22px;text-align:justify;clear:both;overflow:hidden;} .blog_posts .blog_post_full_1_3 .text {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4c4c4c;line-height:22px;text-align:justify;padding:0 5px 0 5px;} .blog_posts .blog_tools {padding-bottom:15px;clear:both;overflow:hidden;} .blog_posts .attachment-blog-image {margin-bottom:15px;margin-top:5px;} .blog_posts .text p {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4c4c4c;line-height:22px;text-align:justify;padding:0 0 15px 0;} .blog_posts .text ul {list-style:none;} .blog_posts .text ul li {background:url("blog_post_li.png") no-repeat 0 9px;padding:0 0 0 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4c4c4c;} .blog_posts .text img.left {float:left;margin:0 10px 0 0;} .blog_posts .text img.right {float:right;margin:0 0 0 10px;} .blog_posts .text a.readmore {display:block;padding:0;background:url("button_small_left.png") no-repeat top left;float:left;text-decoration:none;padding:0;margin:0;} .blog_posts .text a.readmore span {background:url("button_small_right.png") no-repeat top right;display:block;float:left;height:24px;text-decoration:none;color:#FFF;font-family: "Open Sans", sans-serif;font-size:11px;padding:0px 9px 0 0;margin-left:11px;cursor:pointer;text-align:center;width:61px;text-shadow:0 -1px 0 #000;} .blog_posts .blog_post .title {width:645px;padding:0 0 10px 13px;float:left;} .blog_posts .blog_post_1_2 .title {width:286px;padding:0 0 10px 13px;float:left;} .blog_posts .blog_post_2_4 .title {width:406px;padding:0 0 10px 13px;float:left;} .blog_posts .blog_post_full .title {width:866px;padding:0 0 10px 13px;float:left;} .blog_posts .blog_post_full_1_3 .title {width:246px;padding:0 0 10px 13px;float:left;} .blog_posts a.big {font-family: "Open Sans", sans-serif;font-size:22px;color:#3132b7;text-decoration:none;} .blog_posts a.big:hover {text-decoration:underline;} .blog_posts .tags {display:inline-block;padding:0 0 0 0px;color:#999999;float:left;height:16px;} .blog_posts .tags a {display:block;padding:0;background:url("tag_left.png") no-repeat top left;float:left;text-decoration:none;} .blog_posts .tags a span {background:url("tag_right.png") no-repeat top right;display:block;float:left;height:18px;text-decoration:none;color:#595959;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:3px 10px 0 7px;margin:0 10px 0 13px;cursor:pointer;text-align:center;text-shadow:0 -1px 0 #FFF; } .blog_posts .tags a:hover span {text-decoration:none;color:#3f8213;} .blog_posts .comments {padding:4px 20px 0 20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;background:url("blog_image_5.png") no-repeat;color:#595959;float:left;height:16px;display:inline-block;} .blog_posts .written_by {padding:4px 15px 0 20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;background:url("blog_image_4.png") no-repeat;color:#595959;float:left;height:16px;display:inline-block;} .blog_posts .written_by a {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#3f8213;text-decoration:none;} .blog_posts .written_by a:hover {text-decoration:underline;} /* ================= 2. Blog Comments ================= */ .comments {padding:50px 0 0 0;} .comments .comment_box, .comments .comment_box_reply {padding-bottom:25px;clear:both;overflow:hidden;} .comments .comment {width:630px;float:left;} .comments .comment .comment_top {background:url("blog_comment_top.png") no-repeat;width:630px;height:3px;font-size:0px;} .comments .comment .comment_center {padding:7px 19px 6px 19px;width:590px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;color:#4d4d4d;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;} .comments .comment .comment_bottom {background:url("blog_comment_bottom.png") no-repeat;width:630px;height:20px;font-size:0px;float:left;} .comments .comment_left {position:relative;z-index:2;float:left;background:url("blog_comment_left.png") no-repeat bottom;width:16px;height:24px;margin-right:-1px;padding:3px 0 0 0;} .comments .avatar {width:50px;float:left;padding:0 5px 0 0;} .comments .avatar a.reply_button {color:#7f8590;background:url("blog_reply_button.png") no-repeat;width:50px;height:18px;float:left;padding:2px 0 0 0;display:block;text-decoration:none;text-align:center;} .comments .avatar a.reply_button:hover {background:url("blog_reply_button_hover.png") no-repeat;color:#FFF;} .comments .comment_by {font-family: "Open Sans", sans-serif;font-size:13px;color:#30303b;padding:0 0 5px 0;} .comments .comment_by .name {font-family: "Open Sans", sans-serif;font-size:13px;color:#3132b7;} .comments .comment_by .date {font-family: "Open Sans", sans-serif;font-size:13px;color:#a0a5af;} .comments .reply {background:url("blog_reply_line.png") no-repeat center;width:50px;height:55px;float:left;margin-top:-10px;} .comments .comment_reply {width:580px;float:left;color:#4d4d4d;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;} .comments .comment_reply .comment_top {background:url("blog_reply_comment_top.png") no-repeat;width:580px;height:3px;font-size:0px;} .comments .comment_reply .comment_center {padding:7px 19px 6px 19px;width:540px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;color:#4d4d4d;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;} .comments .comment_reply .comment_bottom {background:url("blog_reply_comment_bottom.png") no-repeat;width:580px;height:20px;font-size:0px;float:left;} /* ================= 3. Blog Reply box ================= */ .reply_box {padding-top:25px;} .reply_box .inputs {width:230px;float:left;} .reply_box .leave_a_reply {width:330px;float:left;} .reply_box .required {width:230px;float:right;text-align:right;padding:5px 20px 0 0;font-family: "Open Sans", sans-serif;font-size:16px;color:#3f8213;} .reply_box .textarea {width:450px;float:left;padding:0 0 0 20px;} .reply_box h1 {font-size:20px;} .reply_box .inputText {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;color:#808080;width:200px;height:16px;border:1px solid #cccccc;padding:7px 10px 7px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .reply_box .inputTextarea {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;color:#808080;width:430px;height:193px;border:1px solid #cccccc;padding:5px 10px 5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* ====================================================================================================== 06. WIDGETS =======================================================================================================*/ /* ================= 1. Search ================= */ .search {padding:10px 0 5px 0;} .search .left {float:left;padding:10px 0 0 9px;width:160px;} .search .right {float:left;padding:9px 0 0 9px;width:32px;} .search .inputText {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#808080;background:url("blog_inputtext.png") no-repeat;width:155px;height:17px;border:0;padding:8px 0 5px 5px;} .search .inputSubmit {background:url("blog_search.png") no-repeat top;width:32px;height:33px;border:0;cursor:pointer;} /* ================= 2. Recent Posts ================= */ .recent_posts {padding:10px 10px 7px 9px;z-index:2;position:relative;} .recent_posts p {color:#404040;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 0 10px 10px;} .recent_posts h1 {font-size:14px;padding:0 0 5px 0px;border-bottom:1px solid #ced5e0;} .recent_posts .post {padding:10px 0 10px 0;border-bottom:1px solid #ced5e0;border-top:1px solid #FFF;} .recent_posts .white_line {font-size:0;height:0;border-top:1px solid #FFF;} .recent_posts .post .image {width:32px;float:left;padding:0;} .recent_posts .post .text {width:155px;float:left;padding:0 0 0 5px;} .recent_posts .post .text a {text-decoration:none;font-weight:bold;color:#3f8213;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;border:0;padding:0;} .recent_posts .post .text .comments {padding:4px 0 0 0;color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;} .recent_posts .post .text .since {color:#7f8590;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;} /* ================= 3. Rss subscription ================= */ .rss_subscription {padding:5px 0 5px 0;} .rss_subscription h1 {font-size:14px;padding:0 0 5px 9px;} .rss_subscription p {color:#31313e;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:0 0 5px 10px;} .rss_subscription ul {padding:0 0 0 10px;list-style:none;} .rss_subscription ul li {background:url("blog_rss.png") no-repeat 0px 5px;padding:6px 9px 0 19px;float:left;height:20px;} .rss_subscription ul li a {color:#7f8590;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:0;text-decoration:none;border:0;} /* ================= 4. Newsletter subscription ================= */ .newsletter_subscription {padding:5px 0 5px 0;} .newsletter_subscription h1 {font-size:14px;padding:0 0 5px 9px;} .newsletter_subscription p {color:#31313e;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:0 0 5px 10px;} .newsletter_subscription .left {float:left;padding:5px 0 0 9px;width:160px;} .newsletter_subscription .right {float:left;padding:3px 0 0 9px;width:32px;} .newsletter_subscription .inputText {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#808080;background:url("blog_inputtext.png") no-repeat;width:155px;height:17px;border:0;padding:8px 0 5px 5px;} .newsletter_subscription .inputSubmit {background:url("blog_newsletter.png") no-repeat top;width:32px;height:34px;border:0;cursor:pointer;} /* ================= 5. Tag Cloud ================= */ .tag_cloud {padding:5px 0 5px 0;position:relative;z-index:2;} .tag_cloud h1 {font-size:14px;padding:0 0 5px 9px;} .tag_cloud .tags {padding:0 9px 0 9px;} .tag_cloud .tags a {color:#5a6271;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;text-decoration:none;border:0;display:inline-block;padding:3px 0;line-height:22px;} .tag_cloud .tags a:hover {text-decoration:underline;} .tag_cloud .tags a.link10 {font-size:10px;} .tag_cloud .tags a.link11 {font-size:11px;} .tag_cloud .tags a.link12 {font-size:12px;} .tag_cloud .tags a.link14 {font-size:14px;} .tag_cloud .tags a.grey {color:#a6a6a6;} /* ================= 6. Last Tweets ================= */ .last_tweets {padding:5px 0 5px 9px;z-index:2;position:relative;} .last_tweets h1 {font-size:14px;padding:0 0 5px 0;} .last_tweets .tweeter_post {padding:0 15px 0 20px;background:url("contact_image_1.png") 0px 3px no-repeat;color:#7f8590;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;} .last_tweets .tweeter_post strong {color:#30303b;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;} .last_tweets .tweeter_post .time {padding:3px 0 0 0;color:#3f8213;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;display:block;} /* ================= 7. Testimonials ================= */ .testimonial_col .quotes {background:url("quotes.png") no-repeat bottom;width:42px;height:41px;float:left;padding:2px 10px 0 0;} .testimonial_col .avatar {width:40px;height:42px;float:left;padding:2px 10px 0 0;} .testimonial_col .title {width:185px;float:left;padding:2px 0 0 0;} .testimonial_col .title h1 {font-size:14px;color:#3f8312;padding:2px 0 0 0;} .testimonial_col .title h2 {font-size:10px;padding:3px 0 0 0;} .testimonial_col p {font-family:Georgia;font-style:italic;font-size:12px;color:#7f8590;line-height:25px;padding:13px 0 0 0;} .testimonials_in_page {width:245px;} .testimonial_right {float:right;padding:10px 0 0 20px;} .testimonial_left {float:left;padding:0 20px 20px 0;} .testimonials_in_page .quotes {background:url("quotes.png") no-repeat;width:40px;height:42px;float:left;padding:0 10px 0 0;} .testimonials_in_page .avatar {width:40px;height:42px;float:left;padding:0 10px 0 0;} .testimonials_in_page .avatar img {padding:0;} .testimonials_in_page .testimonial_title {width:145px;float:left;height:41px;} .testimonials_in_page .testimonial_title h1 {font-size:14px;color:#3f8312;padding:0;} .testimonials_in_page .testimonial_title h2 {font-size:9px;padding:3px 0 0 0;} .testimonials_in_page .testimonial {font-style:italic;font-family:Georgia;font-size:14px;color:#7f8590;line-height:22px;padding:2px 0 0 0;} .testimonials_in_page_2 {width:220px;} .testimonials_in_page_2 .text {width:220px;float:left;font-family:Georgia;font-style:italic;color:#7f8590;font-size:14px;line-height:22px;} .testimonials_in_page_2 .text strong {font-family: "Open Sans", sans-serif;font-weight:600;color:#3132b7;font-size:12px;} .testimonials_in_page_2 .text .quotes {background:url("testimonials_quotes.png") no-repeat 0px 4px;width:28px;height:20px;float:left;} .testimonial_col_1_4 {border-bottom:1px solid #ced5e0;padding:20px 7px 20px 7px;width:205px;position:relative;z-index:2;} .testimonial_col_1_4.last {border-bottom:0;} .testimonial_col_1_4 .quotes {background:url("quotes.png") no-repeat;width:40px;height:42px;float:left;padding:0 10px 0 0;} .testimonial_col_1_4 .avatar {width:40px;height:42px;float:left;padding:0 10px 0 0;} .testimonial_col_1_4 .title {width:104px;float:left;padding:10px 0 0 0;} .testimonial_col_1_4 .title h1 {font-size:11px;color:#3f8312;padding:0;} .testimonial_col_1_4 .title h2 {font-size:9px;color:#3132b7;padding:0;} .testimonial_col_1_4 p {font-family:Georgia;font-style:italic;font-size:11px;font-style:italic;color:#7f8590;line-height:22px;padding:5px 5px 0 5px;} /* ====================================================================================================== 07. EXTRAS =======================================================================================================*/ /* ================= 1. Boxes ================= */ .shorcodes {padding:10px 0 0 0;} .shorcodes h1 {font-size:25px;} .shorcodes h2 {font-size:16px;color:#30303b;padding:10px 0 10px 0;} .bordered_box {border:1px solid #dbdbdb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .bordered_box p {padding:19px;} .shadow_box {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;line-height:22px;border:1px solid #dbdbdb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 2px 2px #f4f4f4;-moz-box-shadow:0 0 2px 2px #f4f4f4;box-shadow:0 0 2px 2px #f4f4f4;} .shadow_box p {padding:19px;} .inner_shadow_box {font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;line-height:22px;border:1px solid #dbdbdb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0px 3px 10px 0px #dddddd;-moz-box-shadow:inset 0px 3px 10px 0px #dddddd;box-shadow:inset 0px 3px 10px 0px #dddddd;} .inner_shadow_box p {padding:19px;} .bordered_box .title {background:#262626;height:30px;margin:-1px -1px 0 -1px;-webkit-border-radius:5px 5px 0 ;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .bordered_box .grey {background:#30303b;} .bordered_box .violet {background:#5153cc;} .bordered_box .green {background:#599c2e;} .bordered_box .title h1 {font-size:14px;color:#FFF;padding:5px 0 0 19px;} .bordered_box ul {list-style:none;padding:0 0 0 5px;} .bordered_box ul li {float:left;padding:12px 0 0 10px;text-align:center;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .bordered_box ul li span {display:block;} .bordered_box table {padding:0 0 0 0;} .bordered_box table thead td {background:#dfdff9;height:30px;color:#3132b7;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:normal;text-align:center;} .bordered_box table td {padding:0;height:29px;color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:normal;text-align:center;} .bordered_box table tr.grey {background:#f2f2f2;} .bordered_box #tabs ul {padding:0px 0 0 0;} .bordered_box #tabs ul li {float:left;padding:4px 0 0 4px;} .bordered_box #tabs ul li a {padding:7px 10px 4px 10px;line-height:15px;display:block;text-decoration:none;background:#555562;color:#b3b3b3;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:bold;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .bordered_box #tabs ul li a:hover {background:#FFF;color:#000;} .bordered_box #tabs ul li.ui-tabs-selected a {background:#FFF;color:#000;} .ui-tabs { position: relative; padding: 0; zoom: 1;} .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .question_box {border:1px solid #a6ca8a;background:#e9ffd9 url("question_box_icon.png") no-repeat 10px 10px;color:#478e18;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;} .info_box {border:1px solid #f2c779;background:#fff8c4 url("info_box_icon.png") no-repeat 10px 10px;color:#f47723;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;} /*.info_box_green {border:1px solid #f2c779;background:#E0F2DB url("question_box_icon.png") no-repeat 10px 10px;color:#f47723;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;}*/ .error_box {border:1px solid #f5aca6;background:#ffecec url("error_box_icon.png") no-repeat 10px 10px;color:#e72929;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;} .toggle {font-family: "Open Sans", sans-serif;font-size:14px;color:#FFF;padding:5px 0 0 19px;height:27px;cursor:pointer;background:#262626 url("shortcodes_image_2.png") no-repeat 98% 11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .toggle_active {font-family: "Open Sans", sans-serif;font-size:14px;color:#FFF;padding:5px 0 0 19px;height:27px;cursor:pointer;background:#262626 url("shortcodes_image_3.png") no-repeat 98% 11px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .toggle_container {line-height:22px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .toggle_container p {padding:19px;line-height:20px;} .toogle_box .grey {background-color:#30303b;} .toogle_box .grey2 {background-color: #CCC;} .toogle_box .grey3 {background-color: #999;} .toogle_box .grey4 {background-color: #666;} .toogle_box .violet {background-color:#5153cc;} .toogle_box .green {background-color:#599c2e;} /*.toogle_box .scp {background-color:#0033CC;}*/ .toogle_box .scp {background-color:#0081D5;} /* ================= 2. Custom lists ================= */ .default_list li {background-repeat:no-repeat;background-position:0 0;list-style:none;margin:0 0 2px 0;line-height:24px;padding:0 0 0 20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .default_list li.blue {background-image:url("list_default_blue.png");} .default_list li.green {background-image:url("list_default_green.png");} .default_list li.orange {background-image:url("list_default_orange.png");} .default_list li.violet {background-image:url("list_default_violet.png");} .arrow_list li {list-style:none;background-repeat:no-repeat;background-position:0 0;margin:0 0 2px 0;line-height:24px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .arrow_list li.blue {background-image:url("list_arrow_blue.png");} .arrow_list li.green {background-image:url("list_arrow_green.png");} .arrow_list li.orange {background-image:url("list_arrow_orange.png");} .arrow_list li.violet {background-image:url("list_arrow_violet.png");} .check_list li {list-style:none;background-repeat:no-repeat;background-position:0 0;margin:0 0 2px 0;line-height:24px;padding:0 0 0 28px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .check_list li.blue {background-image:url("list_check_blue.png");} .check_list li.green {background-image:url("list_check_green.png");} .check_list li.orange {background-image:url("list_check_orange.png");} .check_list li.violet {background-image:url("list_check_violet.png");} .remove_list li {list-style:none;background-repeat:no-repeat;background-position:0 0;margin:0 0 2px 0;line-height:24px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .remove_list li.blue {background-image:url("list_remove_blue.png");} .remove_list li.green {background-image:url("list_remove_green.png");} .remove_list li.orange {background-image:url("list_remove_orange.png");} .remove_list li.violet {background-image:url("list_remove_violet.png");} .icons_list li {list-style:none;background-repeat:no-repeat;background-position:0 0;margin:0 0 2px 0;line-height:24px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} .icons_list li.blue {background-image:url("list_icon_blue.png");} .icons_list li.green {background-image:url("list_icon_green.png");} .icons_list li.orange {background-image:url("list_icon_orange.png");} .icons_list li.violet {background-image:url("list_icon_violet.png");} .lista{background-image:url("list_default_blue.png");background-repeat:no-repeat;background-position:0 -5px;list-style:none;margin:0 0 2px 0;line-height:24px;padding:0 0 0 20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;} /* ================= 3. Paggination ================= */ .pagger {width:320px;margin:0 auto 0 auto;} .pagger .points {background:url("blog_pagination_points.png") no-repeat 0 19px;width:10px;height:34px;display:block;float:left;margin:0 10px 0 0;} .pagger a.next {background:url("blog_pagination_next.png") no-repeat;width:32px;height:31px;display:block;float:left;text-decoration:none;font-family: "Open Sans", sans-serif;font-size:16px;text-align:center;color:#4d4d4d;padding:5px 0 0 0;margin:0 10px 0 0;} .pagger a.next:hover {background-position:0 -36px;} .pagger a.next:active {background-position:0 -72px;} .pagger a.prev {background:url("blog_pagination_prev.png") no-repeat;width:32px;height:31px;display:block;float:left;text-decoration:none;font-family: "Open Sans", sans-serif;font-size:16px;text-align:center;color:#4d4d4d;padding:5px 0 0 0;margin:0 10px 0 0;} .pagger a.prev:hover {background-position:0 -36px;} .pagger a.prev:active {background-position:0 -72px;} .pagger a.page {background:url("blog_pagination.png") no-repeat;width:32px;height:32px;display:block;float:left;text-decoration:none;font-family: "Open Sans", sans-serif;font-size:16px;text-align:center;color:#4d4d4d;padding:4px 0 0 0;margin:0 10px 0 0;line-height:21px;} .pagger a.page:hover {background-position:0 -36px;color:#484ace;} .pagger a.page:active {background-position:0 -72px;padding:6px 0 0 0;height:30px;color:#484ace;} .pagger a.page.selected {background-position:0 -36px;color:#484ace;} /* ================= 4. Buttons Link Styles ================= */ a.button_big {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-left:5px;} a.button_big:hover {background-repeat:no-repeat;background-position: 0 -34px;} a.button_big span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:24px;text-decoration:none;color:#FFF;font-family: "Open Sans", sans-serif;font-size:15px;font-weight:600;padding:5px 14px 5px 0px;margin-left:16px;margin-right:5px;cursor:pointer;text-align:center;line-height:20px;} a.button_big span strong {display:inline-block;width:20px;height:22px;float:left;padding-right:10px;margin-left:-8px;background-position:left bottom;background-repeat:no-repeat;} a.button_big:hover span {background-repeat:no-repeat;background-position:100% -34px;} a.button_big:active {background-repeat:no-repeat;background-position: 0 -68px;} a.button_big:active span {background-repeat:no-repeat;background-position:100% -68px;} a.button_big.grey {background-image:url("button_big_left_grey.png");} a.button_big.grey span {background-image:url("button_big_right_grey.png");text-shadow:0 -1px 0 #FFFFFF;color:#333333;} a.button_big.grey span strong {background-image:url("button_big_right_arrow_grey.html");} a.button_big.grey span strong.prev {background-image:url("button_big_left_arrow_grey.png");} a.button_big.yellow {background-image:url("button_big_left_yellow.png");} a.button_big.yellow span {background-image:url("button_big_right_yellow.png");text-shadow:0 -1px 0 #e0580a;} a.button_big.yellow span strong {background-image:url("button_big_right_arrow_yellow.png");} a.button_big.yellow span strong.prev {background-image:url("button_big_left_arrow_yellow.png");} a.button_big.green {background-image:url("button_big_left_green.png");} a.button_big.green span {background-image:url("button_big_right_green.png");text-shadow:0 -1px 0 #259e0f;} a.button_big.green span strong {background-image:url("button_big_right_arrow_green.png");} a.button_big.green span strong.prev {background-image:url("button_big_left_arrow_green.png");} a.button_big.violet {background-image:url("button_big_left_violet.png");} a.button_big.violet span {background-image:url("button_big_right_violet.png");text-shadow:0 -1px 0 #1414b2;} a.button_big.violet span strong {background-image:url("button_big_right_arrow_violet.png");} a.button_big.violet span strong.prev {background-image:url("button_big_left_arrow_violet.png");} a.button_big.blue {background-image:url("button_big_left_blue.png");} a.button_big.blue span {background-image:url("button_big_right_blue.png");text-shadow:0 -1px 0 #0f40dd;} a.button_big.blue span strong {background-image:url("button_big_right_arrow_blue.png");} a.button_big.blue span strong.prev {background-image:url("button_big_left_arrow_blue.png");} a.button_big.red {background-image:url("button_big_left_red.png");} a.button_big.red span {background-image:url("button_big_right_red.png");text-shadow:0 -1px 0 #ab0706;} a.button_big.red span strong {background-image:url("button_big_right_arrow_red.png");} a.button_big.red span strong.prev {background-image:url("button_big_left_arrow_red.png");} /* === Buttons medium === */ a.button_medium {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-right:5px;} a.button_medium:hover {background-repeat:no-repeat;background-position: 0 -29px;} a.button_medium span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:19px;text-decoration:none;color:#FFF;font-family: "Open Sans", sans-serif;font-size:13px;font-weight:600;padding:5px 12px 5px 0px;margin-left:14px;margin-right:5px;cursor:pointer;text-align:center;line-height:18px;} a.button_medium span strong {display:inline-block;width:16px;height:17px;float:left;padding-right:6px;margin-left:-8px;} a.button_medium:hover span {background-repeat:no-repeat;background-position:100% -29px;} a.button_medium:active {background-repeat:no-repeat;background-position: 0 -58px;} a.button_medium:active span {background-repeat:no-repeat;background-position:100% -58px;} a.button_medium.grey {background-image:url("button_medium_left_grey.png");} a.button_medium.grey span {background-image:url("button_medium_right_grey.png");text-shadow:0 -1px 0 #FFFFFF;color:#333333;} a.button_medium.grey span strong {background:url("button_medium_right_arrow_grey.png") no-repeat;} a.button_medium.grey span strong.prev {background:url("button_medium_left_arrow_grey.png") no-repeat;} a.button_medium.grey span strong.next {display:inline-block;width:16px;height:17px;float:right;padding:0 0 0;margin-right:-7px;margin-left:5px;background:url("button_medium_right_arrow_grey.png") no-repeat;} a.button_medium.yellow {background-image:url("button_medium_left_yellow.png");} a.button_medium.yellow span {background-image:url("button_medium_right_yellow.png");text-shadow:0 -1px 0 #e0580a;} a.button_medium.yellow span strong {background:url("button_medium_right_arrow_yellow.png") no-repeat;} a.button_medium.yellow span strong.prev {background:url("button_medium_left_arrow_yellow.png") no-repeat;} a.button_medium.green {background-image:url("button_medium_left_green.png");} a.button_medium.green span {background-image:url("button_medium_right_green.png");text-shadow:0 -1px 0 #259e0f;} a.button_medium.green span strong {background:url("button_medium_right_arrow_green.png") no-repeat;} a.button_medium.green span strong.prev {background:url("button_medium_left_arrow_green.png") no-repeat;} a.button_medium.violet {background-image:url("button_medium_left_violet.png");} a.button_medium.violet span {background-image:url("button_medium_right_violet.png");text-shadow:0 -1px 0 #1414b2;} a.button_medium.violet span strong {background:url("button_medium_right_arrow_violet.png") no-repeat;} a.button_medium.violet span strong.prev {background:url("button_medium_left_arrow_violet.png") no-repeat;} a.button_medium.blue {background-image:url("button_medium_left_blue.png");} a.button_medium.blue span {background-image:url("button_medium_right_blue.png");text-shadow:0 -1px 0 #0f40dd;} a.button_medium.blue span strong {background:url("button_medium_right_arrow_blue.png") no-repeat;} a.button_medium.blue span strong.prev {background:url("button_medium_left_arrow_blue.png") no-repeat;} a.button_medium.red {background-image:url("button_medium_left_red.png");} a.button_medium.red span {background-image:url("button_medium_right_red.png");text-shadow:0 -1px 0 #ab0706;} a.button_medium.red span strong {background:url("button_medium_right_arrow_red.png") no-repeat;} a.button_medium.red span strong.prev {background:url("button_medium_left_arrow_red.png") no-repeat;} /* === Buttons small === */ a.button_small {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-right:5px;} a.button_small:hover {background-repeat:no-repeat;background-position: 0 -24px;} a.button_small span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:16px;text-decoration:none;color:#FFF;font-family: "Open Sans", sans-serif;font-weight:600;font-size:12px;padding:3px 11px 5px 0px;margin-left:11px;margin-right:5px;cursor:pointer;text-align:center;line-height:16px;} a.button_small span strong {display:inline-block;width:14px;height:16px;float:left;padding-right:11px;margin-left:-10px;} a.button_small:hover span {background-repeat:no-repeat;background-position:100% -24px;} a.button_small:active {background-repeat:no-repeat;background-position: 0 -48px;} a.button_small:active span {background-repeat:no-repeat;background-position:100% -48px;} a.button_small.grey {background-image:url("button_small_left_grey.png");} a.button_small.grey span {background-image:url("button_small_right_grey.png");text-shadow:0 -1px 0 #FFFFFF;color:#333333;} a.button_small.grey span strong {background:url("button_small_right_arrow_grey.png") no-repeat bottom;} a.button_small.grey span strong.prev {background:url("button_small_left_arrow_grey.png") no-repeat bottom;} a.button_small.yellow {background-image:url("button_small_left_yellow.png");} a.button_small.yellow span {background-image:url("button_small_right_yellow.png");text-shadow:0 -1px 0 #e0580a;} a.button_small.yellow span strong {background:url("button_small_right_arrow_yellow.png") no-repeat bottom;} a.button_small.yellow span strong.prev {background:url("button_small_left_arrow_yellow.png") no-repeat bottom;} a.button_small.green {background-image:url("button_small_left_green.png");} a.button_small.green span {background-image:url("button_small_right_green.png");text-shadow:0 -1px 0 #259e0f;} a.button_small.green span strong {background:url("button_small_right_arrow_green.png") no-repeat bottom;} a.button_small.green span strong.prev {background:url("button_small_left_arrow_green.png") no-repeat bottom;} a.button_small.violet {background-image:url("button_small_left_violet.png");} a.button_small.violet span {background-image:url("button_small_right_violet.png");text-shadow:0 -1px 0 #1414b2;} a.button_small.violet span strong {background:url("button_small_right_arrow_violet.png") no-repeat bottom;} a.button_small.violet span strong.prev {background:url("button_small_left_arrow_violet.png") no-repeat bottom;} a.button_small.blue {background-image:url("button_small_left_blue.png");} a.button_small.blue span {background-image:url("button_small_right_blue.png");text-shadow:0 -1px 0 #0f40dd;} a.button_small.blue span strong {background:url("button_small_right_arrow_blue.png") no-repeat bottom;} a.button_small.blue span strong.prev {background:url("button_small_left_arrow_blue.png") no-repeat bottom;} a.button_small.red {background-image:url("button_small_left_red.png");} a.button_small.red span {background-image:url("button_small_right_red.png");text-shadow:0 -1px 0 #ab0706;} a.button_small.red span strong {background:url("button_small_right_arrow_red.png") no-repeat bottom;} a.button_small.red span strong.prev {background:url("button_small_left_arrow_red.png") no-repeat bottom;} /* ================= 5. Tooltip ================= */ .tooltip_container {border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border:1px solid white;box-shadow:0px 2px 4px #1e1e1e;-webkit-box-shadow:0px 2px 4px #1e1e1e;-moz-box-shadow:0px 2px 4px #1e1e1e;} .download_tooltip {border:none;border-top:1px solid white;background-color:#cccccc;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#cccccc));background:-moz-linear-gradient(top, #FFF, #cccccc);padding:1px;padding-left:3px;padding-right:3px;width:220px;} .os_tooltip {border:none;border-top:1px solid white;background-color:#cccccc;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#cccccc));background:-moz-linear-gradient(top, #FFF, #cccccc);padding:1px;padding-left:3px;padding-right:3px;width:220px;} .tooltip {position: absolute;z-index: 9999;display: none;width:220px;} .tooltip_content {margin:0px 12px 12px 12px;} .tooltip_content strong {color:#262626;font-size:17px;font-family: "Open Sans", sans-serif;} .tooltip_content span {color:#262626;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;font-weight:bold;} .tooltip_content p {font-size:11px;color:#595959;text-align:center;padding:5px 0 0 0;} .tooltip_arrow {width:28px;height:16px;position:relative;clear:both;margin-left:auto;margin-right:auto;top:-1px;background-image:url("tooltip_arrow.png");} /* ================= 6. Dropcaps ================= */ .dropcap {color:#3132b7;display:block;float:left;font-size:35px;line-height:35px;text-shadow:#fff 1px 1px 1px;font-family: "Open Sans", sans-serif;margin:0 10px 2px 0;font-weight:600;} /* ================= 7. Highlight Styles ================= */ .highlight {font-size:11px;display:inline-block;padding:2px;} .highlight.violet {color:#3132b7;background:#e1e1f9;} .highlight.green {color:#3f8213;background:#e1e1f9;} .highlight.black {color:#FFFFFF;background:#262626;} .highlight.red {color:#f42b2b;background:#ffe4e4;} .highlight.grey {color:#1a1a1a;background:#e5e5e5;} .highlight.yellow {color:#cf7306;background:#fcf7bb;} .highlight.blue {color:#155cbc;background:#e4eeff;} .highlight.underline {background:none;color:#3f8213;font-size:11px;text-decoration:underline;font-style:italic;padding:0;} /* ================= 8. Magnifying glass ================= */ a.zoom {z-index:999;cursor:pointer;position:absolute; background: url("blank_hover.png") repeat;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} a.zoom img {position:relative;left:43%;top:38%;} /* === Tools Block === */ .tools_toogle {position:absolute;top:25px;left:191px;width:155px;height:58px;cursor:pointer;background:url("tools_toogle.png") no-repeat;} .tools {position:fixed;top:20px;left:-192px;z-index:999;} .tools_container {width:180px;background:#72C23B;padding:5px;border:1px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .tools_container .tool_box {padding:10px;color:#9aa0a9;background:#171721;border:1px solid #000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .tools_container .tool_box .line {border-top:1px solid #000;border-bottom:1px solid #2d2d3c;font-size:0;} .wallpaper_icon {width:30px;height:30px;margin-right:5px;float:left;border:2px solid #171721;cursor:pointer;} .wallpaper_icon.pattern_1 {background:#1e83ba url("pattern_icon_bg_1.png") repeat;} .wallpaper_icon.pattern_2{background:#1e83ba url("pattern_icon_bg_2.png") repeat;} .wallpaper_icon.pattern_3 {background:#1e83ba url("pattern_icon_bg_3.png") repeat;} .wallpaper_icon.pattern_4 {background:#1e83ba url("pattern_icon_bg_4.png") repeat;} .wallpaper_selected {border:2px solid #FFF;} ul.tick li { background-image: url(tick.png); background-repeat: no-repeat; background-position: left 6px; padding-top: 8px; padding-left: 25px; list-style-image: none; list-style-type: none; } /* ADVANCED STYLES */ .top_testresult{ font-weight: bold; font-size:13px; font-family: arail,helvetica,san-serif; color:#666; padding:0; margin:0 0 2px 0; } .top_testresult span{ padding:6px ; margin:0; } .top_shortPass{ background:#edabab; border:1px solid #bc0000; display:block; } .top_shortPass span{ } .top_badPass{ background:#edabab; border:1px solid #bc0000; display:block; } .top_badPass span{ } .top_goodPass{ background:#ede3ab; border:1px solid #bc9f00; display:block; } .top_goodPass span{ } .top_strongPass{ background:#d3edab; border:1px solid #73bc00; display:block; } .top_strongPass span{ } /* RESULT STYLE */ .testresult{ font-weight: bold; font-size:13px; font-family: arial,helvetica,san-serif; color:#666; margin-left:10px; display: block; height:25px; float:left; } .testresult span{ padding:1px 20px 12px 10px; margin: 0px 0px 0px 20px; display:block; float:right; white-space: nowrap; } .shortPass{ background:url(pass/red.png) no-repeat 0 0; } .shortPass span{ background:url(pass/red.png) no-repeat top right; } .badPass{ background:url(pass/red.png) no-repeat 0 0; } .badPass span{ background:url(pass/red.png) no-repeat top right; } .goodPass{ background:url(pass/yellow.png) no-repeat 0 0; } .goodPass span{ background:url(pass/yellow.png) no-repeat top right; } .strongPass{ background:url(pass/green.png) no-repeat 0 0; } .strongPass span{ background:url(pass/green.png) no-repeat top right; } .label{ color:#4d4d4d; cursor:pointer; } .labelRed{ color:#FF0000; cursor:pointer; } .link_a_no {text-decoration: none; color: #0033CC;} .link_a_no:hover {text-decoration: none; color: #5580FF;} .link_a_no2 {text-decoration: none; color: #333;} .link_a_no2:hover {text-decoration: none; color: #5580FF;}