/* CSS Document */
*{
	margin:0; padding:0;
}



body{
	background:url(../images/bg.jpg);
	font-family:"Lucida Sans", "Gill Sans MT", Corbel; /*Arial, Helvetica, Verdana, sans-serif;*/
	font-size:12px;
	font-weight:500;
}

a{
	text-decoration:none;
	color:#FF6600;
}

.header{
	/*background:#f3f3f3;*/
}

.menu{
	/*background-color:#eeeeee;*/
	color:#FFFFFF;
	/*border-bottom:3px solid #4377b7;*/
}

/*Navigation*/
.menu ul.navigation{width:100%; height:52px;z-index:2;}
.menu ul.navigation > li{ list-style:none; text-align:center; float:left;  margin-left:1px; position:relative; width:14%;}
.menu ul.navigation li:first-child{ margin-left:10px;}
.menu ul.navigation li a{ display:block; width:auto; min-width:52px; height:40px; padding:6px 2px; line-height:100%; font-size:12px; color:#202020; text-shadow: 1px 1px 0 #636363; background:url(../images/nav_item_default.png) repeat-x; font-family:font-weight:bold; letter-spacing:1px;}
.menu ul.navigation li.active a{background:url(../images/nav_item_active.png) repeat-x; color:#f6f9fd;text-shadow: 1px 1px 0 #123b6d;}
.menu ul.navigation li span.nav_icon{ display:block; width:50px; height:25px;  clear:both; background-image:url(../images/nav_icons.png); margin:auto; padding-bottom:2px;}
.menu ul.navigation li span.home{background-position: -3px -5px}
.menu ul.navigation li span.about{background-position: -74px -5px}
.menu ul.navigation li span.room{background-position: -148px -5px}
.menu ul.navigation li span.contact{background-position: -235px -5px}
.menu ul.navigation li span.download{background-position: -309px -5px}
.menu ul.navigation li span.upload{background-position: -370px -5px}
.menu ul.navigation li.active span.home{background-position: -3px -73px}
.menu ul.navigation li.active span.about{background-position: -74px -73px}
.menu ul.navigation li.active span.room{background-position: -148px -73px}
.menu ul.navigation li.active span.contact{background-position: -235px -73px}
.menu ul.navigation li.active span.download{background-position: -309px -73px}
.menu ul.navigation li.active span.upload{background-position: -370px -73px}

.menu a{
	color:#CCFF00;
}

.footer{
	height:30px; position:fixed; bottom:0px; left:0px;
	text-align:center;
	width:100%;
	color:#FF9900;
	background-color:#333333;
}

.cover{
	width:1000px;
	margin:0 auto;
}

.cover .left{
	width:100%
}

.cover .left_inn{
	background-color:#eeeeee;
	background:url(../images/left_bg.png) no-repeat;
	height:660px;
}

form table tr td{
	padding:6px;
}

input{
	padding:5px; font-size:14px;
}

input[type="submit"], input[type="button"]{
	background:#669933;
	padding:7px;
	width:100px;
	border:0;
	color:#FFFFFF;
}


.login{
}

.login div, .signup div{
	padding: 4px 0px 0px 0px;
}

.login input{
}

#cancel_signup, #cancel_forgot{
	cursor:pointer;
	background-color:#999;
	border:solid 1px #aaa;
	padding:7px 12px 7px 12px;
	color:#eee;
	/*text-shadow: 1px 1px 0 #ccc;*/
	margin:4px 0px 0px 0px;
}

#upload{
	background:url(../images/button_bg3.png) no-repeat;
	width:200px;
	height:18px;
	padding:15px;
	margin:10px;
	cursor:pointer
}

#download{
	background:url(../images/button_bg2.png) no-repeat;
	width:200px;
	height:18px;
	padding:15px;
	margin:10px;
	cursor:pointer
}

#chat_room{
	background:url(../images/button_bg4.png) no-repeat;
	width:200px;
	height:18px;
	padding:15px;
	margin:10px;
	cursor:pointer
}


#r_pri,#r_sec,#r_ter{
	padding:6px;
	cursor:pointer;
	font-size:16px;
	color:#000;
	font-weight:bold;
}

#r_pri{
	/*color:#01DFD7;*/
	color:#000;
}

