/*
 * Blues
 * ------------------------
 * Dark         :   #125a95
 * Regular      :   #4e9bda
 * Light        :   #97c9f2
 * Very light   :   #cbe4f8
 * 
 * Greys
 * ------------------------
 * Copy Black   :   #272d31
 * Grey2        :   #445057
 * Sub Grey     :   #697a85
 * Grey         :   #92a2ad
 * Rule Grey    :   #bac6cf
 * Grey6        :   #dae2e8
 * Off White    :   #ebeff2
 *
 * ------------------------
 * Red          :   #cb0000
 * Green        :   #68b000
 */

.inline         { margin-bottom: 9px; padding: 10px; width: 160px; background-color:white;}
.rail .inline   { width: 230px;}
.inline-left    { float: left; margin-right: 20px; clear: left; overflow: hidden; }
.inline-right   { float: right; margin-left: 20px; clear: right; }
.inline-full    { float: none; width: 620px; background: #dae2e8; clear: both; }

.inline p       { margin-right: 0; font-size: 12px; line-height: 18px; }
.inline ul,
.inline ol      { margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 18px; }
.inline ol      { list-style: decimal; }
.inline ul li,
.inline ol li   { margin: 9px 0; padding-left: 10px; background: none; }
.inline ol li   { margin-left: 20px; padding-left: 0; }
.inline ul li   { background: url(http://media.ljworld.com/images/arrows/raw-arrow-right.gif) 0 5px no-repeat; }

p.photo-byline  { margin: 0; padding-bottom: 6px; font-size: 11px!important; line-height: 12px!important; }
p.caption       { padding-top: 3px; font-size: 11px; line-height: 15px; }
.inline h1, .inline h2, .inline h3, .inline h4, .inline h5 { padding-bottom: 0; font-size: 14px; line-height: 17px; color: #697a85; }
.inline h6      { padding-bottom: 6px; }


/* Ad Inlines
-------------------------------------------------------------------------------- */
.story-inline-ad    { padding: 0 10px 5px 10px; margin-top: 6px; margin-bottom: 18px; height: 410px; background: #ebeff2; text-align: center; }
.story-inline-ad p  { margin: 0; width: 99%; letter-spacing: 2px; text-transform: uppercase; color: #697a85; }
.story-inline-ad p.advertisement { font-size: 10px; }

#inline-story-ad { width: 300px; height: 268px; padding: 0; }
#inline-story-ad p { width: 300px; margin: 0; padding: 0; }


/* TEXT
-------------------------------------------------------------------------------- */
.text-inline        { background: #ebeff2; }
.text-inline h1, .text-inline h2, .text-inline h3, .text-inline h4, .text-inline h5 
                    { padding-bottom: 6px; }


/* VIDEO
-------------------------------------------------------------------------------- */
.inline-video       { padding: 0; width: 180px; }
.inline-videoset object, .inline-videoset embed 
.inline-video object, .inline-video embed { display:block;}
.inline-video-large  { width:480px; }
.inline-video-medium { width:300px; }

.inline-videoset       { padding: 0; width: 180px; }

.inline-videoset-medium { width:300px; margin-bottom:21px; }
.inline-videoset-medium p.caption { margin-bottom:14px; }
.inline-videoset .related-set h4 { font-size:13px; }
.inline-videoset .related-set ul {list-style:none; padding:0; margin:0; height:250px; overflow:auto;}
.inline-videoset .related-set li:after { content:  "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; }
.inline-videoset .related-set li { zoom: 1; /* IE fix */ }
.inline-videoset .related-set li.video {  background:#ebeff2; -webkit-border-radius:4px; margin:0; margin-bottom:5px; margin-right:5px; padding:5px; }
.inline-videoset .related-set li img {float:left;}
.inline-videoset .related-set li p {margin:0 0 0 50px; font-size:11px; line-height:16px; }
.inline-videoset-medium .related-set { margin: 0; background:#ebeff2; padding:10px; -webkit-border-radius:4px;}
.inline-videoset-medium .related-set ul { height:180px; }
.inline-videoset-medium .related-set li p { margin:0 0 0 35px; line-height:20px; }
.inline-videoset-medium .related-set li.video {  background:#fff; }
.inline-videoset-medium .related-set li.active { background-color: #6591b6; color:#fff; }
.inline-videoset-medium .related-set li.active  * { color:#fff; }



/* DOCUMENT
-------------------------------------------------------------------------------- */
.inline-document       { padding: 0; width: 180px; }
.inline-document img.thumbnail {float:left; margin:0 10px 10px 0;}

.inline-documentset                         { padding: 0; width: 180px; }
.inline-documentset img.thumbnail           {float:left; margin:0 10px 10px 0;}
.inline-documentset                         {position:relative;}
.inline-documentset p.photo {margin:0;}
.inline-documentset div.navlinks              { position: absolute; top: 7px; left: 145px; height: 15px; color: #fff; }
.inline-documentset div.navlinks a.prevLink   { position: absolute; display: block; top: 0; left: 0; padding-top: 15px; width: 15px; height: 0; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-left.gif) no-repeat; overflow: hidden; }
.inline-documentset div.navlinks a.nextLink   { position: absolute; display: block; top: 0; left: 20px; padding-top: 15px; width: 15px; height: 0; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-right.gif) no-repeat; overflow: hidden; }


/* RECURRING
-------------------------------------------------------------------------------- */
/*.recurring-inline   { padding: 0; width: 180px; }*/


/* Wide inlines
-------------------------------------------------------------------------------- */
.inline-photo,
.inline-movie,
.inline-audioclips                          { padding: 0; width: 180px; }

.inline-map {
  width: auto;
}
.inline-latlon-map {
  width: 180px;
  padding: 0;
  overflow: hidden;
}



/* GALLERY
-------------------------------------------------------------------------------- */
.inline-gallery                           { position: relative; padding: 0; width: 180px; } 
.inline-gallery .photo                    { margin-bottom: 6px; }
.inline-gallery div.navlinks              { position: absolute; top: 7px; left: 145px; height: 15px; color: #fff; }
.inline-gallery div.navlinks a.prevLink   { position: absolute; display: block; top: 0; left: 0; padding-top: 15px; width: 15px; height: 0; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-left.gif) no-repeat; overflow: hidden; }
.inline-gallery div.navlinks a.nextLink   { position: absolute; display: block; top: 0; left: 20px; padding-top: 15px; width: 15px; height: 0; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-right.gif) no-repeat; overflow: hidden; }

.rail .inline-gallery div.navlinks        { left: 195px; }




/* FEATURE
-------------------------------------------------------------------------------- */
.inline_feature { padding: 0; padding-left: 0; width: 180px; }
.inline_feature h1, .inline_feature h2, .inline_feature h3, .inline_feature h4, .inline_feature h5 { padding-bottom: 6px; }

.inline-embedded {
    width:auto;
    padding:0;
}

/* FEATURE
-------------------------------------------------------------------------------- */
.inline_embedded { margin-bottom: 9px; padding: 10px 10px 10px 0; width: 300px; }
.inline_embedded .title { margin: 0 0 5px 0; padding: 0; }

/* MULTIMEDIA STORY
-------------------------------------------------------------------------------- */
.inline-mm_story { width: 180px; padding: 0; }
.inline-mm_story h6 { padding-bottom: 2px; }
.inline-mm_story .subheader { padding-top: 0; padding-bottom: 6px; font-size: 12px; font-weight: bold; }

/* POLL
-------------------------------------------------------------------------------- */
.inline-poll table th, .inline-poll table td { padding: 4px 5px; }
.inline-poll table .table-foot { border-bottom: none; padding-top: 0; padding-bottom: 0; }
.inline-poll table .table-foot .small { font-size: 10px; }
.inline-poll .bar-wrapper { width: 25px; }

/* Lead inlines
-------------------------------------------------------------------------------- */
.lead-inline {margin:14px 0;}
.lead-inline:after { 
  content:  "."; /* Clear fix */
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.lead-inline {
  zoom: 1; /* IE fix */
}

.lead-inline embed, .lead-inline object { display:block; }
.lead-inline #video-player { margin-bottom:7px;  background:#151515; }
.lead-inline-videosets {position:relative;}
.lead-inline-videosets #video-player { width:420px; }
.lead-inline-videosets #video-playlist { width:210px; position:absolute; top:0; right:0; background:#dae2e8; padding:7px 0;  -webkit-border-radius:4px; margin: 0;}
.lead-inline-videosets #video-playlist .related-set { height:220px; padding:0 10px; overflow:auto;}
.lead-inline-videosets #video-playlist h4 { font-size:13px; padding-top:0;}
.lead-inline-videosets #video-playlist ul {list-style:none; padding:0; margin:0;}
.lead-inline-videosets #video-playlist li:after { content:  "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; }
.lead-inline-videosets #video-playlist li { zoom: 1; /* IE fix */ }
.lead-inline-videosets #video-playlist li.video {  background:#fff; -webkit-border-radius:4px; margin-bottom:7px; margin-right:0px; padding:5px; }
.lead-inline-videosets #video-playlist li.active { background-color: #6591b6; color:#fff; }
.lead-inline-videosets #video-playlist li.active  * { color:#fff; }
.lead-inline-videosets #video-playlist li img {float:left;}
.lead-inline-videosets #video-playlist li p {margin:0 0 0 55px; font-size:11px; line-height:16px;}