/* hola kids :) */

* { padding: 0px; margin: 0px; }

body { font-family: Arial; font-size: 0.8em; padding: 0px; margin: 0px; background-color: #ffffff; }
td, th { font-size: 1em; }

a { color: #1088BE; }
a:hover { text-decoration: none; }

a img { border: 0px; }

table { border-collapse: collapse; }

.htvi { clear: both; padding-bottom: 0.5em; }
.htv { clear: both; }

h1 { color: #42505A; font-weight: normal; font-size: 2em; margin-bottom: 0.5em; }
h2 { color: #42505A; font-weight: normal; font-size: 1.5em; margin-bottom: 0.25em; }
h2 a { color: #42505A; }
h3 { color: #3f3f3f; }
h5 { margin-bottom: 0.5em; background-color: #812A25; color: #fff; font-size: 0.9em; font-weight: bold; padding: 1px 4px; }

div.debug_console { padding: 1em; padding-top: 0px; font-family: Courier New; }
div.debug_console hr { margin: 10px 0px; border: 0px; border-bottom: 1px solid black; }

div.body_container { margin: 3em; }

table.form td, table.form th { padding: 4px;}
table.form input { padding: 2px; }

table.form_small td, table.form_small th { padding: 2px;}
table.form_small input { padding: 2px; }

div.errors { color: red; font-weight: bold; margin-bottom: 1em; }
span.error { color: red; font-weight: bold; }

div.info { color: navy; font-weight: bold; margin-bottom: 1em; }
span.info { color: navy; font-weight: bold; }

img.captcha { border: 1px solid #909090; }

h1 { margin: 0px; color: #606060; margin-bottom: 0.1em; }

div.block { background: #f7f7f7; float: left; margin-right: 10px; }
div.block #hbt, div.block #hbb { height: 4px; }
div.block div#hbtl, div.block div#hbbl { float: left; width: 4px; height: 4px; font-size: 1px; }
div.block div#hbtr, div.block div#hbbr { float: right; width: 4px; height: 4px; font-size: 1px; }
div.block div#hbtl { background-image: url("/i/corners2.gif"); background-position: 0px 0px; }
div.block div#hbtr { background-image: url("/i/corners2.gif"); background-position: -4px 0px; }
div.block div#hbbl { background-image: url("/i/corners2.gif"); background-position: -8px 0px; }
div.block div#hbbr { background-image: url("/i/corners2.gif"); background-position: -12px 0px; }
div.block div#hbc { padding: 0px 10px; font-family: Tahoma; color: #606060; width: auto; }

div.block_2 { background: #F2F2F2; }
div.block_2 div#hbtl { background-image: url("/i/corners3.gif"); background-position: 0px 0px; }
div.block_2 div#hbtr { background-image: url("/i/corners3.gif"); background-position: -4px 0px; }
div.block_2 div#hbbl { background-image: url("/i/corners3.gif"); background-position: -8px 0px; }
div.block_2 div#hbbr { background-image: url("/i/corners3.gif"); background-position: -12px 0px; }

div.block_menu { background: #f7f7f7; }
div.block_menu_hover { background: #3E8FB4; }
div.block_menu a, div.block_menu_hover a { text-decoration: none; color: #606060; }
div.block_menu_hover a, 
div.block_menu_hover a:hover { text-decoration: underline; color: #ffffff; }

div.block_menu_active,
div.block_menu_active_hover { background: #3E8FB4; }
div.block_menu_active a, div.block_menu_active_hover a { text-decoration: underline; color: #ffffff; }

div.block_h1 { float: none; margin-bottom: 0.7em; padding: 0px 0px; margin-right: 0px; }
div.block_h1 div#hbc { font-size: 1.6em; font-family: Tahoma; }

div.block_h2 { background-color: #f7f6f7; float: left; margin-bottom: 0.7em; padding: 0px 0px; margin-right: 0px; width: auto; }
div.block_h2 div#hbc { font-size: 1.6em; font-family: Tahoma; color: #606060; }
div.block_h2 div#hbc a { color: #606060; text-decoration: none; }
div.block_h2 div#hbc a:hover { text-decoration: underline; }

div.block_h2p { background-color: #EEEEEE; float: none; background-image: url(/i/h2p_bottom.gif); background-position: left bottom; background-repeat: repeat-x; margin-bottom: 1px; padding: 0px 0px; margin-right: 0px; width: 100%; }
div.block_h2p div#hbc { font-size: 1.6em; font-family: Tahoma; color: #606060; }
div.block_h2p div#hbc a { color: #606060; text-decoration: none; }
div.block_h2p div#hbc a:hover { text-decoration: underline; }

div.block_h3 { background-color: #f7f7f7; float: none; margin-bottom: 0.35em; padding: 0px 0px; margin-right: 0px; }
div.block_h3 div#hbc { font-size: 1.5em; font-family: Tahoma; color: #606060; }

div.description { padding: 5px 10px; margin-bottom: 1em; line-height: 1.6em; }
div.infotools { padding: 5px 10px; padding-top: 0px; font-size: 0.85em; color: #404040; }

form i { float: right; color: #909090; }
form b { font-weight: normal; }
.pretty { padding: 4px; font-size: 1em; font-family: Tahoma; letter-spacing: 1px; margin-top: 0.2em; border: 1px solid #a0a0a0; }

div.bigbuttons input, input.bigbigbutt { font-size: 1.5em; }

#Navigator { font-size: 1em; font-family: Arial; padding: 0.5em; width: auto; }
#Navigator span.Page { padding: 4px 6px; background-color: #EFB517; color: #ffffff; font-size: 1em; font-family: Arial; border: 1px dotted white; }
#Navigator a.Page { padding: 5px 7px; font-size: 1em; font-family: Arial; color: #708C85; }
#Navigator a.Page:hover { padding: 4px 6px; border: 1px dotted #708C85; text-decoration: underline; }

#Navigator div.Big { font-size: 2em; padding-bottom: 0.5em; font-weight: bold; }
#Navigator div.Big a { color: #EFB517; text-decoration: none; }
#Navigator div.Big a.toleft { border-right: 2px solid #ffffff; }
#Navigator div.Big a.toleft:hover { border-right: 2px solid #EFB517; }
#Navigator div.Big a.toright { border-left: 2px solid #ffffff; }
#Navigator div.Big a.toright:hover { border-left: 2px solid #EFB517; }

table.taskslist { width: 100%; margin-top: 1em; }
table.taskslist th { width: 68%; text-align: left; font-weight: normal; vertical-align: top; }
table.taskslist th a { font-weight: bold; }
table.taskslist th span { font-size: 0.85em; }
table.taskslist th span a { text-decoration: none; color: #606060; font-weight: normal; }
table.taskslist td, table.taskslist th { padding: 3px 4px; padding-top: 6px; border-bottom: 1px solid #EDEDED; }
table.taskslist td { width: 16%; font-size: 0.85em; padding: 2px 10px; text-align: right; vertical-align: middle; padding-top: 2px; color: #909090; }
table.taskslist tr.closed th a { font-weight: normal; color: #909090; }
table.taskslist tr.heading td { padding: 0px; text-align: center; font-size: 0.75em; border-bottom: 0px; border: 1px solid #ededed; border-bottom: 1px solid #ffffff; }
table.taskslist tr.heading td.createD { border-right: 0px; }
table.taskslist tr.heading td.closedD { border-left: 0px; }
table.taskslist td.project { vertical-align: middle; padding-top: 5px; }

img.mailicon { margin-right: 5px; }

#replyform textarea { margin-bottom: 0.3em; }  
#replyform input.bigbutton { font-size: 1.1em; margin-bottom: 0.5em; }

div.comment { line-height: 1.5em; margin-left: 15px; margin-top: 5px; padding: 2px; border: 1px solid #ffffff; }
div.comment img.progress { margin-top: 10px; }
div.comment small { font-size: 0.85em; background-color: #e7e7e7; padding: 1px 3px; }
div.comment small.me { background-color: #E0B228; color: #ffffff; }
div.comment small.me a { color: #ffffff; }
.me { background-color: #E0B228; color: #ffffff; }
.me a { color: #ffffff; }
div.comment div.reply { font-size: 0.75em; }
div.comment div.reply div { font-size: 1.33em; }
div.comment img.preview { border: 1px solid #e0e0e0; margin-top: 2px; margin-right: 4px; margin-bottom: 2px; }
div.unread { border: 1px dotted #000000; }

table.attachment td { vertical-align: top; padding-right: 0.5em; }
table.attachment td input { padding: 2px 2px; }
table.attachment th { text-align: right; vertical-align: top; }
table.attachment th input { padding: 0px 1px; }
table.attachment th img { margin-top: 3px; }

input.welldone { font-size: 1.6em; padding: 5px 10px; }

.pip { display: none; white-space: nowrap; }

table.colorpicker { width: 100%; margin-top: 0.3em; }
table.colorpicker td { padding: 10px; vertical-align: middle; text-align: center; }

div.comment_tiny { margin-left: 0px; padding-left: 0px; border-left: 0px; }
div.task_tiny { line-height: 1.5em;  margin-top: 5px; padding: 2px; border: 1px solid #ffffff; font-size: 1em; }

table.timeline { margin-bottom: 10px; width: 100%; }
table.timeline td, table.timeline th { padding: 1px 1px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
table.timeline thead th { font-weight: normal; font-size: 0.85em; padding: 4px 3px; border-bottom: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; width: 40px; }
table.timeline thead th.wtf { width: auto; }
table.timeline thead th.last { border-right: 0px; }

table.timeline tbody th { text-align: left; font-weight: bold; font-size: 1em; border: 1px solid #F1F1F1; padding: 2px 2px; white-space: nowrap; }
table.timeline tbody th span { font-size: 0.8em; font-weight: normal; }
table.timeline tbody th span a { text-decoration: none; color: #9D9D9D; }
table.timeline tbody th div { height: 15px; }

table.timeline td { border: 1px solid #F1F1F1; vertical-align: middle; text-align: center; }
table.timeline td#day div { width: 100%; height: 16px; background-color: #CDCDCD; }
table.timeline td#deadline div { width: 100%; height: 16px; background-color: #FF0000; }
table.timeline td#loh div { width: 100%; height: 16px; background-color: #000000; }
table.timeline td#stamp { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
table.timeline td#stamp div { width: 100%; height: 16px; background-color: #FF0000; white-space: nowrap; font-size: 0.7em; color: #ffffff; padding: 0px 0px; }
table.timeline td#stamp div table { width: 100%; height: 100%; margin: 0px; }
table.timeline td#stamp div table td { vertical-align: middle; border: 0px; padding: 2px 4px; white-space: nowrap; }

table.timeline tr.hover td#day div { background-color: #adadad; }
table.timeline tr.hover td#deadline div { background-color: #cc0000; }
table.timeline tr.hover td#loh div { background-color: #555555; }
table.timeline tr.hover td#stamp div { background-color: #cc0000; }

table.timeline .first { border-left: 1px solid #ffffff; }

div.timeline { width: 100%; overflow: auto; }

span.new { color: #ffffff; background-color: #ff0000; padding: 0px 2px; }
span.approve { color: #ffffff; background-color: #ff0000; padding: 0px 2px; }
span.arrived { color: #ffffff; background-color: #009900; padding: 0px 2px; }
span.deadline { color: red; }
span.mine { padding: 1px 5px; background-color: red; color: white; }
span.username { color: #909090; font-size: 0.8em; } 

span.taskcontrols img { vertical-align: top; }
span.taskcontrols2 img { margin-right: 4px; }

form.iam_lucky { text-align: left; }
form.iam_lucky input { font-size: 1.6em; padding: 5px 5px; }

#tasklistpopup { display: none; position: absolute; background-color: #f7f7f7; border: 1px solid #e0e0e0; padding: 6px 13px; }
#tasklistpopup .taskinfo { padding-top: 10px; font-size: 0.85em; }
#tasklistpopup .tasktitle span { font-size: 0.85em; }
#tasklistpopup .tasktitle span a { text-decoration: none; color: #606060; font-weight: normal; }

table.taskslist div.comment { border: 0px; }
table.taskslist div.description { margin-bottom: 0px; }
table.taskslist div.infotools { padding-top: 0px; margin-top: 0px; }
table.taskslist div.infotools span.deadline { font-size: 1em; }

img.avatar { border: 1px solid #e0e0e0; }

td.tinycontrols { font-size: 7pt; }
span.tinycontrols { font-size: 7pt; }

div.no_projects table.taskslist { margin-top: 0px; }

table.head_selector { border-bottom: 6px solid #EEBF2C; }
table.head_selector td { background-color: #ffffff; }
table.head_selector td div.block { background-color: #ffffff; margin-right: 0px; }
table.head_selector td.active { background-color: #EEBF2C; }
table.head_selector td.active a { text-decoration: none; color: #ffffff; }
table.head_selector td.active div.block { background-color: #EEBF2C; margin-right: 0px; }
table.head_selector td div.block #hbc { padding-bottom: 4px; color: #ffffff; }

table.head_selector_green { border-bottom: 6px solid #6CAA68; }
table.head_selector_green td.active { background-color: #6CAA68; }
table.head_selector_green td.active div.block { background-color: #6CAA68; margin-right: 0px; }

table.head_selector div.block { float: none; }

table.project_title { width: 100%; margin-top: 1em; border-bottom: 1px solid #e0e0e0; }
table.project_title td { padding: 0.15em 0.2em; font-size: 1.6em; font-family: Tahoma; font-weight: normal; background-color: #f0f0f0; }
table.project_title td a { color: #606060; text-decoration: none; }
table.project_title td a:hover { color: #505050; text-decoration: underline; }

blockquote { margin-left: 1em; padding-left: 0.5em; border-left: 3px solid #909090; }

b.niftycorners, b.niftyfill { display: block }
b.niftycorners * {display: block; height: 1px; line-height:1px; font-size: 1px; overflow: hidden; border-style: solid; border-width: 0 1px; }

b.r1 { margin: 0 3px; border-width: 0 2px; }
b.r2 { margin: 0 2px; }
b.r3 { margin: 0 1px; }
b.r4 { height: 2px; }
b.rb1 { margin: 0 8px; border-width: 0 2px; }
b.rb2 { margin: 0 6px; border-width: 0 2px; }
b.rb3 { margin: 0 5px; }
b.rb4 { margin: 0 4px; }
b.rb5 { margin: 0 3px; }
b.rb6 { margin: 0 2px; }
b.rb7 { margin: 0 1px; height: 2px; }
b.rb8 { margin: 0; height: 2px; }
b.rs1 { margin: 0 1px; }

b.t1 { border-width: 0 5px; }
b.t2 { border-width: 0 3px; }
b.t3 { border-width: 0 2px; }
b.t4 { height: 2px; }
b.tb1 { border-width: 0 10px; }
b.tb2 { border-width: 0 8px; }
b.tb3 { border-width: 0 6px; }
b.tb4 { border-width: 0 5px; }
b.tb5 { border-width: 0 4px; }
b.tb6 { border-width: 0 3px; }
b.tb7 { border-width: 0 2px; height: 2px; }
b.tb8 { border-width: 0 1px; height: 2px; }
b.ts1 { border-width: 0 2px; }

ul#topmenu, ul#topmenu li { list-style-type: none; margin: 0; padding: 0; }
ul#topmenu li { float: left; margin-right: 8px; text-align: center}
ul#topmenu a { float: left; width: 8em; padding: 0px; white-space: nowrap; text-decoration: none; }
ul#topmenu a.butt { background-color: #f7f7f7; padding: 3px 6px; }
ul#topmenu a.buttactive { background-color: #3E8FB4; color: #ffffff; padding: 3px 6px; }
ul#topmenu a.butt:hover { background-color: #3E8FB4; color: #ffffff; }

.ulink img { vertical-align: middle; padding-right: 3px; }

div.invisible { display: none; }

div.team_projects_list { font-size: 0.85em; color: #909090; }
div.team_projects_list a { color: #909090; }

span.task_project_title { color: #909090; font-size: 0.85em; }
span.task_project_title a { color: #909090; }
span.task_project_title a:hover { color: #1088BE; }

.substuff { color: #909090; }

div.workers { font-size: 0.8em; color: #909090; }
div.workers a { color: #909090; }

tr.hover { background-color: #f0f0f0; }

td.commentava { vertical-align: top; }
td.commenttxt { vertical-align: top; }

div.adv { padding-top: 1em; padding-left: 10px; color: #a0a0a0; }
div.adv a { color: #a0a0a0; }