.pictureCaption {
    color: #A9E8FF;
    text-color: #A9E8FF;
}
.topLine {
    background-image: url( "../pic/logo/pruh_stred.gif" )
}
.sFormLISTBOX{
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #cccccc;
	
	filter: alpha(opacity=50) ;
	height: 12px;
	border: 1px #004a69 solid;
	padding-left: 2px;
	}
	
.sFormSELECT{
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #cccccc;
	
	filter: alpha(opacity=50) ;
	height: 80px;
	border: 1px #004a69 solid;
	padding-left: 2px;
	}
	
.sFormBUTTON{
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	height: 20px;
	}

#.stylemsgbody {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; width: 552px}	
.sFormTextArea{
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #cccccc;
	filter: alpha(opacity=50) ;
	border: 1px #004a69 solid;
	padding-left: 2px;
	height: 100px;
	}

.sFormRADIO{
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	filter: alpha(opacity=50) ;
	}

.sForm {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #cccccc;
	filter: alpha(opacity=50) ;
	height: 16px;
	border: 1px #004a69 solid;
	padding-left: 2px;
	}

.sFormBrowse {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #cccccc;
	filter: alpha(opacity=50) ;
	height: 16px;
	border: 1px #004a69 solid;
	padding-left: 2px;
	}

.sFormCHECK {
	filter: alpha(opacity=50) ;
	color: black;
	background-color: #cccccc;
	}
BODY {
	margin : 0px 0px 0px 0px;
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size : 10px;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height : 12px;
}

.BigFont {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height : 20px;
}

TABLE {
}

TD {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	padding : 0px 0px 0px 0px;
	line-height : 12px;
}

P {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 10px;
	line-height : 12px;
	margin : 5px 0px 3px 0px;
}

A.pod:hover {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 10px;
	line-height : 12px;
	margin : 5px 0px 3px 0px;
	text-decoration: none
}
A.pod:active {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 10px;
	line-height : 12px;
	margin : 5px 0px 3px 0px;
	text-decoration: none
}
A.pod:link {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 10px;
	line-height : 12px;
	margin : 5px 0px 3px 0px;
	text-decoration: none
}
A.pod:visited {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 10px;
	line-height : 12px;
	margin : 5px 0px 3px 0px;
	text-decoration: none
}

#LeftColumn {
  margin:0 10px 0 0;
  padding:0;
  width: 200px;
  float: left;
}

#LeftColumn, #articles {
  border-left: solid 1px #404040;
  border-right: solid 1px #404040;
  border-bottom: solid 1px #404040;
}

#articles {     margin-bottom: 10px; }

#RightColumn {
        margin:0;
        padding:0;
        height: 600px;
        float: left;
        width: 750px;
}
#content, #sidebar {
        float: left;
        text-align: left;
}
#content {
        width: 600px;
        margin-right: 15px;
        padding-top: 5px;
}
#sidebar {
        width: 240px;
        margin-top: 0;
}
.SpryHiddenRegion {
   visibility: hidden;
}

/* Form Elements
----------------------------------------------- */
label, select {
        font-size: 85%;
        font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select {
        color: #B1B1BC;
        background-color:  #131313;
        border: 1px solid #b1b1bc;
}

/* Table Rules
----------------------------------------------- */
td.rank { }

#products {
        border-collapse:collapse;
        empty-cells:show;
        width:100%;
        margin: 0;
}
#products caption {
        color: #fff;
        text-transform:uppercase;
        text-align: left;
        font-weight: bold;
        letter-spacing: 0.1em;
        background-color: #FD2800;
        padding: 0.375em;
        border-top: solid 1px #999;
        border-bottom: solid 1px #3a3a3a;
}
#products th {
        background: url('../demos/images/bg_grad_gray2.gif') repeat-x;
        padding: 6px 0.25em;
        color: #333333;
        font-weight: bold;
        margin: 0;
        cursor: pointer;
}

#products th.infocus { background-color: #E6E6E6; }
#products th.selected { color: #EAEAEA; }

