/*[variables]
colors {@50: #577BA6; @40: #93ABC6; @30: #586F36; @20: #AD4949; @10: #D9D9CB; @00: #EBEBE2; }

*/
/*[fmt]1000-110B-3*/
/*---Sand Theme for Collabtive---
by kemie guaida
http://www.monolinea.com
## Basic-Elements ## start ##*/
html, body {margin: 0; padding: 0; height: 100%; }

body {background-color: #F7F6F1; margin: 0; padding: 0; color: #675D49; font-family: calibri, candara, tahoma, arial, helvetica, sans-serif; font-size: 12px; line-height: 150%; background-image: url(img/bg_header.png); background-repeat: repeat-x; }

body a, body a:visited {text-decoration: none; outline: none; }

.hidden {visibility: hidden; }

.visible {visibility: visible; }

.clear_both {clear: both; }

.clear_both_b {clear: both; height: 15px; }

img {border: none; }

::selection {background: rgb(138, 157, 186); color: white; }

::-moz-selection {background: rgb(138, 157, 186); color: white; }

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

a {/*[disabled]border-bottom:1px dotted #C0BAA9;*/ color: #514939; outline: none; text-decoration: none; }

a:hover {/*[disabled]border-bottom:1px solid #675D49;*/ color: #3B3529; text-decoration: underline; }

a img {border: 0; vertical-align: text-bottom; }

.error_message {color: red; }

/*## Basic-Elements ## end ##*/
#site_background {min-width: 980px; /*[disabled]min-height:100%;*/ background: url(img/bg_crumbs.png) repeat-x 0 78px; width: 100%; }

#sitebody {display: block; width: 980px; min-height: 100%; margin: 0 auto; }

#header {width: 960px; height: 110px; padding: 0 10px; background: url(img/bg_crumbs.png) repeat-x 0 78px; position: relative; }

#header a:link, #header a:visited, #header a:hover {}

#header .left {float: left; width: 480px; padding: 14px 0 0; }

#header .right {float: left; width: 280px; padding: 22px 0; }

/*## Header Menue ## start ##*/
#header #adminnav a {float: left; padding: 5px 5px 5px 30px; background-repeat: no-repeat; background-position: top left; }

#header #adminnav a.desktop, #header #adminnav a.desktop_active {background: url(img/head_desktop.png) no-repeat; }

#header #adminnav a.profil, #header #adminnav a.profil_active {background: url(img/head_profil.png) no-repeat; }

#header #adminnav a.admin, #header #adminnav a.admin_active {background: url(img/head_admin.png) no-repeat; }

#header #adminnav a.logout, #header #adminnav a.logout_active {background: url(img/head_logout.png) no-repeat; }

#header #adminnav a:hover.desktop, #header #adminnav a.desktop_active, #header #adminnav a:hover.profil, #header #adminnav a.profil_active, #header #adminnav a:hover.admin, #header #adminnav a.admin_active, #header #adminnav a:hover.logout, #header #adminnav a.logout_active {background-position: left bottom; }

#adminnav {position: absolute; right: 0; top: 0; margin: 0; padding: 0; background-color: #E7E7DC; background-image: url(img/bg_userbox.png); background-repeat: repeat-x; border: 1px solid #C0BAA9; color: #675D49; float: right; font-size: 13px; }

#adminnav li {float: left; margin: 0; padding: 0; width: auto; clear: none; border-left: 1px solid #F6F6F1; border-right: 1px solid #E7E7DC; }

/*## Header Menue ## end ##
## Tabs Menue ## start ##*/
#tabs {margin: 0 40px; padding: 0; position: absolute; bottom: 0; }

#tabs li {margin: 0; padding: 0; float: left; width: auto; clear: none; }

#tabs a {float: left; margin: 0; padding: 6px 16px; text-decoration: none; /*[disabled]background-color:white;*/ border-right: 1px solid #93ABC6; /*[e]1px solid @40*/ border-left: 1px solid #577BA6; /*[e]1px solid @50*/ color: #F7F6F1; font-weight: bold; }

#tabs a:hover {color: white; }

#tabs a.overview, #tabs a.overview_active {/*[disabled]background:url(img/symbols/tab_project.png) no-repeat;*/ }

#tabs a.msgs, #tabs a.msgs_active {/*[disabled]background:url(img/symbols/tab_msgs.png) no-repeat;*/ }

#tabs a.tasks, #tabs a.tasks_active {/*[disabled]background:url(img/symbols/tab_tasks.png) no-repeat;*/ }

#tabs a.miles, #tabs a.miles_active {/*[disabled]background:url(img/symbols/tab_miles.png) no-repeat;*/ }

#tabs a.files, #tabs a.files_active {/*[disabled]background:url(img/symbols/tab_files.png) no-repeat;*/ }

#tabs a.users, #tabs a.users_active {/*[disabled]background:url(img/symbols/tab_users.png) no-repeat;*/ }

#tabs a.tracking, #tabs a.tracking_active {/*[disabled]background:url(img/symbols/tab_tracking.png) no-repeat;*/ }

#tabs a.system, #tabs a.system_active {/*[disabled]background:url(img/symbols/tab_system.png) no-repeat;*/ }

#tabs a:hover.overview, #tabs a.overview_active, #tabs a:hover.msgs, #tabs a.msgs_active, #tabs a:hover.tasks, #tabs a.tasks_active, #tabs a:hover.miles, #tabs a.miles_active, #tabs a:hover.files, #tabs a.files_active, #tabs a:hover.users, #tabs a.users_active, #tabs a:hover.tracking, #tabs a.tracking_active, #tabs a:hover.system, #tabs a.system_active {/*[disabled]background-position:bottom;*/ }

#tabs a span {/*[disabled]display:none;*/ /*[disabled]position:relative;*/ /*[disabled]z-index:2;*/ /*[disabled]top:45px;*/ /*[disabled]left:3px;*/ /*[disabled]white-space:nowrap;*/ }

#tabs a:hover span {/*[disabled]display:block;*/ }

/*## Tabs Menue ## end ##*/
.loginbody {height: 100%; background-color: #FFFFFF; margin-top: 80px; }

table.login {margin: 0 auto; background: #F7F7F4 url(img/old.gif) repeat-x top right; border: 1px solid #D9D9CB; /*[e]1px solid @10*/ }

table.login h1 {color: #776F66; }

table.login td {margin: 0; padding: 0; background: #F7F7F4 url(img/old.gif) repeat-x top right; }

table.login .left {display: block; }

table.login td.mid {padding: 0 10px; text-align: left; }

table.login .right {display: block; height: 158px; }

#contentwrapper {background-image: url(img/bg_innercontent.png); background-repeat: repeat-y; margin: 0 auto; padding: 10px; text-align: left; width: 890px; overflow: auto; }

#flashcontent #chart, #flashcontent embed {width: 178px; }

/*## Content Left ## start ##*/
.content_left {float: left; width: 680px; margin: 0 0 0 10px; padding: 0; }

.block_a, .block_b, .block_c {width: 660px; margin: 0 0 10px; padding: 2px; background: #F7F7F4 url(img/old.gif) repeat-x top right !important; /*[e]#F7F7F4 url(img/old.gif) repeat-x top right*/ border: 1px solid #D5D3CB !important; /*[e]1px solid #D5D3CB*/ margin-bottom: 10px; padding: 5px; }

.block_a {background: #F7F7F4 url(img/old.gif) repeat-x top right; border: 1px solid #EBEBE2; margin-bottom: 10px; padding: 5px; }

.block_b {/*[disabled]background:url(img/block_bg_b.png);*/ /*[disabled]border:1px solid rgb(163, 163, 163);*/ /*[disabled]color:#4C4B4B;*/ }

.Error_Message{width:667px;margin:0 0 10px; padding:2px;border: 1px solid red;background: #F7F7F4 url(img/old.gif) repeat-x top right !important;}
.Error_Message span{color:red;padding-left:10px;}
.content_left .block_b a {/*[disabled]color:#4C4B4B;*/ }

.block_c {/*[disabled]background:url(img/block_bg_c.png);*/ /*[disabled]border:1px solid rgb(186, 164, 139);*/ /*[disabled]color:#6B582A;*/ }

.content_left .block_c a {/*[disabled]color:#6B582A;*/ }

.block_a .in, .block_b .in, .block_c .in {padding: 5px 5px 0; }

.block_a .in {/*[disabled]background:url(img/block_in_bg_a.png) repeat-x;*/ }

.block_b .in {/*[disabled]background:url(img/block_in_bg_b.png) repeat-x;*/ }

.block_c .in {/*[disabled]background:url(img/block_in_bg_c.png) repeat-x;*/ }

.block_in_wrapper {width: 610px; margin: 0 0 15px; padding: 15px 0 15px 40px; background: #EFF3F4 url(img/bg_block.png) repeat-x; border: 1px solid #93ABC6; /*[e]1px solid @40*/ }

/*.block_b .block_in_wrapper, .block_b .avatar, block_b*/
.block_a .block_in_wrapper, .block_a .avatar {border-color: #BABABA; }

.block_b ul li.bg_a .bg_one, .block_b ul li.bg_b .bg_one, .block_b tr.bg_second td {background: url(img/block_bg_b.png); border-bottom: 1px solid #D9D9D9; }

.block_b ul li.bg_a .bg_two, .block_b ul li.bg_b .bg_two, .block_b tr.bg_first td {background: white; border-bottom: 1px solid #D9D9D9; }

/*## Tabs ## start ##*/
.tabs {height: 56px; }

.tabs a {float: left; display: block; padding: 10px; margin-right: 1px; background: #F4F4F4; }

/*## Tabs ## end ##
## Block-headline - Aufklappfunktion ## start ##*/
a.win_block {display: block; width: 100%; height: 33px; background: url(img/win_up.png) no-repeat 622px 8px; }

a:hover.win_block {background-position: 622px -17px; }

a.win_none {display: block; width: 100%; height: 33px; background: url(img/win_down.png) no-repeat 622px 8px; }

a:hover.win_none {background-position: 622px -17px; }

.win_tools {position: absolute; display: block; height: 32px; top: -33px; z-index: 255; }

.win_tools h2 a:hover span {text-decoration: underline; }

a.wintool_close, a.wintool_edit, a.wintool_del {display: block; float: left; width: 16px; height: 16px; margin: 8px 4px 0 0; }

a.wintool_close {background: url(img/wintool_close.png) no-repeat; }

a.wintool_edit {background: url(img/wintool_edit.png) no-repeat; }

a.wintool_del {background: url(img/wintool_del.png) no-repeat; }

a:hover.wintool_close, a:hover.wintool_edit, a:hover.wintool_del {background-position: bottom; }

/*## Block-headline - Aufklappfunktion ## end ##*/
.headline {height: 33px; width: 100%; border-bottom: 2px solid #E3DFD3; margin-bottom: 10px; }

.content_left .headline a:hover {text-decoration: none; }

.headline img {float: left; margin-left: 2px; }

.headline span {float: left; padding: 5px 0 5px 6px; cursor: pointer; }

.content_left a, .content_right a {color: #63554D; }

.content_left a:hover, .content_right a:hover {text-decoration: underline; }

/*## Content Left Table ## start ##*/
.table_head table, .thead {font-size: 12px; height: 23px; font-weight: bold; }

.table_head table {background-color: #EFEFE2; font-size: 12px; padding: 1px 5px; background-repeat: repeat-x; background-position: left top; font-weight: bold; border: 1px solid #E1DBCA !important; /*[e]1px solid #E1DBCA*/ }

ul li {height: 100%; width: 100%; clear: both; }

/*## Color Mix ## start ##*/
ul li.bg_a {background: rgb(255, 255, 255); }

ul li.bg_b {}

/*## Color Mix ## end ##*/
.block_a .marker_late table, .block_a .marker_late a, .block_b .marker_late table, .block_b .marker_late a, .block_c .marker_late table, .block_c .marker_late a {color: #AD4949; /*[e]@20*/ }

.block_a .marker_today table, .block_a .marker_today a, .block_b .marker_today table, .block_b .marker_today a, .block_c .marker_today table, .block_c .marker_today a {color: #586F36; /*[e]@30*/ }

.marker_all_closed table, .marker_all_closed a {color: #2A4069; border-color: #2A4069; opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; }

.focus_off {margin-top: 1px; border-bottom: 1px solid #EBEBE2; }

.block_b .focus_off {border-color: #D9D9D9; }

.block_c .focus_off {border-color: #E2E0CF; }

.focus_on {margin-top: 0; border-top: 1px solid rgb(138, 157, 186); border-bottom: 1px solid rgb(138, 157, 186); }

.marker_late .focus_on, .marker_late .focus_on table {border-color: rgb(198, 36, 36); }

.marker_today .focus_on, .marker_today .focus_on table {border-color: rgb(55, 120, 20); }

.block_a .marker_all .focus_on, .block_a table {border-color: rgb(138, 157, 186); }

.block_b .marker_all .focus_on, .block_b table {border-color: #4C4B4B; }

.block_c .marker_all .focus_on, .block_c table {border-color: #6B582A; }

.table_body {float: left; margin: 0 0 15px; overflow: hidden; }

table td {font-size: 10pt; padding: 5px 0; /*[empty]border-right:;*/ }

table span.info {font-size: 8pt; }

table td.a {width: 40px; }

table td.b, table.description td.b {width: 250px; padding-right: 4px; }

table td.c {width: 160px; }

table td.d {width: 147px; }

table td.e {width: 47px; }

table td.tools {width: 47px; }

table.description {border-top: 1px dashed; }

table.description td {padding: 15px 0 17px; }

table td.descript {width: 588px; }

table td.descript .descin {width: 588px; overflow-x: auto; overflow-y: none; }

table td.message {width: 404px; overflow: auto; }

table td.message .msgin {width: 393px; padding-right: 11px; overflow-x: auto; overflow-y: none; }

table td.label {width: 100px; }

.accordion_toggle {position: relative; }

.accordion_toggle a.open {position: absolute; top: -26px; left: 40px; width: 220px; height: 21px; margin-bottom: -26px; padding-top: 5px; z-index: 100; background: url(img/open_a.png) no-repeat right; }

.accordion_toggle a:hover.open {background: url(img/open_o.png) no-repeat right; text-decoration: none; }

.accordion_toggle_active a.open {background: url(img/close_a.png) no-repeat right; }

.accordion_toggle_active a:hover.open {background: url(img/close_o.png) no-repeat right; text-decoration: none; }

.link_in_toggle {position: relative; z-index: 101; }

.link_in_toggle a {position: absolute; top: -26px; left: 40px; height: 21px; margin-bottom: -26px; padding-top: 5px; }

.accordion_content {overflow: hidden; }

table.timeline {width: 100%; background: #E6E4D6; float: left; }

table.timeline tr.head {font-weight: bold; }

table.timeline td {padding: 3px 5px; }

table.timeline td a {font-weight: bold; }

table.timeline tr.content td {background: white; }

table.timeline tr.content td.second {background: #F9F8F4; }

table.timeline tr.content td.today {background: #F3F7ED; }

table.timeline tr.content td.nav {width: 12px; text-align: center; }

table.timeline tr.content td.nav a:hover {text-decoration: none; }

table.timeline tr.content td.today, table.timeline tr.content td.today a {color: #586F36; /*[e]@30*/ }

table.timeline p {margin: 5px 0; }

/*## Tools ## start ##*/
table td.tools a {display: block; float: left; margin-right: 5px; width: 16px; height: 16px; }

a.tool_edit {background: url(img/tool_edit.png) no-repeat; }

a.tool_del {background: url(img/tool_del.png) no-repeat; }

a:hover.tool_edit, a:hover.tool_del {background-position: bottom; }

/*## Tools ## end ##
## Content Left Table ## end ##
## Content Left ## end ##
## Content Right ## start ##*/
.content_right {float: right; width: 190px; }

.right_in {float: left; border: 1px solid #D9D9CB; /*[e]1px solid @10*/ background: white; width: 170px; }

.right_in h2 {margin: 0; position: relative; background-color: #F3F3EE; background-image: url(img/bg_th.gif); font-size: 12px; padding: 2px 5px; background-repeat: repeat-x; background-position: bottom; font-weight: bold; border-bottom: 1px solid #D9D9CB; /*[e]1px solid @10*/ }

.right_in li {padding-left: 5px; height: 24px; line-height: 24px; float: left; }

.right_in li a.user {float: left; padding-left: 18px; background: url(img/symbols/user_list.png) no-repeat left 4px; padding: 2px 0 2px 18px; }

a.chat {display: block; float: left; width: 12px; height: 12px; background: url(img/icon_chat.png) no-repeat; margin: 4px 0 0 5px; }

#indicator1 {position: absolute; top: 2px; right: 5px; }

.status_active {color: rgb(55, 120, 20); }

.status_inactive {color: rgb(198, 36, 36); }

/*## Headlines ## start ##*/
h1 {font-size: 22px;font-family: "Microsoft YaHei"; margin: 5px 0 10px; clear: both; padding: 5px 0; color: #2A63A3; }

h1.head {font-size: 15px; margin: 0; color: white; float: left; text-transform: uppercase; border-right: 1px solid #EFEFE0; padding: 0 10px 0 0; }

h1 span {font-size: 12px; font-weight: normal; margin-left: 6px; }

h2 {font-size: 14px;font-family: "Microsoft YaHei"; margin: 0 0 10px; }

h2.head {font-size: 15px;font-family: "Microsoft YaHei"; margin: 0 10px; font-weight: normal; float: left; }

/*## Headlines ## end ##
## Variable Button ## start ##*/
a.butn_link, a.butn_link_b, .block_b a.butn_link, .block_b a.butn_link_b, .block_c a.butn_link, .block_c a.butn_link_b {display: block; float: left; padding: 1px 12px; text-decoration: none; margin: 0 10px 0 0; padding: 3px 10px !important; /*[e]3px 10px*/ background: #7896B7 url(img/bg_crumbs.png) repeat-x right bottom; cursor: pointer; font-size: 12px; color: #F7F7F4; white-space: nowrap; overflow: visible; border: 1px solid #577AA6; }

a.butn_link_b, .block_b a.butn_link_b, .block_c a.butn_link_b {margin-left: 30px; }

a.butn_link span, a.butn_link_b span, .block_b a.butn_link span, .block_b a.butn_link_b span, .block_c a.butn_link span, .block_c a.butn_link_b span {width: auto; float: left; }

a.butn_link span img {float: left; max-width: 20px; position: relative; left: -3px; top: 0; }

a.butn_link:hover, a.butn_link_b:hover {/*[disabled]background-position:left top;*/ text-decoration: none; color: white; border: 1px solid #23374D; }

a.butn_check, a.butn_checked, a.butn_reply {display: block; width: 16px; height: 16px; background: url(img/check_a.png) no-repeat center top; margin: 0 0 0 10px; }

a.butn_reply {background: url(img/reply_a.png) no-repeat center top; }

a.butn_check:hover, a.butn_checked, a.butn_reply:hover {background-position: bottom; }

a.scroll_left, a.scroll_right {display: block; width: 9px; height: 50px; margin: 0 auto; background: url(img/scroll_left.png) no-repeat center left; }

a.scroll_right {background: url(img/scroll_right.png) no-repeat center left; }

a.scroll_left:hover, a.scroll_right:hover {background-position: center right; }

/*## Variable Button ## end##*/
.calender_wrapper {border: 1px solid #D9D9CB; /*[e]1px solid @10*/ float: left; background: #EBEBE2; /*[e]@00*/ }

.clock {clear: both; text-align: center; background: #EBEBE2; /*[e]@00*/ padding: 2px; font-size: 12px; border-top: 1px solid #D9D9CB; /*[e]1px solid @10*/ }

.avatar {float: left; border: 1px solid #8B9DBA; padding: 3px; background-color: white; }

.avatar img {float: left; }

.paging_wrapper {font-size:12px;float: right; height: 24px; line-height: 24px; width: 439px; margin-top: -17px; padding: 0 10px 1px 0; text-align: right; }

.paginate {float: right; padding-top: 3px; }

/*## Infos ## start ##*/
.infowin_left {position: relative; top: -65px; left: 315px; width: 321px; height: 40px; margin: 0 0 -40px; font-size: 10px; float: left; }

.infowin_left img {float: left; margin: -3px 3px -6px -3px; }

.info_in_red, .info_in_green, .info_in_yellow {padding: 5px; border: 1px solid #C62424; float: right; color: #C62424; background: #F9E9E9; line-height: 22px; }

.info_in_green {border-color: #377814; color: #377814; background: #EBF1E7; }

.info_in_yellow {border-color: #A68A03; color: #A68A03; background: #FAF7E6; }

/*## Infos ## end ##
## Footer ## start ##*/
.footer {clear: both; background-image: url(img/bg_footer.png); background-repeat: no-repeat; clear: both; color: #A89F88; font-size: 10px; margin: 0 auto; padding: 15px; text-align: left; width: 880px; }

.footer a {/*[disabled]color:white;*/ }

.footer table {width: 100%; height: 26px; }

.footer .mid {width: 950px; }

/*## Footer ## end ##*/
.tooltip {background: #E6E4D6; color: #6B582A; border: 1px solid #6B582A; padding: 10px; max-width: 300px; z-index: 100; }

.export {width: 26px; height: 26px; margin-left: 8px; float: left; position: relative; top: -5px; background: url(img/symbols/export.png) no-repeat; }

.export_men {float: left; visibility: hidden; height: 26px; width: 500px; position: absolute; left: 100%; top: 0; }

.export a {float: left; display: block; width: 26px; height: 26px; }

.export:hover .export_men {visibility: visible; }

.waiting {background-image: url(img/symbols/indicator_arrows.gif); background-repeat: no-repeat; background-position: center center; }

.bigWaiting {background-image: url(img/bigWaiting.gif); background-repeat: no-repeat; background-position: center 20%; background-color: white; }

.blackWaiting {background-image: url(img/blackWaiting.gif); background-repeat: no-repeat; background-position: center center; background-color: black; }

.bigBlackWaiting {background-image: url(img/bigBlackWaiting.gif); background-repeat: no-repeat; background-position: center center; background-color: black; }