﻿/* Content */
.content-title { font-size:20px; font-family:Trebuchet MS; font-weight:bold;  font-weight:normal; border-bottom:solid 1px #eeecec;}
.content-title .feed { padding-left:22px; background: url(/Content/im/site/feed.png) no-repeat left center; }
.content-title .update {  padding-left:11px; float:left; width:200px; }
.content-title .update-post { float:right; width:50px; text-align:right; color:#999; font-weight:normal; font-size:18px;  cursor:hand; cursor:pointer; }
.update-post-form { width:290px; display:none;}
.content-title .share {  padding-left:10px;}
.other-box { margin-top:10px;text-align:left;}
.other-box  H2{ margin:0px; padding:0px; font-weight:normal;color:#000; font-size:20px; font-family:Trebuchet MS;border-bottom:solid 1px #ccc;}
.other-box  .other-box-inner{ margin-top:5px; }
.top-artis-title {background:#000;width:690px; height:30px; font-size:20px; font-family:Trebuchet MS; padding-left:10px;color:#fff; }
/* Shout Box*/
.shout-box { background:url(/Content/im/ceebox/bg-box.png) no-repeat left center; width:220px; height:480px;  padding:0px; }
.shout-box .shout-content {  width:215px; height:355px; padding:0px; margin:0px; text-align:left; padding-left:5px }
.shout-box .shout-content UL { margin:0; padding:0;overflow-y:auto; width:212px; height:355px; display:block; text-align:left; }
.shout-box .shout-content UL LI {  width:190px;text-align:left; font-family:Microsoft Sans Serif; font-size:14px; list-style:none;padding:0; margin:0 0 5px 0; word-wrap: break-word;}
.shout-box .shout-content UL LI SPAN{ color:#000; font-weight:bold;  } 
.shout-box .shout-content UL LI .shout-date{  text-align:right; width:175px; font-size:9px; font-family:Trebuchet MS; color:#999;display:block; padding-top:2px; } 
.shout-box .shout-control { width:210px;padding-left:6px; text-align:left;  font-size:12px; font-family:Tahoma; }
.shout-box .shout-control INPUT.msg { width:142px; float:left; margin-top:3px; color:#999; }
.shout-box .shout-control INPUT.name { width:94px; float:left; margin-top:5px;color:#999; }
.shout-box .shout-control IMG { float:left; margin-top:1px; margin-left:2px; }
.shout-box .shout-control DIV { padding-top:5px;}
.has-email {background: url(/Content/im/ceebox/email.gif) no-repeat left center; } 
.bl {background: url(/Content/im/ceebox/bl.gif) 0 100% no-repeat #EEEEEE; width:191px}
.br {background: url(/Content/im/ceebox/br.gif) 100% 100% no-repeat}
.tl {background: url(/Content/im/ceebox/tl.gif) 0 0 no-repeat}
.tr {background: url(/Content/im/ceebox/tr.gif) 100% 0 no-repeat; padding:10px}


#top-update,#top-tweet {text-align:center; font-size:10pt; font-family:Trebuchet MS; }
#content-left {   text-align:center; font-size:10pt; font-family:Trebuchet MS;} 
#top-artis { margin-top:25px;} 
#fix-ads { background:#999; height:150px; color:#999;font-family:Trebuchet MS; margin:0px;}

/* Update */
#top-update UL { margin:0; padding:0;list-style:none; text-align:left;}
#top-update LI { list-style:none; margin:0px; padding:0px; margin-bottom:10px; }
.thumb-update{ float:left; width:200px; height:113px;}
.msg-update { float:right;width:172px; height:113px; padding-left:8px; }
#top-update .utitle { font-size:10pt; font-weight:bold;color:#0085B4; } 
#top-update .uplot { font-size:11pt;} 
#top-update .udatetime { color:#ccc; font-size:8pt;} 
.content-more { font-size:9pt; text-align:right; text-decoration:underline; color:#000; }
/*Tweet */
#top-tweet UL { margin:0; padding:0;list-style:none; text-align:left;}
#top-tweet LI { list-style:none; margin:0px; padding:0px;  border-bottom:dashed 1px #ccc; min-height:55px; }
#top-tweet LI:hover { background:#F7F7F7; }
.thumb-tweet{ float:left; width:50px;margin-bottom:5px;}
.thumb-tweet IMG {width:43px; height:auto; padding-top:5px;}
.msg-tweet { float:right;width:245px;}
#top-tweet .tplot SPAN { font-size:10pt; font-weight:bold;color:#0085B4; margin-right:5px; } 
#top-tweet .tplot { font-size:10pt;} 
#top-tweet .tdatetime { color:#ccc;font-size:8pt; }

/* Banner */
#banner-update {width:640px; height:360px; float:left; text-align:center; }
#banner-embed {margin-left:10px; height:360px;width:280px;float:right;}

/* Cycle */
#cycle { width:640px;height:360px;overflow:hidden; margin:0px; padding:0px; background:#434343;}
#cycle LI{width:640px; list-style:none; background:#434343; margin:0; padding:0; position:relative; }
#cycle IMG.Banner { width:640px;height:360px; border:0; }
#cycle IMG.play { position:absolute; top:150px; margin-left:300px; }
.cycle-control {text-align:center; margin-left:175px;}
.cycle-previous { float:left;margin-left:10px; font-size:10pt; color:#fff;margin-top:7px;  cursor:pointer; cursor:hand; font-family:Lucida Sans;}
.cycle-next {  float:left; margin-left:10px;font-size:9pt; color:#fff;margin-top:7px;cursor:pointer; cursor:hand;font-family:Lucida Sans;}
.cycle-pagger { float:left; margin-left:10px; margin-top:10px;}
/* html  .cycle-pagger {padding-top:0px;margin-left:450px;margin-bottom: 3px;padding-bottom:15px;text-align: center;} */
.cycle-pagger a {font-size:1px;line-height:1px;font-family:Trebuchet MS;text-decoration: none;margin:0;border: 1px solid #fff;color: #434343;background-color: #434343;font-weight: bold;float:left;width:14px;height:9px;margin-right:4px;display:block;}
.cycle-pagger a.activeSlide ,.cycle-pagger a:hover { background-color: #00DCFF; color: #00DCFF;}
.cycle-pagger a:focus,.cycle-pagger a:active {outline: none;}
/*Tweet*/
#txtTweet{ width:300px;height:50px; font-size:13px; font-family:"Trebuchet MS",Tahoma;  } 
.lblTweet { text-align:right; font-size:20px; font-weight:bold;color:#999; width:306px; margin-top:5px;}

