@charset "utf-8";
#logo{
	margin-top:20px;
	margin-left:20px;
}
#motto{
	color:white;
	font-weight:bold;
	margin-left:200px;
	font:normal normal bold 18px/normal Arial, sans-serif;
}
#page{
	min-width:960px;
	background-image:url(../img/stars.jpg);
}
#page3{
	min-width:960px;
	background:url(../img/page.png) repeat;
}
#page2{
	min-width:960px;
	background:url('../img/brisbane.png') repeat-x bottom;
}
#head-inner{
	text-align:left;
	width:960px;
}
#head{
	min-width:960px;
	min-height:170px;
	background:url(../img/header2.png) repeat-x center;
}
#head2{
	min-width:960px;
	min-height:170px;
	background:url(../img/header.png) repeat-x center;
}
#headmenu-inner{
	width:960px;
}
#headmenu{
	background:url(../img/hm.png) repeat-x;
	min-height:35px;
	cursor:pointer;
}
#main{

}
#main2{
	width:960px;
	background-color:#0d0d0d;
	display:block;
}
#foot2{
	min-width:960px;
	clear:both;
	min-height:400px;
}
#foot{
	color:white;
	background:url(../img/page2.png) repeat;
	background-color:#131313;
	min-width:960px;
	clear:both;
	padding:5px;
	font-size:12px;
}
#foot-inside{
	width:960px;
}
#left{
	text-align:left;
	min-height:200px;
	width:200px;
	margin:10px;
	margin-top:20px;
	float:left;
	background-color:#555555;
}
#center{
	text-align:left;
	min-height:200px;
	width:480px;
	margin:10px;
	margin-top:20px;
	float:left;
}
#devcomment,#newcomment,#smartusers,#gads,#elseads,#smwrap,#regword,#homecomment{
	background-color:#555555;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}
#tweetbox{
	padding:10px;
	margin-bottom:10px;
	clear:both;
	text-align:center;
	height:165px;
	background:url(../img/tweetback.png) no-repeat;
	padding-top:55px;
}
#aicomment{
	color:white;
	font-size:12px;
	overflow:hidden;
	height:230px;
}
#aicomment.index{
	height:auto;
}
#jiplab{
	font-size:12px;
	color:white;
	padding:10px;
	line-height:150%;
}
#devcomment h1,#newcomment h1,#left h1,#smartusers h1,#elseads h1,#smwrap h1,#homecomment h1,h1.myvoc{
	font-weight:bold;
	font-size:18px;
	color:white;
	border-bottom:1px white dashed;
	padding-bottom:5px;
	padding-top:5px;
	padding-bottom:8px;
}
#right{
	text-align:left;
	min-height:200px;
	width:200px;
	margin:10px;
	float:left;
}
#gads{
	text-align:center;
}
.ncimg,.nccomment{
	float:left;
	display:block;
	padding:5px;
}
.ncbox,.lab{
	clear:both;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px grey solid;
}
.ncbox{
	min-height:60px;
}
.ncbox:hover,.lab:hover{
	background-color:#111111;
}
.ncimg{
	margin-right:10px;
	float:left;
	vertical-align:top;
}
#regword{
	font-size:10px;
	color:#999999;
}
#regword a{
	font-size:10px;
}
#newcomment{
	height:420px;
	overflow:hidden;
}
#homecomment{
	height:250px;
	overflow:hidden;
}
#devcomment a,#newcomment a,#jiplab a,#regword a,#homecomment a,.myvoc a{
	color:orange;
}
a.chatName,#regword a.chatName{
	font-size:14px;
	font-weight:bold;
}
h1.myvoc{
	font-size:14px;
}
#eloading{
	color:white;
	margin-top:150px;
	text-align:center;
	line-height:200%;
}
#eloading2{
	color:white;
	margin-top:70px;
	text-align:center;
	line-height:200%;
}

.tv,#elseadimgs img{
	margin:5px;
}
#smartimgs{
	padding:10px;
	text-align:center;
}
#elseadimgs{
	text-align:center;
}
.ajax{
	cursor:pointer;
}
#testlogin-a{
	text-align:center;
	background-color:orange;
	color:white;
	font-weight:bold;
	font-size:14px;
	border:1px solid white;
	margin-bottom:10px;
}
#testlogin-a:hover{
	background-color:#ffffff;
	color:orange;
	border:1px solid orange;
}
#smlogin-a{
	text-align:center;
	background-color:#1b95d4;
	color:white;
	font-weight:bold;
	font-size:14px;
	border:1px solid white;
	margin-bottom:10px;
}
#smlogin-a:hover{
	background-color:#ffffff;
	color:#1b95d4;
	border:1px solid #1b95d4;
}
#smlogin{
	color:white;
	padding:10px;
	text-align:left;
	line-height:200%;
	font-size:12px;
}
#helloexp{
	color:white;
	font-size:12px;
	padding:5px;
	line-height:150%;
}
#smartusers h1 a{
	color:#1b95d4;
}
.tooltip {
	display:none;
	background:transparent url(../img/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	overflow:hidden;
	text-align:left;
	line-height:150%;
}
.tooltip.bottom {
	background:url(../img/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}
#helloexp a,#jiplab .labexp a{
	color:white;
	font-size:12px;
	font-weight:normal;
}
#helloexp a:hover,#jiplab .labexp a:hover{
	color:#ff3333;
}

#smwrap a{
	color:white;
	text-decoration:none;
}
#smwrap a:hover{
	color:#ff3333;
	text-decoration:underline;
}
.highL:hover{
	color:#ff3333;
}
/*regWord*/
.ws{
	padding:5px;
	cursor:pointer;
	background-color:white;
	border:1px black solid;
	width:100px;
}
.ws:hover{
	background-color:black;
	border:1px white solid;
	color:white;
}
.upW{
	padding:5px;
	color:#999999;
	line-height:250%;
}
.regEnt{
	border-bottom:#cccccc 1px dashed;
}
.regEnt2{
	border-bottom:yellow 1px dashed;
}
.regButtons{
	margin-top:10px;
	margin-bottom:6px;
	text-align:right;
}
#center.noleft{
	width:700px;
}
#vpfloat{
	display:block;
	position:absolute;
	z-index:999;
	top:-110px;
	left:-150px;
	background-color:#777777;
	padding:10px;
	color:white;
	border:white 1px solid;
}
#vpfloat a{
	cursor:pointer;
}
/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	/*border-bottom:1px solid #333;*/
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	/*background: url(../img/blue.png) no-repeat -652px 0;*/
	background-color:#333333;
	font-size:14px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#999999;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
.tabs a.mini{
	width: 80px;
}
.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	/*background-position: -652px -31px;*/
	color:#fff;
	background-color:#444444;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	/*background-position: -652px -62px;*/
	cursor:default !important; 
	color:orange !important;
	background-color:#555555;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}
div.panes{
	background-color:#555555;
	margin-bottom:20px;
	padding:10px;
	color:white;
}
#widesearch{
	margin-top:20px;
	margin-left:240px;
}
#wsearch{
	border:2px solid #555555;
	height:26px;
	font-size:16px;
	font-weight:bold;
	width:260px;
}
#kensaku{
	padding:6px;
	padding-bottom:6px;
	height:24px;
	font-size:14px;
	color:#cccccc;
	background-color:#555555;
	border:1px solid #555555;
	cursor:pointer;
}
#kensaku:hover{
	color:white;
}

