/*
 *  Article Content Styles [commmon usage with article editor]
 */
#article #article_content {
 float: left;
 clear: both;
 margin: 0px;
 padding: 10px 0 10px 0;
 width: 640px;
 font-size: 12px;
 color: #221f1f;
 line-height: 16px;
 text-align: left;
}

#article_content a       { font-size: 12px; color: #e2001a; text-decoration: underline; line-height: 16px; }

#article_content #cmnlst {  }

#article_content span { margin: 0px; padding: 0px; border: 0px; font-size: 12px; text-align: left; }
#article_content font { margin: 0px; padding: 0px; border: 0px; font-size: 12px; text-align: left; }

#article_content p { margin: 0px; padding: 0 0 14px 0 !important; border: 0px; font-size: 12px; text-align: left; }
#article_content p.empty       { padding-bottom: 10px !important; line-height: 100%; letter-spacing: 0px; }
#article_content p.centerpoz   { text-align: center; }
#article_content p.bold        { font-weight: bold; }
#article_content p.bold a      { font-weight: bold; }
#article_content p.centerpoz_b { font-weight: bold; text-align: center; }
#article_content p.subtitle    { padding: 6px 0 12px 0 !important; font-size: 14px; font-weight: bold; }
#article_content p.subtitle a  { font-size: 14px; font-weight: bold; }
#article_content p.quote       { font-style: italic; }
#article_content p.quote a     { font-style: italic; }
#article_content p.question    { padding-bottom: 4px !important; font-weight: bold; }
#article_content p.question a  { font-weight: bold; }

#article_content img         { display: block; margin: 2px 0 2px 0 !important; padding: 0px; border: 0px; }
#article_content img.default { margin: 2px 0 2px 0 !important; padding: 3px; border: 1px solid #d0d0d0; }
#article_content img.left    { margin-right: 10px !important; }
#article_content img.right   { margin-left: 8px !important; }
#article_content img.large   { float: left; clear: both; margin-bottom: 16px !important; padding: 4px; }
#article_content img.lead    { margin-top: 0 0 14px 0; }

/* annotation styles */
#article_content .annotation { margin: 3px 0 3px 0 !important; padding: 0px; border: 1px dotted #787878; background: #f0f0f0; }
#article_content .aleft      { float: left !important;  margin-right: 10px !important; width: 288px; }
#article_content .aright     { float: right !important; margin-left: 8px !important; width: 288px; }
#article_content .acenter    { clear: both !important;  margin-bottom: 16px !important; width: 628px; }
#article_content .annotation .content { margin: 0px; padding: 3px 5px 3px 5px; width: 100%; }
#article_content .annotation .c618 { width: 618px; }
#article_content .annotation .c278   { width: 278px; }
#article_content .annotation .content p { margin: 0px; padding: 6px 0 0 0 !important; border: 0px; font-size: 12px; color: #444; text-align: left; }
#article_content .annotation .content p:first-child { margin: 0px; padding: 0px !important; font-size: 13px; font-weight: bold; line-height: 100%; }

/* image with caption styles */
#article_content .img_caption { margin: 3px 0 3px 0 !important; padding: 0px; border: 0px; background: transparent; }
#article_content .imgleft     { float: left !important;  margin-right: 10px !important; }
#article_content .imgright    { float: right !important; margin-left: 8px !important; }
#article_content .imgcenter   { clear: both !important;  margin-bottom: 16px !important; }
#article_content .img_caption img          { display: block; float: bottom; margin: 0 0 -1px 0 !important; padding: 3px; border: 1px solid #d0d0d0; }
#article_content .img_caption img.noborder { margin: 0 0 1px 0 !important; padding: 0px; border: 0px; }
#article_content .img_caption .text { margin: 0px; padding: 1px 4px 2px 4px !important; border: 1px solid #d0d0d0; background: #f7f7f7; font-size: 11px; color: #595959; }

/* show lead image source text with caption styles */
#article_content .lead_img_caption { margin: 3px 0 3px 0 !important; padding: 0px; border: 0px; background: transparent; }
#article_content .lead_imgleft     { float: left !important;  margin-right: 10px !important; }
#article_content .lead_imgright    { float: right !important; margin-left: 8px !important; }
#article_content .lead_imgcenter   { clear: both !important;  margin-bottom: 16px !important; }
#article_content .lead_img_caption img { display: block; float: bottom; margin: 0 0 -1px 0 !important; padding: 3px; border: 1px solid #d0d0d0; }
#article_content .lead_img_caption .source { margin: 0px !important; padding: 0 0 0 4px; height: 18px; }
#article_content .lead_img_caption .source .l_corner { margin: 0px; padding-right: 4px; width: 4px; height: 18px; background: url('../images/article_elements/lead_image_source_caption_l_corner.png') no-repeat 0 0; }
#article_content .lead_img_caption .source .r_corner { margin: 0px; padding-left: 4px; width: 4px; height: 18px; background: url('../images/article_elements/lead_image_source_caption_r_corner.png') no-repeat 0 0; }
#article_content .lead_img_caption .source .text     { margin: 0px; padding: 1px 6px 3px 6px !important; height: 15px; font-size: 11px; color: #333; background: #d0d0d0; }

