* {padding:0; margin:0; line-height:1.2em;}
body {padding: 10px 50px 20px; font-family: Georgia;}
a:visited, a:active, a:link {color:#338;}
a:hover {color:#e00;}
h1,h2,h3 {font-family: Georgia; font-weight:normal; margin:10px 0;}
p {margin:0;}
p.error, p.info, p.complete, p.warning {
    background:URL("images/complete.png") no-repeat 5px 3px, url("images/backgrad.png") repeat-x 0 12px;
    padding:3px 5px 3px 23px;
    font-size:12px;
    color:#777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ddd;
    display:inline-block;
}
p.warning {background:URL("images/warning.png") no-repeat 5px 3px, url("images/backgrad.png") repeat-x 0 12px;}
p.error {background:URL("images/error.png") no-repeat 5px 3px, url("images/backgrad.png") repeat-x 0 12px;}
p.info {background:URL("images/info.png") no-repeat 5px 3px, url("images/backgrad.png") repeat-x 0 12px;}

table.list {border:1px solid silver; border-collapse:collapse; margin:10px 0;}
table.list td {padding:3px 6px; border:1px solid silver; font:14px Arial;}
table.list tr.title td {font-size:12px; color:#333;}

h3.menu a, h3.menu span {padding:2px 6px; display:inline-block; margin-right:5px; font-size:16px;}
h3.menu span {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    border:1px solid silver;
    padding:2px 5px 3px;
    background:#fefeff url("images/backgrad.png") repeat-x 0 100%;
}

.popup_form {
    font:14px Arial;
    margin:10px 0;
    display:inline-block;
}
.popup_form .border {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px dashed silver;
    padding:10px;
    margin-top:8px;
}
.popup_form .title {
    position:absolute;
    background:white;
    margin-left:10px;
    color:#888;
    padding:0 2px;
    font:12px Arial;
}

img {margin:0;}

.uncomplete {background:#fef070 url("images/backgrad.png") repeat-x 0 100%;}
.needpay {background:#ffb070 url("images/backgrad.png") repeat-x 0 100%;}
td span.button {visibility:hidden;}
td:hover span.button {visibility:visible;}
.needpay span.button {visibility:visible;}


.progress_bar, .progress_bar div {
    background:#fff url("images/backgrad.png") repeat-x 0 100%;
    heigh1t:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.progress_bar {border:1px solid silver;}
.progress_bar div {background-color:#7d3; display:inline-block; text-align:center;}
.progress_bar span {padding:1px 2px;}

table.calendar {margin-top:20px; border-collapse:collapse;}
table.calendar tr.chet td {background:#fbfbfb;}
table.calendar tr.title td {border:none; border-bottom:1px solid silver;}
table.calendar td.month {border-right:1px solid silver;}
table.calendar td {padding:0; vertical-align:top; font-family:Arial; width:150px; border:1px solid #f0f0f0;}
table.calendar td.month {width:auto !important; padding:2px 8px 0 0;}
table.calendar td.current {background:#eee url("images/current_back.png")}
table.calendar td div {
    width:140px;
    padding:2px 5px;
    margin:4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid silver;
    background:#eee url("images/backgrad.png") repeat-x 0 100%;
}
table.calendar td.result {background:white !important; font-size:12px; border:none; width:auto; vertical-align:middle;}
table.calendar td.result span i {font-style:normal; color:#777;}
table.calendar td.result span b {width:100%; height:1px; background:#aaa; padding:0; display:block; margin:1px 0; border-bottom:1px solid #fff;}
table.calendar td.result span {
    text-align:right;
    width:30px;
    margin:2px 5px;
    padding:1px 3px;
    background:#f5f5f5 url("images/backgrad.png") repeat-x 0 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #ddd;
    display:inline-block;
}
table.calendar td div.done {background:#d5efd0;}
table.calendar td div.play {background-color:#ffd0a0;}
table.calendar td div.pause {background:#ffffd0;}
table.calendar td div.project {background:#e5e5ff;}
table.calendar td div.done.organ {background:#cceedf;}
table.calendar td div.pause.organ {background:#f0ffd0;}
table.calendar td div small {color:#777;}
table.calendar td div span i {font:14px Arial; border-right:1px solid silver; margin:0; padding:0 3px 0 0; display:inline-block; height:100%;}
table.calendar td div span b {font-weight:normal; color:#777; font-style:italic;}
table.calendar td div span img {margin-left:3px; cursor:pointer; float:right; padding:2px 0;}
table.calendar td div span, span.inline_button, span.button{
    padding:0px 5px;
    display:inline-block;
    float:right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid silver;
    background:white url("images/backgrad.png") repeat-x 0 100%;
}
span.inline_button {margin:0; font-size:16px; cursor:pointer; float:none; display:inline-block;}
span.inline_button a {text-decoration:none;}
span.inline_button:hover {background-color:#f0f0ff;}
span.button {margin-left:5px; font-size:12px; cursor:pointer;}
span.button:hover {background-color:#f0f0ff;}
span.plantype {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #333;
    background:#555;
    color:white;
    font-size:12px;
    padding:0 2px;
}

img.button {
        cursor:pointer;
    float:right;
    margin:0 0 0 5px;
    padding:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
img.button:hover {background:#eee; border:1px solid #aaa; padding:1px;}

span.day {font-size:50px; padding:5px 8px; color:#e0e0e0;}
td.current span.day {color:#ddd;}

table.login {
    font:14px Arial;
    margin-top:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #cdcdcd;    
    padding:5px 10px;
    background:#f0f0f0 url("images/backgrad.png") repeat-x 0 100%;
}
table.login td {padding:3px;}
table.login input {padding:3px 5px; font-size:16px; width:150px;}
table.login button {padding:3px 8px; font-size:16px;}

td.empty {background:#bbb url("images/empty_back.png") 3px -3px !important;}

table.calendar div.moving {
    opacity: 1 !important;
    background:rgba(200,200,255,0.8) !important;
    border:1px solid #8080a8 !important;
}
table.calendar.drug td.wcont:hover > * {
    opacity: 0.3;
}
table.calendar.drug td.wcont:hover {
    background:#b0b0f8;
    cursor: move;
}