@CHARSET "UTF-8"; body { height: 100%; /*background: #2c3f65;*/ text-align: left; color:#707173; font-size: 12px; font-family: Verdana,"Lucida Sans Unicode",Tahoma;padding: 0px; margin: 0px; line-height: 18px;} input, textarea { font-family: Verdana,"Lucida Sans Unicode",Tahoma; font-size: 12px; } div#page-container { width:880px; margin: 0 auto; position: relative; } div#header { position: relative; height: 160px; } h1#main { position: absolute;top:-990px;} div#langs { position: absolute; left:0px; top:100px;} div#langs a { text-transform: uppercase; font-size: 12px; font-weight: bold; color:#707173;padding:2px; text-decoration: none; } div#langs a.active { color:#c87536; } div#logo { margin:0px auto; width: 320px; height: 160px; } div#logo img { border: 0px;} /* div#menu { height: 18px; background-color: #999; float:left; color:#CCC;padding:8px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; width:724px;} div#menu a { color:#EEE; float:left; text-decoration: none; } div#menu a.active { color:#444; } div#menu a:hover { color:#333; font-weight: bold; } div#submenu { height: 46px; margin: 0;position: relative; clear:left;} div#submenu div.submenu { height: 16px; padding:9px 0 8px 0; border-bottom: 2px solid #c87536;margin-bottom:26px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} div#submenu div.submenu.hidden {display: none;} div#submenu div.submenu a { float: left; color:#707173; text-decoration: none; } div#submenu div.submenu a.active { color:#c87536; } div#submenu div.submenu a:hover { color:#444; font-weight: bold;} */ div#menu { height: 34px; background-color: #999; float:left; color:#CCC; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; width:746px;} div#menu a { color:#EEE; float:left; text-decoration: none; } div#menu a.active { color:#444; } div#menu div.menu { height: 18px; margin: 0px; padding: 8px 12px 8px 12px; float:left; } div#menu div.menu.sep { background: url("../images/layout/menu_sep.jpg"); background-repeat: no-repeat; background-position: left center; } div#menu div.menu.hover { background-color: #666; } div#menu div.menu.active a { color:#333; } div#menu div.menu.hover a { color: #EEE; } div#submenu { height: 4px; width: 880px; position:relative; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode";} div#submenu a { color:#CCC; text-decoration: none; text-transform: uppercase; } div#submenu a.active {color:#FFF; } div#submenu a:hover { text-decoration: underline} div#submenu div.submenu { position: absolute; top:0px; display: none; z-index: 15 ; padding-top: 15px;} div#submenu div.submenu.hover { display: block;} div#submenu div.submenu ul { margin-top: 0px; margin-bottom:8px; padding-left: 18px; list-style: none;} div#submenu div.submenu>ul>li>div { height: 21px; padding-top: 5px;} div#submenu div.submenu>ul>li>div>a { color:#EFEFEF; } div#submenu div.submenu>ul>li>div>a:hover { text-decoration: underline } div#submenu div.submenu>ul>li>div>a.active { color:#FFF; font-weight: bold} div#submenu div.submenu li li { height: 19px; padding-left: 4px;} div#submenu div.submenu li li a { font-size: 11px;} div#submenu-01 { background-position: top ; background: url("../images/layout/menu1.png") no-repeat; background-position: 0px 4px; width: 253px; height: /* -20 s paddingem */ 258px; } div#submenu-02 { background-position: top ;background: url("../images/layout/menu2.png") no-repeat; background-position: 0px 4px; width: 214px;height: /* -20 s paddingem */ 105px; } div#submenu-03 { background-position: top ;background: url("../images/layout/menu3.png") no-repeat; background-position: 0px 4px; width: 284px; height: /* -20 s paddingem 219px;*/ 120px; } div#submenu-04 { background-position: top ;background: url("../images/layout/menu4.png") no-repeat; background-position: 0px 4px; width: 224px; height: /* -20 s paddingem */ 183px; } div#submenu-05 { background-position: top ;background: url("../images/layout/menu5.png") no-repeat; background-position: 0px 4px; width: 163px; height: /* -20 s paddingem */ 151px; } div#breadcrumbs { margin: 5px 0 5px 13px; /*padding-bottom:5px; border-bottom: 1px solid #CCC;*/ height: 18px; } div#search { float:right; width:175px; padding: 8px 0;} div#search .wrapper { width:135px; float:left; } div#search .wrapper input { width:100%; height: 16px; border:0px; float:left; background-color: #CCC;margin:0px 0px; color:#707173; padding:0px; background-color: #BBB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} div#search .submit { width:20px; height: 20px; border:0px; cursor: pointer; background : url("../images/layout/search-button.png"); float:left; margin-left:10px;} div#search .submit:hover { background : url("../images/layout/search-button-active.png"); } div#body-container { width:880px; position: relative; } div#content-container { float:left;/* width:624px; */ width:624px; margin-bottom: 10px; margin-left:128px;} div#right-slots-container { float:right; width:246px;margin-left:0px; } div#footer { clear:both; margin:10px 0 20px 0; background-color:#999 ; width:880px; color:#CCC;padding:8px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} div#footer a { color:#EEE; font-weight: normal; text-transform: uppercase;} div#footer a:hover { color:#FFF; font-weight: bold; } div#admin-menu-bubble { position: fixed; right:5px; top:5px; width:220px; } div#clientAccessButton { width:116px; float:left; margin:0px; height: 34px; ; } div#clientAccessButton a.button { display: block; height:34px; text-align: center; line-height:34px; background-color: #666; color:#EEE; text-decoration: none;text-transform: uppercase; } div#clientAccessButton a.button:hover { background-color: #CA7128; color: #FFF; } div#chatIcon { display: block; position: absolute; left:75px; top:90px; width:40px; height:40px; } div#chatIcon a { display: block; width:40px ; height: 40px; background: url("../images/layout/chat-icon.png") ; background-position: 0px 0px; background-repeat: no-repeat; } div#chatIcon a:hover { display: block; width:40px ; height: 40px; background: url("../images/layout/chat-icon.png") ; background-position: 0px -40px; background-repeat: no-repeat; } div#supportIcon { display: block; position: absolute; left:125px; top:90px; width:40px; height:40px; } div#supportIcon a { display: block; width:40px ; height: 40px; background: url("../images/layout/support-icon.png") ; background-position: 0px 0px; background-repeat: no-repeat; } div#supportIcon a:hover { display: block; width:40px ; height: 40px; background: url("../images/layout/support-icon.png") ; background-position: 0px -40px; background-repeat: no-repeat; } div#speedIcon { display: block; position: absolute; left:175px; top:90px; width:40px; height:40px; } div#speedIcon a { display: block; width:40px ; height: 40px; background: url("../images/layout/speed-icon.png") ; background-position: 0px 0px; background-repeat: no-repeat; } div#speedIcon a:hover { display: block; width:40px ; height: 40px; background: url("../images/layout/speed-icon.png") ; background-position: 0px -40px; background-repeat: no-repeat; } /* SLOTy ------------------------------------------------------------------------------------------------------------------------------ */ div.slot { margin-bottom:10px;background-color: #999; color:#FFF; } div.wrapper { background-color: #CCC; border-radius:7px;-moz-border-radius:7px; -webkit-border-radius:7px; height: 16px; padding:2px;} div.slot a { color:#CCC; } div.slot li { color:#DDD; } div.slot ul { padding-left:10px; list-style: none;} div.slot a:hover {color:#FFF; } div.slot a { text-decoration: none; } div.slot .padding { padding:10px; } div.slot h3 { color:#FFF; font-size: 14px;margin-top:0px;} div.slot .wrapper { margin-bottom:10px; padding: 2px 5px; } div.slot .wrapper label { float:left; text-transform: uppercase; font-weight: normal; color:#707173; line-height: 14px;} div.slot .wrapper input { float:right; background-color: #CCC; border: 0px solid; color:#707173; width:125px; height: 16px;padding:0px; margin:0px } div.slot>h3 { padding-left:10px;padding-top:10px;} div.slot>.padding>h3 { padding:0px;} /* LOGIN SLOT ------------------------------------------------------------------------------------------------------------------------------ */ input#login_submit{ width:94px; height: 32px; border:0 ; padding: 11px 2px 0px 2px; line-height:12px; background-color:transparent; background-image: url("../images/layout/button-94.png"); background-position:0px 0px; float:right; color:#FFF; cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } input#login_submit:hover{ background-position: 0px -32px; } a#login_registration { display:block;width:90px; height: 16px; border:0 ; padding: 2px ;margin-top:9px; background-color:#666; float:right; clear:right; color:#FFF; line-height:16px; text-align: center;cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} a#forgotten_password { float:left; display: block; height: 16px; border:0 ; padding: 2px ;margin-top:9px; margin-left:0px; padding-left:10px; font-size: 12px; line-height:16px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } a#profile-edit { display:block;width:90px; height: 16px; border:0 ; padding: 2px ;margin-top:9px; background-color:#666; float:left; color:#FFF; line-height:16px; text-align: center;cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} a#sign-out { display:block;width:90px; height: 16px; border:0 ; padding: 2px ;margin-top:9px; background-color:#666; float:right; color:#FFF; line-height:16px; text-align: center;cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} a#login_registration:hover,a#sign-out:hover,a#profile-edit:hover { background-color: #c87536;} a#forgotten_password:hover { background-color: #666; color:#FFF} div.auth-partner div.wrapper input { width:190px; float:right; background-color: #BBB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } input#remember { margin-left:10px;} .link { color: #c87536; } .active { color: #c87536; } .text { color: #707173;} /* SUPPORT SLOT ------------------------------------------------------------------------------------------------------------------------------ */ div.phone { color:#666; font-size: 12px; text-align: center; margin-top:5px; line-height: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.phone span { font-size: 10px;} input#chat_button { width:246px; height: 32px; border:0 ; padding: 11px 2px 0px 2px; line-height:12px; background-color:transparent; background-image: url("../images/layout/button-246.png"); float:right; color:#FFF; cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } input#chat_button:hover{ background-position: 0px -32px; } div.content { } div.content p { text-align: justify; } div.content hr { color:#CCC; background-color: #CCC; height: 1px; border: 0px; } /* SpeedTest SLOT ------------------------------------------------------------------------------------------------------------------------------ */ div#speed-test { color:#666; height: 134px; background: url("../images/layout/speedtest.jpg") bottom left no-repeat; display: table-cell; vertical-align: bottom; } input#speedtest_button { width:246px; height: 32px; border:0 ; padding: 11px 2px 0px 2px; line-height:12px;background-color:transparent; background-image: url("../images/layout/button-246.png"); float:right; color:#FFF; cursor: pointer; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input#speedtest_button:hover{ background-position: 0px -32px; } a:link { color: #c87536; text-decoration: underline;} a:visited { text-decoration: none; color:#b14c00; text-decoration: underline;} a:focus { text-decoration: none; color: #c87536; } a:hover { text-decoration: none ; color: #cc3300;} a:active { text-decoration: none } .defaultTextActive { color: #a1a1a1; font-style: italic; } a img { border:0 } a[href^="http://"] { background-image: url("../images/icons/a_out.gif"); background-position:right; background-repeat:no-repeat; padding-right: 9px; } a[href*="portconferencing"],a[href*="mojekonference"],a[href*="localhost"] { background-image:none; padding: 0px; } h1 { font-size: 16px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; color:#c87536;} h2 { font-size: 16px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; margin-top: 10px;margin-bottom: 5px;} h3 { font-size: 12px; font-weight: normal; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; text-transform: uppercase; } h4 { font-size: 12px; font-weight: normal; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; text-transform: uppercase; } div.separator { width: 1px; height: 14px; float:left; background-color: #666;margin:0 10px;} /* OLD styles ------------------------------------------------------------------------------------------ */ .columns { -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 1; -webkit-column-gap: 1em; column-count: 1; column-gap: 1em; } .float_left { float: left } .float_right { float: right } .clearer { clear: both } #actionBar { float:left; } #actionBar input { margin-right: 5px;} table.left { margin-left:0px; margin-right: auto; font-size: 12px;} table.right {margin-right:0px; margin-left: auto;font-size: 12px;} table.center { margin-left:auto; margin-left: auto;font-size: 12px;} table.data { border-bottom:1px solid #DDD;border-right:1px solid #DDD; font-size: 12px; } table.data td, table.data th { border-left:1px solid #DDD;border-top:1px solid #DDD; font-size: 12px;} select.multi { height:250px;} div.chatWindow { float:left; width:400px; border: 0px solid #999; margin:10px; background-color: #CCC;color:#666; padding:5px;} div.chatWindow .header { font-size: 12px;} div.chatWindow .header .name { font-weight: bold; margin:3px;} div.chatWindow .header .created { margin:3px;} div.chatWindow .header .exit { border:1px solid #999; background-color: silver; color:black; font-weight: bold; width:15px; height:15px; display: block; font-size: 10px; float:right; margin:3px; padding:0px; text-align: center; cursor: pointer;} div.chatWindow .content { background-color: white; border: 1px solid #999;min-height: 300px; margin:3px;display:block; width:385px; clear: both; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} div.chatWindow .content .message{ font-size: 12px; } div.chatWindow .content .mine { color:gray; } div.chatWindow .content .foreign{ color:black; } div.chatWindow .verify { float:left; margin:3px; } div.chatWindow .verify .verified { background-color:lime; color:#333; padding:3px; width:186px;} div.chatWindow .verify .unverified { color:#333; padding:3px; width:186px;} div.chatUser span.exit { visibility:hidden;} div.chatUser { padding-left:100px;} div.chatWindow .answer { border: 0px; margin:3px; display:block; width:391px; } div.chatWindow .answer .text { width:300px; border:1px solid #999; color:#333; height: 45px;float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } div.chatWindow .answer .send { width:80px; height: 46px; margin-left: 5px; border:0 ; padding: 11px 2px 0px 2px; background-color:transparent; background-image: url("../images/layout/button-chat-send.png"); color:#FFF; cursor: pointer;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.chatWindow .answer .send:hover{ background-position: 0px -46px; } div.chatWindow .email { margin: 3px; width:190px; padding:3px; background-color: #666; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; border: 0px solid #CCC; color:#FFF; cursor: pointer;} div.chatWindow .exit { margin: 3px; width:192px; padding:3px; background-color: #666; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; border: 0px solid #CCC;color:#FFF;cursor: pointer;} div.chatWindow .email:hover ,div.chatWindow .exit:hover{ background-color: #c87536; } div.collapsed { display: none; border-radius:10px; -moz-border-radius:10px; border:1px solid #CCC; -webkit-box-shadow:inset 0 0 15px #CCC; -webkit-border-radius:10px; padding:15px; box-shadow:inset 0 0 15px #CCC; -moz-box-shadow:inset 0 0 15px #CCC; } a.video-frame { width:620px;height:348px;border:1px solid #999; /*-webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; */margin-bottom:15px;} #download-buttons { margin:0 auto; clear: left; height: 85px; } #download-userguide,#download-demo { width:246px; height:32px; position: relative; float: left; margin: 10px 10px 10px 0px; border:0; color:white; background: transparent url("../images/layout/button-246.png") no-repeat 0px 0px ; cursor: pointer;} #download-userguide a,#download-demo a { position: absolute; left:50; top:8;z-index: 10; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;color:white; } #download-userguide em:hover ,#download-demo em:hover { background-postion: 0px -32px ; } div#breadcrumbs-nav { margin-bottom: 8px; padding-bottom:8px; border-bottom: 1px solid #999;} #dlazdice-prinosy { position: relative; width:624px; height: 368px;} #dlazdice-prinosy>div { float: left;position:relative; display: block; width:312px; height: 184px; z-index: 3 ; cursor: pointer;} #dlazdice-prinosy>div>em{ position:absolute;left:0; top:0px; display: block; width:312px; height: 184px; z-index: -5; } #dlazdice-prinosy>div>a{ position:absolute;top:164px; left:0px; z-index: -2; color:#FFF; text-align: center; width: 312px; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; text-decoration: none;} #dlazdice-prinosy div.cas em { background: url("../images/layout/prinosy-cas-out.jpg") no-repeat top left; } #dlazdice-prinosy div.cas.active em { background: url("../images/layout/prinosy-cas.jpg") no-repeat top left; } #dlazdice-prinosy div.naklady em { background: url("../images/layout/prinosy-naklady-out.jpg") no-repeat top left; } #dlazdice-prinosy div.naklady.active em { background: url("../images/layout/prinosy-naklady.jpg") no-repeat top left; } #dlazdice-prinosy div.videt em { background: url("../images/layout/prinosy-videt-out.jpg") no-repeat top left; } #dlazdice-prinosy div.videt.active em { background: url("../images/layout/prinosy-videt.jpg") no-repeat top left; } #dlazdice-prinosy div.efekt em { background: url("../images/layout/prinosy-efekt-out.jpg") no-repeat top left; } #dlazdice-prinosy div.efekt.active em { background: url("../images/layout/prinosy-efekt.jpg") no-repeat top left; } #dlazdice-sluzby { position: relative; width:624px; height: 368px;} #dlazdice-sluzby>div { float: left;position:relative; display: block; width:312px; height: 184px; z-index: 3 ; cursor: pointer;} #dlazdice-sluzby>div>em{ position:absolute;left:0; top:0px; display: block; width:312px; height: 184px; z-index: -5; } #dlazdice-sluzby>div>a{ position:absolute;top:164px; left:0px; z-index: -2; color:#FFF; text-align: center; width: 312px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;text-decoration: none;} #dlazdice-sluzby div.virtualni-zasedacka em { background: url("../images/layout/sluzby-virtualni-zasedacka-out.jpg") no-repeat top left; } #dlazdice-sluzby div.virtualni-zasedacka.active em { background: url("../images/layout/sluzby-virtualni-zasedacka.jpg") no-repeat top left; } #dlazdice-sluzby div.na-cesty em { background: url("../images/layout/sluzby-na-cesty-out.jpg") no-repeat top left; } #dlazdice-sluzby div.na-cesty.active em { background: url("../images/layout/sluzby-na-cesty.jpg") no-repeat top left; } #dlazdice-sluzby div.konferencni-mistnost em { background: url("../images/layout/sluzby-konferencni-mistnost-out.jpg") no-repeat top left; } #dlazdice-sluzby div.konferencni-mistnost.active em { background: url("../images/layout/sluzby-konferencni-mistnost.jpg") no-repeat top left; } #dlazdice-sluzby div.dohled em { background: url("../images/layout/sluzby-dohled-out.jpg") no-repeat top left; } #dlazdice-sluzby div.dohled.active em { background: url("../images/layout/sluzby-dohled.jpg") no-repeat top left; } span.searchHighLight {background:yellow} span.searchHighLight1 {background:yellow;} span.searchHighLight2 {background:lime;} span.searchHighLight3 {background:fuchsia;} span.searchHighLight4 {background:white;} span.hightLightGreen {color:green;} span.hightLightRed { color:red;} div#recommendedCalculation { background-color: #FFF; border: 1px solid #AAB; margin-top:20px; width:560px; padding: 20px; margin: 0 auto; margin-bottom:16px; -moz-box-shadow:-5px 5px 20px #AAA;-webkit-box-shadow: 1px 1px 10px #AAA;box-shadow: 1px 1px 10px #AAA; } img.help{ width: 14px; height: 16px; background: url("../images/layout/help.png") no-repeat ; background-position: 0px 0px; cursor: pointer; } img.help:hover { background-position: 0px -16px;} /* tooltip styling */ body.cs .qualityTooltip { display:none; background: url("../images/layout/tooltip-hd-cs.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } body.en .qualityTooltip { display:none; background: url("../images/layout/tooltip-hd-en.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } body.cs .memberTooltip { display:none; background: url("../images/layout/tooltip-member-cs.png"); height:323px; padding:0px; width:312px; color:#fff; z-index: 8000; } body.en .memberTooltip { display:none; background: url("../images/layout/tooltip-member-en.png"); height:323px; padding:0px; width:312px; color:#fff; z-index: 8000; } body.cs .audioWithinTooltip { display:none; background: url("../images/layout/tooltip-audio-within-cs.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } body.en .audioWithinTooltip { display:none; background: url("../images/layout/tooltip-audio-within-en.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } body.cs .audioExtraTooltip { display:none; background: url("../images/layout/tooltip-audio-extra-cs.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } body.en .audioExtraTooltip { display:none; background: url("../images/layout/tooltip-audio-extra-en.png"); height:323px; padding:0px; width:310px; color:#fff; z-index: 8000; } .qualityTooltip ul { margin:0px; padding:0px } .qualityTooltip li { margin:0px; padding:0px ; font-size: 10px; } div#contactFormDiv { border:1px solid #CCC; width:600px;margin: 0 auto; background-color: #FFF;margin-bottom: 35px; margin-top: 35px;} div#contactDivSend { border:1px solid #CCC; width:550px;margin: 0 auto; background-color: #FFF;margin-bottom: 35px; padding:25px; } div#contactFormDiv div.element {clear:both; margin-bottom:10px; } div#contactFormDiv li.element {margin-left: 10px; list-style: none; } div#contactFormDiv .fLabel { float:left; width:250px; padding-right:5px; padding-left:25px; clear:both; text-align: left; } div#contactFormDiv .fEl{ float:left; width:250px; } div#contactFormDiv h2 { text-align: left;margin: 15px;} div#contactFormDiv .displayGroup{ margin:15px 0 15px 15px;} div#contactFormDiv hr { border-color: #CCC; width:550px; margin:0 auto;} div#contactFormDiv .required { color:#900; font-weight: bold;} div#contactFormDiv .formEr li { color:#900; font-size: 9px; line-height: 11px; margin-left: 5px;} div#contactFormDiv .formErr li { color:#900; font-size: 9px; line-height: 11px; margin-left: 25px;} div#demandFormDiv { margin: 0 auto; background-color: #FFF;margin-bottom: 16px; margin-right: 10px;} div#demandFormDiv div.element {clear:both; margin-bottom:10px; } div#demandFormDiv li.element {margin-left: 0px; list-style: none; } div#demandFormDiv .fLabel { float:left; width:250px; padding-right:5px; padding-left:25px; clear:both; text-align: left; } div#demandFormDiv .fEl{ float:left; width:250px;margin-bottom: 2px } div#demandFormDiv h2 { text-align: left;margin: 0px 0px 15px 0px;} div#demandFormDiv .displayGroup{ margin:0px 0px 0px 0px;} input.button ,button.button { margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; background: transparent url("../images/layout/button-246.png") no-repeat 0px 0px ; height: 32px; width: 246px; float:left;cursor: pointer; line-height:12px; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button94 { margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; background: transparent url("../images/layout/button-94.png") no-repeat 0px 0px ; height: 32px; width: 94px; float:left;cursor: pointer;line-height:12px; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button246 { margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; background: transparent url("../images/layout/button-246.png") no-repeat 0px 0px ; height: 32px; width: 246px; float:left;cursor: pointer;line-height:12px; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button312 { margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; background: transparent url("../images/layout/button-312.png") no-repeat 0px 0px ; height: 32px; width: 312px; float:left;cursor: pointer; line-height:12px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button600 { margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; background: transparent url("../images/layout/button-600.png") no-repeat 0px 0px ; height: 32px; width: 600px; float:left;cursor: pointer; line-height:12px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button:hover, button.button:hover,input.button94:hover, input.button246:hover, input.button312:hover, input.button600:hover { background-position: 0px -32px; } input.button-member { border:0; margin-bottom:10px; color:white; padding:2px 0px 2px 10px; background: transparent url("../images/layout/button-member.png") no-repeat 0px 0px ; height: 21px; width: 193px; float:light;cursor: pointer; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;} input.button-member:hover { background-position: 0px -21px;} input.button-delete-member { color:white; border:0; padding:0px 0px 2px 0px; ; background-color:#999; height: 18px; width: 18px; cursor: pointer; font-size: 10px; line-height:10px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-align:center;vertical-align:middle; text-transform: uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} input.button-delete-member:hover { background-color:#c87536;} div#demandFormDiv hr { border-color: #CCC; background-color:#CCC; color:#CCC; margin:16px auto;} div#demandFormDiv .required { color:#900; font-weight: bold;} div#demandFormDiv .formEr li { color:#900; font-size: 9px; line-height: 11px; margin-left: 5px;} div#demandFormDiv .formErr li { color:#900; font-size: 9px; line-height: 11px; margin-left: 25px;} div#demandFormDiv table {border-collapse:collapse;border: 1px solid #CCC; margin:0 25px 0 0; width: 750px;;} div#demandFormDiv table td { vertical-align: midle; padding:4px 2px; text-align: left; border: 1px solid #dcddde;} /*div#demandFormDiv table tr { background-color: #d1d3d4;}*/ div#demandFormDiv table tr:nth-child(even) { background-color: #d1d3d4;} div#demandFormDiv table tr:nth-child(odd) { background-color: #FFF;} div#demandFormDiv table th { background-color: #666; color:white; padding:2px; border: 1px solid #dcddde;text-align: center; font-weight: normal;} div.plusButton { width: 19px; height:18px; float:left;background-image :url("../images/layout/plus-minus.png"); background-position:19px 0px; margin-left:2px; margin-right:4px; cursor: pointer; color:transparent; text-align: center; font-size: 1px;} div.plusButton:hover { background-position:19px -18px;} div.minusButton { width: 19px; height:18px; float:left; background-image :url("../images/layout/plus-minus.png"); background-position:0px 0px;color:transparent; margin-right:2px; cursor: pointer;text-align: center; font-size: 1px;} div.minusButton:hover { background-position:0px -18px;} tr.offerMemberHeader td,tr.offerMemberHeader th { /*background:url('../images/offerMemberBg.png') top left; */ background-color:#CCC; color:#000; vertical-align: middle;} tr.offerMemberHeader td input[type=text] ,tr.offerMemberHeader td select ,tr.offerMemberHeader th input[type=text] { background-color:#FFF;border:1px solid #999;color:#000;} .offerMemberTextActive { color:#000;} span.hourMinute .hour,div.hourMinute .hour { font-size:11px;} span.hourMinute .minute,div.hourMinute .minute { font-size:7px; vertical-align: top; line-height: 15px;} span.hourMinuteBig .hour ,div.hourMinuteBig .hour { font-size:14px;} span.hourMinuteBig .minute,div.hourMinuteBig .minute { font-size:8px; vertical-align: top;line-height: 11px;} .tiny { color:#777; font-size: 11px;} p.tiny { line-height: 14px;} span.help { font-weight: bold; text-decoration: underline; } div.order-wizard { width:620px; height:32px; background-position: top left; margin-bottom:10px; background-image: url("../images/layout/order-wizard.png"); position: relative;} div.order-wizard div.nadpis { position: absolute; top:7px;left:0px; font-size: 14px; color:#000; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.order-wizard div.sluzby { position: absolute; top:7px;left:130px; font-size: 14px; color:#FFF; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.order-wizard div.fakturace { position: absolute; top:7px;left:310px; font-size: 14px; color:#FFF;font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.order-wizard div.rekapitulace { position: absolute; top:7px;left:500px; font-size: 14px; color:#FFF;font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; } div.order-wizard.step1 { background-position: 0px 0px; } div.order-wizard.step2 { background-position: 0px -32px; } div.order-wizard.step3 { background-position: 0px -64px; } table.objednavka-mapa { width: 100%; border-collapse: collapse; border: 1px solid #DDD; background-color: #FCFCFC; } table.objednavka-mapa th{ padding:5px; vertical-align: top; border: 1px solid #CCC; background-color: #DDD;} table.objednavka-mapa td { padding:5px; vertical-align: top; border: 1px solid #DDD;} table.tabulka { border: 1px solid #CCC; border-collapse: collapse; margin:10px auto; } table.tabulka tr:nth-child(even) { background-color: #d1d3d4;} table.tabulka tr:nth-child(odd) { background-color: #FFF;} table.tabulka th { background-color: #666; color:white; padding:4px; border: 1px solid #dcddde;text-align: center; font-weight: normal;} table.tabulka td { padding: 4px; border: 1px solid #dcddde;text-align: center; } .intro table.tabulka { border: 1px solid #CCC; border-collapse: collapse; margin:10px auto; } .intro table.tabulka tr:nth-child(even) { background-color: #F0F0F0;} .intro table.tabulka tr:nth-child(odd) { background-color: #FCFCFC;} .intro table.tabulka th { background-color: #666; color:white; padding:4px; border: 1px solid #dcddde;text-align: center; font-weight: normal;} .intro table.tabulka td { padding: 4px; border: 1px solid #dcddde;text-align: center; } /* div#priceBubble { width: 220px; height: 150px;position: absolute; top:160px; left:20px;cursor: move;} */ div#priceBubble { width: 220px; height: 150px;position: fixed; top:250px; left:10px; } div#priceBubble.reservation { width: 440px; height: 150px;position: fixed; top:5px; right:230px; left:auto; } div#priceBubble .content { padding:10px;background-color: #999; text-align: left; color:#EEE; font-size: 12px; font-family: Verdana,"Lucida Sans Unicode",Tahoma; line-height: 18px; } div#priceBubble h2 { margin:0px 0px 15px 0px; color:#FFF; } div#priceBubble .arrow { width:62px; height: 50px; margin-left:50px; background: url('../images/layout/tooltip-arrow.png') left top no-repeat;clear: both;} div#priceBubble .left { clear: both; float:left; list-style-type: square; display: list-item; margin-left:10px;} div#priceBubble .right { float:right; color:white; font-weight: bold;} div#priceBubble .total span { font-size: 18px;} a.translateTrigger { display: block; background: url("../images/icons/asterisk_orange.png"); width:16px; height: 16px; cursor: pointer; } form#participantForm table { width:550px; border: 0px solid #C87536 ; margin-bottom: 15px;} form#participantForm table.border { width:550px; border: 1px solid #CCC ; margin-bottom: 15px;} form#participantForm table label { margin-right:10px; } form#participantForm table td.section-element { background-color: #EEE; width: 270px;} #reservationForm div#membersDiv { border: 1px solid #D1D3D4;padding:10px; background-color: #DDD; } #reservationForm div#membersDiv table { border: 1px solid #D1D3D4;} #reservationForm div#membersDiv table tr { background-color: #FFF;} #reservationForm div#membersDiv table td { border: 0;} #participantOverlay { border: 1px solid #DDD; background-color: #FFF; padding:20px; display: none; } div.tab { width:150px; background-color: #EEE; line-height:30px; cursor:pointer; color:#777; text-align: center; float:left; height: 30px; border: 1px solid #CCC; margin-right: 5px; position: relative;top:1px; } div.tab.active { font-weight: bold;border-bottom: 1px solid #DDD; background-color: #DDD; } div.tabContent { clear: both; background-color: #DDD; border: 1px solid #CCC; display: block; padding:10px; position: relative;} #dashboard-tabs div.tab { width:auto; background-color: #EEE; line-height:30px; cursor:pointer; color:#777; text-align: center; float:left; height: 30px; border: 1px solid #CCC; margin-right: 5px; position: relative;top:1px; padding:0 20px; z-index: 5} #dashboard-tabs div.tab.active { font-weight: bold;border-bottom: 1px solid #FFF; background-color: #FFF; } #dashboard-tabs div.tabContent { clear: both; background-color: #FFF; border: 1px solid #CCC; display: block; padding:10px; display: none;} .ui-tabs .count { margin-right: 5px;} .ui-tabs .count span { color:red;} div.subTab { width:auto; background-color: #EEE; line-height:30px; cursor:pointer; color:#777; text-align: center; float:left; height: 30px; border: 1px solid #CCC; margin-right: 5px; position: relative;top:1px; padding:0 20px; z-index: 5} div.subTab.active { font-weight: bold;border-bottom: 1px solid #FFF; background-color: #FFF; } div.subTabContent { clear: both; background-color: #FFF; border: 1px solid #CCC; display: block; padding:10px;} div.trial-form { width:100%; border:0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;padding:10px; clear:both; background-color: #FFF; background-image: url("../images/layout/gradient-bg.jpg"); text-align: center;} div.trial-form table { } p.description { margin: 0; color:darkred;} .participant optgroup { font-style: normal; color:#000;} .participant optgroup option { color:#333; } img.overlay-trigger { cursor: pointer;} .video-overlay { padding:0px; background-color: #000; display:none; } .video-overlay .close { background:url("../images/close.png") no-repeat; position:absolute; top:-32px; right:-32px; display:block; width:26px; height:26px; cursor:pointer; } .video-overlay .close:hover { background:url("../images/close-active.png") no-repeat; } div.conference { margin:20px ; padding: 0px; border: 2px solid; -webkit-border-radius : 5px;-moz-border-radius : 5px;border-radius : 5px;} div.conference .idConference {margin-left:5px;} div.conference h3 { margin: 0px; } div.conference .header { border-bottom: 1px solid #CCC ; } div.conference .header>div {float:left; border-right:1px solid #CCC;padding: 5px 15px 5px 0px; margin-right: 15px; height: 18px;} div.conference .remotely {margin-left:5px;} div.conference .participants {padding:5px; } div.conference.red>.header { background-color: #FFEEEE; color:#CC3300; } div.conference.lightgray>.header { background-color: #E5E5E5;color:#333; } div.conference.gray>.header { background-color: #CCC;color:#000; } div.conference.green>.header { background-color: #EEFFEE; color:#090;} div.conference.orange .header { background-color: #ff9934; color:#333;} div.conference.red {border-color: #CC3300; } div.conference.gray { border-color: #CCC; } div.conference.lightgray { border-color: #E5E5E5; } div.conference.green { border-color: #009900;} div.conference.orange { border-color: #ff9934; ;} div.conference .remotely span { margin-right:5px; } a.red { color: #CC3300; } a.gray { border-color: #CCC; } a.lightgray { border-color: #E5E5E5; } a.green { border-color: #009900;} a.orange { border-color: #ff9934; } #refreshDisabled { display: none; } div.conferenceParticipant { float:left; border: 1px solid #CCC; margin:5px; -webkit-border-radius : 5px;-moz-border-radius : 5px; border-radius : 5px;} div.conferenceParticipant .state { padding: 2px; border-bottom: 1px solid #DDD; } div.conferenceParticipant .state div.time { } div.conferenceParticipant .state div.time div{ float:left; margin-right: 10px; } div.conferenceParticipant .info { /*padding: 2px; height: 134px; overflow: hidden;*/ } div.conferenceParticipant .header { padding: 2px; border-bottom: 1px solid #DDD;height: 26px;} div.conferenceParticipant .header h3 { padding-right: 60px; position: relative;} div.conferenceParticipant .header img.type {position: absolute; right:26px; top:0;} div.conferenceParticipant .header img.dial {position: absolute; right:0px;top:0;} div.conferenceParticipant .toolbar { padding: 2px; clear: both;} div.conferenceParticipant .toolbar a { display: block; width:16px; height: 16px; padding: 2px; float:left; margin: 2px;} div.conferenceParticipant .toolbar>img { background-color: #FFF; padding: 3px; } div.conferenceParticipant h3 { margin: 0px; } div.conferenceParticipant div.info { /*padding: 2px; */ } div.conferenceParticipant div.info table { border-collapse: collapse; } div.conferenceParticipant div.info table th { font-weight: normal; padding: 2px; } div.conferenceParticipant div.info table th span { font-size: 10px; font-weight: bold; text-transform: none; float:right;margin-left:5px; } div.conferenceParticipant div.info table sub,div.conferenceParticipant div.info table sup {text-transform: none;} div.conferenceParticipant div.info table td { font-size: 10px; text-align: center;padding: 2px;} div.conferenceParticipant div.info table td.error { font-weight: bold;} .participantState { float: right; margin: 3px; width:10px; height: 10px; border: 0px solid ; -webkit-border-radius : 8px;-moz-border-radius : 8px;;border-radius : 8px;} .participantState.gray { background-color: #CCC; ; border-color: #999;} .participantState.red { background-color: #C30; border-color: #CCC;} .participantState.orange { background-color:#ff9934; ; border-color: #CCC;} .participantState.green { background-color:#009900 ; border-color:#C30; ;} div.conferenceParticipant.red {border-color: #cc3300; } div.conferenceParticipant.gray { border-color: #CCC; } div.conferenceParticipant.green { border-color: #b9ee81;} div.conferenceParticipant.orange { border-color: #ff9934; } div.conferenceParticipant.red>.header, div.conferenceParticipant.red>.toolbar { background-color: #FFEEEE; color:#CC3300;} div.conferenceParticipant.gray>.header,div.conferenceParticipant.gray>.toolbar { background-color: #CCC; color:#000; } div.conferenceParticipant.green>.header ,div.conferenceParticipant.green>.toolbar { background-color: #EEFFEE; color:#090;} div.conferenceParticipant.orange>.header ,div.conferenceParticipant.orange>.toolbar { background-color: #FFD9B3; color:#333;} div.conferenceParticipant div.overlayWrap { position: relative;} div.conferenceParticipant div.overlayWrap .overlayTrigger{ cursor: pointer;} div.conferenceParticipant div.overlayWrap .overlay { position: absolute; width:250px; top:-5px; left:-5px; height: 200px; border: 1px solid; background-color: #FFC; display: none; padding: 5px; z-index: 15; } div.conferenceParticipant div.overlayWrap .overlay table {margin: 0px ; font-size: 10px;} ul.connected { padding-left:15px;} ul.connected ul { color:#009900; padding-left:15px;} ul.connected a {color:#009900; } ul.connected div.cmaSession {background-color: #EFE;border: 1px solid #090;margin:5px;padding:3px;} ul.disconnected { padding-left:15px;} ul.disconnected ul { color:#777; padding-left:15px; } ul.disconnected a {color:#777; } ul.disconnected div.cmaSession {background-color: #FAFAFA;border: 1px solid #CCC;margin:5px;padding:3px;} ul.recentlyDisconnected { padding-left:15px;} ul.recentlyDisconnected ul { color:#cc3300; padding-left:15px;} ul.recentlyDisconnected a {color:#cc3300; } ul.recentlyDisconnected div.cmaSession { background-color: #FEE;border: 1px solid #c30;margin:5px;padding:3px; } div.teamviewerRequest.active {background-color: #FEE; color:#cc3300;border: 1px solid #CCC;margin:5px;padding:3px;} div.teamviewerRequest {color:#777; background-color: #FAFAFA; border: 1px solid #CCC;margin:5px;padding:3px;} div.disclaimer { color:#777; color: #707173; font-size: 9px; line-height:15px; font-family: Verdana,"Lucida Sans Unicode",Tahoma} fieldset.trial-form { background-color: #f8f8f8; color: #000; border: 1px solid #cccccc; padding: 10px; position: relative; margin-bottom: 20px; } fieldset.trial-form legend { font-family: Verdana,"Century Gothic","Lucida Sans Unicode"; font-weight: normal; font-size: 12px; color:#333} fieldset.trial-form .step { position: absolute; top:10px; right: 20px; color:#cccccc;} fieldset.trial-form table td.label { text-align: right; padding-right: 10px; padding-bottom: 5px; width: 280px; vertical-align: top;} fieldset.trial-form table td.element { text-align: left; padding-right: 10px; padding-bottom: 5px; vertical-align: top;} fieldset.trial-form .orange { font-size: 16px; color:#cc6633} fieldset.trial-form .note { color:#777; padding-left: 25px;} fieldset.trial-form .required { color: #990000;} fieldset.trial-form div.left { float: left; width: 280px; text-align: center; border-right: 1px solid #cccccc; margin-right: 5px; padding-right: 5px; margin-bottom:15px; } fieldset.trial-form div.right { float: right; width: 280px; text-align: center; } fieldset.trial-form-intro { background-color: #f8f8f8; color: #000; border: 1px solid #cccccc; padding: 10px; position: relative; margin: 0px auto ; width:560px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;} fieldset.trial-form-intro table td.label { text-align: right; padding-right: 0px; padding-bottom: 0px; width: 350px; vertical-align: top;} fieldset.trial-form-intro table td.element { text-align: left; padding-right: 0px; padding-bottom: 0px; vertical-align: top;} fieldset.trial-form-intro table td.element.submit input{ margin-left: 45px;} fieldset.trial-form-intro .orange { font-size: 16px; color:#cc6633} fieldset.trial-form-intro .note { color:#777; padding-left: 25px;} fieldset.trial-form-intro .required { color: #990000;} fieldset.trial-form-intro div.left { float: left; width: 260px; text-align: center; border-right: 1px solid #cccccc; margin-right: 5px; padding-right: 5px; margin-bottom:15px; } fieldset.trial-form-intro div.right { float: right; width: 200px; text-align: center; } div.trial-download { float: left; width: 287px; height: 86px; position:relative; background: url("../images/layout/download-background.png"); background-repeat: no-repeat; background-position: left top; padding: 5px } div.trial-download div.text { float: right; margin-right: 20px; margin-top:5px; color:#FFF; font-weight: bold; font-size: 14px; text-transform: uppercase; } div.trial-download div.icon { position: absolute; z-index: 5; top:5px; left: 5px; } div.trial-download a { position: absolute; display:block; width:287px; height: 86px; top:0; left:0; z-index: 10;} div.trial-tutorial { float: right; width: 302px; text-align: center; height: 60px; position:relative; background-color : #cccccc; border:1px solid #adadad; padding: 5px } div.trial-tutorial strong {color:#FFF; color:#FFF; font-size: 14px; text-transform: uppercase; } div.trial-tutorial a { position: absolute; display:block; width:287px; height: 60px; top:0; left:0; z-index: 10;} div.todoPaginationControl { float: left;} div.todoPaginationControl>div { float: left; border: 1px solid #CCC; padding: 3px; cursor: pointer; margin-left: 5px; color:#CCC;} div.todoPaginationControl>div.clickable { float: left; border: 1px solid #CCC; padding: 3px; cursor: pointer; margin-left: 5px;color:#333;} div#testServer {position: absolute; top:0px; left:10px; } div#potentialParticipants { float:left; width:470px; border: 1px solid #CCC; min-height: 150px; padding: 10px; clear: both} div#reservedParticipants { float:left; width:470px; border: 1px solid #CCC; min-height: 150px;padding: 10px;margin-left:10px;} #assignParticipant .vcu { padding-left: 36px; background: url("../images/icons/vcu.png") top left no-repeat; border-bottom:1px solid #DDD; padding-bottom:5px; min-height: 32px; } #assignParticipant .cma { padding-left: 36px; background: url("../images/icons/cma.png") top left no-repeat; border-bottom:1px solid #DDD; margin-top:5px; padding-bottom:5px; min-height: 32px;} #assignParticipant .audio { padding-left: 36px; background: url("../images/icons/phone.png") top left no-repeat; margin-top:5px; min-height: 32px; } #assignParticipant .name { width: 240px; overflow: hidden; display: block; float: left; height: 16px; } #assignParticipant .participant { } .all-participants div.participant { margin:10px ; padding: 0px; border: 1px solid #CCC; -webkit-border-radius : 5px;-moz-border-radius : 5px;border-radius : 5px; background-color: #EEE;color:#333; } .all-participants div.participant div.el {float:left; border-right:1px solid #CCC;padding: 5px; margin-right: 5px; height: 18px; } div.contentLeftRightSideBar {} div.contentLeftRightSideBar .main { } div.contentLeftRightSideBar .leftSidebar { clear: both; float: left; width: 50%} div.contentLeftRightSideBar .rightSidebar { float: right; width: 47%; padding-left:15px;} div.contentLeftRightSideBar .bottom { clear: both} div.contentRightSideBar {} div.contentRightSideBar .main { clear: both; float: left; width: 50%} div.contentRightSideBar .sidebar { float: right; width: 47%; padding-left:15px;} div.intro { width: 862px; min-height: 1000px; } /* div.intro div.motto { width: 862px; margin: 10px 0px 0px 0px; overflow: hidden; height: 137px; position: relative} div.intro div.motto>div { background: url("../images/motto/motto_bg.jpg") ; background-position: top left; background-repeat: no-repeat ; position: absolute; width: 862px; height: 137px;} div.intro #motto1 { background: url("../images/motto/motto1.jpg") } div.intro #motto2 { background: url("../images/motto/motto2.jpg") } div.intro #motto3 { background: url("../images/motto/motto3.jpg") } */ div.intro div.motto { width: 862px; overflow: hidden; height: 137px; position: relative} div.intro div.motto>div { background: url("../images/motto/motto_bg.jpg") ; background-position: top left; background-repeat: no-repeat ; position: absolute; width: 862px; height: 137px;} div.intro #mottoA { position: absolute; left:0; top:0; z-index: 1; } div.intro #mottoB { position: absolute; left:0; top:0; z-index: 2; display: none; } div.intro #mottoNext { position: absolute; right:0; bottom:0; z-index: 3; background: url("../images/motto/mottoNext.png") ; background-position: top left; background-repeat: no-repeat ;width: 35px; height: 35px; cursor: pointer } div.intro div.wizard { width: 624px; background: url("../images/layout/wizard_bg.jpg"); background-position: top left; background-repeat: no-repeat ; margin: 30px auto 0 auto; } div.intro div.wizard div.header { height: 31px; position: relative; } div.intro div.wizard div.header .wizardMenu { cursor: pointer; width:150px; text-align: center; height: 14px; position: absolute; left:100px; z-index: 5; padding: 7px 0; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; text-transform: uppercase} div.intro div.wizard div.header .wizardMenu.active {color:#FFF;} div.intro #wizardMenu1 { left:100px;} div.intro #wizardMenu2 { left:250px; } div.intro #wizardMenu3 { left:400px;} div.intro #wizardMenuSlider { width:150px; height: 31px; position: absolute;left:250px; background-color: #999; z-index: 3; } div.intro div.wizard ul { margin-top: 5px; padding-left:20px;} div.intro div.wizard p { margin-top: 5px; } div.intro div.wizard div.viewport { overflow: hidden; width: 624px; height: 295px; position: relative } div.intro div.wizard div.viewport .wizzardPage { width: 604px; position: absolute; padding:10px; } div.intro div.wizard div.viewport #wizard1 { left:0;} div.intro div.wizard div.viewport #wizard2 { left:624px;} div.intro div.wizard div.viewport #wizard3 { left:1248px;} div.intro div.wizard div.viewport .nextWizard { width: 160px; height: 21px; padding: 2px 20px; background: url("../images/layout/wizard_next.png") ; background-position: left top; background-repeat: no-repeat; margin: 0 auto; text-align: center } div.intro div.wizard div.viewport .nextWizard:hover { color:#FFF; cursor: pointer; background: url("../images/layout/wizard_next_hover.png") ; background-position: left top; background-repeat: no-repeat; } div.intro div.news { width: 624px; background: url("../images/layout/news_bg.jpg"); background-position: top left; background-repeat: no-repeat ; margin: 30px auto 0 auto; } div.intro div.news div.header { height: 16px; position: relative; text-align: center; z-index: 5;} div.intro div.news div.header .newsMenuDiv { } div.intro div.news div.header .newsMenu { cursor: pointer; display: inline-block; margin-top:10px; width: 13px; height: 13px; padding: 2px; background: url("../images/layout/news_nav.png"); } div.intro div.news div.header .newsMenu:hover { background-position: 0 34px; } div.intro div.news div.header .newsMenu.active { background-position: 0 17px; } div.intro div.news div.viewport { overflow: hidden; width: 624px; height: 280px; position: relative } div.intro div.news div.viewport .newsPage { width: 604px; position: absolute; padding:10px; overflow: auto; height: 265px; } div.intro div.news div.cal { width: 60px; height: 60px; border:1px solid #CCC; float:left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;} div.intro div.news div.cal .day { width: 60px; height: 25px; background-color: #4f648b; color:white ; text-align: center; font-size: 15px; font-weight: bold; padding-top: 5px; } div.intro div.news div.cal .month { width: 60px; height: 18px; color:#333 ; text-align: center; font-size: 10px; line-height: 14px;} div.intro div.news div.cal .year { width: 60px; height: 12px; color:#666 ; text-align: center; font-size: 10px; line-height: 8px;}