#widesearch2{
	margin-right:40px;
	margin-top:-21px;
}
#wsearch2{
	border:2px solid #222222;
	height:20px;
	font-size:12px;
	font-weight:bold;
	width:120px;
}
#kensaku2{
	padding:3px;
	padding-bottom:4px;
	height:16px;
	font-size:12px;
	color:#cccccc;
	background-color:#222222;
	border:1px solid #222222;
	cursor:pointer;
}
#kensaku2:hover{
	color:white;
}
#headmenu-left{
	padding-left:20px;
	font-size:14px;
	color:white;
	padding-top:9px;
}
#headmenu-left a{
	padding:10px;
	padding-top:8px;
	padding-bottom:9px;
	color:#dddddd;
	text-decoration:none;
	font-weight:bold;
}
#headmenu-left a:hover{
	background-color:#222222;
	color:#white;
}
#center.hundred{
	width:100%;
}
.plusW{
	text-align:center;
	display:block;
	float:left;
	width:16px;
	margin:2px;
	background-color:#222222;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	cursor:pointer;
	color:orange;
	margin-right:10px;
}
.plusW:hover{
	background-color:#333333;
	color:white;
	font-weight:bold;
}
.plusW2{
	text-align:center;
	display:block;
	float:left;
	width:16px;
	margin:2px;
	background-color:#222222;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	color:red;
	margin-right:10px;
}
.plusW2:hover{
	background-color:#333333;
}
#modal{
	background-color:#000000;
	border:2px #ff3333 solid;
	display:block;
	position:absolute;
	width:300px;
	color:#ff0000;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
}
.vex{
	font-size:10px;
	color:white;
}
.greyout{
	color:#888888;
}
.red{
	color:#ff3333;
}
.pagen{
	text-decoration:none;
}
.white{
	color:white;
}
#multiSearchers{
	margin-top:5px;
}
.wProperty{
	line-height:150%;
	font-size:11px;
}
.wPos{
	font-weight:normal;
	font-size:12px;
}
.reimg{
	cursor:pointer;
	vertical-align:middle;
}
.ncimg{
	height:50px;
	width:50px;
}
#chat{
	cursor:pointer;
	background-color:orange;
	border:1px solid white;
	font-size:10px;
	padding:2px;
	margin-left:10px;
}
#chat:hover{
	background-color:white;
	border:1px solid orange;
	color:orange;
}
#chatMess{
	color:orange;
	text-align:left;
	padding:3px;
	
}
#chatarea{
	width:600px;
	height:50px;
	padding:5px;
	border:1px solid orange;
	font-size:16px;
}
#chatarea.indexChat{
	width:400px;
}
#chatPane{
	padding:10px;
	text-align:center;
}
#aiStatus{
 display:block;
 position:absolute;
 background-color:white;
 border:4px red solid;
}

#aiStButton{
	cursor:pointer;
	background-color:orange;
	border:1px solid white;
	font-size:10px;
	padding:2px;
	margin-left:10px;
}
#aiStButton:hover{
	background-color:white;
	border:1px solid orange;
	color:orange;
}
/* the overlayed element */
.simple_overlay {
	padding:10px;
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}
	
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}
.floatLeft{
	display:block;
	float:left;
	padding-left:20px;
}
.overlayLeft{
	display:block;
	float:left;
	width:520px;
}
.overlayTitle{
	color:orange;
	font-size:16px;
	font-weight:bold;
}
.overlayStatus{
	padding:10px;
	background-color:white;
	border:orange 3px solid;
	margin:10px;
	line-height:150%;
	max-height:300px;
	overflow:auto;
}
.posDis{
	cursor:pointer;
	color:blue;
}
.posDis:hover{
	color:red;
}
.posEcho{
	margin:5px;
	padding:5px;
	border:1px blue solid;
}
.posEcho a{
	text-decoration:none;
}
.posEcho a:hover{
	text-decoration:underline;
}
.developer{
	background-image:url(../img/tomo.png);
	padding-top:180px;
	color:white;
	height:420px;
	overflow:hidden;
}
.developer a{
	color:white;
}
.developer a:hover{
	color:orange;
}
#tomodetail{
	padding:10px;
}
#tomobelow{
	padding-left:10px;
}
#tomoname{
	font-weight:bold;
}
#dev{
	padding:10px;
	line-height:150%;
	font-size:12px;
}
#greetings{
	padding:10px;
	color:white;
	line-height:150%;
}
.footbox{
	display:block;
	padding:10px;
	width:175px;
}
.fbtitle{
	font-weight:bold;
	font-size:14px;
	color:orange;
}
.fbcont{
	padding:10px;
	margin:5px;
	background-color:#555555;
	border:1px solid orange;
	line-height:150%;
	font-size:12px;
	height:220px;
}
.fbcont a{
	color:white;
	text-decoration:none;
}
.fbcont a:hover{
	border-bottom:dashed orange 1px;
	color:orange;
}
.copyrights{
	font-size:13px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}
