html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }

html{ width: 100%; height: 100%; }

body{
  height: 100%; width: 100%;
  background: #fafafa;
  font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px; line-height: 1.5em; color: #222;
}

a{ /*color: #004276; color:#153E7E;*/ color: #004D99; text-decoration: none; }
a:hover{ color: #ca0002 }
a img{ border: none }

h3{ font-size: 100%; font-weight: normal; }

img.left{ float: left; margin: 0 5px 5px 0; }
img.right{ float: right; margin: 0 0 5px 5px; }

.container{ width: 980px; padding: 0 5px; margin: auto; }

.container:before,
.clearfix:before,
.row::before{ display: table; content: ""; }

.container:after,
.clearfix:after,
.row:after{ clear: both; display: table; content: ""; }

.tcenter{ text-align: center }

/* row
--------------------------------------------------------*/
.row{ margin-bottom: 10px; }

.row.fluid .span6{ float: left; width: 50%; }

.row_1col {
clear: both;
padding-top: 10px;
font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.row_1col h4 {font-weight: bold;}

/* header
--------------------------------------------------------*/
#header{ background: #0C0C0C; position: relative; min-width:1020px;}
#header h3 {float: left; position: relative; z-index: 1; height: 100px;}
#header h3 img {width: 100px;}
#header .container{ position: relative; }
#optionarea { position: absolute; right: 0;  top: 5px;}
#logintext{ position: relative; right: 0; top: 0; text-align: right;}
#logintext a{ color: #fff;}
//#logouttext{ position: relative; right: 0; top: 0; text-align: right;}
//#logouttext a{ color: #fff;}
#searchbox { position: relative; right: 0;  top: 5px;}
#searchbox input{ height: 25px; line-height: 25px; margin: 0; padding: 0; border: none;}
#searchbox input[type=text]{ height: 25px; line-height: 25px;  border: none !important;  width: 200px; padding: 0 10px !important; margin-right: 25px;}
#searchbox input[type=submit]{ position: absolute; top: 0; right: 0; width: 25px; margin-left: -5px; background: url('/media/cnn/images/common/btn_search.gif') 0 0 no-repeat;color:transparent;text-indent: -2000px;}

#searchbox .map img{ margin-right: 5px; vertical-align: middle }
#searchbox .map p{ font-size: 10px; height: 10px; line-height: 16px; }
#searchbox .map a{ color: #fff; }

#header .nav {margin-left: 100px; background-color: #d9d9d9;}
.nav li{ height: 40px; float: left; list-style: none; padding: 0 12px;}
.nav li:hover{ background-color: #f2f2f2;}
.nav li > a,
.nav li > span,
.nav li > span a{ display: block; height: 40px; line-height: 40px; color: #1a1a1a; font-weight: bold; text-decoration: none }
.nav li.active{ background: #e6e6e6;}
.nav li.highlight:hover{ background: #f2f2f2;}
.nav li.highlight:hover a{ color: #262626;}
.nav .dropdown{ position: relative; cursor: pointer; }
.nav .dropdown .dropdown-menu{ background: #f2f2f2; display:none }
.nav .dropdown:hover .dropdown-menu{ display: block }

.nav .dropdown .dropdown-menu{ position: absolute; top: 40px; left: 0; z-index: 1000; }
.nav .dropdown .dropdown-menu li{ float: none; border: none; }
.nav .dropdown .dropdown-menu a{ display: block; clear: both; white-space: nowrap; }
.nav .dropdown .dropdown-toggle{ display: block; background: url('/media/cnn/images/bullets/pulldown_arrow_alt.png') 50% 30px no-repeat; }
.nav .dropdown .dropdown-menu a:hover {color: #006598;}
#top-navigation{ margin: -40px 0 10px; min-width:1020px;}

#footer{
min-width:1020px;
color: #ffffff;
background-color: #0C0C0C;
padding: 30px 0 15px;
  text-align: center; font-size: 0.9em;
}
#footer a{ margin-right: 10px; color: #bfbfbf;}
#footer-remarks{
  text-align: left; margin-top: 10px; padding-top: 8px; }

#alt-links{
  margin-top: 5px; padding-top: 5px;
}

/* ads
--------------------------------------------------------*/
#ad-large-header{ margin: 15px 0; text-align: center }
#ad-rect,
#ad-mid-rect,
#ad-bottom-rect,
#ad_apple_square,
#ad_apple_right,
#asahi-banner{ text-align: center; }

#ad-bottom-rect div{
  width:300px;margin:auto;
}

#ad_keywords li{ margin-bottom: 10px; }

#ad_interestmatch dl{ margin: 3px 2px 13px; }
#ad_interestmatch dt,
#ad_interestmatch dd{ display: inline; }

#ad_interestmatch dd.adCmkingFooter,
#ad_interestmatch dd.adCmkingFooter a{
  color: #478519;
}

#ad_interestmatch dd.adCmkingBody{ display: block; padding: 5px 0 0; }
#ad_interestmatch dd.adCmkingBody a{ color: #333 }

#ad_interestmatch .overtureim{
  margin: 0; padding: 0;
  white-space: nowrap;
  padding: 3px 2px 2px;
  text-align: right;
}
#ad_interestmatch .overtureim li{ display: inline; }

#ad_pr_info{  }
#ad_pr_info h2{ color: #757575; font-size: 11px; margin-bottom: 10px; }
#ad_pr_info li{ list-style: none; }
#ad_pr_info img{ float: left; margin-right: 10px; }

#ad_tieup_stories .cbox-content{
  position: relative;
}

#ad_tieup_stories h4{ 
  margin-bottom: 10px;
}

#ad_tieup_stories h4 span{ 
  position: absolute; 
  right: 5px; 
  font-size: 80%;
}

#ad_tieup_stories h3{ font-size: 100%; }

.ad-text-title{ color: #666; font-size: 11px; background: url('/media/cnn/images/bullets/pr-bg.png'); }
.ad-text-title span{ background: #fff; padding-right: 10px; }
.ad_text{ margin-bottom: 5px; }
.ad_text p{
  background: url('/media/cnn/images/bullets/square-bullet.png') 0 50% no-repeat;
  padding-left: 12px;
  white-space: nowrap;
}
#ad-text-top{ border-bottom: 1px solid #eee; }

.ad_text_bottom { margin-bottom: 5px; margin-left:10px}
.ad_text_bottom p{
  background: url('/media/cnn/images/bullets/square-bullet.png') 0 50% no-repeat;
  padding-left: 12px;
  white-space: nowrap;
}

.ad_rakuten_wrapper{
  margin: 0 10px 10px 10px; padding: 5px 0 1px 0;
  background: #E4E4E4;
}

.ad_rakuten_3columnbox{
  background: url('/media/cnn/images/common/adsense-3columnbox-bg.gif') 5px 0 no-repeat;
  margin: 0 0 5px;
}

.ad_rakuten { width: 190px; margin-left: 5px; padding: 5px; float: left; display: inline; }
.ad_rakuten img { border: 1px solid #CCC; float: left; padding: 2px; }
.ad_rakuten p { width: 97px; float: left; margin-left: 4px; }
.ad_rakuten p a { font-weight: bold; }

.note { color: #666; }
.note.right{ text-align: right; }

/* img caption
--------------------------------------------------------*/
.img-caption{ position: relative; }
.img-caption h1,
.img-caption h2,
.img-caption h3{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; background: #000; font-weight: 500 }
.img-caption a{ display: block; color: #fff; padding: 10px; }
.img-caption a.no-padding{ padding: 0; }

.img-caption .img-overlay { position: absolute; top: 0; left: 0; }

.simple-caption{ text-align: center; }
.simple-caption img{ margin-bottom: 5px; }
.simple-caption p{ color: #666 }

/* titles
--------------------------------------------------------*/
.headline-lrg{ font-size: 2.3em; }
.headline-mid{ font-size: 1.5em; }

.headline-lrg,
.headline-mid{ line-height: 1.4em }

/* content box
--------------------------------------------------------*/
.cbox{
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0,5);
  -moz-box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.5);
  box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.5); 
}

.cbox-content{ padding: 10px; }
.cbox-content.bordered{ margin-bottom: 15px; }
.cbox-title{ margin: 5px 0 15px; }
.cbox-title a{ color: #000; }
.cbox-title span{ float: right; color: #fff; margin-right: 10px; }
.cbox-title.bordered{ padding-bottom: 7px;}
.cbox-title.no-padding{ margin: -10px -10px 15px -10px; height: 30px; line-height: 30px; }
.cbox-title.gradient{ border-top: 1px solid #eee; background: #fff url("/media/cnn/images/common/linear-grad2.png") 0 1px repeat-x; padding-top: 3px; }

/* fix for the top page */
.cbox .cbox{ -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;}
.cbox .cbox .cbox-content{ padding: 0; }

/* layouts
--------------------------------------------------------*/
#left-column{ width: 640px; float: left; }
#right-column{ width: 330px; float: left; margin-left: 10px; }
#right-column .cbox-content{ padding: 10px 15px; }
#right-column .cbox-title.no-padding{ margin: -10px -15px 15px -15px; }

/* bordered
---------------------------------------------------------*/
.bordered{ border-bottom: 1px dotted #ccc; }

/* bullet
---------------------------------------------------------*/
.bullet li,
.bullet dd{ list-style: none; background: url('/media/cnn/images/bullets/square-bullet.png') 0 2px no-repeat;
  padding: 0 0 5px 15px;
}

/* datetime
---------------------------------------------------------*/
.datetime{ font-size: 10px; font-weight: normal; color: #999; margin-left: 3px; }

/* story box
---------------------------------------------------------*/
.story-box{ margin-bottom: 15px; }
.story-box img{ float: left; margin-right: 10px; }
.story-box h3{ margin-bottom: 10px; }
.story-box h4{ color: #757575; font-size: 11px; }

.story-box .bullet{ margin-left: 130px; }
.story-box .bullet h3{ margin: 0; }

.more{ font-size: 11px; text-align: right; }

/* 2col list
--------------------------------------------------------*/
.col2 li{ float: left; width: 50%; list-style: none; }

.col2.bullet li{
  background: url('/media/cnn/images/bullets/square-bullet.png') 0 2px no-repeat;
  width: 40%;
  padding: 0 5px 5px 15px
}

/* photo box
--------------------------------------------------------*/
.photo-box{ margin-bottom: 15px; }
.photo-box li{ width: 120px; list-style: none; float: left; margin-right: 15px; }
.photo-box li:last-child{ margin-right: 0; }
.photo-box li.last{ margin-right: 0; }

#left-column .photo-box ul{ margin-left: 30px; }
#left-column .photo-box li{ margin-right: 20px; }

/* top related
---------------------------------------------------------*/
.span-sl-left, .span-sl-mid, .span-sl-right{ float: left; }
.span-sl-left{ width: 250px; }
.span-sl-mid{ width: 415px; margin: 0 5px; }
.span-sl-right{ width: 305px; }
.span-sl-left .img-caption h2,
.span-sl-mid .img-caption h1 {
background-color: rgba(0,0,0,0.7);
}

#spotlight{ margin-bottom: 5px; }
#sub-img-caption{ overflow: hidden; }
#sub-img-caption,
#sub-img-caption img{ height: 250px; }
#sub-img-caption .headline-mid{ font-size: 1.4em; }

#main-img-caption,
#main-img-caption img{ width: 415px; height: 250px; }
#main-img-caption .headline-lrg{ font-size: 1.6em; }

.top-main-column{ width: 670px; float: left; }
.top-main-column .span-sl-mid{ margin-right: 0; }
.top-right-column{ width: 305px; float: left; margin-left: 5px; }
.top-main-column h4,
.top-right-column h4{ color: #666; font-size: 11px;}
.top-main-column h4 a,
.top-right-column h4 a{ color: #666; }
.top-main-column .ad_text{ padding: 0 5px; }
#ad-text-top{ margin: 5px 0;}
.top-main-column #ad-text-top{ margin-left: 5px; }

.channel-row{ width: 990px; margin: 0 0 0 -5px }
.channel-row.last{ margin-bottom: 5px; }
.channel-row-content{ background: url('/media/cnn/images/common/3col-bg.png') repeat-y; }
.channel-row-top,
.channel-row-bottom{ height: 5px; background: url('/media/cnn/images/common/3col-borders.png') no-repeat; }
.channel-row-top{ background-position: 0 0 }
.channel-row-bottom{ background-position: 0 -6px }

.channel-box{ background: #fff; width: 320px; min-height: 250px; margin: 0 5px; float: left; position: relative }
.channel-box .cbox{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.cbox-title a{ display: block; background: url('/media/cnn/images/bullets/title-arrow-alt.png') no-repeat right center; }
.channel-box #ad-mid-rect,
.channel-box #ad-bottom-rect
{ margin-top: 15px; }

#travel-box .img-caption{ width: 240px; margin: 0 auto 15px auto; }
#travel-box .img-caption .headline-mid{ font-size: 1em; }

#mid-main-column{ width: 650px; float: left; margin-right: 10px; }
#mid-right-column{ width: 320px; float: left; }

#bpn-title{ overflow: hidden; }
#resource-title{ overflow: hidden; }

#top-story-box{ padding-bottom: 10px; margin-bottom: 20px; }
#sp-top-stories{ padding: 0 0 10px 0; margin-bottom: 20px; }

/* cnn info
--------------------------------------------------------*/
#cnn-info{ width: 950px; margin: auto; padding: 20px 0; }
#cnn-info li{ float: left; width: 190px; list-style: none; text-align: center }
#cnn-info li a{height:50px; display:block;}
#cnn-info li img{margin-top:5px;}
#cnn-info li img.app{margin-top:0;}

#cnn-info-right-title{ background: url('/media/cnn/images/common/cnn-info-bg.png') repeat-x; color: #fff; padding-left: 10px; }
#cnn-info-right li{ float: left; width: 150px; list-style: none; text-align: center; margin-top:9px;  height:80px;}
#cnn-info-right li.app {margin-top:0px;}

#cnn-info-right small{ padding: 0 15px; }

#page-error .cbox-title{ font-size: 2.5em; line-height: 2.5em; text-align: center; border-bottom: 2px solid #999;}
#page-error p{ font-size: 1.5em; line-height: 1.5em; }
#page-error form{ margin: 35px 0; }
#page-error input[type=text]{
  width: 500px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
}
#page-error input[type=submit]{
  height: 27px;
  line-height: 25px;
  background: url('/media/cnn/images/common/nav-bg.png') 0 0 repeat-x;
  color: #CA0002;
  font-weight: bold;
  padding: 0 8px;
  margin-left: -5px;
  border: 1px solid #ddd;
}

#channel-top-story{
  background: #fff url('/media/cnn/images/common/linear-grad2.png') 0 1px repeat-x;
  border-top: 1px solid #ddd; padding: 15px 0 0 0; }
#channel-top-story h1{ margin-bottom: 10px; }
#channel-top-story .img-caption{ width: 288px; margin-right: 15px; float: left; }

#channel-top-story .headline-mid{ font-size: 1em; }

#channel-top-story .img-caption h1,
#channel-top-story .img-caption h2,
#channel-top-story .img-caption h3{ position: static; }
#channel-top-story .img-caption a.no-padding{ height: 162px; }

#channel-sub-stories .img-caption{ width: 120px; }
#channel-sub-stories .story-box{ float: left; width: 280px; margin-right: 40px; }
#channel-sub-stories .story-box:last-child{ margin-right: 0; }
#channel-sub-stories .headline-mid{ margin-bottom: 10px; }

#channel-top-story .more,
#channel-sub-stories .more{ font-weight: bold; }

/* story list
---------------------------------------------------------*/
.story-list-title{ margin: 5px 0; }
.story-list{ background: #fff url('/media/cnn/images/common/linear-grad2.png') 0 1px repeat-x; border-top: 1px solid #eee; padding-top: 15px; }
.story-list li{ list-style: none; padding: 0 0 15px 15px;}
.story-list li:first-child{ padding-top: 0; }
.story-list .headline-mid{ font-weight: bold; }
.story-list .datetime{ margin-left: 5px; }

.story-list .tag{ color: #aaa; font-size: 0.8em; font-weight: normal; }
.story-list .tag a{ color: inherit; }

/* breadcrumbs
---------------------------------------------------------*/
#breadcrumbs{ border-top: 2px solid #666; padding: 5px 0; }
#breadcrumbs li{ float: left; list-style: none; margin-left: 5px; }
#breadcrumbs li a{ background: url('/media/cnn/images/bullets/bc-bullet.png') right center no-repeat; padding: 0 15px 0 0; }
#breadcrumbs li a.last{ background: none }

/* breaking news
---------------------------------------------------------*/
#breaking_news{
  background: yellow; color: #000; font-weight: bold; font-size: 1.3em; line-height: 1.3em;
  border: 1px solid #ddd;
  min-width:1020px;
}

#breaking_news_title{ padding: 5px 0; background-color: #CE0E19; color: #ffffff;}
#breaking_news_title span {float: right;cursor:pointer;}
#breaking_news_content{ padding: 10px 0; background-color: #ffffff; font-weight: normal;}

/* badge exclusive
---------------------------------------------------------*/
.img-caption span.badge-ex {position: absolute; padding: 3px 5px; background-color: #CE0E19; color: #ffffff;}
#top-story-box span.badge-ex,
.story-list span.badge-ex,
#channel-top-story span.badge-ex,
#channel-sub-stories span.badge-ex {padding: 0 5px; background-color: #CE0E19; color: #ffffff; font-size: 10px;}
#leaf_header span.badge-ex {padding: 3px 5px; background-color: #CE0E19; color: #ffffff;}


/* pagination
---------------------------------------------------------*/
.pagination ul{ position: relative; left: 50%; float: left; }
.pagination li{
  position: relative; left: -50%;
  list-style: none; float: left; border: 1px solid #ccc; margin-right: 5px; 
  padding: 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.pagination li.active{ font-weight: bold; }

.pagination .prev,
.pagination .next{ font-size: 1.5em; }

/* sns
---------------------------------------------------------*/
.sns{ padding: 15px 10px 0; }
.sns li{ float: left; list-style: none; margin-right:5px }

#leaf-related{
  margin: 0 10px; border-top :2px solid #666;
  background: #fff url("/media/cnn/images/common/linear-grad1.png") 0 1px repeat-x;
}
#leaf-related h3{ font-weight: bold; }
#leaf-media{ float: left; }

/* editor select list
---------------------------------------------------------*/
.editor-select-list li{ list-style: none; }
.editor-select-list h3{ margin-bottom: 0; }
.select-tag{ color: #aaa; font-size: 10px; font-weight: normal; font-style: italic }
.select-tag.odd{ color: #2F7C9D }
.select-tag.surprising{ color: #F99934 }
.select-tag.cute{ color: #8D2036 }

.story-icon{ vertical-align: middle; margin: 2px 0; }

/* video list
---------------------------------------------------------*/
.video-list{
  list-style: none;
  background: #fff url('/media/cnn/images/common/linear-grad2.png') 0 1px repeat-x;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
.video-list h3{ margin: 0 0 5px 0; }
.video-list .bullet h4{ font-weight: normal; }
.video-list .headline-mid{ font-weight: bold; }
.video-list .story-box{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.video-list .story-box .datetime{ display:block; padding-left: 130px;}

@charset "utf-8";


/* video slider 201608
---------------------------------------------------------*/
.video-slider{
height:205px;
}

.video-slider h3{
font-size: 20px !important;
margin: 10px 0 10px 0 !important;
line-height:25px !important;
font-weight:bold;
}

.video-slider h3 a{
color:#151515 !important;
}

.video-slider h3 a:hover{
color: #ca0002 !important;
}

.video-slider p{
padding-right:10px;
}
.video-slider ul.bxslider li{
min-height:203px;
}
.video-slider ul.bxslider li a img{
float:left;
}
.video-slider ul.bxslider li div{
margin: 15px 30px 15px 375px; text-align:left;
}

/* video list 201608
---------------------------------------------------------*/

.video-list-row3{
list-style: none;
background: #fff;
margin:0 0 30px 15px;
padding-bottom:15px;
border-bottom:1px dotted #ccc;
}

.video-list-row3 li{
list-style:none;
clear:both;
}

.video-list-row3 li div:nth-child(3){
margin-right:0;   
}

.video-list-row3 .video-box{
margin-right:25px;
margin-bottom:15px;
width:180px;
float:left;
position:relative;
}

.video-list-row3 .video-box .video-caption{
font-size:100%;
padding:0;
}

.video-list-row3 .video-box .video-caption a{
color:#151515 !important;
}

.video-list-row3 .video-box .video-caption a:hover{
color: #ca0002 !important;
}


.video-list-row3 .video-box .fab::before{/*webfontsetting*/
font-family:'FontAwesome';
content: "\f138";
color: #fefefe;
}


.video-list-row3 .video-box .thumb::before{/*webfontsetting*/
    display: block;
    content: "\f138";
    background: rgba(12, 12, 12, 0.5);
    /*color: #fefefe;*/
    /*font-style: normal;*/
    /*speak: none;*/
    /*text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;*/
    font-size:20px;
    line-height: 1.33333;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    padding: 5px;
    position: absolute;
    top: 66px;
    left: 0;
    z-index: 3;
}

.video-list-row3 .video-box .thumb:hover::before{/*webfontsetting*/
color:#cc0000;   
}

/* video-slider
---------------------------------------------------------*/
.video-slider-list .video-list-row3 li{
clear:none;

}
.video-slider-list .leaf_slider{
  margin-top:20px;
}
.video-slider-list .leaf_slider .bx-viewport{
  height:150px;
}
.video-slider-list .leaf_slider .bx-prev {
  left: 2px;
}
.video-slider-list .leaf_slider .video-box .video-caption {
 font-size:90%;
}

.static-content h1{ margin: 10px 0 15px; }
.static-content h3{ border-top: 2px solid #666; margin: 35px 0 10px 0; padding-top: 8px; font-weight: bold; }
.static-content h3.first{ margin-top: 0; }
.static-content p{ margin-bottom: 1.8em; }

.static-content p.feed{
  width: 249px; height: 59px;
  text-indent: -9999px;
  margin-left: 180px;
}

.static-content p.feed a{
  background: url('/media/cnn/images/common/btn_rss_feed.gif') no-repeat 0 0;
  display: block;
  overflow: hidden;
  width: 249px;
  height: 59px;
}

.static-content p.feed a:hover{ background-position: 0 -59px; }

#sitemap ul{ margin: 0 25px; }
#sitemap ul.span{ float: left; }
#sitemap li ul{ margin: 10px; }

/* us election
------------------------------------------------------------*/
#candidate-list{ margin-left: 10px; }
#candidate-list li{ list-style: none; float: left; text-align: center; margin: 0 15px 20px 0; color: #fff; padding-bottom: 5px; }
#candidate-list li a{ color: #fff; }
#candidate-list li img{ display: block; margin-bottom: 5px; }
#candidate-list li.blue{ background-color: #1F7D99 }
#candidate-list li.red{ background-color: #AD1E20 }
#candidate-list span{ font-size:1.2em; font-weight: bold;}
#candidate-list li.out{ opacity: 0.4; filter: alpha(Opacity=40); }

#party_schedule_map img{ max-width: 620px; }

.campaign-issues{ margin-left: 10px; }
.campaign-issues .span{ float: left; width: 188px; margin-right: 15px; }
.campaign-issues h3{ font-size: 1.2em; border-bottom: 1px solid #333; margin: 5px 0 10px 0; }
.campaign-issues span.blue,
.campaign-issues span.red{ color: #fff; padding: 2px; margin-right: 2px; }
.campaign-issues span.blue{ background-color: #1F7D99; }
.campaign-issues span.red{ background-color: #AD1E20; }
.campaign-issues p{ margin-bottom: 25px;}

.cal_month li{ list-style: none; }
.cal_month li a, .cal_month li.on a {
  float: left; display: block; width: 75px;
  margin-right: 2px; line-height: 2.0; font-family: Georgia;
  font-weight: normal; font-size: 24px;
  color: #666; background-color: #F6F6F6; text-align: center;
  border-bottom: 3px solid #666;
}

.cal_month li.on a, .cal_month li a:hover {
  color: white;
  background-color: #666;
  border-bottom: 3px solid #CCC;
}

.cnn_elexstw{
  height: 35px; line-height: 35px; padding-left: 80px;
  background: url('/media/cnn/images/special/us_election/states_to_watch_bar.gif') no-repeat 0 0;
}
.cnn_elexstw li{ list-style: none; display: inline; font-weight: bold; border-right: 2px solid #BFBFBF; }
.cnn_elexstw li:last-child{ border-right: none; }
.campaign_disc{ font-size: 10px; color: #888; margin-top: 20px; }

.talign-right{ text-align: right }
.talign-left{ text-align: left }
.talign-center{ text-align: center }

.frame_candidate { position: relative; height: 200px; width: 70px; float: left; margin-right: 5px; }
.candidate_area { height: 200px; width: 70px; margin-right: 7px; background-color:  #EFEFEF; text-align: center; overflow:hidden;}
.candidate_area img{ margin-top: 200px; }
.candidate_area img.out{ opacity: 0.4; filter: alpha(Opacity=40); }
.vote_no { width: 70px; position: absolute; bottom: 0; background-color: #CA0002; border-top: 1px solid  white; text-indent: -9999px; height: 0px; z-index: 100;}
.cnn_votes { font-weight: bold; text-align: center; line-height: 2.0; border-bottom: 1px dotted #CCC; }

#candidate-container{ height: 250px; }
#romney_face { position: relative; z-index: 101; }

#candidate-wrap.story-list li{ padding: 0; }
.candidate-left,
.candidate-right{
  width: 300px;
  margin-right: 20px;
  list-style: none;
  float: left;
}
.candidate-right{ margin-right: 0; }

.candidate-name{
  height: 23px;
  line-height: 23px;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

.candidate-name img{ vertical-align: middle; }
.candidate-name small{ font-size: 0.9em }

.candidate-image{ text-align: center; }
.candidate-image img{
  width: 100%;
  max-width: 460px;
}
.candidate-image small{
  display: block;
  margin-bottom: 20px;
  font-size: 0.9em;
}

.candidate-module {
  background-color: #F2F2F2;
  margin-bottom: 20px;
  padding: 15px;
  border-bottom: 1px solid #DADADA;
  vertical-align: top;
}

.candidate-module h4{
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  border-bottom: 1px dotted #B5B5B5;
  padding-bottom: 15px;
}

.module_highlight {
  font-weight: bold;
  display: inline;
}

.module_content {
  position: relative;
  overflow: hidden;
  margin: 15px -1px -1px;
}

.cnn_cash_cont, .cnn_cash_cont_end { padding: 0 5px 5px 0; }

.cnn_cash {
  display: block;
  margin-bottom: 5px;
}

.cnn_cash_graph { height: 20px; }
.cnn_bar_cash_dem { background-color: #007ABC; }
.cnn_bar_cash_gop { background-color: #CA0002; }

.cnn_bar_cash_dem, .cnn_bar_cash_gop {
  height: 10px;
  position: absolute;
}

.cnn_campaign_legend {
  padding: 1px;
  border-top: 1px solid #666;
}

.cnn_bar_legend_start { width: 20px; }
.cnn_bar_legend_10 { width: 50px; }
.cnn_bar_legend_25 { width: 60px; }
.cnn_bar_legend_end {
  width: 50px;
  text-align: right;
}

.cnn_bar_legend_start, .cnn_bar_legend_10, .cnn_bar_legend_25, .cnn_bar_legend_end {
  padding-left: 2px;
  height: 15px;
  z-index: -100;
  float: left;
}

.cnn_campaign_ts {
  margin-top: 25px;
  font-style: italic;
}

.candidate_ad_dem { color: #007ABC; }
.candidate_ad_rep { color: #CA0002; }

.candidate_ad_dem, .candidate_ad_rep {
  font: 20px Arial,sans-serf;
  font-weight: bold;
}

.candidate_ad_y2d {
  margin-bottom: 20px;
  display: block;
  min-height: 14px;
}

#issue-selector{
  float: left;
  margin-right: 10px;
}

#issue-selector ul{
  background: #f2f2f2;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 15px;
  padding: 15px;
  width: 150px;
}

#issue-selector li{
  list-style: none;
  padding: 3px;
}

#issue-selector li.active{
  background: #dfdfdf;
}

#issue-selector li.active a{
  font-weight: bold;
}

#issue-selector p a{
  font-size: 1.2em;
  font-weight: bold;
  background: url('/media/cnn/images/bullets/bc-bullet.png') right center no-repeat;
  padding-right: 15px;
}

#issue-selector p {
  margin-bottom: 8px;
  padding: 3px;
}

#issue-box{
  width: 430px;
  float: left;
}

#issue-box li{
  list-style: none;
}

#issue-box .headline-mid{
  font-weight: bold;
  border-bottom: 1px dotted #B5B5B5;
  padding-bottom: 15px;
  margin: 15px 0;
}

#issue-box p{
  margin-bottom: 19px;
}

/* social links
------------------------------------------------------*/
#social-links{ margin: 10px 0 0 0; padding-top: 8px; border-top: 2px solid #666; background: white url("/media/cnn/images/common/linear-grad1.png") 0 1px repeat-x; }
#social-links li{ list-style: none; float: left; width: 100px; }
#social-links img{ float: left; vertical-align: top; margin-right: 5px; }

.channel-box #social-links{ border-top: 1px dotted #ccc; margin-top: -10px; }

/* kotobank
------------------------------------------------------*/
.kotobank img,
.kotobank span{ float: left; margin-right: 10px; height: 25px; line-height: 25px; }
.kotobank span{ display: block; }

/* affiliate
------------------------------------------------------*/
#affiliate_info{ margin: 10px; border: 1px solid #ddd; background-color: #f9f9f9; }
.amazon-product{ float: left; width: 280px; padding: 10px; }
.amazon-product img{ float: left; margin-right: 10px; }
.amazon_credit{ font-size: 0.9em; text-align: right; margin-top: 5px; }

.bordered-highlight{
  background: #eff2f3;
  border: 1px solid #ddd;
  padding: 5px;
  box-shadow: inset 0 0 2px 1px #fff;
}

/* Ad Special
--------------------------------------------------------*/
p.cap{
  font-size: 80%;
  width:460px;
}
h3.rs{
  font-size: 100%;
}
ul.rs{
  margin:5px 10px 0 10px;
}
ul.rs li{
  margin:0px;
  padding:0px 0px 0px 0px ;
  list-style : none ;
  background-position : left center ;
  background-repeat : no-repeat ;
  padding-left : 25px ; 
  list-style-image:none;
}
.bold{
  font-weight:bold;
}
.red_bold{
  font-weight:bold;
  color:#ff1493;
}
h2.adspecial {
  border-top: 1px solid #EEE;
  border-bottom: 1px dotted #cccccc;
  background: white url("/media/cnn/images/common/linear-grad2.png") 0 1px     repeat-x;
  margin: 0 0 15px 186px;
  line-height: 1.8;
}
h2.adspecial:before {
  content: '';
  border-left: 5px solid #D33232;
  padding-left: 5px;
}


#ad-leaf-media{ float: left; margin: 0 10px 10px 0; }
#ad-leaf-media .img-caption{ margin-bottom: 5px; }
#ad-leaf-media .img-caption h3 a{ font-size: 10px; padding: 5px; }

#ad-leaf-media .img-caption{ position: relative; }
#ad-leaf-media .img-caption h1,
#ad-leaf-media .img-caption h2,
#ad-leaf-media .img-caption h3{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; background: #000; font-weight: 500 }
#ad-leaf-media .img-caption a{ display: block; color: #fff; padding: 10px; }
#ad-leaf-media .img-caption a.no-padding{ padding: 0; }

#ad-leaf-media .img-caption .img-overlay { position: absolute; top: 0; left: 0; }

#ad-leaf-media .top-caption { margin: 0px; padding:3px 10px; font-size:11px; color:#666666; }

#right-column .adingo_keywords ul li{
  float: left;
  width: 50%;
  list-style: none;
  margin-bottom: 10px;
}
.channel-box .adingo_keywords ul li{
  float: left;
  width: 50%;
  list-style: none;
  margin-bottom: 10px;
}

#left-column .hotspot-row, #mid-main-column .hotspot-row{
  display:block;
}
#left-column .hotspot-cat, #mid-main-column .hotspot-cat{
  font-size:120%;
  font-weight: bold;
  float:left;
  width:100px;
  padding: 0 0 5px 20px;
}
#left-column .adingo_keywords, #mid-main-column .adingo_keywords{
  float:left;
  width:500px;
  padding:0 0 10px 0;
}

#left-column .adingo_keywords ul li{
  font-size:120%;
  font-weight: bold;
  float: left;
  list-style: none;
  background: url('/media/cnn/images/bullets/square-bullet.png')0px 5px no-repeat;
  padding: 0 20px 0px 10px;
}

#mid-main-column .adingo_keywords ul li{
  font-size:120%;
  font-weight: bold;
  float: left;
  list-style: none;
  background: url('/media/cnn/images/bullets/square-bullet.png')0px 5px no-repeat;
  padding: 0 10px 0px 10px;
}

/* Quick Vote
--------------------------------------------------------*/
#quick_vote {
  padding: 0 0 10px 0;
  margin-bottom: 20px;
}
.vote_question {
background-color: #f6f6f6;
padding: 10px;
}
.vote_question ul li {
  margin: 0;
  //width: 100px;
  //float: left;
  //display: inline;
  list-style-type:none;
  margin-bottom:5px;
}
.vote_area {
  color: #9a9a9a;
  margin: 12px 0 0;
}
/*
.vote_item1, .vote_item2 {
  float: left;
  display: inline;
  margin: 0;
}
*/
.vote_item1 {
text-align: center;
}
.vote_item1 button {
padding: 3px 20px;
color: #CA0002;
font-weight: bold;
border: 1px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fefefb;
background: -moz-linear-gradient(top,  #fefefb 0%, #fefefb 50%, #f7f7f7 51%, #e7e7e7 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefb), color-stop(50%,#fefefb), color-stop(51%,#f7f7f7), color-stop(99%,#e7e7e7));
background: -webkit-linear-gradient(top,  #fefefb 0%,#fefefb 50%,#f7f7f7 51%,#e7e7e7 99%);
background: -o-linear-gradient(top,  #fefefb 0%,#fefefb 50%,#f7f7f7 51%,#e7e7e7 99%);
background: -ms-linear-gradient(top,  #fefefb 0%,#fefefb 50%,#f7f7f7 51%,#e7e7e7 99%);
background: linear-gradient(to bottom,  #fefefb 0%,#fefefb 50%,#f7f7f7 51%,#e7e7e7 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefb', endColorstr='#e7e7e7',GradientType=0 );
cursor: pointer;

}
.vote_item1 button:disabled {
color: #AAAAAA;
cursor: default;
}
.vote_item2 {
  margin: 2px 0 0 4px;
}


/*push_link
------------------------------------------------------*/

div.push_link{
  background-color: #ffffcc;
  width: 450px;
  heigh: 20px;
  padding: 10px;
  text-align: center;
  margin: 0 auto 10px
}
div.push_link h3
{
  font-weight:bold;
}

/* CNN App
------------------------------------------------------*/
.apple_badge{float: right; margin: 7px 5px 5px 5px;}