body {
/*    border-top: 4px solid #333;*/
}


/* Structure
*********************/

#main_wrapper {
    width: 1000px;
    margin: 0px auto 15px auto;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
    background: #FFF;
}

#header {
    margin-bottom: 10px;
}

#view_navigation {
    font-size: 13px;
/*    color: #999999;*/
    color: #000;
    padding: 12px 20px 12px 20px;
    border: 1px solid #E8E8E8;
    font-size: 12px;
    margin-bottom: 10px;
    background: #e8e8e8;
}

#content {
    border: 1px solid #E8E8E8;
}

#main_content {
    float: left;
    width: 657px;
}

#sidebar {
    width:340px;
    float:left;
    border-left:1px solid #E8E8E8;
}


/* HTML objects
*********************/

h1, h2, h3, h4, h5 {
    font-weight: normal;
    color: #777777;
    margin-bottom: 1.0em;
    line-height: 1.2em;
}
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

p {
    font-size: 12px;
    margin-bottom: 1.2em;
    line-height: 1.4em;
}
small { font-size: 10px;}
a {
    color: #7CBA0F;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


/* Header
*********************/

#header {
    padding-bottom: 10px;
}

#header #login {
    margin-top: 10px;
}


/* Notification
*********************/

#notification {
    padding: 10px 20px;
    margin-bottom: 10px;
    border: 1px solid #E8E8E8;
    background-color: #eaf585;
    color: #333;
}
#notification a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}
#notification a:hover {
    text-decoration: none;
}
#notification #close_notification {
    cursor: pointer;
    font-size: 10px;
}
#notification .highlight {
    background-color: #7CBA0F;
}


/* Navigation
*********************/

#view_navigation {
    
}

#view_navigation label {
    color: #333;
    font-weight: bold;
}

#view_navigation strong, #time_navigation strong {
    color: #444;
    font-weight: normal;
}

#view_navigation #view_all_actions {
    padding-top: 3px;
}
#view_navigation #page_jump {
/*    padding: 0 0 0 21px;*/
/*    background-image: url('img/page_icon.png');*/
    background-repeat: no-repeat;
}

#time_navigation {
    border-bottom: 1px solid #E8E8E8;
    padding: 8px 20px;
    color: #999;
}
.blue a {
    color: #3690c0;
}

#view_navigation a.current, #time_navigation a.current {
    color: #000;
    font-weight: bold;
}


/* General property classes
*********************/

.one_column_view { max-width: 600px; margin: 0 auto; }

.bold { font-weight:bold; color: #000;}
.light { color: #999; }
a.current { color: #444; }
.graybg { background-color: #E8E8E8; }
.greenbg { background-color: #7CBA0F; }

.align_right { text-align:right; }
.align_center { text-align:center; }
.float_left { float: left; }
.float_right { float: right; }
.clear-line { clear: both; }

.img_left { float:left; margin-right:1.3em; }
.img_right { float:right; margin-left:1.3em; }
.border { border: 1px solid #CCC; }

.hover_meta { background: #7CBA0F; color: #FFF; }
.section { padding: 20px; }

.caps { text-transform: uppercase; }

.normal_print { font-size:12px; font-weight:normal;}
.big_print { font-size: 26px; line-height:34px; }
.bigger_print { font-size: 36px;}
.giant_print { font-size: 110px;}

.border_top { border-top: 1px solid #E8E8E8; }
.border_bottom { border-bottom: 1px solid #E8E8E8;}
.border_bottom_dashed { border-bottom: 1px dashed #E8E8E8; }
.border_right { border-right: 1px solid #E8E8E8; }
.border_left { border-left: 1px solid #E8E8E8; }

.level0 { color: #f1eef6; }
.level1 { color: #d0d1e6; }
.level2 { color: #a6bddb; }
.level3 { color: #74a9cf; }
.level4 { color: #3690c0; }
.level5 { color: #0570b0; }
.level6 { color: #034e7b; }

.level0_green { color: #e5f3d1; }
.level1_green { color: #d8edba; }
.level2_green { color: #CCe7a4; }
.level3_green { color: #b2db76; }
.level4_green { color: #99cf49; }
.level5_green { color: #7fc31b; }
.level6_green { color: #208000; }
/*0xFFe5f3d1, 0xFFd8edba, 0XFFCCe7a4, 0xFF, 0xFF, 0xFF*/

.table_form table th { text-align: right; }
.table_form table td { padding: 10px 5px; }

/* Button
*********************/

a.button { 
    padding: 0.3em; 
    text-transform:uppercase; 
    color: #FFF; 
    font-size:0.8em; 
    background-color: #a6bddb;
}
a.button:hover {
    text-decoration: none;
    background-color: #7CBA0F;
}


/* Loading
*********************/

.loader_status {
  height: 16px;
  width: 30px;
}

#action_loading { padding: 6px; }
.loading { background: url(img/ajax_loader.gif) no-repeat center center; }
.loading2 { background: url(img/ajax_loader.gif) no-repeat center center; }
.status { padding: 2px 4px; color: #FFF;}
.error { padding: 2px 4px; color: #000; }

/* Pagination
*********************/

.pagination .step_links { color: #999;}
.pagination .current { color: #333; }



/* Sidebar
*********************/

.sidebar_section {
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;
}
.sidebar_section.no_border {
    border: none;
}
#show_hidden {
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    padding: 1px;
    background: #E0E0E0;
    cursor: pointer;
}
#show_hidden:hover {
    color: #FFF;
    background: #666;
}

/* Section
*********************/

.section ol {
    list-style-type: decimal;
}
.section ol li {
    margin-left: 20px;
    line-height: 1.3em;
    margin-bottom: 5px;
}


/* Idea list
*********************/

#tags small {
    color: #999;
}
#tags a.curr_tag {
    color: #333;
    font-weight: bold;
}



/* Idea list
*********************/

ul.idea_list { 
    width: 46%;
    margin-right: 20px;
}

ul.idea_list li {
    font-size: 0.9em;
    color: #999;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}
ul.idea_list li strong {
    font-weight: normal;
    color: #333;
}


/* Recent actions
*********************/

ul.recent_actions_list {
/*    margin-top: 10px;*/
    font-size: 11px;
}

ul.recent_actions_list h3 {
    margin-top: 25px;
}
ul.recent_actions_list h3:first-child {
    margin-top: 0;
} 

ul.recent_actions_list li {
    line-height: 1.2em;
    border-bottom: 1px dotted #E0E0E0;
    padding: 4px 0;
    color: #444;
}

ul.recent_actions_list li span {
    font-size: 0.9em;
    color: #999;
}


/* Actions Page
*********************/

#add_module {
    border-bottom: 1px solid #E8E8E8;
    padding: 8px 20px 4px 20px;
    color: #999;
}
#add_module_form {
    margin: 20px 0 10px 0;
}
#add_module_form label {
    color: #333;
}
#add_module_form select {
    margin-right: 20px;
}
#add_module_form .submit {
    margin-right: 5px;
}

#columns .column {
    float: left;
    width: 455px;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}
#columns .column .widget {
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}
#columns .widget .widget-head {
    overflow: hidden;
    width: 100%;
    background-color: #E8E8E8;
    padding: 4px 0px 4px 0px;
}
#columns .widget .widget-head h3 {
    float: left;
    margin: 0 0 0 8px;
    font-size: 12px;
}

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url(http://media.flowingdata.com/yfd2/img/buttons-light.gif) no-repeat 0px 0;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    text-indent: -9999em;
    outline: none;
}
.widget-content {
    padding-top: 20px;
}
.widget-placeholder { 
    border: 1px dashed #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/* Actions Viz Nav
*********************/

#viz_icons img {
    margin-left: 5px;
    border: 1px solid #F2F2F2;
}
#viz_icons img.current {
    border: 1px solid #333;
}


/* Actions Cloud
*********************/

#actions_cloud {
    padding: 20px;
}
#actions_cloud a:hover {
    color: #003F87;
}
#actions_cloud .action_item span { cursor: default;}

/* Actions Log
*********************/

#actions_log h3 {
    color: #000;
}

#actions_log ul {
    
}

#actions_log li {
    line-height: 1.2em;
    border-bottom: 1px dotted #E0E0E0;
    padding: 6px 4px;
    color: #444;
}
#actions_log li.highlight { background-color:#B9D3EE; }
#actions_log li.selected { 
    background-color: #E8E8E8;
    border-top: 2px solid #999;
/*    border-bottom: 2px solid #999;*/
}
#actions li a {
    color: #7CBA0F;
    text-decoration: none;
}
#actions_log li span {
    font-size: 0.9em;
    color: #999;
}
#actions_log .edit_link, #actions_log .delete_link {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 10px;
    color: #FFF;
    margin-left: 4px;
}
#actions_log .edit_delete_holder .show { color: #444; }
#actions_log .edit_delete_holder .highlight {
    background-color: #7CBA0F;
    color: #FFF;
}
#actions_log li span.cancel_link {
    color: #333;
    text-decoration: underline;
}



/* Actions Recent
*********************/

#actions_recent #most_recent_action {
    margin-bottom: 0.3em;
}

#actions_recent_list {
    line-height: 1.5em;
    margin-bottom: 20px;
}
#actions_recent_list small {
    color: #999;
}
#actions_recent_list span {

}


/* Action Edit
*********************/

.table_form .char_field input {
    width: 200px;
}
.table_form input.submit {
    width: 80px;
}
.table_form th { width: 120px; }
.table_form td { text-align: left; padding-bottom: 20px; }
.table_form .cancel_link { 
    color: #333; 
    margin-left:10px; 
    cursor: pointer;
}


/* Action Meta Edit
*********************/

#action_meta_edit {
    padding: 20px;
}
#action_meta_edit li {
    margin: 0 0 5px 10px;
}


/* View category
*********************/

#actions_by_time {
    
}

#actions_by_time td {
    padding: 5px;
}

#actions_by_time .unit_label {
    font-size: 14px;
    color: #000;
/*    font-weight: bold;*/
    width: 140px;
    text-align: right;
    padding-right: 10px;
    vertical-align: bottom;
}
#actions_by_time .unit_label span {
    font-weight: normal;
    padding: 2px;
}

.close_link { 
    cursor: pointer; 
    color: #808080; 
    font-size:10px; 
    text-transform:uppercase; 
}
.close_link.hover_meta { color: #FFF; }


/* Tag list
*********************/

.taglist { 
    color: #E8E8E8; 
    line-height: 1.3em;
}
.taglist small { color: #999; font-size:9px; }


/* Visualization Tools
***********************/
table.tools {
    margin-top: 20px;
    width: 100%;
}
table.tools td {
    width: 40%;
    padding: 0 30px 20px 0;
}



/* Correlation
***********************/

.correlation td {
/*    padding: 4px;*/
    border: 1px solid #FFF;
    width: 30px;
    height: 30px;
}
.correlation tr.delays td {
    height: 25px;
    font-size: 11px;
    text-align: center;
    border: none;
    border-left: 1px dotted #CCC;
    vertical-align: middle;
}
.correlation td.label {
    width: 150px;
    text-align: right;
    padding-right: 15px;
    vertical-align: middle;
    font-weight: bold;
    border: none;
}
.correlation tr.delays td.label { 
    border: none;
    text-align: right;
    font-weight: normal;
}

.correlation .red1 { background: #FEE5D9; }
.correlation .red2 { background: #FCAE91; }
.correlation .red3 { background: #FB6A4A; }
.correlation .red4 { background: #CB181D; }
.correlation .gray { background: #F2F2F2; }
.correlation .green1 { background: #EDF8E9;  }
.correlation .green2 { background: #BAE4B3; }
.correlation .green3 { background: #74C476; }
.correlation .green4 { background: #238B45;  }



/* Reminders
*********************/

#reminders_table {
    margin-bottom: 30px;
}
#reminders_table th {
    text-align: left;
    padding: 8px;
    background: #fff;
    border-bottom: 1px solid #666;
}
#reminders_table td {
    padding: 8px;
    border-bottom: 1px dotted #CCC;
}
#reminders_table .delete_link {
    color: #3690c0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 10px;
}
#reminders_table tr:hover {
    background: #e8e8e8;
}
#reminders_table .delete_column {
    width: 40px;
}
#reminder_add_table td {
    padding: 8px;
}



/* Footer
*********************/

#footer {
    padding: 10px 0;
    font-size: 12px;
    color: #999;
}