#r_sec{
	/*color:#FE2E2E;
	background-color:#FFCC00*/
	color:#000;
}

#r_ter{
	/*color:#086A87;
	background-color:#086A87;*/
	color:#000;
}

#r_pri:hover,#r_sec:hover,#r_ter:hover{
	color:#FF6600;
}

#level1_pane{
	border-left:solid 1px #cccccc; width:120px; float:left;
}


#level3_pane, #level4_pane{
	display:none;
}


#display_area{
	color:#333;
}

#display_area a{
	color:#666666;
}

.subject_area{
	width:280px; height:490px; overflow:auto; float:left;border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:5px;
}

.room_area{
	width:406px; float:right;
	padding-top:5px;
}

.subjects{
	padding:8px 8px 8px 8px;
	cursor:pointer;
}

#rooms{
	overflow:auto; height:468px;
}

.clr{
	clear:both;
}

/*#hanger{
position:absolute;
background-color:#CCCCCC;
background:url(../images/trans.png);
width:250px;
top:0;
height:720px;
right:0;
}*/

/*
.transparent {
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
*/

.chat_dialog{
	margin-top:80px; border:10px solid #666666; border:10px solid rgba(82, 82, 82, 0.698);
}

.chat_dialog .w{
	background:#ffffff;
}

.wc_dialog{
	position:relative; margin-top:80px; border:10px solid #666666; border:10px solid rgba(82, 82, 82, 0.698);
}

.wc_dialog .w{
	height:413px;
	padding:6px; 
	background:#ffffff url(../images/face.jpg) no-repeat right top; 
	padding-left:80px; 
}

.radius1{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*behavior: url(css/border-radius.htc);*/
}

.logout{
	background-color:#222;
	width:80px;
	padding:6px;
	text-align:center;
	font-weight:bold
}

.message_sep{
	padding:6px;
}

#room_messages .user{
	float:left; width:100px;
}

#room_messages .message{
	float:left; width:200px;
}

#room_messages .time{
	float:left; width:80px;
}

#room_users .sep .user{
	float:left;
	width:auto;
}

#room_users .sep .private_chat{
	float:left;
	width:auto;
}

#room_users .sep .video_call{
	float:left;
	width:auto;
}

.chat_area{
	padding:8px 0px;
}

.chat_box{
	float:left; width:244px; height:130px; text-align:center; background:#fafafa url(../images/in.png) no-repeat right bottom; margin:0px 3px 10px 3px;
}

.chat_box a{
	display:block;
	color:#000;
}

.chat_box .head{
	padding:8px; background-color:#ff6633;
	text-align:left;
}

.chat_box .thumbnail{
	float:left;
	width:80px;
}

.chat_box .stat{
	float:right;
	text-align:left;
	width:120px;
	padding:5px;
	line-height:20px;
	font-size:12px
}

.title{
	color:#993300;
	padding-bottom:4px;
}

.dld_title{
	font-size:20px;
	border:solid 1px #eee;
	padding:3px;
	background-color:#fafafa;
}

#comment_msg .thumbnail{
	float:left;
	width:60px;
}

#comment_msg .detail{
	float:left;
	width:900px;
	margin-left:10px;
}

#comment_msg .detail .name, #comment_msg .detail .msg, #comment_msg .detail .date{
	padding-bottom:6px;
}

#comment_msg .detail .name{
	font-size:18px;
}

#advert_1{
	position:absolute;
	top:5px;
	left:1%;
	height:40px;
	width:50px;
	color:#000;
	padding:10px;
	padding-top:20px;
	text-align:center;
	cursor:pointer;
	/*background:url(../images/star.png) no-repeat;*/
	background:url(../images/suprnova.gif) no-repeat center;
	border-radius:10px;
}

#advert_1 #advert_1_content{
	background:#999999;
	width:200px;
	text-align:left;
	display:none;
}

#advert_2{
	position:absolute;
	bottom:50px;
	left:3%;
	height:40px;
	width:50px;
	color:#000;
	padding:10px;
	padding-top:20px;
	text-align:center;
	cursor:pointer;
	/*background:url(../images/star.png) no-repeat;*/
	background:url(../images/suprnova.gif) no-repeat center;
	border-radius:10px;
}

