/*
    Opis: Ten plik zawiera tylko style potrzebne do zrobienia layout'u
    Data: 2009-01-16
    Autor: Grzegorz Dyrda
*/

/* ------------------------------ STANDARD ---------------------------------- */
/* pomniejsza wszystkie czcionki do podanego rozmiaru*/
/* zasompiona * na body */
body {
    font-size: 12px;
    font-family: Tahoma, arial, Verdana;
}



/* ------------------------------ LOGOWANIE --------------------------------- */
#logowanie {
    margin: auto;
    margin-top: 50px;
    width: 300px;
    font-size: 12px;
    border: 1px solid black;
    padding: 10px;
    background: url(images/logowanie/gradient.jpg) repeat-x #999999;
}
#logowanie td.text_input input {
    width: 180px;
}
#logowanie td.checkbox_input label {
    font-size: 0.9em;
    vertical-align: 2px;
}
#logowanie a {
    color: #eeeeee;
    font-size: 0.9em;
    text-decoration: none;
}
#logowanie a:hover {
    color: white;
    text-decoration: underline;
}

/* ------------------------------ CONTAINER --------------------------------- */
/* nadrzędny DIV, w którym są WSZYSTKIE inne (top_menu, container-bg i footer)*/
#container {
    /*border: 1px solid green;*/
	margin: 0;
	width: 100%;
	padding: 0;
}

/* ------------------------------ TOP MENU ---------------------------------- */
#top_menu {
    width: 99%;
    margin: 0 auto;
    padding: 10px 0;
    /*padding-bottom: 5px;*/
    background-image: url(images/logowanie/gradient.jpg);
    border: 1px solid black;
}

#top_menu .log_menu {
    margin-top: 10px;
    float: right;
    margin-right: 10px;
    text-align: right;
}

#top_menu a {
    color: #0648a1;
    text-decoration: none;
}

#top_menu a:hover {
    text-decoration: none;
    color: #CC0000;
}

#top_menu a img {
    border: 0;
    vertical-align: -3px; /*middle;*/
}

#top_menu .main_menu {
    padding-left: 10px;
}

/* ----------------------------- CONTENT-BG --------------------------------- */
/* w nim są umieszczone left_menu (dla admina) i content (treść strony)       */
#content-bg {
	width: 99%;
	margin: 0 auto;
	padding: 0;
    padding-bottom: 30px;
    /*border: 1px solid red;*/
	border-left:   1px solid black;
	border-right:  1px solid black;
    border-bottom: 1px solid black;
}

.flash_ok {
    /* kolory ZDMiKP Bydgoszcz :) */
    border: 1px solid #8DAD36;
    background: #A6CE39;
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.flash_error {
    border: 1px solid #CC2730;
    background: #F4565F;
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.flash_info {
    border: 1px solid #575ACC; /*#2E3092;*/
    background: #7D7FEE; /*#575ACC;*/
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 0px 10px;
    margin-bottom: 10px;
}

/* ----------------------------- ADMIN MENU --------------------------------- */
#admin_menu {
    font-size: 12px;
    background: white;
    /*border: 1px solid black;*/
    padding: 10px;
    /*position: absolute; left: 0; top: 0;*/
}

#admin_menu a {
    color: #0648a1;
    text-decoration: none;
}

#admin_menu a:hover {
    color: #CC0000;
    text-decoration: underline;
}

/* -------------------------- CENTER CONTAINER ------------------------------- */
#content {
    margin: 0 auto;
    padding: 10px;
    width: 95%;
}

#content a {
    /*color: #0648a1;*/
    color: #CC0000;
    text-decoration: none;
}

#content a:hover {
    /*color: #CC0000;*/
    color: black;
    text-decoration: underline;
}

#content a img {
    border: 0;
    vertical-align: -3px;
}

#content a.button {
    border: 1px solid #cccccc;
    color: #CC0000;
    background: white;
    text-decoration: none;
    /*padding: 3px 8px 4px 5px;*/
    /*padding: 5px 9px 5px 6px;*/
    padding: 5px 10px;
    background: url(images/btn_gradient.jpg) repeat-x white;
}

#content a.button:hover {
    border: 1px solid black;
    color: #000000;
    text-decoration: none;
    /*background: #eeeeff;*/
    background: url(images/btn_gradient_hover.jpg) repeat-x white;
}

#content a.panel_link:hover {
    text-decoration: none;
}

#content a.calendar {
    color: black;
    text-decoration: none;
}
#content a.calendar:hover {
    text-decoration: underline;
}

/* Tytuł akcji, np. NEWS LIST */
#content h1 {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/* Opis akcji, np. "Tutaj znajdują się..." */
#content h2 {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    padding: 0px 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #666666;
}

#content .panel {
    /*float: left;
    width: 50%;*/
    margin: 0px;
    margin-top: 10px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #cccccc;

}

#content .panel_right {
    float: right;
    width: 40%;
    margin: 10px 10px;
    margin-right:0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #cccccc;

}

#content table.filters th {
    /*font-size: 11px;*/
    font-weight: normal;
}

/* napisy ktre pojawiają się po najechaniu na coś myszą */
#content .hint_gray {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    /*display: none;*/
}


#content .filters select {
    font-size: 11px;
}

#content .filters input {
    font-size: 11px;
}

#content .filters option {
    font-size: 11px;
}


#content table.list {
    width:100%;
    border: 1px solid black;
    border-collapse: collapse;
}

