@charset "utf-8";
/* CSS Document */

body {background:#dadada; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.hidden_area{ display:none;}
.HidViewIMG{ cursor:pointer; width:11px; border:none;}

/*	HEADER	*/
.header{ width:100%; height:108px; border-bottom:1px solid #dbdbdb; background:#FFFFFF; overflow:hidden;}
.marquee{ width:100%; height:25px; border-bottom:1px #000000 solid; background:#FFFFFF; overflow:hidden; margin-bottom:10px}


/*	MenuMain	*/
.menu{ padding:0; margin:0; width:100%;}
.menu ul{ padding:0; margin:0; list-style:none; border:#e6e6e6 1px solid; height:25px; border-right:none;}
.menu ul li { float:left; margin:0; padding:1px;}
.menu ul li a { text-decoration:none; color:#0000c6; font-size:12px; font-family:Arial;text-transform: uppercase; padding:5px 8px; display:block; font-weight:bold; border-right:#e6e6e6 1px solid;}
.menu ul li a:hover {color:#FFFFFF; background:#666666;}
.menu ul li a.select {color:#FFFFFF; background:#0000c6; border:none; border-bottom:#0000c6 1px solid;}

.menu ul li span { width:100%; display:block;}

/* ######### Style for Drop Down Menu ######### */
	
	.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	}
	
	
	.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
	
	* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
	}
	
	.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
	}

.menu_rignt{top:72px; position:absolute; right:10px; height:25px; width:150px; text-align:right}
.menu_rignt span{ padding:8px; margin:0; display:block;}
.menu_rignt span a{display:block;background-position:5px 0; color:#0000c6;float:left; height:25px; padding-left:25px; font-family:Arial;font-weight:bolder; text-decoration:none;}

.menu_rignt span a.vdo{background:url(../bitcons/video.gif) no-repeat; margin-right:10px;}
.menu_rignt span a.gal{background:url(../bitcons/camera.gif) no-repeat; }

.menu_rignt span a.vdo:hover, .menu_rignt span a.gal:hover{color:#666666; text-decoration:underline;}




/*	BOX COMMEN	*/
.Top600, .Bot600,.Top340, .Bot340, .Top950, .Bot950 {overflow:hidden;}

/*	BOX 600PX (main)	*/
.Top600{ background:url(../image/box600pxTop.gif) no-repeat top center; width:600px; height:5px; display:block;}
.Bot600{ background:url(../image/box600pxBot.gif) no-repeat top center; width:600px; height:5px; display:block; margin-bottom:10px;}
.Mid600{ height:100%; width:590px; background:#FFFFFF; padding:5px;}



/*	BOX 340PX (small)	*/
.Top340{ background:url(../image/box340pxTop.gif) no-repeat top center; width:340px; height:5px; display:block}
.Bot340{ background:url(../image/box340pxBot.gif) no-repeat top center; width:340px; height:5px; display:block; margin-bottom:10px;}
.Mid340{ height:100%; width:330px; background:#FFFFFF; padding:5px;}
.Mid340 img{ border:none; margin-bottom:5px;}


/*	BOX 950PX (big) footer	*/
.Top950, .Bot950, .Mid950 { opacity:0.4;filter:alpha(opacity=40);}
.Top950{ background:url(../image/box950pxTop.gif) no-repeat top center; width:950px; height:5px; display:block}
.Bot950{ background:url(../image/box950pxBot.gif) no-repeat top center; width:950px; height:5px; display:block; margin-bottom:10px;}
.Mid950{ height:100px; width:940px; background:#848383; padding:5px;}

/*	BOX 950PX (big) */
.Top950W{ background:url(../image/box950pxTopW.gif) no-repeat top center; width:950px; height:5px; display:block; margin:0; overflow:hidden;}
.Bot950W{ background:url(../image/box950pxBotW.gif) no-repeat top center; width:950px; height:5px; display:block; margin:0; overflow:hidden; margin-bottom:10px;}
.Mid950W{ width:940px; background:#FFFFFF; padding:5px; height:100%; margin:0;}

/*	Breaking News	*/
.TopBreak950{ background:url(../image/brakNews950Top.gif) no-repeat top center; width:950px; height:5px; display:block; overflow:hidden;}
.BotBreak950{ background:url(../image/brakNews950Bot.gif) no-repeat top center; width:950px; height:5px; display:block; margin-bottom:10px; overflow:hidden;}
.MidBreak950{ background:url(../image/brakNews950Mid.gif) repeat;height:50px; width:940px; padding:5px; overflow:hidden;}
.MidBreak950 center{ font-size:20px; font-weight:bold; color:#FFFFFF; padding:15px; text-align:center; overflow:hidden;}
.MidBreak950 h3.news{ font-size:16px; font-weight:bold; color:#000000; padding:10px; margin:0; overflow:hidden;}




/*	BOX HEADING 	*/
h3{ padding:2px; margin:0; font-size:13px; font-weight:bold; width:99%; border-bottom:#e4e3e3 1px solid; color:#0000bf;}
h3 input{font-size:13px; font-weight:bold; width:80%; color:#cc0000; border:none; padding:0; background:none; margin:0;}

/*		VDO BOX	*/
#vdoDiv{overflow:auto; height:250px; width:99%; border:#ecebeb 1px solid; margin-top:5px;}
#vdoDiv .reap{padding:5px; width:91%;}
#vdoDiv .img_div{width:80px; height:50px; border:#CCCCCC 1px solid; padding:2px; float:left; margin-right:5px;}
#vdoDiv .img_div img{width:78px; height:48px; border:#666666 1px solid;}
#vdoDiv .heading{height:40px;}
#vdoDiv .heading h4{ padding:0; margin:0;}
#vdoDiv .heading h4 a{ font-size:12px; color:#000000; font-weight:bold; text-decoration:none;}
#vdoDiv .heading h4 a:hover{color:#cc0000;}
#vdoDiv .date{ color:#999999;}

#vdoDiv .addFav{position:relative; height:15px; width:15px;margin:-20px 0 0 5px;}
#vdoDiv .addFav a{ background:url(../image/addPlaylist.gif) no-repeat left; height:15px; width:15px;display:block;}
#vdoDiv .addFav a:hover{ background-position:right}

/*		VDO BOX	MY PLAY LIST 	*/
#vdoDivPList{overflow:auto; height:100px; width:99%; border:#ecebeb 1px solid; margin-top:5px;}
#vdoDivPList .reap{padding:3px; width:91%; overflow:hidden;}
#vdoDivPList .img_div{width:60px; height:30px; border:#CCCCCC 1px solid; padding:2px; float:left; margin-right:5px;}
#vdoDivPList .img_div img{width:58px; height:28px; border:#666666 1px solid;}
#vdoDivPList .heading{height:30px; padding:3px;}
#vdoDivPList .heading h4{ padding:0; margin:0;}
#vdoDivPList .heading h4 a{ font-size:12px; color:#990033; font-weight:bold; text-decoration:none;}
#vdoDivPList .heading h4 a:hover{color:#000000;}

#vdoDivPList .clear{ clear:both;}

#vdoDivPList .delPlist{position:relative; height:15px; width:15px;margin:-20px 0 0 5px;}
#vdoDivPList .delPlist a{ background:url(../image/removePlaylist.gif) no-repeat right; height:15px; width:15px;display:block;}
#vdoDivPList .delPlist a:hover{ background-position:left}

#vdoDivPList .divHover:hover, #vdoDiv .divHover:hover{background: rgb(254, 253, 232);}

/*		COMMENTS BOX		commentView */
.comment{ margin-bottom:10px;}
.comment h4 {padding:3px; margin:0; color:#0066CC; border-bottom:#f6f6f6 1px solid;}
.comment p {padding:3px; margin:0; color:#666666;}
.comment div.replay_but a, .replay div.replay_but a{color:#0099FF; text-decoration:none; font-size:10px}
.comment div.replay_but a:hover, .replay div.replay_but a:hover{color:#0066FF; text-decoration:underline; font-size:10px}

.replay{ margin-left:30px; border-left:#CCCCCC 5px solid; margin-bottom:10px;}
.replay h4 {padding:3px; margin:0; color:#333333; border-bottom:#f6f6f6 1px solid;}
.replay p {padding:3px; margin:0; color:#999999;}

#comFORM{ color:#333333; font-size:12px; padding:0; margin:0; width:590px; overflow:hidden;}
#comFORM h3.addcom{ background:#ececec; width:584px; overflow:hidden; padding:2px; border:#e3e3e3 1px solid;}
.textArea { padding:2px; border:#e3e3e3 1px solid; color:#0066FF; margin:10px; height:150px; width:400px;}
.note { padding:2px; margin:0; color:#999999; height:120px; width:150px; overflow:hidden; border:#e3e3e3 1px solid;}
.note b { color:#666666; font-weight:bold; border-bottom:#CCCCCC 1px solid; display:block; padding:2px;}
.comSubmit{ color:#FFFFFF; padding:2px 15px; background:#666666; border:#000000 1px solid; margin-top:5px; width:155px; cursor:pointer;}
.comSubmit:hover{ color:#FFFFFF; padding:2px 15px; background:#0066FF; border:#0033FF 1px solid; margin-top:5px; width:155px}

/*		SUMMERY BOX		*/
.summery p{font-size:11px; padding:0; margin:0;}
.summery p font{font-size:8pt; padding:0; margin:0;}
.summery a{ display:block; padding:2px; color:#0066CC; font-weight:bold; font-size:11px; text-decoration:none;}
.summery a:hover{color:#006699; text-decoration:underline;}
.this_summery{ background-color:#EAF8FF;}
.summery_img{padding:1px; margin:2px; height:60px; width:80px; border:#cccccc 1px solid; margin-right:5px;}

.hiden_popup_img_Box{ height:auto; width:auto; padding:5px; background:#FFFFFF url(../loading_uthayan.gif) no-repeat center ; border:#CCCCCC 1px solid; position:absolute; top:100px; display:block; z-index:999}
.hiden_popup_img_Box_HID{display:none;}

/************			Check box effect		**************/
span.checkbox {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(../image/checkbox.gif) no-repeat;display: block;clear: left;float: left;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(../image/radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 158px;height: 21px;padding: 0 24px 0 8px;color: #fff;font: 12px/21px arial,sans-serif;background: url(../image/select.gif) no-repeat;overflow: hidden;}

.login {margin:5px; border:#CCCCCC 1px solid; height:190px; overflow:hidden; overflow:hidden}
.login input.txt{ border:#CCCCCC 1px solid; background:#fafafa; display:block; margin-bottom:5px; margin-top:5px; width:175px; padding:3px;}

a.register{ display:block; height:50px; width:200px; overflow:hidden; background:url(../image/register.gif) no-repeat top;}
a.register:hover{ background-position:bottom;}

/* Sub Menu*/
#summeryMenu { height:35px; width:940px; overflow:hidden; padding:0; margin:0; background:url(../image/sup_menu_c.gif) top repeat-x;}
#summeryMenu ul{ height:35px; overflow:hidden; padding:0; margin:0; list-style:none;}
#summeryMenu ul li{ padding:0; margin:0; float:left;}
#summeryMenu ul li a{ text-decoration:none; color:#FFFFFF; font-size:12px; font-weight:bold; padding:10px 25px 10px 25px; display:block; height:15px; border-right:1px dashed #CCCCCC;}
#summeryMenu ul li a:hover, #summeryMenu ul li a.activ{color:#FFFF00; background:url(../image/sup_menu_c.gif) bottom repeat-x;}