.bg_green  { background-color: #53962f; }
.bg_red    { background-color: #ff541f; }
.bg_orange { background-color: #d8871b; }

.main_comofunc {
    background: transparent url(../img/main_comofunc_bg_2.gif) repeat-x; 
    color: #fff; 
    font-weight: bold;
}

.main_comofunc_shadow {
    background: transparent url(../img/main_comofunc_shadow.gif) repeat-x;
}

.plan_common_table { width: 100%;}

.plan_title_simple       { padding: 0px 0px 0px 15px; font-weight: bold; background: transparent url(../img/tick_green.gif) left top no-repeat;}
.plan_title_professional { padding: 0px 0px 0px 15px; font-weight: bold; background: transparent url(../img/tick_red.gif) left top no-repeat;}
.plan_title_business     { padding: 0px 0px 0px 15px; font-weight: bold; background: transparent url(../img/tick_orange.gif) left top no-repeat;}


/*------------ box header -------------------*/

.box_header_corner   { padding: 0px; margin: 0px; width:6px; height:6px; }

.box_header_center { font-size: 5px;  width: 100%; }

.box_header_center .green  { background: transparent url(../img/boxes/b_green.gif) repeat-x; }
.box_header_center .red    { background: transparent url(../img/boxes/b_red.gif) repeat-x; }
.box_header_center .orange { background: transparent url(../img/boxes/b_orange.gif) repeat-x; }  


/*------------ box footer -------------------*/

.box_footer_corner   { padding: 0px; width: 6px; height:6px; }
    
.box_footer_left_green  { background: transparent url(../img/boxes/crn_bl_green.gif) left bottom no-repeat; }    
.box_footer_left_red    { background: transparent url(../img/boxes/crn_bl_red.gif) left bottom no-repeat; }    
.box_footer_left_orange { background: transparent url(../img/boxes/crn_bl_orange.gif) left bottom no-repeat; }    

.box_footer_right_green  { background: transparent url(../img/boxes/crn_br_green.gif) right bottom no-repeat; }
.box_footer_right_red    { background: transparent url(../img/boxes/crn_br_red.gif) right bottom no-repeat; }
.box_footer_right_orange { background: transparent url(../img/boxes/crn_br_orange.gif) right bottom no-repeat; }

/*-------------- box category  ----------------------*/

div.box_content_lb_green  { background: transparent url(../img/boxes/b_green.gif) left repeat-y;  margin: 0; }
div.box_content_lb_red    { background: transparent url(../img/boxes/b_red.gif) left repeat-y;  margin: 0; }
div.box_content_lb_orange { background: transparent url(../img/boxes/b_orange.gif) left repeat-y;  margin: 0; }

div.box_content_rb_green  { background: transparent url(../img/boxes/b_green.gif) right repeat-y; padding: 0px 0px 0px 0px;  margin: 0; }
div.box_content_rb_red    { background: transparent url(../img/boxes/b_red.gif) right repeat-y; padding: 0px 0px 0px 0px;  margin: 0; }
div.box_content_rb_orange { background: transparent url(../img/boxes/b_orange.gif) right repeat-y; padding: 0px 0px 0px 0px;  margin: 0; }

div.box_content {}

/* plan category table */
table.box_content_category {margin: 0px 4px 0px 4px;}

table.box_content_category td.corner { width: 5px; height: 24px; }
table.box_content_category td.center { color: #fff; text-align: center; font-weight: bold; font-size: 13px;}

table.box_content_category td.left_green   { background: transparent url(../img/boxes/cat_left_green.gif) left top no-repeat; }
table.box_content_category td.left_red     { background: transparent url(../img/boxes/cat_left_red.gif) left top no-repeat; }
table.box_content_category td.left_orange  { background: transparent url(../img/boxes/cat_left_orange.gif) left top no-repeat; }

table.box_content_category td.right_green  { background: transparent url(../img/boxes/cat_right_green.gif) right top no-repeat;}
table.box_content_category td.right_red    { background: transparent url(../img/boxes/cat_right_red.gif) right top no-repeat;}
table.box_content_category td.right_orange { background: transparent url(../img/boxes/cat_right_orange.gif) right top no-repeat;}


table.box_content_text { margin:5px 0px 0px 0px; }
table.box_content_text td { padding: 5px; font-size: 12px;}
table.box_content_text td.bb_red{ border-bottom: 1px dashed #ff541f;}
table.box_content_text td.bb_orange{ border-bottom: 1px dashed #d8871b;}
table.box_content_text td.lb_green{ border-left: 1px dashed #53962f;}


.ver_mass_info        { text-align: right; padding: 6px 10px 0px 0px; }
.ver_mass_info_green  { background: #53962f url(../img/boxes/b_dotted_green.gif) top repeat-x; }
.ver_mass_info_red    { background: #ff541f url(../img/boxes/b_dotted_red.gif) top repeat-x; }
.ver_mass_info_orange { background: #d8871b url(../img/boxes/b_dotted_orange.gif) top repeat-x; }

.ver_mass_info a, .ver_mass_info a:hover { text-transform: uppercase; color: #fff; font-size: 10px; text-decoration: none; background: transparent url(../img/arrow4.gif) right no-repeat; padding-right: 13px;}