body {
    background:#448ea9;
    margin:0;
    padding:0;
    font:80% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#717171;    
    }

/* typo */
ul, ul ul, ul ul ul, ul ul ul ul, ol, ol ol, ol ol ol, ol ol ol ol {
    margin:2px 10px;
    padding:0;
    list-style-position:inside;
    }
ul li, ul ul li, ul ul ul li, ul ul ul ul li, ol li, ol ol li, ol ol ol li, ol ol ol ol li {
    margin:0;
    padding:0 10px;
    }
a {
    text-decoration:none;
    outline:none;
    color:#0095d9;
    }
a:hover {
    text-decoration:none;
    color:#aeb5bb;
    }
h2 {
    margin:0;
    padding:0.5em 0 1.5em 0;
    width:100%;
    font-size:1em;
    text-transform:uppercase;    
    color:#00bcf3;
    }
h3 {
    background:#476775;
    width:170px;
    height:22px;
    padding:2px 0 0 20px;
    color:#fff;
    border-bottom:1px solid #adb5ba;
    margin:15px 0 0 0;
    font-size:1em;
    text-transform:uppercase;    
    }
h4 {
    font-size:1.4em;
    }
p, h4 {
    margin:0;
    padding:0.5em 0;
    }
img {
    border:0;
    }
fieldset {
    border:0;
    }
table, td, select, input, textarea, li {
    font:100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    }
.textMin {
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    }

/* CONTAINERS */
#default, #page, #pageWide {
    background:url(../images/bg-body2.jpg) no-repeat;
    width:850px;
    min-height:600px;
    margin:0 auto;
    text-align:left;    
    position:relative;
    }
#content {
    background:url(../images/bg-content.gif) repeat-y;
    float:left;
    display:inline;    
    width:751px;
    min-height:600px;
    margin:0 auto 0 50px;
    }
/* LEFT COL */
#left {
    float:left;
    width:555px;
    margin:0;
    border-left:1px solid #bababa;
    border-right:1px solid #bababa;
    }
/* HEADER */
#header {    
    position:relative;
    float:left;
    width:555px;
    }
#header img {
    display:block;
    }
#header h1 {
    position:absolute;
    top:105px;
    left:30px;
    width:313px;
    margin:0;
    padding:0;
    }
#header h1 a {
    background:url(../images/logo.gif) no-repeat;
    display:block;
    height:97px;
    }
#euro2010HR h1 a {
    background:url(../images/logoHR.gif) no-repeat;
    }
.mainSponsorBanner {
    background:url(../images/main-sponsorEN.gif) no-repeat;
    float:left;
    width:100%;
    height:70px;
    border-bottom:1px solid #adb5ba;
    }
#euro2010HR .mainSponsorBanner {
    background:url(../images/main-sponsor.gif) no-repeat;
    }
#text {
    float:left;
    width:495px;
    padding:13px 30px;
    }
#default #text {
    background:url(../images/bg-euroHome.jpg) no-repeat bottom;
    height:249px;
    color:#fff;
    }
#default h2 {
    padding:4px 0;
    }
#default #text a {
    color:#00bcf3;
    }
/* RIGHT COL */
#right {
    float:left;
    width:190px;
    margin:0 0 0 4px;
    padding:0;
    }
#right p {
    padding:8px 20px 0 20px;
    }
#right img {
    margin-top:15px;
    }

/* lang switch */ 
p#langSwitch {
    margin:12px 20px 15px 20px;
    padding:0;
    }
p#langSwitch a {
    display:inline-block;
    text-align:right;
    }
a#homeLink {
    background:url(../images/ikone/ico-home.gif) no-repeat;
    width:60px;
    margin-right:10px;
    }
a.langSwitchFlag {
    background:url(../images/ikone/ico-hr.gif) no-repeat;
    width:75px;
    }
#euro2010HR a.langSwitchFlag {
    background:url(../images/ikone/ico-en.gif) no-repeat;
    }
