#content{position:relative}

/*----- MAGAZINE BOX ------*/

h2.magazineTitle{ font-size:25px; color:#666666; padding-top:10px; margin-bottom:20px}
h3.magazineAbout{ font-size:20px; color:#000000;}
.magazineBox p{line-height:160%; font-size:15px}


.storyBox h1, .storyBox h2, .storyBox h3, .storyBox h4, .storyBox h5, .storyBox h6 {color:#000000;margin:0 0 15px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}
.storyBox p.eventDate {color:#999999;font-size:12px;margin:0 0 5px;padding:0; font-family:Georgia, "Times New Roman", Times, serif}
.storyBox p.lead {font-size: 13px;padding:0;line-height: 150%;margin:0 0 20px;color: #5D5D5D;font-style: italic;}

.storyBrowser p.leadShort {display:inline;padding-bottom:5px;}

/***** boxHalf *****/

.boxHalf {width: 200px;float: left;margin-right: 20px;margin-bottom: 10px;}
.boxHalf .boxImage img {border: 1px solid #ffffff;margin: 0;}

/***** boxFull *****/

.boxFull {margin-bottom: 20px;}
.boxFull .boxImage img {border: 1px solid #ffffff;margin: 0;}

.boxBody{font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:155%; color:#666666; background:url(../img/boxBody_bg.gif) no-repeat 10px 10px #E1E1E1}
.boxBody p{padding:10px}
.boxCaption{color:#000000;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin:0 0 15px; font-size:20px; display:none}


/*----- Input Select Style ------*/

.jqTransformSelectWrapper {width: 110px !important;position:relative;height: 26px;float:left;background: url(../img/input/select_left.gif) no-repeat left top;}
.jqTransformSelectWrapper div span {font-size: 11px;float: none;position: absolute;width: 110px !important;height: 26px;line-height: 11px;padding: 8px 0 0 7px;overflow: hidden;cursor:pointer;color:#CC0000;}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 26px;height: 26px;background: url(../img/input/select_right.gif) no-repeat center center;}
.jqTransformSelectWrapper ul {position: absolute;width: 43px;top: 26px;left: 0px;list-style: none;background-color: #FFF;border: solid 1px #D0D0D0;display: none;margin: 0px;padding: 0px;overflow: auto;overflow-y: auto;z-index:10; border-top:none}
.jqTransformSelectWrapper ul li {list-style: none;margin:0;}
.jqTransformSelectWrapper ul a {display: block;padding: 5px;text-decoration: none;color:#CC0000 ;background-color: #ffffff;font-size: 11px;}
.jqTransformSelectWrapper ul a.selected {background: #ffffff;color: #CC0000;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#CC0000;color: #fff;}
.jqTransformHidden {display: none;}

form.column{position:absolute; top:7px; right:0}




ul.magazineBrowser {width: 100%;padding: 0;margin:0 0 10px;list-style: none;}
ul.magazineBrowser li {float: left;width: 200px;padding: 0;margin:5px 0 6px;display: inline; }
.magazineBrowserBlock {height: 105px;margin-right: 5px; margin-left:5px; padding:16px; background:url(/img/magazine_bg.gif) no-repeat left top}
.magazineBrowserBlock a img {border: 1px solid #CC0000; display:block; float:left; margin-right:10px}
.magazineBrowserBlock h2{font-size:25px;margin-bottom:10px;padding-top:25px;}
.magazineBrowserBlock h3{font-size:16px}


.storyBox .staffGrade_averageGrade{margin-bottom:20px}
.storyBox div.staffGrade{width:220px; float:left; background:url(/img/progressBar/ocenaUrednistva.png) no-repeat left top; margin-right:10px}
.storyBox div.averageGrade{width:190px; float:left; background:url(/img/progressBar/ocenaVasa.png) no-repeat left top}

.storyBrowser .staffGrade_averageGrade{margin:0; clear:both;padding-top:15px;}
.storyBrowser div.staffGrade{width:220px; float:left; background:url(/img/progressBar/ocenaUrednistva.png) no-repeat left top; margin-right:10px}
.storyBrowser div.averageGrade{width:190px; float:left; background:url(/img/progressBar/ocenaVasa.png) no-repeat left top}