@charset "utf-8";
.sglive #content-title{	width:250px;padding:5px 0 0 0;margin:15px 0 0 0;float:left;}
.sglive #sglive-navi {float:right;height:38px;margin:-3em 0 0 315px;padding:0;position:absolute;text-align:right;width:382px;}
.sglive #sglive-navi img{margin:0px 5px;}
.sglive{font:Tahoma, sans-serif; text-align:left;}
.sglive #banner {height: 207px;width: 687px;clear: both;}
.sglive #banner #more{width:130px; height:20px; float:right;  position:relative; top:185px;}
/* 3 Box */
.sglive #threebox a:link{color:#FFF; font-weight:bold;}
.sglive #threebox a:visited{color:#FFF; font-weight:bold;}
.sglive #threebox {margin-top: 8px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;width: 100%; overflow:hidden; clear:both;}
.sglive #threebox #ask .wrap, .sglive #threebox #answer .wrap, .sglive #threebox #search .wrap {margin:10px; width:auto; height:130px; color:#FFF;}

.sglive #threebox #ask p, .sglive #threebox #answer p, .sglive #threebox #search p{font-size:12px; margin:0px; padding:10px 0 0 0;}

/* 3 Box Ask */
.sglive #threebox #ask {background-image: url(../images/ask_boxbg.jpg);background-repeat: no-repeat;float: left;width: 192px;}
.sglive #threebox #ask textarea{color:#333; width:160px; height:60px;overflow:hidden;margin:0;padding:0;display:inline-block;position:relative;}
.sglive #threebox #ask .post {width:57px; height:24px; color:#FFF; border:none; margin:5px; background:url(../images/btn_post.png); float:right;} 


/* 3 Box Answer */
.sglive #threebox #answer {background-image: url(../images/answer_boxbg.jpg);background-repeat: no-repeat;	float: left; height: 149px;width: 200px;}
.sglive #threebox #answer ul{margin:0px; padding:0 15px;}
.sglive #threebox #answer li{line-height:18px;}
/* 3 Box Search */
.sglive #threebox #search {background-image: url(../images/search_boxbg.jpg);background-repeat: no-repeat;float: left;height: 149px;width: 295px;}
.sglive #threebox #search .example{position:relative; font-size:11px; margin:0px; padding:0px; color:#CCC; width:260px; height:48px; float:left;}
.sglive #threebox #search input{color:#333; width:250px;}
.sglive #threebox #search .search{width:69px; height:24px; color:#FFF; border:none; background:url(../images/btn_search.png);margin:0 0 0 202px;clear:both;} 


