@charset "utf-8";

/* boxes system */

/* black_box */
.black_box            { background:#000; border-left:1px solid #000;border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:0.769em; margin-bottom:10px}
/* white_box */
.white_box            { background:#fff;border-left:1px solid #fff;border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;padding:0.769em; margin-bottom:10px}  
/* gray_eb_box */
.gray_eb_box          { background:#ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:0.769em; margin-bottom:10px}
/* gray_f4f5e9_box */
.gray_f4f5e9_box      { background:#f4f5e9; border-left:1px solid #f4f5e9;border-top:1px solid #f4f5e9; border-right:1px solid #f4f5e9; border-bottom:1px solid #f4f5e9;  padding:0.769em; margin-bottom:10px}
/* gray_99_border_box */
.gray_99_border_box   { background:#fff;padding:0.769em; margin-bottom:10px;border-left:0.08em solid #999;border-top:0.08em solid #999; border-right:0.08em solid #999;border-bottom:0.08em solid #999}
/* gray_c1_2border_box */
.gray_c1_2border_box   { background:#fff;padding:0.769em; margin-bottom:10px;border-left:2px solid #c1c1c1;border-top:2px solid #c1c1c1; border-right:2px solid #c1c1c1;border-bottom:2px solid #c1c1c1}
/* blue_007CC6_border_box */
.blue_border_box      { background:#fff;padding:0.769em; margin-bottom:10px;border-left:1px solid #007CC6;border-top:1px solid #007CC6; border-right:1px solid #007CC6;border-bottom:1px solid #007CC6}
/* orange_soft_box */
.orange_soft_box      { background:#F7F3D8; padding:0.769em; margin-bottom:10px;border-left:1px solid #F7F3D8;border-top:1px solid #F7F3D8; border-right:1px solid #F7F3D8;border-bottom:1px solid #F7F3D8}
/* yellow_soft_box */
.yellow_soft_box      { background:#fcffaf; padding:0.769em; margin-bottom:10px;border-left:1px solid #d3a811;border-top:1px solid #d3a811; border-right:1px solid #d3a811;border-bottom:1px solid #d3a811}
.yellow_soft_box_fb   { background:#fcffaf; padding:0.769em; margin-bottom:10px;border-left:1px solid #d3a811;border-top:1px solid #d3a811; border-right:1px solid #d3a811;border-bottom:1px solid #d3a811; margin-right: 60px;}
/* blue_box */
.blue_box             { background:#d6ecfd;border-left:1px solid #fff;border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;padding:0.769em; margin-bottom:10px}
/* blue_soft_box */
.blue_soft_box        { background:#F2F8FC;border-left:1px solid #fff;border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;padding:0.769em; margin-bottom:10px}
/* green_box */
.green_box            { background:#01D452;border-left:1px solid #01D452;border-top:1px solid #01D452; border-right:1px solid #01D452; border-bottom:1px solid #01D452;padding:0.769em}
/* pink_box */
.pink_box             { background:#f9eadd; padding:0.769em; margin-bottom:10px}
/* red_box */
.red_box             { background:#cc0000; padding:0; margin-bottom:10px}




/* gradients */
.black_g_box            { padding:0.769em; margin-bottom:10px; color:#fff;
background:#000;
background: -moz-linear-gradient(center bottom , #000 9%, #5f5e5a 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#5f5e5a));}

.orange_g_box            { padding:0.769em; margin-bottom:10px;
background:#B41017;
background: -moz-linear-gradient(center bottom , #B41017 9%, #FE843C 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#FE843C), to(#B41017));}

.gray_blue_g_box            { padding:0.769em; margin-bottom:10px;
background:#7da4d6;
background: -moz-linear-gradient(center bottom , #7da4d6 9%, #e6e6e6 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#7da4d6));}

.gray_g_box            { padding:0.769em; margin-bottom:10px;
background:#d4d4d4;
background: -moz-linear-gradient(center bottom , #d4d4d4 9%, #f1f1f1 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d4d4d4));}

.gray_g2_box           { padding:0.769em; margin-bottom:10px; border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;
background:#d4d4d4;
background: -moz-linear-gradient(center bottom , #f6f6f6 9%, #fff 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));}

.gray_g2_box.selected         { padding:0.769em; margin-bottom:10px; border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;
background:#000;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(239,141,49,0.67) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(239,141,49,0.67)));


}

.blue_g_box      { background:#fff;padding:0.769em; margin-bottom:10px;border-left:1px solid #d6ecfd;border-top:1px solid #d6ecfd; border-right:1px solid #d6ecfd;border-bottom:1px solid #d6ecfd;
background:#d6ecfd;
background: -moz-linear-gradient(center bottom , #d6ecfd 9%, #fff 98%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6ecfd));}


.gray_gb_box            { margin-bottom:10px; border:1px solid #aaa}
.gray_gb_box .top { padding:5px; border-bottom:1px solid #aaa;
background:#d4d4d4;
background: -moz-linear-gradient(center bottom , #ddd 9%, #fff 92%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));}

/* stories box */
.story_box .top   { border:1px solid #bbb; padding:10px;background:#ccc;
background: -moz-linear-gradient(center bottom , #ccc 9%, #fff 98%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));}
.story_box .mid   { padding:10px; margin-bottom:10px; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb;
background:#ccc;
background: -moz-linear-gradient(center bottom , #ccc 9%, #fff 98%) repeat scroll 0 0 transparent; 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));}
/* end stories box */

/* to make radius corners90 */
.radius_top0  { -ms-border-radius-topleft: 0; /*IE8*/ -ms-border-radius-topright: 0;/*IE8*/   border-top-left-radius:0; border-top-right-radius:0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius:0}
.radius_bot0  { -ms-border-radius-bottomleft: 0; /*IE8*/ -ms-border-radius-bottomright: 0;/*IE8*/ border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius:0}
.radius_top   { border-radius-top:0.4em; -ms-border-radius-topleft: 0.4em; /*IE8*/ -ms-border-radius-topright: 0.4em;/*IE8*/   border-top-left-radius:0.4em; border-top-right-radius:0.4em; -webkit-border-top-right-radius: 0.4em; -webkit-border-top-left-radius:0.4em}
.radius_bot   { border-radius-bottom:0.4em;-ms-border-radius-bottomleft: 0.4em; /*IE8*/ -ms-border-radius-bottomright: 0.4em;/*IE8*/ border-bottom-left-radius:0.4em; border-bottom-right-radius:0.4em; -webkit-border-bottom-right-radius: 0.4em; -webkit-border-bottom-left-radius:0.4em}
.radius_topleft0  { -ms-border-radius-topleft: 0; /*IE8*/   border-top-left-radius:0;  -webkit-border-top-left-radius:0}


/* gradient_gray_box */
.gradient_gray_box div             { background:transparent url(../img/common/boxes/gray_gradient_bl.png?b34ab48e) no-repeat scroll 0 100%; margin:0 0 10px 0}
.gradient_gray_box div div         { background:transparent url(../img/common/boxes/gray_gradient_br.png?b34ab48e) no-repeat scroll 100% 100%}
.gradient_gray_box div div div     { background:transparent url(../img/common/boxes/gray_gradient_tl.png?b34ab48e) no-repeat scroll 0 0;  margin-right:9px; position:relative}
.gradient_gray_box div div div div { background:transparent url(../img/common/boxes/gray_gradient_tr.png?b34ab48e) no-repeat scroll 100% 0;  height:1%;  margin-right:0; padding:20px 8px 10px 1px; right:-9px;top:0}




/* EOF */