#products td, #products th {
        margin: 0;
        padding: 0.25em 0.375em 0.45em 0.375em;
        text-align: left;
}
#products tr {
        border-bottom: solid 1px #202020;
        -moz-user-select: none;
        -khtml-user-select: none;
}
#products tr.infocus {
        background-color:#dfdfdf;
        cursor: pointer;
}

#products tr.notinfocus { background-color:#fff; }
#products tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }
.even { background-color: #151515; }


.rowHover {
        color: #000;
        background-color: #777;
        cursor: pointer;
}

.rowSelected { color: #fc0; }

.productinfo {
        width: 700px;
        margin-left: 250px;
}

.category {
        float:right;
        margin-top:18px;
}

.boximage {
        float: left;
        background-color: white;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#controls {     
    amargin:0 auto 10px auto; 
    margin:0 0 0 0; 
}
#galleries {    
    amargin:0 auto 20px auto; 
    margin:0 0 0 0; 
}
#galleries label { padding-bottom: 2px; }

#galleryLinks a {
        color: white;
        text-decoration: none;
}

#transport {
        margin: 0;
        padding: 0;
        list-style: none;
}
#transport li {
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
}

#transport a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 85%;
        font-weight: bold;
        letter-spacing: 0.1em;
        margin: 0 1px 0 0;
        padding: 4px 8px;
        width: 64px;
        float: left;
        display: block;
        -moz-user-select: none;
        -khtml-user-select: none;
}
#transport a:link {
        abackground: #666 url('../demos/images/bg_grad_gray1.gif') repeat-x;
        color: #A9E8FF;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
}
#transport a:visited {
        abackground: #666 url('../demos/images/bg_grad_gray1.gif') repeat-x;
        color: #A9E8FF;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
}

#transport a:hover {
        abackground: #666 url('../demos/images/bg_grad_gray2.gif') repeat-x;
	background: #7FB4F0 repeat-x;
        color: #000000;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #3a3a3a;
        border-left: solid 1px #404040;
}
#transport a:focus {
        -moz-user-select: none;
        -khtml-user-select: none;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
        display: none;
}

#previews {
        aborder-top: solid 1px #404040;
        aborder-right: solid 1px #404040;
        aborder-bottom: solid 1px #3a3a3a;
        aborder-left: solid 1px #404040;
        padding: 8px 8px 0px 0px;
        margin-bottom: 5px;
        abackground-image: url('../demos/images/bg.gif');
        awidth: 505x;
        width: 100%;
        float: left;
        margin-right: 10px;
}
#thumbnails {
        clear: both;
        margin: 10px auto;
}
#thumbnails div {
        position: relative;
        width: 24px;
        height: 24px;
        float: left;
        margin: 8px 8px 8px 0px;
        padding: 0;
        float: left;
        display:inline;
}

#thumbnails img {
        width: 24px;
        height: 24px;
        position: absolute;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #333;
        border-left: solid 1px #404040;
}
#picture {
        padding: 0px;
        awidth: 500px;
	min-width: 100%;
	width: 100%;
        float: left;
        margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
	display: none;
}

#mainImageOutline {
        margin: 0 auto;
	text-align: center;
        padding: 0;
        background-color: #eee;
	abackground-color: #7FB4F0;
        border-top: solid 1px #999;
        border-right: solid 1px #404040;
        border-bottom: solid 1px #333;
        border-left: solid 1px #404040;
        padding: 1em;
        overflow: hidden;
        width: 0px;
        height: 0px;
}
#mainImage {
        width: 100%;
        height: 100%;
}

#picture img {  border: 1px solid #999; }
.selectedThumbnail {  
	aborder: solid 2px #fc0 !important; 
	border: solid 2px #A9E8FF !important; 
	
}
.inFocus {  
    aborder: solid 1px #fc0 !important; 
    border: solid 1px #A9E8FF !important; 
}

/* Spry Validation Widgets Demo*/
#MovieList{
  height: 600px;
  overflow: auto;
}