#content table.list th {
    font-weight: bold;
    color: #F9F9F9;
    background: #888888;
    padding: 5px 5px;
    border: 1px solid black;
    white-space: nowrap;
}

#content table.list th a {
    /*color: #FFFFFF;*/
    color: #F9F9F9;
}

/* w normalnych komórkach nie ma zawijania wierszy */
#content table.list td {
    padding: 3px 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    /*max-width:600px;
    white-space: nowrap;*/
}
#content table.list td.actions {
    padding: 3px 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    white-space: nowrap;
}

/* a tutaj mamy małą czcionkę i zawijanie wierszy */
#content table.list td.small_wrap {
    font-size:11px;
    white-space: normal;
}

#content table.list tr.even {
    background: #EEEEEE;
}

#content table.list tr.evenIn {
    background: #EEEEAD;
}

#content table.list tr.near {
    color: #e56000; /*#dd6600;*/
    font-weight: bold;
}

#content table.list tr.delayed {
    color: #dd0000;
    font-weight: bold;
}

#content table.list tr.finished {
    color: #009900;
}

#content table.list tr:hover {
    background: #ccddee;
    cursor: default;
}

/* linki na liście */
#content table.list a {
    color: inherit;
    text-decoration: none;
}

#content table.list a:hover {
    text-decoration: underline;
}

/*----------- listSub ---------------*/

#content table.listSub {
    width:1200px;
    border: 1px solid black;
    border-collapse: collapse;
}

#content table.listSub th {
    font-weight: bold;
    color: #F9F9F9;
    background: #888888;
    padding: 5px 5px;
    border: 1px solid black;
    white-space: nowrap;
}

#content table.listSub th a {
    /*color: #FFFFFF;*/
    color: #F9F9F9;
}

/* w normalnych komórkach nie ma zawijania wierszy */
#content table.listSub td {
    padding: 3px 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    
}

/* a tutaj mamy małą czcionkę i zawijanie wierszy */
#content table.listSub td.small_wrap {
    font-size:11px;
    white-space: normal;
}


#content table.listSub tr.even {
    background: #EEEEEE;
}

#content table.listSub tr.near {
    color: #e56000; /*#dd6600;*/
    font-weight: bold;
}

#content table.listSub tr.delayed {
    color: #dd0000;
    font-weight: bold;
}

#content table.listSub tr.finished {
    color: #009900;
}

#content table.listSub tr:hover {
    background: #ccddee;
    cursor: default;
}

/* linki na liście */
#content table.listSub a {
    color: inherit;
    text-decoration: none;
}

#content table.listSub a:hover {
    text-decoration: underline;
}



/* ---------- KALENDARZ ---------- */
#content table.calendar {
    /*width: 100%;*/
    border: 2px solid #999999;
    border-collapse: collapse;
}
#content table.calendar th.day {
    background: #cccccc;
    color: #333333;
    font-weight: bold;
    border: 1px solid black;
    width: 10%;
}
#content table.calendar th.hour {
    background: #cccccc;
    color: black;
    font-weight: normal;
    font-size: 18px;
    /*border: 1px solid black;*/
    width: 1%;
    height: 50px;
    vertical-align: top;
}
#content table.calendar th.minute {
    background: #cccccc;
    color: black;
    font-weight: normal;
    font-size: 11px;
    width: 1%;
}
#content table.calendar tr.full_hour {
    border-top:    2px solid #999999;
}
/*
#content table.calendar tr:hover {
    background: #dfefff;
}
*/
#content table.calendar td.empty {
    border: 1px solid #999999;
    height: 16px;
    cursor: default;
}
#content table.calendar td.empty:hover {
    background: #bbccdd;
    
}
#content table.calendar td.task {
    background: #77aadd;
    vertical-align: top;
    /*cursor: pointer;*/
    cursor: default;
    border: 2px solid black;
    font-size: 11px;
}
#content table.calendar td.task:hover {
    background: #88bbee;
}
#content table.calendar td.future_task {
    background: #ffcc00;
    vertical-align: top;
    cursor: pointer;
    border: 2px solid black;
    font-size: 11px;
}

/* formularze add, edit itp. */
#content table.form {
    width: 100%;
    margin: 0 auto;
    /*margin-top: 10px;*/
}

#content table.form td.label {
    width: 200px;
    text-align: right;
    font-weight: bold;
    padding-right: 20px;
}

#content table.small_list {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

#content table.small_list th {
    background: #666666;
    color: #ffffff;
    font-weight: normal;
    /*padding: 2px 5px;*/
}

#content table.small_list td {
    padding: 3px 10px;
    text-align: center;
    border: 1px solid #cccccc;
}

#content table.small_list tr.history {
    background: #eeffee;
}

.gmail_drop_item {
        padding: 2px 10px;
        cursor: default;
    }
    
/* ------------------------------ Fieldset ------------------------------------ */
.Fieldset{
	width: 360px; float: left;
}
.FieldsetFlag{
	width: 655px; 
}
.FieldsetAdd{
	width: 750px; 
}
.FieldsetMenu{
	width: 360px; float: left;
}
.FieldsetMenuOpis{
	width: 320px; height: 275px; float:inherit;
}
.FieldsetInscriptionContact{
	width: 320px; height:184px; 
}
    
    
/* ------------------------------ FOOTER ------------------------------------ */
#footer {
    width: 99%;
    margin: 0 auto;
    font-size: 12px;
    padding: 0px;
    /*border: 1px solid yellow;*/
}

#footer a {
    color: #0648a1;
}