html 
{
    font-family: Arial, Sans-Serif;
    font-size: small;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #ffffff;
    overflow-y: scroll; /* always visible vertical scrollbar */
}

body {
    margin: 0px;
    margin-top: 10px;
    background-color: #333333;
}

img 
{
	behavior: url(pngbehavior.htc);
}

.pdffile {
	behavior: url(pngbehavior.htc);
	border: 0px;
	width: 16px;
	height: 16px;
}

*+html hr { margin: 0em 0 -7px 0; /*IE 7 bugfix*/ }
* html hr { margin: 0em 0 -7px 0; /*IE 6 bugfix*/ }

.clear /* <BR> */
{
    clear: both;
}

/* ------------------------------------------------------------------------------------------*/
/* TOP FRAME - contain HEADER */
/* ------------------------------------------------------------------------------------------*/
#TF_out
{
    width: 100%;
    text-align: center;
}

#TF_in 
{
    width: 988px;
    height: inherit;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #ffffff;
}

#TF_logo 
{
    background: transparent url(images/fanklub-banner.jpg) no-repeat;
    width: 988px;
    height: 270px;
    position: relative;
}

#TF_preface 
{
    height: 90px;
    width: 988px;
    position: absolute;
    left: 0px;
    top: 176px;
}

#TF_sablikova 
{
    background: transparent url(images/martina-sablikova.jpg) no-repeat;
    width: 172px;
    height: 129px;
    position: absolute;
    top: -25px;
    right: 7px;
    border: solid 2px gray;
}

#TF_nowisteam 
{
    background: transparent url(images/logo-nowis-team.gif) no-repeat;
    width: 106px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 200px;
}

#TF_erb 
{
    background: transparent url(images/erb-velky-osek.png) no-repeat;
    width: 140px;
    height: 174px;
    position: absolute;
    top: -5px;
    left: -5px;
    border: solid 2px gray;
}

/* ------------------------------------------------------------------------------------------*/
/* MIDDLE FRAME - contain LEFT FRAME, CONTENT FRAME, RIGHT FRAME */
/* ------------------------------------------------------------------------------------------*/
#MF_out 
{
    width: 100%;
    height: auto;
    margin: 0px;
    margin-top: 5px;
    text-align: center;
    color: #ffffff;
}

#MF_in 
{
    width: 988px;
    height: inherit;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #333333;
}

#MF_table_in {
    width: auto;
    border-bottom: solid 1px black;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: top;
}

#MF_table_out {
    width: 588px;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    text-align: justify;
}

#MF_table_out p {
    text-indent: 2em;
}

#MF_table_forum {
    width: 778px;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    text-align: justify;
}

/* LEFT FRAME */
#LF_out 
{
    float: left;
    width: 190px;
    height: inherit;
    margin: 0px;
    padding: 0px 5px 5px 0px;
    background-color: #333333;
}

#LF_table_out {
    width: 190px;
    text-align: center;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    background-color: #333333;
    vertical-align: top;
}

/* RIGHT FRAME */
#RF_out 
{
    float: right;
    width: 190px;
    height: inherit;
    margin: 0px;
    padding: 0px 0px 5px 5px;
    background-color: #333333;
}

#RF_table_out {
    width: 190px;
    text-align: center;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    background-color: #333333;
    vertical-align: top;
}

/* CONTENT FRAME */
#MF_content 
{
    float: left;
    width: 588px;
    height: inherit;
    padding: 5px;
    margin: 0px;
    background-color: #333333;
}

/* GRAYBOX */
.GRAYBOX 
{
    background-color: #575757;
    width: 180px;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
    text-align: left;
    font-size: 10pt;
}

.GRAYBOX_BLINK
{
    background-color: #575757;
    width: 180px;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
    text-align: left;
    font-size: 10pt;
}

.GRAYBOX_LABEL 
{
    font-weight: bold;
    text-align: center;
    color: #fcdc43;
    display: block;
}

.GRAYBOX a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.GRAYBOX a:link {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.GRAYBOX a:visited {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.GRAYBOX a:active {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.GRAYBOX a:hover {
    color: #89b8c0;
    text-decoration: underline;
    display: block;
    padding-bottom: 5px;
}

.GRAYBOX_BLINK a {
    color: #89b8c0;
    text-decoration: none;
}
.GRAYBOX_BLINK a:link {
    color: #89b8c0;
    text-decoration: none;
}
.GRAYBOX_BLINK a:visited {
    color: #89b8c0;
    text-decoration: none;
}
.GRAYBOX_BLINK a:active {
    color: #89b8c0;
    text-decoration: none;
}
.GRAYBOX_BLINK a:hover {
    color: #89b8c0;
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------*/
/* BOTTOM FRAME - contain FOOTER */
/* ------------------------------------------------------------------------------------------*/
#BF_out 
{
    width: 100%;
    text-align: center;
}

#BF_in 
{
    width: 988px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    border-top: solid 1px #c0c0c0;
}

#BF_out_footer
{
    width: 100%;
    text-align: center;
}

#BF_in_footer {
    width: 988px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    text-align: right;
    font-size: x-small;
    color: #c0c0c0;
    background-color: transparent;
}

/* ------------------------------------------------------------------------------------------*/
/* OTHER CSS */
/* ------------------------------------------------------------------------------------------*/
a 
{
    color: #89b8c0;
    text-decoration: none;
}

a:link 
{
    color: #89b8c0;
    text-decoration: none;
}

a:visited 
{
    color: #89b8c0;
    text-decoration: none;
}

a:active 
{
    color: #89b8c0;
    text-decoration: none;
}

a:hover 
{
    color: #89b8c0;
    text-decoration: underline;
}

.articleheader
{
    font-size: large;
    font-weight: normal; 
    text-decoration: underline;
    text-align: left;
    color: #DFB77C;
}

.articlebody 
{
    margin-bottom: 20px;
}

.articledesc 
{
    font-size: x-small;
    font-weight: normal;
    font-variant: normal;
    color: #d0d0d0;
    font-style: italic;
    text-decoration: none;
    margin-bottom: 10px; 
}

.btnNewStyle 
{
    background: #c0c0c0 url(images/bg.gif) repeat-x;
    font: 8pt 'Lucida Grande', Verdana, sans-serif;
    border: solid 1px #a0a0a0;
    color: #ffffff;
    font-weight: bold;
    cursor: hand;
}

/* popular box Rounded Corner start */
.pxsnazzy {margin:0 0 10px 0;}
.pxtop, .pxbottom {display:block; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {margin:0 5px;}
.pxb2 {margin:0 3px; }
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px;}
.pxsnazzy {background: transparent; }
.pxtop, .pxbottom {background:transparent;}
.pxb2, .pxb3, .pxb4 {background:#555555; border-left:1px solid #9b9b9b; border-right:1px solid #9b9b9b;}
.pxb1 {background:#9b9b9b;}
.pxb2 {border-width:0 2px;}
.pxboxcontent { background:#555555; border:0 solid #9b9b9b; border-width:0 1px;}
/* popular box Rounded Corner End */

/* ------------------------------------------------------------------------------------------*/
/* Galerie fotografii ke konkretni fotogalerii */
/* ------------------------------------------------------------------------------------------*/
.GALL_caption {
    color: white;
}

.GALL_thumbnail {
    border: 0;
}

.GALL_table {
    width: 100%;
    background-color: transparent;
}

.GALL_cell {
    text-align: center;
    vertical-align: middle;
    background-color: #f0f0f0;
    border: 0;
    padding: 1;
}