.copyrights:hover{
	border-bottom:dashed orange 1px;
	color:orange;
}
.devimg{
	background-image:url(../img/tomo2.png);
}
.navig{
	font-size:11px;
	padding:5px;
	color:#999;
}
.navig a{
	color:orange;
}
#eloading a,#eloading2 a{
	font-size:12px;
	margin:20px;
}
#regword a.mainA{
	font-size:12px;
}
#regword.white {
	color:white;
}
.gramGroup{
	border-bottom:white 2px solid;
	padding-top:20px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:white;
	clear:both;
}
.symTitle{
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:white;
	clear:both;
}
.lred{
	color:#f55;
}
#symbolsCont{
	padding:10px;
	color:white;
	font-size:12px;
	line-height:150%;
	border:white 2px solid;
	height:90px;
}
#symbolsCont2{
	padding:10px;
	color:white;
	font-size:12px;
	line-height:150%;
	border:white 2px solid;
	height:55px;
}
.syName{
	color:orange;
	font-size:12px;
	font-weight:bold;
}
.sy{
	float:left;
	display:block;
	padding-left:10px;
}
.moreList{
	text-align:right;
	padding:10px;
}
.moreList a{
	color:white;
}
.moreList a:hover{
	color:orange;
}
.usBlock{
	margin:3px;
	background-color:#333333;
	float:left;
	display:block;
	text-align:center;
	height:50px;
	width:43px;
	padding:5px;
}
.usTitle{
  padding-bottom:5px;
	border-bottom:white 1px dashed;
}
.usNum{
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
}
.clear{
	clear:both;
}
#uStatus{
	margin-top:10px;
	margin-bottom:10px;
}
.uName{
	color:orange;
}
#tlogin{
	text-align:center;
}
#tlogin img{
	cursor:pointer;
}
#tprof{
	color:white;
}
.Tcom{
  background-color:#444;
  min-height:24px;
  padding:5px;
  margin:5px;
}
.Tcom img{
  float:left;
  clear:both;
  padding-right:5px;
}
.tcarea{
  width:100%;
  font-size:12px;
  color:white;
  line-height:150%;
}
.tarea{
  min-height:30px;
  font-size:14px;
  color:white;
  padding-bottom:5px;
}
.ttable{
  width:440px;
}
.ttable td{
  padding:3px;
}
.reparea{
  text-align:right;
}
.rep,.thank{
  color:orange;
  cursor:pointer;
}
.thank2{
  color:#f55;  
}
.thank,.thank2{
  margin-right:5px;
}
.thank:hover{
  text-decoration:underline;
}
#regword a.fromuser,#regword a.fromuser2{
  color:orange;
  font-weight:bold;
  padding-right:5px;
  text-decoration:none;
  font-size:14px;
}
#regword a.fromuser2{
  font-size:12px;
}
#regword a.fromuser:hover,#regword a.fromuser2:hover{
  text-decoration:underline;
}
#langSel,#ordSel{
  font-size:14px;
}
#viewmore{
  background-color:#333;
  padding:10px;
  text-align:center;
  border:solid 1px #999;
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  cursor:pointer;
}
#viewmore:hover{
  background-color:#white;
  color:orange;
}
.over{
  color:orange;
  cursor:pointer;
}
.over:hover{
  text-decoration:underline;
}
.bigno{
  font-size:12px;
  padding-right:3px;
  padding-left:3px;
}
.thread{
  border-top:solid 1px #999;
  padding-top:5px;
  margin-top:5px;
}
.time2,.time1{
  font-size:11px;
  color:#999;
  text-align:right;
}
.jiparea{
  font-size:14px;
  color:#fff;
  width:48px;
  text-align:center;
  background-color:#222;
}
#ltleft{
  padding:10px;
  color:white;
  font-size:11px;
}
#ltleft td{
  padding:3px;
}
.topname{
  overflow:hidden;
  width:80px;
}
.topname a{
  color:white;
  text-decoration:none;
}
.topname a:hover{
  color:orange;
  text-decoration:underline;
}
.topnum{
  color:#f55;
  font-weight:bold;
}