/*
    key color: #9C1C6B
    support color: #E47297
*/

#content a:hover {color:#9C1C6B;}

#logo {background: url('../images/layout/logo_workspaces.gif') top left no-repeat;}

#workarea_top {background-image: url(../images/layout/workarea_top_workspaces_bg.gif);}
#workarea {background-image: url(../images/layout/workarea_workspaces_bg.gif);}
#workarea_bottom {background-image: url(../images/layout/workarea_bottom_workspaces_bg.gif);}

#watermark {background-image: url(../images/layout/watermarks/workspaces.png); height:225px; margin-top:-225px;}

#right {background-image: url(../images/layout/right_workspaces_bg.gif);}

#footer h4, #top_member_name {color:#E47297;}

#right h3 {background-color:#E47297;}
#right {background-color:#9C1C6B;}

#content div.marker {background-image: url('../images/layout/markers/workspaces.gif');}

#comments div.comment {font-size:12px;}

#comments textarea, #content form ul li select, #content form ul li input.title, #content form ul li input.tedit, #tags-update-form input.tedit,
#content form ul li textarea.memo, .attachments-upload-form li .tedit {background:#FFE1FB;}

#content #comments textarea {width:650px; height:100px; margin-bottom:5px;}
#content #comments textarea:focus {background:#fff;}
#comments textarea, #content form ul li select, #content form ul li input.title, #content form ul li input.tedit, #tags-update-form input.tedit,
#content form ul li textarea.memo, .attachments-upload-form li .tedit {border:1px solid #9C1C6B;}

#content #upload_form {border:1px dashed #9C1C6B;}

#workspace_thumb {float:right; padding-left:10px; padding-bottom:5px; background-color:#fff; max-width:100px; max-height:100px;}

#infohead a:hover, #filelist a:hover {color:#9C1C6B;}

#tags-update-form input.tedit {width:350px;}

#content h1#headline {background: #9C1C6B url(../images/layout/headline/workspaces.gif) 20px 0 no-repeat; padding-left:95px; width:604px;}

#right #tips {padding:15px; color:#fff; background:#BB6D9D; font-size:13px;}
#right #tips .head {font-size:15px; font-weight:bold;}

/*************************************************/
/*         Workspace field/form width            */
/*************************************************/
#content form ul li label {width:150px;}
#content form ul li input.title, #content form ul li input.tedit, #content form ul li textarea.memo {width:470px;}
#content form ul li input.tedit.medium_short {width:400px;}
#content form ul li input.tedit.very_short{width:100px;}

/************************************************/
/*         Workspace specific styles            */
/************************************************/

#content div.workspacebox {width:650px; margin: 20px auto 0px auto; clear:both;}
#content div.workspacebox div.top {width:650px; height:16px; background: url('../images/layout/boxes/workspace_top2.gif') top left no-repeat;}
#content div.workspacebox div.desc {width:630px; background: url('../images/layout/boxes/workspace_middle2.gif') top left repeat-y; padding:0px 10px 0 10px; clear:both;}
#content div.workspacebox div.btm {width:650px; height:17px; background: url('../images/layout/boxes/workspace_btm2.gif') top left no-repeat;}
#content div.workspacebox div.desc div.postby {float:left; width:500px;font-family:verdana, arial,sans-serif;font-size:10px;color:#666; padding-top:4px;}
#content div.workspacebox div.desc div.comments {float:right; width:120px;text-align:right;padding-right:5px;font-family:verdana, arial,sans-serif;font-size:10px;color:#666;}
#content div.workspacebox div.desc img.thumb {float:left; margin-right:10px; margin-bottom:5px; max-width:100px; max-height:100px;}

#content div.workspacebox div.desc div.postby a {color:#666;}
#content div.workspacebox div.desc div.comments a {color:#666;}

