/*OBJEDNAVKA A KONFIGURATOR*/

.cisticOrd {clear:left; display:block; width:100px;}
/*KROK 1 - OVERENI DOSTUPNOSTI*/
#overDostupnost table {width:100%; border-collapse: collapse;}
#overDostupnost td {padding: 9px 0  ;}
/*#overDostupnost .druhyRadek { border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8}*/
#overDostupnost fieldset {padding: 10px; margin: 0;}
#overDostupnost select {width: 150px; margin-left: 5px;}
.povinne {color: #FF0000;}
#orderHlaska {}

/*KROK 2 - VYBER SLUZBY*/
/*VYBER BALICKU*/
#packCont1 { display:block; width:auto; clear:left; padding-top:10px;}
#packCont2 {}
.packageBox { float:left; display:block; min-width:230px; max-width:230px; margin:5px; /*cursor:pointer; cursor:hand; */background: url("../images/order/pack-back-gradient.gif") bottom left repeat-x #F2F8FE; _width:230px; }
.packageBox2 { background: url("../images/order/pack-top-line.gif") top left no-repeat; padding-top:10px }
.packageBox3 { background: url("../images/order/pack-top-deco.gif") top right no-repeat; padding:5px; height:auto; } 
.packageBox2 .tableCont {height: 100px; display:block; }
.packageBox2 table {margin-left:5px;  }
.packageBox2 table td{ margin:0px; padding:0px; padding-left:10px;  }
.inetBord {border-left:2px solid #F7AB00;}
.tvBord {border-left:2px solid #50AC27;}
.telBord {border-left:2px solid #0190D2;}

.packageBox h4 { font-size:110%; margin: 5px 5px 10px 0px; font-weight:normal;}
.packageBox p {color:#777; padding-top:5px;}
.packageAppendix { font-size:80%; padding-top:10px;  display:none; }
.packageAppendix .appendixHeading { font-size:110%; padding:10px; font-weight:bold; }
.packagePriceBox { margin:20px 5px 5px 5px ; color:red; font-size:110%; }
.packagePriceBox input {margin-left:0px; }
.packagePriceBox label {padding-left:5px; }
.packagePriceBox strong { font-size:110%; }

.videoGroupBox { float:left; display:block; margin:5px; /*cursor:pointer; cursor:hand;*/ border-top:2px solid #50AC27; background: url("../images/order/pack-video-back-gradient.gif") bottom left repeat-x #EFF9EB;}
.videoGroupBox2 { padding:5px; width:160px; display:block; background-color:#EFF9EB; background: url("../images/order/pack-video-back-deco.gif") bottom right no-repeat;}
.videoGroupBox2 h4 {color: #50AC27; margin:10px 5px 10px 5px; padding:0px; font-size:110%; font-weight:normal; }  
.videoGroupBox2 ul { display:block; height:170px; list-style-type: square !important; list-style-image: none !important; color:#50AC27 }
.videoGroupBox2 li span { color:black;}  
.videoGroupPriceBox { margin:5px; }
.videoGroupPriceBox label { font-weight: bold; } 
.videoGroupPriceBox strong { font-size:110%; }
#videoCont { display:block; width:auto; clear:left; }

.tipBox1 { border-top:2px solid #F7AB00; background: url("../images/order/pack-tip-back-grad.gif") bottom right repeat-x; padding-left:10px; padding-bottom:5px; display:block; width:330px; height: 60px; float:left; margin:10px 10px 10px 10px; }
.tipBox2 { background: url("../images/order/pack-tip-iko.gif") center left no-repeat; padding:5px 5px 5px 40px; font-size:90%;}

#orderPackSummary1 {width:700px; clear:left; background: url("../images/order/pack-summary-back-grad.gif") bottom right repeat-x #F3F6F8; border-top:2px solid #586373; padding:10px;}
#orderPackSummary2 { background: url("../images/order/pack-summary-iko.jpg") top right no-repeat; }
#orderPackSummary2 h4 {margin:5px 5px 5px 0px; padding:0px; font-size:110%; font-weight:normal; color:#586373; } 
#priceSummBox {display:block; width:200px; float:left; margin:10px 0px 0px 0px; }
#priceSummBox h4 {color:red; font-size:200%;}

#durBox {display:block; width:200px; float:left; margin:10px 0px 0px 0px; }
#durBox ul {list-style-type: none; list-style-image: none; padding:0px; margin-top:5px;}
#durBox li { padding:1px; }
.orderPackButton {float:right; display:block; text-align:right; margin:10px; }
.orderPackButton input { background: url("../images/order/pack-summary-button.gif") top left no-repeat; width:185px; height:40px; color:white; font-size:120%; text-align: center; display:block; border:none; font-weight: bold; }
 
/*KROK 3 - VASE UDAJE*/
#kontakt fieldset {padding: 10px; margin: 0 0 1em 0; border: 1px solid #CCC;}
#kontakt legend {padding: 3px; margin: 0; background-color: #000; color: #FFF;}
#kontakt select {width: 150px; margin-left: 5px;}
#kontakt table td { padding: 5px;}
.formPopis { text-align: right; width: 10em;}

/* HLASKA O NEDOSTUPNOSTI TV */

#nedostupnyBalicek { margin:40px 0px 0px 0px; background: url("../images/order/noavailable-back.gif") bottom left repeat-x #FFFBF2; }
#nedostupnyBalicek h4 {color:#E3001A; }
#nedostupnyBalicek div { padding:00px 10px 10px 80px ; background: url("../images/order/noavailable-iko.gif") 20px 20px no-repeat; border-top:2px solid #E3001A; }
#nedostupnyBalicek p { /*margin-top:3px; margin-bottom:3px; */ padding:10px 10px 10px 0px ; } 


/*tlacitko*/
.orderBalicekTl { margin-bottom: 5px;}

/*MUJ BALICEK*/
#mujBalicek {clear: left;}
#mujBalicek th {border-bottom:1px solid white; }

/*BOX ZHRNUTI OBJEDNAVKY*/
/*ramecek*/
#appZhrnutiTop {color: #FFFFFF; font-size: 93%; font-weight: normal; padding: 6px 5px 10px 6px; margin: 0; background: url("../images/order/app-zhrnuti-top.gif") top left no-repeat;}
#appZhrnutiBack {background: url("../images/order/app-zhrnuti-back.gif") top left repeat-y;}
/*obecne vlastnosti pro kroky 1-3*/
#appKrok1 {padding: 5px 10px; margin: 0; border-bottom: solid 1px #CCC;}
#appKrok1 a {text-decoration: none;}
#appKrok2 {padding: 5px 10px; margin: 0; border-bottom: solid 1px #CCC;}
#appKrok2 a {text-decoration: none;}
#appKrok3 {padding: 5px 10px; margin: 0; border-bottom: solid 3px #CCC;}
#appKrok3 a {text-decoration: none;}
/*konkretni vlastnosti textu v krocich*/
/*pozadi aktivniho kroku*/
.krokActiveBack {background: url("../images/order/app-zhrnuti-back-active.gif") top left repeat-y;}
/*provedeny krok*/
.krokCisloDone {font-size: 136%;}
.krokCisloDone a {color: #000 !important;}
.krokTextDone {font-size: 93%; padding-right: 15px; background: url("../images/order/iko-ano.gif") center right no-repeat;}
/*aktivni krok*/
.krokCisloActive {font-size: 136%;}
.krokCisloActive a {color: #FF0000 !important;}
.krokTextActive {font-size: 93%;}
/*krok k provedeni*/
.krokCislo2do {font-size: 136%;}
.krokCislo2do a {color: #999999 !important;}
.krokText2do {color: #999999; font-size: 93%;}
/*ceny*/
#appZhrnutiCeny {font-size: 93%; padding: 5px 10px 10px 10px; background: url("../images/order/app-zhrnuti-bottom.gif") bottom left no-repeat;}
#appZhrnutiCeny p { padding: 0; margin: 0 0 5px 0;}
#appZhrnutiCeny table {width: 100%; border-collapse: collapse; } 
#appZhrnutiPausal {vertical-align: baseline;} 
#appZhrnutiPausal span {font-size: 136%; font-weight: normal; color: #FF0000;}
#vsechnyCeny {font-size: 90%; text-align: center; margin: 5px 0 8px 0;}
#vsechnyCeny td {border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}
#appZhrnutiDPH { font-size: 85%; padding: 0; margin: 5px 5px 50px 10px;}

/* blok s jednim navrhovanym balickem */

#packPrompterETop, #packPrompterETop2 {padding:0px; display:block; max-width:300px; _width:280px; background: url("../images/order/pack-summary-back-grad.gif") top right repeat-x #F3F6F8; font-size:90%; }
#packPrompterETop p, #packPrompterETop2 p {background: url("../images/content-light/bal_line.gif") top left no-repeat; padding:10px; margin:0px;} 
#packPrompterE td, #packPrompterE2 td {padding:0px 0px 0px 8px; font-size:90%; }




/*RAMECKY TABULEK OBECNE*/
.noRborder {border-right: none !important;}
.borderRgrey {border-right: solid 1px #CCC;}

/*ZALOZKOVE MENU OBSAH*/
#menuTabsO {float: left; clear: left; margin: 0px 0 0 0; width:100% !important; background: url("../images/master-light/1x1px-lightblue.gif") bottom repeat-x; padding:0px; }
#menuTabsO ul {float: left; padding: 0 0 0 15px; margin: 0px; list-style: none;}
#menuTabsO li {float: left; margin: 0 15px 0; padding: 0; margin-bottom: 0px; border-top: 1px solid #BCD2E6;  border-right: 1px solid #BCD2E6; border-left: 1px solid #BCD2E6; font-weight:bold; }
#menuTabsO a {color: #727F94; text-decoration: none; width: auto; padding: 4px 10px; background-color:#E7F2FC;}
#menuTabsO a span {}
#menuTabsO a, #menuTabs a span {display: block; float: left}
/* comented backslash hack pro IE5-Mac \*/
#menuTabsO a, #menuTabs a span {float: none}
/* End hide */
#menuTabsO a:hover {color: #364152; }
/*aktivni*/

#activeTabO { position: relative; top: -0px; font-weight: bold; font-size: 112%; margin-bottom: 10px; background: url("../images/master-light/order-tab-active.gif") top right no-repeat #fff !important; border-right: none !important; border-top: none !important; }
#activeTabO a { text-decoration: none; color:#586373; background: none !important; margin:1px; }
#activeTabO a:hover {text-decoration: none; color:#364152;} 


/*spodni navigace*/
#orderNavigacePata {padding: 1em 0; margin:0; list-style: none;}
#orderPokracovat {float: right;}
#orderPokracovat a {padding: 3px;}
#orderPokracovat a:link {background-color: #000; color: #FFFFFF; text-decoration: none;}
#orderPokracovat a:visited {background-color: #000; color: #FFFFFF; text-decoration: none;}
#orderPokracovat a:hover {background-color: #FF0000; color: #FFFF00; text-decoration: none;}
#orderPokracovat a:active {background-color: #FF0000; color: #FFFFFF; text-decoration: none;}
#orderZpet {float: left;}
#orderZpet a {padding: 3px;}
#orderZpet a:link {background-color: #000; color: #FFFFFF; text-decoration: none;}
#orderZpet a:visited {background-color: #000; color: #FFFFFF; text-decoration: none;}
#orderZpet a:hover {background-color: #FF0000; color: #FFFF00; text-decoration: none;}
#orderZpet a:active {background-color: #FF0000; color: #FFFFFF; text-decoration: none;}
#orderOdeslat {float: right;}


#orderNavTable{ width:100%; }

/*MOD MUJ BALICEK*/
#vnorena-tab {width: 100%; border-collapse: collapse;}
#vnorenaIntenet {width: 100%;}
#vnorenaIntenet h4 {color: #FFF; background-color: #F7AD00; padding: 5px 10px; margin: 15px 0 10px 0;}

.cursorHand {cursor:pointer; }


/* highslide definice */
.highslide-html {background-color: white; }
.highslide-html-blur {}
.highslide-html-content { position: absolute; display: none; }
.highslide-loading { display: block;	color: black;	font-size: 8pt;	font-family: sans-serif;	font-weight: bold;    text-decoration: none;	padding: 2px;	border: 1px solid black;    background-color: white;        padding-left: 22px;    background-image: url(highslide/graphics/loader.white.gif);    background-repeat: no-repeat;    background-position: 3px 1px;}
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }

/* stepline */
#stepLine { margin:0px; padding:0px;}
#stepLine td { background: url('../images/order/step_line.gif') 0px 22px repeat-x;}
#stepLine .stepTitle {background:none; background-color: white;}

#stepLine a {display:block; font-size:110%; text-decoration:none; }
#stepLine a span {padding: 15px 0px 0px 0px; display:block;}
#stepLine div {display:block; width:40px; height:46px; padding: 16px 0px 0px 20px; background: url('../images/order/step_bullet.jpg') 0px -3px no-repeat; font-weight:bold; float:left;}
#stepLine div.active { background: url('../images/order/step_bullet_active.jpg') 0px -2px no-repeat;  }
#stepLine div.visited { background: url('../images/order/step_bullet_visited.jpg') 0px -2px no-repeat;  }
#stepLine a.active {font-weight:bold;}

/* Kofigurator  */
#confTable {border-collapse:collapse; width:720px;margin-top:3px; padding-top:0px; }
#confTable a img {border:none; }

.inetCol {background-color: #FFFBF2; font-weight:bold; color:#F7AB00; border-top:2px solid #F7AB00; border-right:1px solid white; vertical-align:top; }
#inetInfo {background-color:white; border:1px solid #F7AB00;color:black; padding:5px; width:190px; font-weight:normal; height:150px; font-size: 90%; }
#inetInfo ul { margin-top:20px; }
.tvCol {background-color: #EFF9EB; font-weight:bold; color:#50AC27; border-top:2px solid #50AC27; border-right:1px solid white; vertical-align:top; font-size: 90%;  }
#tvInfo {background-color:white; color:black; padding:5px; width:185px; font-weight:normal; height:150px; border:1px solid #50AC27;}
#checkBoxes {background-color:white; color:black; padding:5px; width:185px; font-weight:normal; min-height:150px; border:1px solid #50AC27;}
#tvChannels {margin:10px; border:0px;  }
#tvChannels img {border:0px; }

.telCol {background-color: #F2F8FE; border-top:2px solid #0190D2; font-weight:bold; color:#0190D2; border-right:1px solid white; vertical-align:top; font-size: 90%;}
#telInfo { background-color:white; color:black; padding:5px; width:180px; font-weight:normal; height:150px; font-size: 90%; border:1px solid #0190D2; }
#telName {margin-top:5px; display:block;}
.priceCol {background-color: #000000; font-weight:bold; color:white;  vertical-align:top; }
.priceCol div {background-color: #ffffff; color:#000;}
.priceCol input { margin-left:10px; }
.noBorder {border:none !important; }

#packPropCont {font-size: 85%; padding:0; margin:0px; border-collapse:collapse; color:#555; margin-left:20px }
#packPropCont td{padding:0px; margin:0px; }
#packPropCont tr{padding:0px; margin:0px; }
#inetPrice, #tvPrice, #telPrice {font-weight:normal; font-size:100%; padding-left:5px;}
#prevPromtE { margin:0px; }
#packPrompterE { margin:0px; }
#packPrompterE2 { margin:0px; }
#helpImage {padding:0px; margin:0px; }
#tvPointsSum {display:none; }

#packPrompterETitle td {font-size:110%; font-weight: bold; vertical-align: bottom; padding-top:10px; }
#packPrompterETitle img {float:left; margin-left:20px; }
#customSumm {border-top:2px solid #586373; padding:0px 10px 0px 10px; background: url("../images/order/pack-back-gradient.gif") bottom right repeat-x #F3F6F8;  }
#priceInfo { color:black; font-weight:normal; margin:0px; padding:0px; }
#priceField {color:red; font-size:200%; font-weight:bold; }
#priceFieldCrowns {color:red; font-size:200%; font-weight:bold; /*margin:10px; */margin-left:0px;}
#pIndicator {float:left;}

#purePriceCont {float:left; display:block; width:230px; }
#duration {float:left;display:block; width:130px; margin:10px; font-weight: normal;}
#bendingOutput {float:left;display:block; }
 
#setTopBox {padding:0px; margin:0px;}
#setTopBox td{padding:0px; margin:0px; font-size:80%; color:#555;  }


/* Styles for the popup */
.highslide-html-content { background-color: white; width: 300px; height: 120px; padding:5px; }
.highslide-html-content .highslide-html-content {  }
.highslide-html-content .highslide-header { text-align:right; padding-top: 5px; }
.highslide-html-content .highslide-header div { }
.highslide-html-content .highslide-header ul { margin: 0; padding: 0; text-align: right; }
.highslide-html-content .highslide-header ul li { display: inline;	padding-left: 1em; }
.highslide-html-content .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;}
.highslide-html-content .highslide-header a {	font-weight: bold;	color: gray;	text-transform: uppercase;	text-decoration: none; font-size:90%; }
.highslide-html-content .highslide-header a:hover {	color: black;}
.highslide-html-content .highslide-header .highslide-move a {cursor: move;}
.highslide-html-content .highslide-footer {height: 11px;}
.highslide-html-content .highslide-footer .highslide-resize {float: right;	height: 11px;	width: 11px;background: url(highslide/graphics/resize.gif);}
.highslide-html-content .highslide-body { text-align:left; font-size:90%; }
.highslide-move { cursor: move;}
.highslide-resize { cursor: nw-resize;}

/* These must be the last of the Highslide rules */
.highslide-display-block { display: block;}
.highslide-display-none { display: none;}