/*
    key color: #FFBB00
    support color: #FFD54A
*/

#content a:hover {color:#FFBB00;}

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

#workarea_top {background-image: url(../images/layout/workarea_top_dir_bg.gif);}
#workarea {background-image: url(../images/layout/workarea_dir_bg.gif);}
#workarea_bottom {background-image: url(../images/layout/workarea_bottom_dir_bg.gif);}

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

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

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

#right h3 {background-color:#FFD54A;}
#right {background-color:#FFBB00;}
#right a.right_menu_link.active, #right a.right_menu_link.active:visited {color:#e9ab00;}
#right a.right_menu_link.active {background-image: url(../images/layout/menu_gradient_dir.gif);}

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

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

.attachments-file-list {margin-left:0;}
.attachments-no-files-placeholder {padding-left:5px;}

#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 {background:#FFF6BD;}

#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 {border:1px solid #FFBB00;}

#infohead a:hover, a.member:hover, a.tag:hover {color:#FFBB00;}

a.member {color:#FFBB00;}

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

#content ul#tags_list {list-style-type:none;}

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

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

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

/*************************************************/
/*         Directory 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, #content form ul li select {width:500px;}
#content form ul li input.tedit.medium_short, #content form ul li select.medium_short {width:400px;}
#content form ul li input.tedit.very_short, #content form ul li select.very_short {width:100px;}

/************************************************/
/*        Directory specific styles             */
/************************************************/

#right a.right_menu_link.active {color:#FFBB00;}

#content .last_activity, .member_since {font-size: 12px; font-weight:normal; color:#999;}
#content .quick_intro {font-style: italic; color:#999;}

a.member {text-decoration:none;}
a.member:hover {text-decoration:underline;}

#content table.data th {background-color:#FFBB00; text-align:center;}

#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:#FFD54A; 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;}

/************************************************/
/*         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;}
#content div.workspacebox div.desc a.workspace:hover {text-decoration:underline;color:#9C1C6B;}


/************************************************/
/*             Idea specific styles             */
/************************************************/

#content div.ideabox {width:650px; margin: 20px auto 0px auto;clear:both;}
#content div.ideabox div.top {width:650px; height:16px; background: url('../images/layout/boxes/ideas_top2.gif') top left no-repeat;}
#content div.ideabox div.desc {width:630px; background: url('../images/layout/boxes/ideas_middle2.gif') top left repeat-y; padding:0px 10px 0 10px; clear:both;}
#content div.ideabox div.btm {width:650px; height:17px; background: url('../images/layout/boxes/ideas_btm2.gif') top left no-repeat;}
#content div.ideabox div.desc div.postby {float:left; width:500px; font-family:verdana, arial,sans-serif;font-size:10px;color:#666; padding-top:4px;}
#content div.ideabox 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.ideabox div.desc img.thumb {float:left; margin-right:10px; margin-bottom:5px; max-width:100px; max-height:100px;}

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


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

/***************************************************************/
/*             Discussion Question specific styles             */
/***************************************************************/

#content div.discussion_question_box {width:650px; margin: 20px auto 0px auto;clear:both;}
#content div.discussion_question_box div.top {width:650px; height:16px; background: url('../images/layout/boxes/discussion_questions_top.gif') top left no-repeat;}
#content div.discussion_question_box div.desc {width:630px; background: url('../images/layout/boxes/discussion_questions_middle.gif') top left repeat-y; padding:0px 10px 0 10px; clear:both;}
#content div.discussion_question_box div.btm {width:650px; height:17px; background: url('../images/layout/boxes/discussion_questions_btm.gif') top left no-repeat;}
#content div.discussion_question_box div.desc div.postby {float:left; width:500px;font-family:verdana, arial,sans-serif;font-size:10px;color:#666; padding-top:4px;}
#content div.discussion_question_box 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.discussion_question_box div.desc img.thumb {float:left; margin-right:10px; margin-bottom:5px; max-width:100px; max-height:100px;}

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


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

/************************************************/
/*      Opportunity specific styles             */
/************************************************/

#content #opportunity_status.closed {color:#FF7900;}
#content #opportunity_status.open {color:#007700;}

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

#content table.data thead tr {background-color:#80C31C;}

#content .opportunity_type {color:#999; font-size:13px;}

#content table.data .opportunity_link {text-decoration:none;}

div.tooltip {color:#000;}
div.tooltip label {color:#444;}

a.num_of_friends {display:block; float:right; font-size:11px; color:#fff; font-weight:bold;  background-color:#bbb; border:0px solid #bbb; padding:3px 7px 3px 7px; text-decoration:none;}

a.num_of_friends:hover {background-color:#FFBB00; color:#fff !important;}

/*div.num_of_friends {float:right; background-color:#3FA4E7; border:1px solid #000; padding:3px;}*/

#intro_message_content {background: url('../images/layout/description_box/network_img.gif') top right no-repeat;}
#intro_message_content h1 {color:#FFBB00;}
#intro_message_content #content_place {width:420px;}
#intro_message_content #content_place ul {list-style-image: url('../images/layout/description_box/network_bullet.gif');}
#intro_message_content #content_place #tip_table #tip_table_left {background: url('../images/layout/description_box/network_box_left.gif') repeat-x;}
#intro_message_content #content_place #tip_table #tip_table_center {background: url('../images/layout/description_box/network_box_bg.gif') repeat-x;}
#intro_message_content #content_place #tip_table #tip_table_right {background: url('../images/layout/description_box/network_box_right.gif') repeat-x;}