/* Fonts */
.sglive .title{font-size:19px; color:#000; padding:0; margin:0;}
.sglive #threebox #ask .title, .sglive #threebox #answer .title, .sglive #threebox #search .title{font-size:16px; font-weight:bold;color:#FFF;}
.sglive .white{color:#FFF;}
.sglive .titlemargin{margin:5px 0; }
.sglive p{font-size:11px; margin:0px 0 10px 0; padding:0px; line-height:15px;}
.sglive .p-header{font-size:12px; color:#000; margin:0 0 5px 0; padding:0px; font-weight:bold; line-height:15px;}
.sglive .p-header a{color:#000;}
.sglive .date a, .sglive .date{font-size:11px; color:#666;}
.sglive .question{font-size:13px; font-weight:bold;}
.sglive .member{font-size:14px; font-weight:bold; color:#535252;}
.sglive .member a{color:#707070; padding-bottom:0;}
.sglive .member a:hover{text-decoration:none; color:#333;}
.sglive ol{margin:0 0 0 20px;}
.sglive ol li{font:normal normal normal 12px Tahoma;margin:0 0 8px 0;}


/* Popular Panel on Main page */
.sglive #popularpanel {min-height: 380px;width: 678px;clear: both;float: left;margin: 10px 2px;}
.sglive #popularpanel .singlepanel{width:213px; float:left; margin:0 5px; }
.sglive #popularpanel .panelheader{font-size:19px; color:#666; text-transform:capitalize; font-weight:normal; margin:0 0 8px 0;}
.sglive #popularpanel .panelbody{ background-image:url(../images/popularbg.jpg); background-repeat:repeat-x; }

/*Popular & Latest Tab Panel */
.sglive .tabpanel {margin:0 0 20px 10px;overflow:auto;}
.sglive .tabpanel .populartab{ background:url(../images/populartab_whitebg.gif); height:34px; width:51px; text-align:center; padding-top:15px; background-repeat:no-repeat; float:left; margin:0 2px; font-size:11px;}
.sglive .tabpanel .populartab a{ color:#333;}
.sglive .tabpanel .populartab a:hover{ color:#900; text-decoration:none;}
.sglive .tabpanel .selected{ background:url(../images/populartab_redbg.gif);background-repeat:no-repeat;color:#FFF;}
.sglive .tabpanel .selected a{ color:#FFF;}
.sglive .tabpanel .selected a:hover{ color:#FFF;}

.sglive #popularpanel .panelbody .panelinfo{ clear:left; border-bottom:dotted 1px #666; margin:5px auto; width:90%; height:auto; padding:0 0 30px 0;}
.sglive #popularpanel .panelbody .panelinfo span{float:right; margin:5px;font-size:11px; font-weight:bold;}
.sglive #popularpanel .panelbody .panelinfo span img{margin:0 5px 0 0 ;}
.sglive #popularpanel .panelbody .panelinfo a {font-weight:bold; color:#000;}
.sglive #popularpanel .panelbody .panelinfo a:hover { text-decoration:none; color:#069;}

.sglive #popularpanel .panelfooter {margin:5px; text-align:right;}



.sglive #infopanel {width: 678px;clear: both;float: left;margin: 10px 2px;}
.sglive #infopanel #infoheader #title{float:left; width:200px; line-height:30px;}
.sglive #infopanel #infoheader #tabnavi{font-size:14px; color:#4f4949; font-weight:normal; text-transform:capitalize; width:450px; float:left;}
.sglive #infopanel #infoheader #tabnavi ul{list-style-type:none; display:list-item; margin:5px 0 0 0; line-height:30px;}
.sglive #infopanel #infoheader #tabnavi li{width:131px; height:29px; background:url(../images/tab_bg.gif); background-repeat:no-repeat; float:left; margin:0px 5px; text-align:center;}
.sglive #infopanel #infoheader #tabnavi li a{color:#4f4949;}
.sglive #infopanel #infoheader #tabnavi li a:hover {color:#a2060d; text-decoration:none;}
.sglive #infopanel #infoheader #tabnavi .selected{width:131px; height:29px; background:url(../images/tab_bg_roll.gif); background-repeat:no-repeat; float:left; margin:0px 5px; text-align:center;color:#FFF;}

.sglive #infopanel #infoheader .tabbottom {clear:both; background:url(../images/sub_headerbg.gif); background-repeat:repeat-x; background-position:30px 0px; height:15px;}
.sglive #infopanel #infoheader .tabbottom img, #answerbody .tabbottom img{margin-left:20px;}

.sglive #infopanel #infobody{margin:10px 0; overflow:auto;}
.sglive #topicheader{margin:0 10px 10px 10px; padding-bottom:10px; border-bottom:dotted 1px #333;}
.sglive #topicheader2{margin:10px; padding-bottom:10px; border-bottom:dotted 1px #333;}
.sglive #infopanel #infobody .topicmenu {text-align:center; margin:10px 5px;}
.sglive #infopanel #infobody .topicmenu ul{margin:0 15px; padding:0; list-style-type:none; height:30px;}
.sglive #infopanel #infobody .topicmenu li{display:inline; margin:0; padding:0; background:#a2060d; width:auto;height:18px;}
.sglive #infopanel #infobody .topicmenu a{color:#FFF;background: #a2060d url("../images/cur_left_greybg.gif") left top no-repeat;text-decoration: none;padding-left: 10px; margin:0 5px;height:18px;}
.sglive #infopanel #infobody .topicmenu a:hover{text-decoration:underline;}
.sglive #infopanel #infobody .topicmenu a span{background: url("../images/cur_right_greybg.gif") right top no-repeat;padding-right: 10px;margin:0;height:18px;}
.topicmenu  a,  .topicmenu a span{display: block;float: left; margin:0; padding:0;height:18px;} 

.sglive .topichighlight{width:95%; border:solid 1px #d0d0ce; background:#f6fff9; margin:10px auto 50px auto; position:relative; clear:both;}
.sglive .topichighlight .cur-top-left{ background:url(../images/dialogbox_topleft.gif); background-repeat:no-repeat; width:12px; height:12px; position:absolute; left:-1px; top:-1px;}
.sglive .topichighlight .cur-top-right{ background:url(../images/dialogbox_topright.gif); background-repeat:no-repeat; width:12px; height:12px;position:absolute; right:-1px; top:-1px;}
.sglive .topichighlight .cur-bot-left{ background:url(../images/dialogbox_botleft.gif); background-repeat:no-repeat; width:12px; height:12px;position:absolute; bottom:-1px; left:-1px;}
.sglive .topichighlight .cur-bot-right{ background:url(../images/dialogbox_botright.gif); background-repeat:no-repeat; width:12px; height:12px;position:absolute; right:-1px; bottom:-1px;}
.sglive .topichighlight .talkbubble {overflow:auto; position:relative;}
.sglive .topichighlight .talkbubble table {width:90%; margin:20px 10px 10px 10px;}
.sglive .topichighlight .talkbubble td, .sglive #infopanel #answerbody .item td{padding:5px; vertical-align:top; text-align:left;}
.sglive .topichighlight .talkbubble .user, .sglive #infopanel #answerbody .item .user{width:120px; text-align:right;}
.sglive .topichighlight .talkbubble p{margin:0; padding:0 0 5px 0;}
.sglive .topichighlight .talkbubble .semicolon, #answerpanel .semicolon {padding:5px;text-align:center;}
/*.sglive .topichighlight .talkbubble a:link{color:#000;}
.sglive .topichighlight .talkbubble a:hover{text-decoration:underline}*/
.sglive .topichighlight .postto{position:absolute; right:0; text-align:right; color:#666; font-size:0.9em; margin-top:20px;}
.sglive .topichighlight .postto a{text-decoration:underline; margin-left:20px; margin-right:10px; color:#666; }
.sglive .topichighlight .postto span {margin-left:5px;}
.sglive .topichighlight .postto img{position:absolute; top:3px;}
.sglive .topichighlight .vote{position:absolute; right:0; top:10px; margin:10px; width:60px; text-align:center; line-height:15px;}
.sglive .topichighlight .vote span{ font-weight:bold;}
.sglive .topichighlight .vote a:link{color:#000; font-weight:normal;}


.sglive .topichighlight .talkbubblefooter{width:120px; background:url(../images/dialogbox_footer.gif); background-repeat:no-repeat; height:25px; position:absolute; left:50px;}
.sglive .topichighlight .talkbubblefooter .answer{margin:10px 10px 10px 40px; width:120px;}
.sglive .topichighlight .talkbubblefooter .postto{float:right; margin:15px 10px;}
.sglive .topichighlight .talkbubblefooter .postto a{color:#000;}
.sglive .report:link{color:#000; text-decoration:underline}

.sglive #infopanel #answerbody .item table{width:85%; margin:5px 15px;}
.sglive #infopanel #answerpanel{margin:10px 0; overflow:auto;}
.sglive #infopanel #answerbody{background:url(../images/popularbg.jpg); background-repeat:repeat-x; overflow: auto;clear:both;}
.sglive #infopanel #answerbody .item{margin:5px 10px; padding:10px 0 20px 0;  border-bottom:dotted 1px #333; position:relative;}

.sglive #infopanel #answerbody .item .reportthis{ margin-top:10px;}
.sglive #infopanel #answerbody .item .reportthis img{position:relative; top:2px;}
.sglive #infopanel #answerbody .item .msg{float:left;margin:12px 0 0 0;}
.sglive #infopanel #answerbody .item .vote{position:absolute; right:0; top:10px; margin:10px; width:60px; text-align:center; line-height:15px;}
.sglive #infopanel #answerbody .item .vote span{ font-weight:bold;}
.sglive #infopanel #answerbody .item .vote a:link{color:#000; font-weight:normal;}
.sglive #infopanel #answerbody .item .postto{position:absolute; right:0; bottom:10px; text-align:right; color:#666; font-size:0.9em;}
.sglive #infopanel #answerbody .item .postto a{text-decoration:underline; margin-left:20px; margin-right:10px; color:#666; }
.sglive #infopanel #answerbody .item .postto span {margin-left:5px;}
.sglive #infopanel #answerbody .item .postto img{position:absolute; top:3px;}



.sglive #multipages{float:right; margin:10px 5px;}
.sglive #multipages a{margin:0px 5px;}
.sglive .viewall, .sglive #multipages a{color:#a2060d; font-weight:bold; font-size:11px;}
.sglive .viewall:hover , .sglive #multipages a:hover{text-decoration:underline;}

.sglive .pagination{float:right; margin:10px 5px;}
.sglive .pagination a{margin:0px 5px;}
.sglive .viewall, .pagination a{color:#a2060d; font-weight:bold; font-size:11px;}
.sglive .viewall, .pagination span{color:#a2060d; font-weight:bold; font-size:11px;text-decoration:underline;}
.sglive .viewall:hover , .pagination a:hover{text-decoration:underline;}


.sglive #infofooter {margin-top:20px; overflow:hidden; clear:both;}
.sglive #infofooter #infofooter-content{width:100%; border-top:dotted 1px #333; background:url(../images/otherbg.jpg); background-repeat:repeat-x; margin:0 auto 50px auto; clear:both;}
.sglive #infofooter #infofooter-content ul{list-style-position:inside; margin:10px;}
.sglive #infofooter #infofooter-content li{line-height:25px;}
.sglive #infofooter #infofooter-content a{color:#000; font-weight:bold;}
.sglive #infofooter #infofooter-content a:hover{text-decoration:underline;}



/*Form*/
.sglive #ask-form {font-size:12px; color:#666; margin:-8px auto; width:95%;}
.sglive #ask-form input, .sglive #ask-form textarea{width: 100%;}
.sglive #ask-form input{height:1.3em;}
.sglive #ask-form textarea{height:100px;}
.sglive #ask-form .character-left{font-size:11px; color:#666; padding:0;}
.sglive #ask-form .form-right{float:right; }
.sglive .form-h2{color:#000; font-weight:bold; clear:both; margin-top:30px; margin-bottom:5px; padding:0;}
.sglive #ask-form .jumpmenu{font-size:11px; width:300px; border:solid 1px #999;}
.sglive #ask-form .form_submit{margin:20px 0; text-align:right;}
.sglive #ask-form .ask-btn-back{width:64px; background:url(../images/ask_btn_back.jpg);}
.sglive #ask-form .ask-btn-post{background:url(../images/ask_btn_post.jpg); width:111px;}
.sglive #ask-form .ask-btn-back, .sglive #ask-form .ask-btn-post{ background-repeat:no-repeat; color:#FFF; border:none; height:32px;padding:0 0 10px;}
.sglive #ask-form table td{ padding:10px; margin:0px; vertical-align:top;}
.sglive #ask-form .free-form-table td{width:auto; padding:5px;}
.sglive #ask-form .form-table td{width:45%;}
.sglive #ask-form table p{margin:0; padding:0;}
.sglive #ask-form .formbtn{width:20px;}
.sglive #ask-form .formbtnlabel{float:left; width:120px;}
.sglive #ask-form .formbtnlabel2{float:left; clear:left; margin:2px 0 5px 0;}
.sglive #ask-form .mobile_areacode{width:30px;}
.sglive #ask-form .mobile_no{width:120px;}
.sglive .form-ask-question{padding:20px 0;}

.sglive .login-form{margin:20px auto; width:400px;}

.sglive .list-2-column{float:left; width:45%; margin:10px; clear:none;}
.sglive .list-2-column ol{margin:0px; padding:0px; list-style-position:inside; font-size:14; font-weight:bold;counter-reset:item;list-style-type:decimal;}
.sglive .list-2-column .guest .num{color:#00821c;}
.sglive .list-2-column .guide .num{color:#06C; }
.sglive .list-2-column li{margin:5px 0px; padding:10px 10px 5px 5px; border-top:dotted 1px #333;height:15px;position:relative; font-size:15px;list-style-type:decimal;display:list-item;}
.sglive .list-2-column li a{color:#000; }
.sglive .list-2-column li .semicolon{margin:0; position:absolute; left:150px; top:10px; font-weight:normal; width:100px;}
.sglive .list-2-column li img{margin:0;position:absolute; left:165px; top:8px;}
.sglive .list-2-column li .num{margin:0 0 0 40px; padding:0;}
.sglive .list-2-column li .list-2digit{left:150px;}
.sglive .list-2-column li .list-img2digit{left:165px;}
.sglive .list-2-column .last-list {border-bottom:dotted 1px #333;}
.sglive .list-2-column p{ padding: 0; margin:0;}

/*Listing*/
.sglive #list-container {margin:20px 15px; clear:both;}
.sglive .list-1-column{ border-bottom:dotted 1px #666; padding:0 0 20px 0; margin:10px 0;}

.sglive .relative{position:relative;}
.sglive .conversation{position:absolute; right:5px; top:10px; margin:10px; font-weight:bold;}
.sglive .conversation a{color:#000; font-weight:bold;}
.sglive .conversation a:hover{text-decoration:underline}
/*.sglive .abs-left-l10t0-m10{position:absolute; left:10px; top:0; margin:10px;}{position:absolute; left:10px; top:0; margin:10px;}*/

.sglive .width-90-precent{width:90%;}
.sglive .right_description{float:right; width:150px; position:absolute; right:0; bottom:5px; }
.sglive .floatleft{ float:left; overflow:auto;}
.sglive .width30{width:30%;}
.sglive .width40{width:40%;}
.sglive .width45{width:45%;}
.sglive .width50{width:50%;}
.sglive .width55{width:55%;}
.sglive .width60{width:60%;}
.sglive .clear{clear:both;}
.sglive .margin10{ margin:10px;}
.sglive .margin-bot-20{ margin-bottom:20px;}
.sglive .padding10{ padding:10px;}
.sglive .overflow-auto{overflow:hidden;height:100%;width:100%;}
.sglive .www p{margin-bottom:10px; font-size:1.1em; line-height:1.3em;}
.sglive .www {overflow:auto; margin:5px 10px;}
.sglive .red{font-size:1em;}
.sglive .red:link{color:#900;}
.sglive .red:hover{text-decoration:underline;}
.sglive .column-paragraph{margin:10px 20px 40px 20px;}
.sglive .column-paragraph p{ font-size:13px; line-height:20px;}
.sglive .column-paragraph a{color:#C30;text-decoration:underline; }
.sglive .orange{font-size:1em;color:#C60;}
.sglive .orange:link{text-decoration:underline;}
.sglive .botton-dot-border{border-bottom:dotted 1px #666;}
.sglive .aligncenter{ text-align:center;}
.sglive #sponsor img{float:left; margin:0 10px;}

/* button */
.sglive .clickable {cursor:pointer;}


/*sponsors added by karlo*/
.sponsors-top{padding:5px;}
.sponsors{background:url(../images/sponsor-bg.jpg) repeat-x;height:108px;width:670px;position:relative;display:inline-block;border-top:1px dotted #666666;}
.sponsors-top p,.sponsors p{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#000;margin:0;}
.sponsors-top img,.sponsors img{border:0;}
.sponsors h5{font-size:11px;font-weight:bold;font-family:tahoma;margin:10px 0 10px 0;}

/*error message*/
label.error {color:red;}