/*#content div.workspacebox div.desc h2 {margin-top:-5px; margin-bottom:0px;}*/
#content div.workspacebox div.desc p {margin-top:5px; margin-bottom:10px;}
#content div.workspacebox div.desc a.workspace {text-decoration:none;color:#9C1C6B;}
#content div.workspacebox div.desc a.workspace:hover {text-decoration:underline;color:#9C1C6B;}

#content #files {clear:both; width:650px; padding-left:20px; margin-bottom:20px;}

#content #workspace_description {color:#666; font-style:italic;}

#content #comments {clear:both; width:650px; padding-left:20px; margin-bottom:20px;}

#content #comments div.comment {margin-bottom:10px;}

#content #comments div.comment div.postby {background-color:#E47297; color:#fff; padding:3px 0px 3px 10px;}
#content #comments div.comment div.postby a {color:#fff; font-weight:bold;}
#content #comments div.comment div.postby span.tools {float:right; padding-right:10px;}
#content #comments div.comment div.postby span.tools img {border:0 none;}
#content #comments div.comment div.message {padding:3px 0px 3px 12px;}

/* pseudo table */
#content #team_table {/*font-size:smaller;*/ float:left; width:600px;}
#content #team_table div {clear:both; padding-bottom:5px; margin-bottom:12px;}    /* tr */
#content #team_table div div {clear:none; float:left; text-align:left; margin-bottom:0;}  /* td */
#content #team_table div div img {border:0 none; vertical-align:middle;}
#content #team_table div div.first_col {width:3%;}
#content #team_table div div.second_col {width:32%;}
#content #team_table div div.third_col {width:42%;}
#content #team_table div div.fourth_col {width:23%;}

#right a.right_menu_link.active {color:#9C1C6B;}

div.tooltip {color:#FFF;}
div.tooltip label {color:#ccc;}

#workspace_color_themes, #workspace_styles {width:100%;}
#workspace_color_themes td, #workspace_styles td {width:25%; padding:5px 0; background:#fff;}

#workspace-visibility-voting-table {margin-left:150px; margin-top:10px; width:450px;}
#workspace-visibility-voting-table table {width:100%;}
#workspace-visibility-voting-table th, #workspace-visibility-voting-table td {padding:5px; background-color:#eee;}

/*************************************************/
/*                Calendar Styles                */
/*************************************************/
.milestone {font-weight:bold;}
.milestone.current, .calendar_milestone.current {color:orange;}
.milestone.completed, .calendar_milestone.completed {color:green; text-decoration:line-through;}
.milestone.incompleted, .calendar_milestone.incompleted {color:red;}
.calendar_milestone {cursor:default;}

.actday {font-weight:bold;}
.month_name {font-size:14px; font-weight:bold; text-align:center; padding:5px;}
table.month {border-right:1px solid #000; border-bottom:1px solid #000;}
table.month td {width:95px; height:50px; vertical-align:top; font-size:9px; padding:2px; border-left:1px solid #000; border-top:1px solid #000;}
table.month td.day_name {text-align:right; height:20px; font-size:12px; font-weight:bold;}
table.month td .day_num {text-align:right;}
table.month td .items {font-weight:normal; padding-left:0px !important; list-style-type:none;}
table.month td .items li {padding-bottom:0px !important; margin-left:0px; margin-top:0px;}

#update_milestones_container {padding-left:20px;}

#intro_message_content {background: url('../images/layout/description_box/workspace_img.gif') top right no-repeat;}
#intro_message_content h1 {color:#9C1C6B;}
#intro_message_content #content_place ul {list-style-image: url('../images/layout/description_box/workspaces_bullet.gif');}
#intro_message_content #content_place #tip_table {width:300px;}
#intro_message_content #content_place #tip_table #tip_table_left {background: url('../images/layout/description_box/workspace_box_left.gif') repeat-x;}
#intro_message_content #content_place #tip_table #tip_table_center {background: url('../images/layout/description_box/workspace_box_bg.gif') repeat-x;}
#intro_message_content #content_place #tip_table #tip_table_right {background: url('../images/layout/description_box/workspace_box_right.gif') repeat-x;}