﻿#pnlNoIncidents, #pnlOldData {padding-top:10px;clear:left}

#myContent{width:640px; position:relative; margin-left:-10px;}
#myContent h2 { margin:6px 12px;}
#myContent .blue_box { background: #F4F8FB; border-top: 3px solid #0E2E5E; padding: 12px 10px; width:280px;}
#myContent .item { padding-bottom:10px;}
#featured_item h2{margin:6px 0!important;}

.control_panel_top{margin-bottom:20px;}
.control_panel_top .top-liveupdate {background:#04142C; color:#FFFFFF; position:relative; display:block; width:620px; height:55px;}
.control_panel_top .top-liveupdate .live_text {font-size:16px; text-transform:uppercase; height:15px; line-height:16px; padding:20px; font-weight:bold; width:365px;}
.control_panel_top .top-liveupdate span {float: left; margin-right:2px;}
.control_panel_top .bottom{background:#DAE5F4; width:600px; height:15px; display:block;position:relative; padding:5px 10px; font-weight:bold; line-height:1.4em; color:#000000;}
.control_panel_top .update_time{margin-left:10px;}
.control_panel_top .update_time .timestamp { font-size:12px!important;}
.control_panel_top .bottom .timestamp{ display:inline-block; color:#000000;}
.play_pause_button, .refresh_button, .jump_bottom_button{cursor:pointer;}

span.play_pause_button{width:55px; height:55px;display:block;}
.play_button, .play_button:hover {background:url(../images/live_play_btn.png) no-repeat 14px 14px;}
.pause_button, .pause_button:hover {background:url(../images/live_pause_btn.png) no-repeat 14px 14px;}
.refresh_button, .refresh_button:hover {background:url(../images/live_refresh_btn.png) no-repeat 14px 14px;width:55px; height:55px;display:block;} 
.jump_bottom_button, .jump_bottom_button:hover {background:url(../images/live_jump_btn.png) no-repeat 75px 14px; display: block; float: right !important; height: 55px; margin: 0 !important; width: 96px;}
.jump_bottom_button p {color: #FFFFFF; padding: 10px 0 0 20px; font-size:12px!important; line-height:1.4em;}
.play_button:hover, .pause_button:hover, .refresh_button:hover, .jump_bottom_button:hover, .control_panel_bottom .jump_top_button:hover, .control_panel_bottom .jump_top_button:hover {background-color:#2c3b50 !important; cursor:pointer}

.control_panel_bottom{background:#04142C; color:#FFFFFF; position:relative; display:block; width:620px; margin-top:10px; height:55px;}
.control_panel_bottom .jump_top_button, .control_panel_bottom .jump_top_button:hover {background:url(../images/live_jump_up_btn.png) no-repeat 75px 14px; display: block; float: right !important; height: 55px; margin: 0 !important; width: 96px;}
.control_panel_bottom .jump_top_button p {color: #FFFFFF; padding: 10px 0 0 20px; font-size:12px!important; line-height:1.4em;}
.control_panel_bottom .update_count{font-size:16px; font-weight:bold; margin:19px 20px;position:relative; float:left; font-style:normal;line-height:1.4em;}

#atricle-body {width:620px; line-height:20px;}
#live_update_article .main_image{margin-bottom:10px;}
#live_update_article div.byline p {margin: 0;}
#atricle-body div#postTimeText {margin-bottom:10px; color:#000; }
#atricle-body div#postImageContainer {margin-bottom:10px;}
#atricle-body div#postRelatedContainer {margin-bottom:10px;}
.btnShareUpdatedPost {font-weight:bold;}
.main_category {width: 628px;}
.main_category h4 {color: #595959;}

#postRelatedContainer a {display:inline-block; margin:5px 0; font-size:14px;}
#postShareContainer {position:absolute; right:10px; top:10px;width:20px; height:20px; display:block;}
#postShareContainer .btnSharePost {text-indent:-99999px; width:20px; height:20px; display:block; background:url(/Images/share_live_update.png) no-repeat;}
#postEmbedContainer, .post-text, #postImageContainer {max-width:420px;display:block; font-weight:bold;}
#postEmbedContainer iframe {max-width:410px;}

#live_update_article .btnSharePost {font-weight:bold;}
#live_update_article .btnSharePost:hover {text-decoration:underline;}
#live_update_article hr {margin:10px 0 !important;border:1px inset #000 !important;}

.live_embeded_media {clear:both;width:620px;}
.live_embeded_media iframe {display:block !important;margin:0 auto 15px !important;}

.post-text
{
font-weight: normal !important;
max-width: 576px !important;
}

/* new share control live update article */
#live_update_article #atricle-body hr {border:1px solid #000 !important;margin:7px 0 !important;}
#live_update_article #atricle-body .post-time.with-share {margin:-7px 0 14px;border-bottom:1px solid #dcdcdc;overflow:hidden;height:25px;}
#live_update_article #atricle-body .post-time.with-share .the-time {font-size:14px;line-height:25px;float:left;color:#5a5a5a;margin-left:5px;}
#live_update_article #atricle-body .post-time.with-share .share_icon,
#live_update_article #atricle-body .post-time.with-share .share_tools {float:right;color:#5a5a5a;}
#live_update_article #atricle-body .post-time.with-share .share_icon {overflow:hidden;}
#live_update_article #atricle-body .post-time.with-share .share_icon .text {float:left;font-size:11px;line-height:30px;margin-right:7px;}
#live_update_article #atricle-body .post-time.with-share .share_icon .icon {float:left;height:0px;width:26px;padding-top:25px;overflow:hidden;cursor:pointer;background:url(../images/new_share_tool/share_icon.png) no-repeat 0 0;}
#live_update_article #atricle-body .post-time.with-share .share_tools {overflow:hidden;width:302px;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums {float:left;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .share-btn {margin:0 !important;width:26px !important;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .share-fb {background:url(../images/new_share_tool/fb_share.png) no-repeat 0 0 !important;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .share-twitter {background:url(../images/new_share_tool/tx_share.png) no-repeat 0 0 !important;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .share-gplus {background:url(../images/new_share_tool/g_share.png) no-repeat 0 0 !important;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url {overflow:hidden;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url,
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url .share-email,
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url label,
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url input {float:left;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url .share-email {height:0px;width:30px;padding-top:25px;overflow:hidden;cursor:pointer;background:url(../images/new_share_tool/mail_share.png) no-repeat 0 0;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url label {font-size:11px;line-height:25px;margin:0 0 0 4px;}
#live_update_article #atricle-body .post-time.with-share .share_tools .share_url input {border:1px solid #b7b7b7;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:12px;height:17px;line-height:18px;margin:2px 5px 4px 4px;padding:0 3px;color:#000;width:115px;}
.load-more-updates {padding: 5px; border: 1px solid #000; text-align: center;cursor: pointer; margin-top: 5px; width: 608px;}

@media (max-width:750px) {

    .control_panel_top .top-liveupdate {background:#04142C; color:#FFFFFF; position:relative; display:block; width:100%; height:120px;}
    .control_panel_top .top-liveupdate .live_text {font-size:16px; text-transform:uppercase; height:15px; line-height:16px; padding:20px; font-weight:bold; width:auto; display:block;}
    .control_panel_top .bottom {width:100%;padding:5px 0;}
    #atricle-body {width:100%;}
    .contentItemContainer {width:100%;}
    .control_panel_bottom {width:100%;}
    .load-more-updates {width: 100%; padding:5px 0;}
    #live_update_article #atricle-body .post-time.with-share {overflow:visible;}
    #live_update_article #atricle-body .post-time.with-share .share_tools .share_url {position:relative;overflow:visible;}
    #live_update_article #atricle-body .post-time.with-share .share_tools .share_url .label {position:absolute; right:0;top:25px;}
    #live_update_article #atricle-body .post-time.with-share .share_icon {overflow:visible;}
    #live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .share-btn {margin:0 !important;width:26px !important; height:26px !important; display:block;}
    #live_update_article #atricle-body .post-time.with-share .share_tools {overflow:visible;width:26px !important;}
    #live_update_article #atricle-body .post-time.with-share .share_tools .share_mediums .liveupdateshare {height: 75px;width: 26px;z-index: 1000000000;}

}


