/* 
    Document   : style
    Created on : 16.07.2009., 09.57.49
    Author     : dejan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    background-color:rgb(248,248,248);
}

body, td, th, p, h1, h2, h3, h4 {
    font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
    }

h1 {
    font-size:32pt;
}

h2 {
    font-size:18pt;
}

h3 {
    font-size:12pt;
}

h4 {
    font-size:10pt;
}

h5 {
    font-size:8pt;
}

body, td, th, p {
    font-size:10pt;
}

h1,h2,h3,h4,h5 {
    color:rgb(79,118,153);
}

img {
    float: left;
    border: 0px;
    }

table, td {
    border:0px solid black;
    padding:0px;
    border-collapse:collapse;
}

tr {
    vertical-align:top;
}

table.master {
    width:900px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}

table.content {    
    height:100%;
    width:100%;
    background-color:rgb(229,229,229);
    background-image:url('images/content_fill.jpg');
    background-repeat:repeat-x;
}

.content p {
    color:black;
    font-size:10pt;
    font-weight:normal;
}

.content ul {
    color : rgb(79,118,153);
}

.content li span {
    color:black;
}

tr.top {
    height:0px;    
    visibility:hidden;
}

tr.bottom {
    height:0px;
    visibility:hidden;
}

tr.middle {
    height:100%;    
}

.middle table {
    height:100%;
    width:100%;
    border-collapse:separate;
    /*border-spacing:10px;*/
}

td.left {
    padding-left:15px;
    padding-top:15px;    
    width:200px;
    background-color:rgb(248,248,248);
    border:0px solid rgb(79,118,153);
}

.left table {
    height:10px;
    width:185px;
    border:0px solid rgb(79,118,153);
    border-collapse:collapse;
}

.left table tr {    
    vertical-align:middle;    
}

.left table td {
    height:40px;
    border:0px solid rgb(79,118,153);
    padding-left:5px;
    
}

.left a {    
    text-decoration:none;
    color:rgb(79,118,153);
}

.left a:list, a:visited, a:hover, a:active {
    color:inherit;
}

.left a:hover {
    text-decoration:underline;
}

.left td.img {
    padding-left:0px;
}

.left img {
    border:0px solid;
    width:185px;
    margin:0px;
    margin-top:30px;
}

tr.categ_list {
    color:rgb(79,118,153);
    font-size:10pt;
    font-weight:bold;
}

td.categ_selected {
    background-color:rgb(229,229,229);
}

td.categ_desc {    
    padding-bottom: 20px;
    padding-top: 20px;
}

td.center {
    background-color:rgb(248,248,248);    
    padding:20px;
    padding-left:20px;
    border:0px solid rgb(79,118,153);
}

.center table {    
    height:10px;
    border:0px solid rgb(79,118,153);
    border-collapse:collapse;    
}

.center table tr {    
    vertical-align:top;    
}

.center table td {
    border:0px solid rgb(79,118,153);
    padding-bottom:15px;
}

.center table td.img {
    padding:0px;
}

.center table td.img img {
    border:1px solid rgb(248,248,248);
    height:50px;
    margin:0px;
    margin-right:10px;
}

.center table td.img a:hover img {border-color: rgb(79,118,153);}

.center a {
    text-decoration:none;
    color:rgb(0,56,107);
}

.center a:list, a:visited, a:hover, a:active {
    color:inherit;
}

.center a:hover {
    text-decoration:underline;
}

.center table.view_content {
    height:100%;
}

.center table.view_content td {
    padding:0px;
}

span.viewMore {
    font-weight:normal;
    font-size:9px
}

div.listRow p, h4 {
    display:inline;
}

div.listRow h4 {
    color:rgb(0,56,107);
}

div.navigator {    
    float:right;    
    padding:0px;
}

div.navigator img{
    border:1px solid rgb(248,248,248);
    float:left;
    margin:0px;
    padding:0px;
}

div.navigator a:hover img {border-color: rgb(79,118,153);}

td.right {
    width:10px;
    background-color:rgb(79,118,153); /*rgb(229,229,229); /*rgb(0,56,107);*/
}

.green {
    color:teal;
}

/* ---------- sitemap ----------*/

div.sitemap {
    margin-top:20px;
}

.sitemap table {    
    border:0px solid;
}

.sitemap table td {
    padding:0px;
    padding-bottom:5px;
    border:0px solid;
}

.sitemap table td.title {
    padding-bottom:15px;
    border:0px solid;
}

/* ---------- menu ----------*/

tr.menu {
    height:23px;
    background-color:rgb(0,56,107);    
    background-image:url('images/menu_fill.jpg');
    background-repeat:repeat-x;
    color:rgb(255,255,255);
    font-weight:bold;
    padding:0px;    
}

.menu td {
    padding:0px;
}

.menu span {
    position:relative;
    top:3px;
}

.menu img {
    margin-right:3px;
    margin-top:1px;    
    }

.menu ul {
    float:left;
    padding:0;
    margin:0;
    margin-left:10px;
    margin-right:10px;
    list-style-type:none;    
}

.menu li {
    display:inline;    
}

.menu a {
    float:left;
    color:rgb(255,255,255);
    text-decoration:none;    
    padding-left:10px;
    padding-right:12px;
    height:23px;
}

.menu a:link {color:rgb(255,255,255);}
.menu a:visited {color:rgb(255,255,255);}
.menu a:hover {
    text-decoration:underline;
    background-image:url('images/menu_fill_over.jpg');
    background-repeat:repeat-x;    
    color:rgb(255,255,255);
}
.menu a:active {    
    color:rgb(255,255,255);
    }

ul.menu_lang {
    float:right;
    font-weight:normal;
    font-size:8pt;
}

.menu_lang a {
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
}

/* ---------- Header ----------*/

tr.header {
    height:69px;
    background-color:white;
}

.header img {
    margin:5px;
    width:250px;
    height:69px;
}

div.search_bar {
    float:right;    
    margin:10px;
    margin-top:20px;    
}

.search_bar tr {
    vertical-align:middle;
}

.search_bar td {
    color:rgb(255,255,255);
}

.search_bar input[type="text"] {
    margin:0px;
    padding:0px;        
    height:20px;
    width:128px;
}

.search_bar input[type="image"] {
    margin:0px;
}

.search_bar form {
    margin:0px;
    padding:0px;
}

/* ---------- Footer ----------*/

tr.footer {
    height:25px;    
    color:rgb(79,118,153);
    vertical-align:middle;
}

.footer div {
    font-size:8pt;
}

.footer ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

.footer li {
    display:inline;
    margin-left:10px;
}
.footer a {text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer a:visited {color:rgb(79,118,153);}
.footer a:link {color:rgb(79,118,153);}
.footer a:active {color:rgb(79,118,153);}