/* BASE.CSS */
html { font-size: 100%; } body { margin: 0px auto; font: 75% "Trebuchet MS", sans-serif; line-height: 1.25; background-color: #CCCCCC; color: #666666; } /* TAGS */ h1, h2, h3, h4 { margin: 0; } h1 { font-size: 2.2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 0.9em; } ul, ol { margin: .75em 0 .75em 24px; padding: 0; } ul { list-style: square; } li { margin: 0;padding: 0; } p { margin: .75em 0;} li p, blockquote p { margin: .5em 0; } blockquote, q {font-size: 1.1em;font-style: italic;font-family: Georgia, "Bitstream Vera Serif", Norasi, serif; } blockquote { margin: .75em 0 .75em 24px; } cite { font-style: italic; } textarea { font-size: 12px; font-family: Verdana, "Trebuchet MS", "Lucida Grande" } a { color: #bb0000; text-decoration: none; } a:hover { color: #000; } a:active { color: #bb0000; } a:focus { outline: 1px; } a:active, a:focus, input[type=button] { outline: none; -moz-outline-style: none; } a img { border: none; } em { font-style: italic; } strong { font-weight: bold; } pre, code { font-size: 100%; font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace; } pre { width: 90%;overflow: auto;margin: .75em 0;padding: 12px; background: #eee; color: #555; } pre strong { font-weight: normal;color: black; } /* END TAGS */ table { border-spacing: 0px; padding: 0px; margin: 0; border-collapse: separate; table-layout: auto; } table td, th { vertical-align: top; } .input_button { border: solid 1px #CCC; border-right: solid 1px #AAA; border-bottom: solid 1px #AAA; } .input_text { border: solid 1px #CCC; height: 19px; padding-top: 2px; border-right: solid 1px #AAA; border-bottom: solid 1px #AAA; background-color: #FFF; background-image: url('/images/default/shadow_b.png'); background-position: left -5px; background-repeat: repeat-x; } form input { background: -moz-linear-gradient(center top , #EAEAEA, #FFFFFF) repeat scroll 0 0 #EAEAEA !important; border: 1px solid #EBEBEB; border-radius: 5px 5px 5px 5px; padding: 6px; } .clear { clear: both; } .texts { white-space: normal !important; } .hover { cursor: hand; cursor: pointer; } /* EXTRAS */ .draggable { cursor: move; } .hidden { display: none; } .error { color: #F11F24; } /*h3.title, h4.title, h5.title { background: #4693CB;border: 1px solid #BBB;border-width:0 0 1px; padding: 7px 10px;margin:0; color: #FFF;text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px 12px 10px -10px rgba(255,255,255,0.3) inset; }*/ h3.title, h4.title, h5.title { padding: 7px 10px;margin:0; border: 1px solid #ffffff; background: #1484e6 url(/images/ui/1.7/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; font-weight: bold; color: #ffffff; } div.bg_white { background-color: #FFFFFF; background-image: none; } /* LAYOUT */ .ui-datepicker { z-index:1200; } .rotate { /* for Safari */ -webkit-transform: rotate(-90deg); /* for Firefox */ -moz-transform: rotate(-90deg); /* for Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* STATS */ /* Corners */ /* 12px */ .telelab-corner-tl { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; } .telelab-corner-tr { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-left-radius: 12px; } .telelab-corner-bl { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; } .telelab-corner-br { -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } .telelab-corner-top { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px; } .telelab-corner-bottom { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } .telelab-corner-right { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } .telelab-corner-left { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; } .telelab-corner-all { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } /* 10px */ .telelab-shadow { -moz-box-shadow: 0 1px 3px #666666; -webkit-box-shadow: 0 1px 3px #666666; box-shadow: 0 1px 3px #666666; } .ui-telelab-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-telelab-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; } .ui-telelab-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-telelab-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-telelab-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-telelab-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-telelab-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-telelab-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-telelab-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .telelab-corner-tl-inner { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; } .telelab-corner-tr-inner { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; } .telelab-corner-bl-inner { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .telelab-corner-br-inner { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .telelab-corner-top-inner { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .telelab-corner-bottom-inner { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .telelab-corner-right-inner { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .telelab-corner-left-inner { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .telelab-corner-all-inner { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .ui-telelab-corner-all-small { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ui-telelab-shadow { -moz-box-shadow: 0 1px 2px #DDDDDD; -webkit-box-shadow: 0 1px 2px #DDDDDD; box-shadow: 0 1px 2px #DDDDDD; } .ui-telelab-shadow-strong { -moz-box-shadow: 0 1px 10px #BBBBBB; -webkit-box-shadow: 0 1px 10px #BBBBBB; box-shadow: 0 1px 10px #BBBBBB; } .ui-telelab-shadow-black { -moz-box-shadow: 0 1px 10px #222222; -webkit-box-shadow: 0 1px 10px #222222; box-shadow: 0 1px 10px #222222; } .ui-telelab-shadow-darkgrey { -moz-box-shadow: 0 1px 10px #333333; -webkit-box-shadow: 0 1px 10px #333333; box-shadow: 0 1px 10px #333333; } .ui-telelab-shadow-widget { -moz-box-shadow: 0 0px 7px #999999; -webkit-box-shadow: 0 0px 7px #999999; box-shadow: 0 0px 7px #999999; } .ui-telelab-shadow-inner { -moz-box-shadow: 0 0px 10px #DDDDDD; -webkit-box-shadow: 0 0px 10px #DDDDDD; box-shadow: 0 0px 10px #DDDDDD; } .ui-telelab-halo { -moz-box-shadow: 0 1px 40px #FFF; -webkit-box-shadow: 0 1px 40px #FFF; box-shadow: 0 1px 40px #FFF; } .ui-telelab-halo-medium { -moz-box-shadow: 0 1px 20px #FFF; -webkit-box-shadow: 0 1px 20px #FFF; box-shadow: 0 1px 20px #FFF; } .ui-telelab-halo-light-inner { -moz-box-shadow: 0 0px 3px #FFF; -webkit-box-shadow: 0 0px 3px #FFF; box-shadow: 0 0px 3px #FFF; } .ui-telelab-background { background-color: #000000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); } .telelab-corner-all-medium { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .telelab-tooltip { border-width:2px !important; padding:0.3em 0.8em; position:absolute; font-size: 11px; z-index: 80; } .telelab-tooltip .telelab-tooltip-pointer-top { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 14px solid #FFFFFF; top: -14px; left: 50%; margin-left: -7px; right: auto; } .telelab-tooltip .telelab-tooltip-pointer-top, .telelab-tooltip .telelab-tooltip-pointer-top-inner { position: absolute; background: none repeat scroll 0 0 transparent; border-top-width: 0; height: 0; width: 0; } .telelab-tooltip .telelab-tooltip-pointer-top-inner { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #E8E8E8; bottom: auto; left: -5px; top: 4px; } .telelab-tooltip .telelab-tooltip-pointer-left { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 14px solid #FFFFFF; top: 2px; left: -16px; bottom: auto; /*margin: -7px auto 0;*/ } .telelab-tooltip .telelab-tooltip-pointer-left, .telelab-tooltip .telelab-tooltip-pointer-left-inner { position: absolute; background: none repeat scroll 0 0 transparent; border-left-width: 0; height: 0; width: 0; z-index: 1; } .telelab-tooltip .telelab-tooltip-pointer-left-inner { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #E8E8E8; top: -5px; left: 6px; } .telelab-tooltip .telelab-tooltip-pointer-right { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 14px solid #FFFFFF; top: 2px; right: -16px; bottom: auto; } .telelab-tooltip .telelab-tooltip-pointer-right, .telelab-tooltip .telelab-tooltip-pointer-right-inner { position: absolute; background: none repeat scroll 0 0 transparent; border-right-width: 0; height: 0; width: 0; z-index: 1; } .telelab-tooltip .telelab-tooltip-pointer-right-inner { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #E8E8E8; top: -5px; right: 6px; } .ui-telelab-widget { border: solid 1px #FFF; -moz-box-shadow: 0 0 7px #999; -webkit-box-shadow: 0 0 7px #999; box-shadow: 0 0 7px #999; background-color: #F1F1F1; background: -moz-linear-gradient(center top, #E8E8E8, #F1F1F1) repeat scroll 0 0 #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F1F1F1)); } .ui-widget-info { position: absolute; top: 50%; font-size: 120%; height: 17px; margin: -10px 0 0;padding: 1px 2px; } /* END LAYOUT */ /* FORMS */ /* SELECTMENU */ /* select with custom icons */ a.customicons { height: 2.8em;} a.ui-selectmenu { text-decoration: none; } .customicons li a, a.customicons span.ui-selectmenu-status { line-height: 2em; padding-left: 30px !important; } .video .ui-selectmenu-item-icon, .podcast .ui-selectmenu-item-icon, .rss .ui-selectmenu-item-icon { height: 24px; width: 24px; } .video .ui-selectmenu-item-icon { background: url(sample_icons/24-video-square.png) 0 0 no-repeat; } select.special { width: 200px; } .overlay { position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0.4; _opacity: .4; filter: alpha('opacity=40'); z-index: 1000; border: 0 none !important; } .loading { position: absolute; display: none; z-index: 10;/* opacity: 0.4; _opacity: .4; filter: alpha('opacity=40');*/ background: #222222 no-repeat center center; z-index: 1000; } .loading.transparent { background-color: transparent; } .loading.circular { background-image: url('/images/loader/loader.gif'); background-position: center center; background-repeat: no-repeat; } .loading.circular.transparent { background-image: url('/images/loader/loader_transparent.gif'); } .loading.linear { background-image: url('/images/loader/103.gif'); background-position: center center; background-repeat: no-repeat; } .overlay { opacity: 1; _opacity: 1; filter: alpha('opacity=100'); } .bg { background: #1a1a1a url(/images/ui/flickred/ui-bg_flat_0_111111_147x147.gif) 50% 50% repeat; color: #DDDDDD; font-weight: bold; } .forms .tick { position: absolute; color: rgb(238, 238, 238) ! important; width: 40px; height: 32px; left: -48px; top: -10px; cursor: hand; cursor: pointer; } .forms .tick h3 { position: absolute; z-index: 3; color: rgb(238, 238, 238); left: 12px; top: 5px; } .forms .tick img { position: absolute; z-index: 2; } .forms legend { color: #BB0000; } .forms .tick.special { top: -34px; } /* END FORMS */ strong.normal { color: #FFFFFF; } .round_3{-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;} .badge { position: absolute; width: 16px; height: 10px; top: -7px; right: -7px; font-family: Tahoma, Geneva, sans-serif; text-align: center; font-weight: bold; font-size: 8px; color: #FFFFFF; padding: 3px 0px; background: url('/images/icons/badge_16x16.png') no-repeat scroll 0 0 transparent; opacity: 0.7; filter: alpha('opacity=70'); z-index: 1; } .ui-state-active .badge {; opacity: 1.0; filter: alpha('opacity=100'); } #banners a:link#demo{color: #fff} #banners a:hover#demo,a:visited#demo,a:focus#demo{color: #fff}