/* search */
#search {
    background:#476775;
    height:25px;
    margin:0;
    border-bottom:1px solid #adb5ba;
    }
input.searchField {
    float:left;
    width:101px;
    height:13px;
    padding:1px;
    margin:5px 0 0 20px;
    font-size:11px;
    border:none;
    }
input.btnSearch {
    display:inline; 
    width:50px;
    height:25px;
    margin:0 1px;
    color:#00bcf3;    
    background:none;
    border:none;
    cursor:pointer;
    }
img#streamImg {
    margin-left:18px;
    }
p#usefulLinks {
    background:url(../images/bg-links.jpg) no-repeat;
    height:167px;
    }
p#usefulLinks a {
    display:block;
    }
p#usefulLinks span {
    float:right;
    margin-top:2px;
    }

/* MENU */
#menu {
    float:left;
    background:url(../images/bg-menu.gif) repeat-x;
    width:555px;
    height:35px;
    margin:0;       
    border-top:1px solid #bababa;
    border-bottom:1px solid #bababa;
    }
#menu ul {
    float:left;
    margin:0;
    list-style:none;
    padding:0 0 0 8px;
    }
#menu ul li {    
    float:left;
    display:inline;
    width:auto;
    height:35px;
    margin:0 11px;
    padding:0;    
    text-transform:uppercase;
    position:relative;
    }
#euro2010HR #menu ul li {
    margin:0 18px;
    }
#menu ul li a {
    display:block;
    padding:7px 10px 10px 10px;
    font-weight:bold;
    color:#fff;
    }
#menu ul li a:hover, #menu ul li a.selected, #menu ul li.over a, #menu ul li:hover a {
    background:#1b9cc3;
    }
html>body #menu ul li:hover > a {
    background:#1b9cc3;
    }
/* dropdown 2nd level */
#menu ul ul {
    position:absolute;
    top:33px;
    left:0;
    background:#1b9cc3;
    width:175px;    
    padding:5px;
    list-style:none;
    z-index:5;
    }
#menu ul ul li {
    float:left;
    margin:2px 0;
    padding:0;
    width:175px;
    height:auto;
    text-transform:none;
    display:block;
    position:relative;
    }
#euro2010HR #menu ul ul li {
    margin:2px 0;
    }
#menu ul ul li a {
    display:block;
    padding:0 10px;  
    }
/* dropdown 3rd level */
#menu ul ul ul {
    position:absolute;
    top:-7px;
    left:175px;
    width:120px;
    padding:5px 10px;
    list-style:none;
    }
#menu ul ul ul li {
    float:left;
    width:120px;
    margin:0;
    padding:0;
    }
#menu ul ul ul li a:hover {
    background:#0eabd9;
    }
/* show-hide */
#menu ul ul, #menu ul ul ul {
    display:none;
    }
#menu ul li:hover ul, #menu ul li.over ul {
    display:block;
    }
#menu ul li:hover ul ul, #menu ul li.over ul ul {
    display:none;
    }
#menu ul ul li:hover ul, #menu ul ul li.over ul {
    display:block;
    }

/* related docs */
h4.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    font-size:12px;
    text-transform:uppercase;
    padding:0;
    margin:0 30px;
    border-bottom:1px solid #c3c3c3;
    }
ul.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    padding:0;
    margin:20px 30px;
    list-style:none;
    }
ul.relatedDocuments li {
    margin:0;
    padding:0;
    }

/* search results */
#searchResults {
    float:left;
    width:500px;
    }
#searchResults p, #searchResults ul, #searchResults ul li {
    padding:0 30px;
    }
#searchResults ul,  #searchResults ul li  {
    list-style:none;
    }

/* news */
#newsDefault {
    float:left;
    height:360px;
    width:555px;
    }
#newsDefault h2 {
    background:url(../images/bg-newsh2.gif) no-repeat;
    text-indent:490px;
    height:62px;
    }
#euro2010HR #newsDefault h2 {
     text-indent:471px;
     }    
#newsDefault h2 a {
    color:#fff;
    }
#newsDefault img {
    border:2px solid #aeb6ba;    
    }
.scroller {
    height:290px;
    padding:0 30px;
    margin-right:30px;
    overflow:auto;
    }
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:10;}
.jScrollPaneTrack{position:absolute;right:0;top:0;height:100%;}
.jScrollPaneDrag{position:absolute;overflow:hidden;background:url(../images/scrollpane.jpg) repeat-y;cursor:pointer;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:10;top:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;
    background:url(../images/scroll.jpg) 0px 0px;}
a.jScrollArrowUp:hover{background-position:0px 0px;}
a.jScrollArrowDown{display:block;position:absolute;z-index:10;bottom:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;background:url(../images/scroll.jpg) 0px 20px;}
a.jScrollArrowDown:hover{background-position:0px 20px;}
ul#listaNovosti {
    float:left;
    display:inline;
    width:470px;
    margin:0px;
    padding:0;
    list-style:none;    
}
ul#listaNovosti li {
    float:left;
    width:auto;
    margin:5px 0;
    padding:0;
    }
ul#listaNovosti li img {
    float:left;
    margin-right:27px;
    }
ul#listaNovosti li .datum {
    display:block;
    }
ul#listaNovosti li span {
    font-style:italic;
    }
ul#newsNav {
    height:20px;
    margin:0;
    padding:5px 0 10px 0;
    list-style:none;    
    }
ul#newsNav li {
    float:left;
    width:auto;
    margin:0 1px;
    padding:0;
    }
#novosti {
    padding:0 30px;
    }
#novosti h2, #novosti p, ul#newsNav {
    width:100%;
    float:left;
    }
#novosti p.datum {
    padding:0;
    }
#novosti p.sazetak {
    line-height:1.4em;
    padding-top:0;
    }
.newsText {
    float:left;
    width:100%;
    }    

/* FOOTER */
#footer {
    background:url(../images/bg-footer.gif) no-repeat top;
    position:relative;
    float:left;
    display:inline;       
    width:750px;
    height:158px;
    margin-left:51px;
    }
#footer p {
    position:absolute;
    top:110px;
    left:250px;
    color:#fff;
    }
#footer img {
    position:absolute;
    top:110px;
    left:560px;
    }
#footer a {
    color:#00bcf3;
    }
#page #footer p, #pageWide #footer p {
    display:none;
    }

/* PAGE WIDE - VIEWER */
#pageWide #content {
    background:#fff;
    }
#pageWide #left {
    border-right:none;
    }
#pageWide #right {
    margin:0;
    }
#pageWide #search {
    width:195px;
    }
#pageWide #right h3 {
    width:175px;
    }
#pageWide #streamImg {
    margin-bottom:17px;
    }
#pageWide #footer {
    background:url(../images/bg-footer-wide.gif) no-repeat top;
    }
    
/* registration */
.message {
    float:left;
    margin:0 20px 10px 30px;
    }
#graphicForm {
    float:left;
    width:495px;
    padding:0 30px;
    }
#graphicForm table {
    width:100%;
    }
.category {
    background:#ebf8ff;
    }
.inputField {
    width:200px;
    }
.messageBox {
    width:470px;
    height:100px;
    }
.inputFieldSmall {
    width:60px;
    }
.button {
    background:#007cb4;
    padding:1px;
    color:#fff;
    border:0px;
    cursor:pointer;
    }
/* partije & film */
#iframes {
    float:left;
    padding:0 20px 20px 20px;
    }
.objectBox {
    float:left;
    width:auto;
    padding:40px 30px 20px 60px;
    }
.objectBox p {
    width:100%;
    }
/* streaming */
#wmplayer {
    float:left;
    padding:0 37px 10px 37px;
    }
#powered {
    text-align:center;
    }
/* promo film, interviews */
.youTubeObject {
    float:left;
    width:425px;
    height:344px;
    margin-bottom:50px;
    z-index:2;
    }