#advert_2 #advert_2_content{
	background:#999999;
	width:200px;
	text-align:left;
	position:absolute;
	bottom:0px;
	display:none;
}

#advert_3{
	position:absolute;
	top:100px;
	right:3%;
	height:40px;
	width:50px;
	color:#000;
	padding:10px;
	padding-top:20px;
	text-align:center;
	cursor:pointer;
	/*background:url(../images/star.png) no-repeat;*/
	background:url(../images/suprnova.gif) no-repeat center;
	border-radius:10px;
}

#advert_3 #advert_3_content{
	position:absolute;
	right:0px;
	background:#999999;
	width:200px;
	text-align:left;
	display:none;
}

#advert_4{
	position:absolute;
	bottom:2px;
	right:1%;
	height:40px;
	width:50px;
	color:#000;
	padding:10px;
	padding-top:20px;
	text-align:center;
	cursor:pointer;
	/*background:url(../images/star.png) no-repeat;*/
	background:url(../images/suprnova.gif) no-repeat center;
	border-radius:10px;
}

#advert_4 #advert_4_content{
	position:absolute;
	right:0px;
	background:#999999;
	width:200px;
	text-align:left;
	position:absolute;
	bottom:0px;
	display:none;
}

.advert_box{
	float:left;
	width:200px;
	margin-right:6px;
	padding-top:10px;
}
.advert_box img{
	height:200px;
}

.chat_thumb{
	float:left; width:30px; padding:5px;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;
	-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
}

.chat_msg{
	float:right; width:258px;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;
	-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
	padding:5px;
	color:#000000;
}

.chat_msg .username{
	padding-bottom:3px; color:#669933; font-weight:bold;
}

.chat_msg .action{
	color:#ccff99;
}

.chat_pic0{
	background:#CCFFCC;
}

.chat_pic1{
	background:#ffffff;
}


#call_screen, #answer_screen{
	background-color:#6699CC;
	position:absolute;
	width:400px;
	left:12%;
	top:200px;
	border:solid 1px #6699CC;
	display:none;
}

#call_screen td, #answer_screen td{
	padding:2px;
}

#start_call, #close_call, #answer_call, #close_answer{
	background-color:#ccc;
	padding:6px;
	text-align:center;
	cursor:pointer;
}

/*chat*/
.footbar_chatspace{
	width:100%; position:fixed; z-index:5; bottom:0px; left:0px; color:#FFFFFF;
}

.chatspace{
	width:990px;margin: auto;padding:0.6em; position:relative;
	text-align:left;
	/*overflow:auto !important; height:300px;*/
}

.chatbox {
	/*position: fixed;*/
	position:absolute;
	position:expression("absolute");
	width: 245px;
	/*display:none;*/
	z-index:5;
	text-align:left;
	/*float:right;*/
	margin:1px;
}

.chatboxhead {
	background-color: #666666;
	padding:7px;
	color: #ffffff;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:180px;
	width:229px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 228px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color:#990000;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	background-color:#777777;
	height:1px;
	
}

.chatboxoptions a.min{
	padding:0px 0px 0px 0px;
	border:solid 1px #666666;
	color:#FFFFFF;
}

.chatboxtitle {
	float: left;
}

/* for upload */
.qq-uploader { position:relative; width: 100%; padding:0px !important}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 135px; padding: 7px 7px 7px 14px !important; text-align:center;    
    background:#eee url(../images/attach.png) no-repeat; border:1px solid #ddd;color:#666; 
}
.qq-upload-button-hover {background:#fcfcfc;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 18px; padding:0; list-style:decimal}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px; color:#999900}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px}

.qq-upload-failed-text {
color:#ffaa00;
}

.qq-upload-size{
color:#333333;
}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


form p { position: relative; margin: 0px 0; padding:0}
form p label { position: absolute; top: 0; left: 0; padding:4px}
form p br {display: none;}
form p label {color: #777;}


.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; text-align:justify; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC }
  .tipsy-inner { background-color: #333; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px}

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #333; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #333; }
  .tipsy-arrow-s { border-top-color: #333; }
  .tipsy-arrow-e { border-left-color: #333; }
  .tipsy-arrow-w { border-right-color: #333; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }