/* css for rulebuilder */

div.condition { 
   padding: 0px 8px; 
   border:0; 
   font-weight:bold; 
   color:#333;
}
td.condition  { padding-right: 4px}

div.action { 
   padding: 4px 8px; 
   border:0; 
   font-weight:bold; 
   color:#333;
}
td.action  { padding-right: 4px }

.pointer_box_title { padding:0px 4px 4px 4px; font-weight:bold; color:#333; }

#conditions_div {margin-top:18px;}
#notes_div {margin-top:18px;}
#menu_div {width:176px;}

.debug { border: 1px solid #f90 }

div.arrow_button_icon { float:left;  padding:5px;  }
div.arrow_button_text { margin-left: 10px; padding-bottom:2px; }

/* Condition/Action boxes */

.round_box.rb_box {
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.rb_title {
   background-color: #D7D7D7;
   padding: 2px 5px;
   font-weight: bold;
}


.rb_title a {
   color: #b00;
   margin-left: 10px;
}

.rb_title a:hover {
   text-decoration: none;
   color: #E9681D;
}

.rb_arrow {
   height: 8px; 
   background-image: url(images/then-arrow.png);
   background-position: center center;
   background-repeat: no-repeat;
   margin-right: 20px;
}

/* - Separators */

.rb_separator {
   border-top: 1px solid #AAA;
   margin: 0;
}

.rb_separator_text {
   position: relative;
   top: -1em;
   text-align: center;
   margin: 2px 0 0 2em;
   color: #666;
   background: #F2F2F2;
   float: left;
   width: 4em;
   font-weight: bold;
}

/* Insertion Menu */

.rb_menu_conditions, .rb_menu_actions {
   border: 1px solid #999;
   background-color: #DDD;
   margin-top: 15px;
   width: 86px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   cursor: pointer;
}

.rb_menu_conditions:hover, .rb_menu_actions:hover {
   background-color: #F2F2F2;

}

.rb_menu_conditions {
   border-right: none;
   width: 87px;
}

.rb_menu_conditions.on, .rb_menu_actions.on {
   background-color: #F2F2F2;
   border-bottom-color: #F2F2F2;
   cursor: auto;
}

#conditions_menu, #actions_menu {
   padding-top: 3px;
   background-color: #F2F2F2;
   border: 1px solid #999;
   border-top: none;
}

.rb_menu_bottom {
   height: 3px;
}

.menu, .menu_over, .menu_down, .menu_disabled, .menu_header, .menu_subsection {
   background-color: #F2F2F2;
   margin:0; 
   padding: 2px 4px 1px 0;
   font-size: 11px;
   border-top: none;
   border-top: 1px solid #BBB;
   cursor: pointer;
}

.menu_over, .menu_subsection:hover {
   background-color: #DDD;
}

.menu_disabled {
   color: #bbb;
   cursor: auto;
}

.menu_down {
   background-color: white;
}

.menu_header {
   background-color: #414042;
   color: white;
   font-weight: bold;
   padding: 2px 4px;
   border-bottom: 1px solid black;
   cursor: auto;
   border: none;
}

.menu_subsection  { 
   font-weight: bold;
   color: #000;
   padding: 2px 2px;
}