/* design table styles */
#article_content .msp_table { margin: 3px 0 16px 0 !important; border: 0px; border-collapse: separate; border-spacing: 0px; table-layout: fixed; width: 640px; empty-cells: show; }
#article_content .msp_table .header      { padding: 0 13px 0 13px !important; width: 614px; height: 50px; background: #fff url('../images/article_elements/table_header_default.png') no-repeat 0 0; }
#article_content .msp_table .header_null { padding: 0 13px 0 13px !important; width: 614px; height: 20px; background: #fff url('../images/article_elements/table_header_default.png') no-repeat 0 0; }
#article_content .msp_table .header p { margin: 0px; padding: 0px !important; font-size: 14px; font-weight: bold; color: #e2001a; line-height: 100%; text-align: center; }
#article_content .msp_table .flag50   { background: #fff url('../images/article_elements/table_header_with_flag_50px.png') no-repeat 0 0; }
#article_content .msp_table .flag100  { padding-top: 20px !important; height: 80px; background: #fff url('../images/article_elements/table_header_with_flag_100px.png') no-repeat 0 0; }
#article_content .msp_table .content  { padding: 5px 13px 18px 13px !important; width: 614px; background: #fff url('../images/article_elements/table_footer.png') no-repeat 0 bottom; }
#article_content .msp_table .content table { margin: 0px !important; width: 614px; empty-cells: show; }

/* game module styles */
#article_content .gamebox { margin: 3px 0 3px 0 !important; padding: 0px; border: 1px dotted #787878; background: #f0f0f0; }
#article_content .g_left   { float: left !important;  margin-right: 10px !important; width: 288px; }
#article_content .g_right  { float: right !important; margin-left: 8px !important; width: 288x; }
#article_content .g_center { clear: both !important;  margin-bottom: 16px !important; width: 638px; }
#article_content .gamebox .content { margin: 0px; padding: 5px; }
#article_content .gamebox .c_center { width: 628px; }
#article_content .gamebox .c_left   { width: 278px; }
#article_content .gamebox .c_right  { width: 278px; }
#article_content .gamebox .content p { margin: 0px; padding: 6px 0 0 0 !important; border: 0px; font-size: 12px; color: #444; text-align: left; }
#article_content .gamebox .content p:first-child { margin: 0px; padding: 0 0 15px 0 !important; font-size: 12px; font-weight: bold; color: #e2001a; line-height: 100%; }
#article_content .gamebox .content .question { margin: 0px; padding: 0px; width: 100%; }
#article_content .gamebox .content .question .action    { display: block; margin: 0px; padding: 5px 0 0 0; height: 28px; text-align: center; }
#article_content .gamebox .content .question .aa_center { width: 628px; }
#article_content .gamebox .content .question .aa_left   { width: 278px; }
#article_content .gamebox .content .question .aa_right  { width: 278px; }
#article_content .gamebox .content .question p { margin: 0px; padding: 0 0 5px 0 !important; border: 0px; font-size: 14px; line-height: bold; color: #444; text-align: left; }
#article_content .gamebox input.answer_center { width: 625px; }
#article_content .gamebox input.answer_left   { width: 275px; }
#article_content .gamebox input.answer_right  { width: 275px; }

/* inner article content's image gallery styles */
#article_content .image_gallery {
 float: left;
 margin: 10px 0 0 0 !important;
 padding: 0px;
 width: 640px;
}
#article_content .thumb   { margin-bottom: -6.8px !important; }
#article_content .box     { margin-bottom: -20px !important; }
#article_content .default { margin-bottom: -24px !important; }

#article_content .image_gallery p {
 float: bottom;
 margin: 0px;
 padding: 0 0 8px 0 !important;
 font-size: 13px;
 color: #e2001a;
 font-weight: bold;
 line-height: 100%;
 text-align: left;
}
#article_content .image_gallery .imgthumb {
 float: left;
 margin: 0 6.8px 6.8px 0 !important;
 padding: 0px;
 width: 74px;
 height: 54px;
}
#article_content .image_gallery .imgbox {
 float: left;
 margin: 0 45px 20px 0 !important;
 padding: 0px;
 width: 126px;
 height: 94px;
}
#article_content .image_gallery .imgdefault {
 float: left;
 margin: 0 24px 24px 0 !important;
 padding: 0px;
 width: 308px;
}
#article_content .image_gallery .last { margin-right: 0px !important; }

#article_content .image_gallery img         { margin: 0px; padding: 1px; border: 1px solid #d0d0d0; text-decoration: none; }
#article_content .image_gallery img.thumb   { padding: 1px; }
#article_content .image_gallery img.box     { padding: 2px; }
#article_content .image_gallery img.default { padding: 3px; }