/* colors
#8F8F7D - tmave bezova - borders
#E6E6D2 - pozadi svetle bezova
#6DA9D2 - tmavsi modra - texty
#68B2EF - svetle modra - buttons, odkazy
*/

* {margin: 0; padding: 0; border: none;}

body {
    background-color: #E6E6D2;
    font-size: 100%;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    color: #333;
}

a {color: #68B2EF; font-weight: bold; text-decoration: none;}
a:hover {color: white;}

/***** Header *****/
div.header {
    background-color: #1F1F15;
    background-color: #333322;
    height: 50px;
    padding: 10px 30px;
    background: url(../images/header_bground.png) repeat-x bottom left;
}

div.header h1 a {
    font: 130% Georgia;
    font-style: italic;
    color: #333;
    margin-bottom: 0;
}

div.user_bar {
    float: right;
    position: relative;
    top: 40px;
    text-align: right;
    color: #E6E6D2;
    font-size: 70%;
}

/***** Top menu *****/
div.menu_top {
    height: 26px;
    padding: 12px 30px;
    font-size: 80%;
    background-color: #3F3F2B;
    background-color: #636343;
    background: url(../images/topmenu_bground.png) repeat-x top left;
}

div.menu_top ul {list-style: none;}

div.menu_top ul li {
    float: left;
    display: inline;
}

div.menu_top ul li a {
    display: block;
    color: #E6E6D2;
    padding: 5px 8px;
    margin-right: 10px;
}

div.menu_top ul li a:hover {background-color: #68B2EF;}

div.menu_top ul li a.active {background-color: #ff6600; color: white;}

/***** Main content ******/
div.main {
    padding: 20px 30px;
    background: url(../images/main_bground.png) repeat-x top left;
}

div.main_inner2 {
    float: left;
    background-color: white;
    width: 100%;
} 

div.main_inner {
    background-color: white;
    padding: 20px;
}

h1.page_title {
    width: 300px;
    font-size: 140%;
    font-style: italic;
    margin-bottom: 5px;
}

h1.group_title {
    background-color: #333;
    color: #68B2EF;
    color: white;
    font-size: 90%;
    font-weight: normal;
    padding: 10px 20px;
    margin-bottom: 0;
}

div.main_text_left {
    margin-right: 280px;
    min-height: 300px;
}

div.main_text_right {
    margin-left: 280px;
    min-height: 300px;
}

div.main_text_right h1, div.main_text_left h1 {
    margin-bottom: 10px;
    color: #6DA9D2;
}

div.main_text_right a:hover, div.main_text_left a:hover {color: #666;}

div.main_flags {
    float: right;
    margin-top: 5px;
}

/***** Side columns *****/
div.left_column {
    float: left;
    clear: both;
    position: relative;
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: white;
}

div.right_column {
    float: right;
    position: relative;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: white;
}

div.left_column_item {margin-bottom: 20px;}
div.right_column_item {margin-bottom: 20px;}

ul.left_menu {list-style: none;}
ul.left_menu li {}
ul.left_menu li a {
    display: block;
    padding: 10px 10px 10px 45px;
    border-bottom: 1px dotted #CFCFB5;
    background-position: 17px 12px;
    background-repeat: no-repeat;
    color: #666;
    font-weight: normal;
}

ul.left_menu li a:hover {color: black; background-color: #EFEFE0;}
ul.left_menu li a.active {color: black; background-color: #EFEFE0;}

ul.left_menu li a.type1 {background-image: url(../images/icons/add.png)}
ul.left_menu li a.type2 {background-image: url(../images/icons/computer.png)}
ul.left_menu li a.type3 {background-image: url(../images/icons/camera.png)}
ul.left_menu li a.type4 {background-image: url(../images/icons/drive_add.png)}
ul.left_menu li a.type5 {background-image: url(../images/icons/lock.png)}
ul.left_menu li a.type6 {background-image: url(../images/icons/ipod.png)}

/***** Index page *****/
h2.section_heading {
    font-size: 100%;
    font-style: italic;
    padding-bottom: 2px;
    padding-left: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

/***** Categoryies menu *****/
ul.category_menu {list-style: none;}
ul.category_menu li {}
ul.category_menu li a{
    display: block;
    padding: 5px 10px 5px 15px;
    border-bottom: 1px dotted #CFCFB5;
    background: url(../images/list_bullet.gif) no-repeat 2px 9px;
    color: #2F2F0F;
    font-size: 80%;
}

ul.category_menu li a:hover {color: #6DA9D2; background-color: #EFEFE0;}
ul.category_menu .active {color: #ff6600; background-color: #EFEFE0;}

ul.category_menu ul {list-style: none;}
ul.category_menu ul li a {
    padding: 5px 10px 5px 30px;   
    font-size: 75%;
    color: #5F5F29;
    background-position: 17px 9px;
}

ul.category_menu ul ul li a {
    padding: 5px 10px 5px 45px;   
    font-weight: normal;
    font-size: 80%;
    color: #5F5F47;
    background-image: url(../images/list_bullet_small.gif);
    background-position: 35px 9px;
}

ul.category_menu ul ul ul li a {
    padding: 5px 10px 5px 60px;   
    font-weight: normal;
    font-size: 70%;
    color: #8F8F6B;
    background-position: 50px 9px;
}

/***** Document detail *****/
div.document_detail_border {
    padding: 10px;
    border: 1px dashed #999;
    font-size: 80%;
    background-color: #EFEFE0;
    margin-bottom: 20px;
}

/***** Messages *****/
div.message_detail_border {
    padding: 10px;
    border: 1px dashed #999;
    font-size: 80%;
    background-color: #EFEFE0;
    margin-bottom: 5px;
}

p.message_detail_buttons {
    margin-bottom: 20px;
    font-size: 70%;
}

div.inbox_outbox_select {
    float: right;
}

div.inbox_outbox_select a {
    float: left;
    display: inline;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 5px 30px;
    margin-top: -6px;
    margin-right: 10px;
    font-size: 80%;
}

div.inbox_outbox_select a.active {background-color: #68B2EF; color: white;}

/***** Login form *****/
div#login_form {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    min-height: 180px;
    background-color: #333;
    padding: 20px;
    color: white;
    -moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
}

h1.login {
    display: block;
    margin-top: 50px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-family: Georgia;
    font-style: italic;
}

div#login_form label {
    display: block;
    font-size: 80%;
}

div#login_form input[type="text"], div#login_form input[type="password"] {
    border: 1px solid #ddd;
    font-size: 140%;
    padding: 5px;
    background-color: #fdfdfd;
    background: #fdfdfd url(../img/input_bground.png) no-repeat 0 0;
    width: 288px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #6DA9D2;
}

div#login_form button {float: right;}
div#login_form p {
    display: block;
    float: left;
    margin-top: 10px;
    font-size: 60%;
    clear: left;
    /*width: 200px;*/
}

.login_error_box, .login_info_box {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 5px 10px;
    background-color: #FFDFDF;
    border: 1px solid #AF2B2B;
    color: #AF2B2B;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 70%;
    font-weight: bold;
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.login_info_box {
    background-color: #B3DAEF;
    border: 1px solid #27414F;
    color: #27414F;
}

.login_flags {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding: 5px 10px;
    text-align: right;
}

/****** Paging ******/
div.paging {
    margin-top: 15px;
    margin-bottom: 15px;
}

div.paging a, div.paging span {
    display: inline;
    padding: 2px 8px;
    border: 1px solid #8F8F7D;
    background-color: #E6E6D2;
    margin-right: 3px;
    font-size: 70%;
    color: #555;
}

div.paging a:hover {
    color: white;
    background-color: #8F8F7D;
}

div.paging a.active {
    background-color: #FF6600;
    color: white;
    border: 1px solid #AF5920;
}

div.paging span.inactive {
    color: #DFDFC3;
    border: 1px solid #DFDFC3;
    background-color: #EFEFE0;
}

/****** Button line ******/
div.button_line {
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
    margin-bottom: 15px;
    font-size: 80%;
}

div.button_line a, div.button_line span {
    display: inline;
    padding: 4px 10px;
    border: 1px solid #538FBF;
    background-color: #68B2EF;
    margin-right: 3px;
    font-size: 80%;
    color: #fff;
    cursor: pointer;
}

div.button_line a:hover, div.button_line span:hover {background-color: #ff6600; border: 1px solid #CF6A26;}

/****** Submit line ******/
div.submit_line {
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
    margin-bottom: 15px;
}

div.submit_line a, div.submit_line span {
    display: inline;
    padding: 4px 10px;
    /*border: 1px solid #538FBF;*/
    background-color: #68B2EF;
    margin-right: 3px;
    font-size: 80%;
    color: #fff;
    cursor: pointer;
}

div.submit_line a.grey {background-color: #bbb;}

div.submit_line a:hover, div.submit_line span:hover {color: white; background-color: #ff6600;}


/***** Confirmation DIV *****/
div.confirm {
    width: 500px;
    border: 1px solid #8F8F7D;
    background-color: #E6E6D2;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

div.confirm span {
    padding: 1px 30px;
    border: 1px solid #30596F;
    background-color: #C2DFEF;
    color: #000;
}

/***** Search bar *****/
div.search_bar {
    font-size: 80%;
    margin-bottom: 10px;
    height: 20px;
}

div.search_bar form {float: left; margin-right: 20px;}


/***** Calendar *****/

table.calendar {
    border-collapse: collapse;
}

table.calendar a {color: #6DA9D2;}

table.calendar tr {}
table.calendar tr.header {
    text-align: center;
}

table.calendar tr.header td {height: 0; padding: 3px;}

table.calendar td {
    height: 100px;
    border: 1px solid black;
    vertical-align: top;
    width: 14%;
    padding: 0;
}

table.calendar div.top_bar {
    width: auto;
    padding: 2px 3px;
    text-align: right;
    background-color: #68B2EF;
    color: white;
    font-size: 10px;
    margin-bottom: 3px;
}

table.calendar div.today {background-color: #ff6600;}

table.calendar div.events {
    padding: 3px;
    height: 70px;
    overflow-y: hidden;
    font-size: 9px;
}

table.calendar div.events ul {
    list-style-type: disc;
    margin-left: 15px;
}

/***** document detail *****/
div.document_category {
    background-color: #EFEFD1;
    padding: 5px;
    width: 50%;
    border: 1px dotted #8F8F7D;
}

div.document_name {
    font-weight: bold;
    background-color: #EFEFD1;
    padding: 5px;
    width: 50%;
    border: 1px dotted #8F8F7D;
}

div.small {
    padding: 5px;
    width: 50%;
    font-size: 12px;
}


/*****  infoboxes - errorboxes - warnings *****/
div.error_box, div.ok_box, div.info_box {
    padding: 5px;
    margin-bottom: 10px;
    font-size: 80%;
    font-weight: bold;
}

div.error_box {
    border: 1px solid #BF2E23;
    background-color: #FFD2CF;
    color: #BF2E23;
}

div.ok_box {
    border: 1px solid #576F45;
    background-color: #BFDFA7;
    color: #576F45;
}

div.info_box {
    border: 1px solid #30596F;
    background-color: #C2DFEF;
    color: #30596F;
}

/***** Other *****/
.bold {font-weight: bold;}
.bold a {color: #00467F; text-decoration: underline;}

h1 {font-size: 140%;}
h2 {font-size: 120%;}