﻿body {
    margin: 0;
    padding: 0;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-align: center;
}
body.kompas {
    background: white url(/App_Themes/FmLm/images/zaglavljeback.png) repeat-x;
}
body.firstminute {
    background: white url(/App_Themes/FmLm/images/zaglavljebackFM.gif) repeat-x;
}
body.lastminute {
    background: white url(/App_Themes/FmLm/images/zaglavljebackLM.gif) repeat-x;
}
form
{
    margin: 0;
    padding: 0;
}

/* ZAJEDNIČKI DEFAULTI ------------------------------------------- */
img
{
    border: none 0px;
}

a
{
    text-decoration: none;
    color: Black;
}

a:visited, a:active
{
    color: Black;
}

a:hover
{
    text-decoration: underline;
}

ul, ol, dl { z-index: 1; } /* glupi IE bug */



/* ZAGLAVLJE ---------------------------------------------------- */
.zaglavlje
{
    width: 760px;
    height: 64px;
    border: none 1px;
    margin: 0 auto;
    background: url(/App_Themes/FmLm/images/headerback.png) 137px 2px no-repeat;
    position: relative;
}

.firstminute .zaglavlje,
.lastminute .zaglavlje
{
    background-image: none;
}


.logo
{
    height: 64px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.kompas .logo
{
    background: url(/App_Themes/FmLm/images/logoback.gif);
    width: 138px;
}
.firstminute .logo
{
    width: 262px;
    background-image: url(/App_Themes/FmLm/images/logobackFM.gif);
}
.lastminute .logo
{
    width: 262px;
    background-image: url(/App_Themes/FmLm/images/logobackLM.gif);
}
.logo img
{
    border: none 0px;
    margin: 2px 4px;
}

.poweredby img /* fm i lm */
{
    top: 17px;
    right: 0px;
    position: absolute;
}

.search /* kompas */
{
    margin: 0;
    height: 30px;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 100;
}
.search input
{
    border: none 0px;
    height: 15px;
    width: 130px;
    position: absolute;
    right: 35px;
}
.search .gumb
{
    color: White;
    background-color: Transparent;
    height: 21px;
    width: 35px;
    position: absolute;
    right: 0;
}
.search .flag
{
    position: absolute;
    right: 0;
    bottom: 40px;
    white-space: nowrap; 
}
.search .flag a
{
    padding-left: 5px;
}

#searchHelpContainer
{
    position: relative;
    top: 20px;
    z-index: 100;
}
#searchHelpBox
{
    width: 170px;
    height: 55px;
    background: url(/App_Themes/FmLm/images/searchhelp.gif) no-repeat top left;
    display: none;
    border: 1px solid transparent;
}
#searchHelpText
{
    margin: 15px 6px 5px 10px; 
    font-size: 10px; 
    text-align: left;
    line-height: 12px;
}


/* SADRŽAJ ---------------------------------------------------- */

#okvir
{
    margin: 0 auto;
    width: 760px;
    text-align: left;
}

#okvirInner
{
    background-color: White;
}
body.layoutA #okvirInner
{
    border-left: solid 137px White;
    border-right: solid 180px White;
}
body.layoutB #okvirInner
{
    border-left: solid 261px White;
    border-right: none 0px;
}
body.layoutC #okvirInner
{
    border-left: none 0px;
    border-right: solid 150px White;
}
body.layoutD #okvirInner
{
    border-left: solid 25px White;
    border-right: solid 150px White;
}
body.layoutE #okvirInner
{
    border-left: solid 137px White;
    border-right: none 0px;
}
body.layoutF #okvirInner
{
    border-left: solid 25px White;
    border-right: none 0px;
}
body.layoutG #okvirInner
{
    border-left: solid 25px White;
    border-right: solid 210px White;
}
body.layoutH #okvirInner
{
    border-left: none 0px;
    border-right: solid 210px White;
}

#okvirInner2
{
    margin: 0;
    width: 100%;
}


#lijevo
{
    float: left;
    position: relative;
}
body.layoutA #lijevo, 
body.layoutE #lijevo
{
    width: 130px;
    margin: 0 0 0 -133px;
}
body.layoutB #lijevo
{
    width: 254px;
    margin: 0 0 0 -257px;
}
body.layoutC #lijevo,
body.layoutH #lijevo
{
    display: none;
}
body.layoutD #lijevo,
body.layoutF #lijevo,
body.layoutG #lijevo
{
    width: 15px;
    margin: 0 2px 0 -21px;
}

#sredina
{
    float: left;
    width: 100%;
    position: relative;
}

body.layoutA #sredinaInner,
body.layoutB #sredinaInner, 
body.layoutC #sredinaInner, 
body.layoutD #sredinaInner,
body.layoutE #sredinaInner,
body.layoutF #sredinaInner,
body.layoutG #sredinaInner,
body.layoutH #sredinaInner
{
    margin: 10px 6px 6px 6px;
}

#desno
{
    float: left;
    position: relative;
}
body.layoutA #desno
{
    width: 180px;
    margin: 0 -180px 20px 0;
}
body.layoutB #desno, 
body.layoutE #desno,
body.layoutF #desno
{
    display: none;
}
body.layoutC #desno,
body.layoutD #desno
{
    width: 150px;
    margin: 0 -150px 20px 0;
}
body.layoutG #desno,
body.layoutH #desno
{
    width: 200px;
    margin: 0 -200px 20px 0;
}


/* ZANOZJE ---------------------------------------------------- */
#zanozje
{
    clear: both;
    margin: 10px auto;
    width: 760px;
    text-align: center;
    font-size: 11px;
    color: Gray;
    border-top: solid Silver 1px;
    padding: 5px 0 5px 0;
}
#zanozje dt
{
    float: left;
    width: 580px;
}
#zanozje dd
{
    float:left;
    width: 180px;
    margin: 0;
}
#zanozje img
{
    border: 0;
    margin: 0 3px;
}
#zanozje a
{
    text-decoration: underline;
    color: Gray;
}

/* izbornik */
#izbornik a
{
    display: none;
}
#izbornik.otvoren
{
    display: block;
}

