/* ChatAny Inc. 2006 Copyright */
/*#$Id: application.css 16545 2009-02-09 03:28:26Z dexter $*/
.topbg { 
 background-image: url(/images/newheader.gif); 
 background-attachment: scroll; 
 background-position: center; 
} 
.scbg { 
 background-image: url(/images/body_top1.gif); 
 background-attachment: scroll; 
 background-position: center; 
} 
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:100;
}
#Layer2 {
	position:absolute;
	width:881px;
	height:384px;
	z-index:100;
	left: 133px;
	top: 4px;
}
#Layer3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:100;
}
#Layer4 {
	position:absolute;
	width:800px;
	height:115px;
	z-index:100;
	left: -86px;
	top: -19px;
}
#LayerOut {
	position:absolute;
	width:33px;
	height:19px;
	z-index:100;
}
#LayerChangePassWord {
	position: absolute;
	width: 317px;
	height: 162px;
	z-index: 100;
	left: 250px;
	top: 240px;
	visibility: hidden;
}
#MessageWindow {
	position:absolute;
	z-index:9999;
	left: 280px;
	top: 180px;
	visibility: hidden;
}
#HtmlWindow {
	position:absolute;
	z-index:9999;
	left: 280px;
	top: 180px;
	visibility: hidden;
}
#vcomLogMessageWindow {
	position:absolute;
	z-index:9999;
	left: 160px;
	top: 180px;
	visibility: hidden;
}
#LayerReCharge {
	position:absolute;
	width:317px;
	height:162px;
	z-index:1;
	left: 180px;
	top:  -60px;
	visibility: hidden;
}


#LayerNoteview {
	position:absolute;
    width:344px;
    height:199px;
    z-index:2;
    left: 200px;
    top: 150px;
    visibility: hidden;
}

#Moneymsg {
	position:absolute;
	width:250px;
	height:100px;
	z-index:100;
	left: 500px;
	top: 400px;
	visibility: hidden;
}
#SendAsGif {
	position:absolute;
	width:250px;
	height:100px;
	z-index:100;

	visibility: hidden;
}
#LayerFindPassword   {
	position:absolute;
	width:317px;
	height:162px;
	z-index:100;
	left: 280px;
	top: 180px;
	visibility: hidden;
}
#LayerChangeEmail  {
	position:absolute;
	width:317px;
	height:162px;
	z-index:100;
	left: 280px;
	top: 180px;
	visibility: hidden;
}
#SendMessageLayer {
	position:absolute;
	z-index:9999;
	left: 100px;
	top: 100px;
	visibility: hidden;
}
#SendGiftLayer {
	position:absolute;
	z-index:9999;
	left: 100px;
	top: 100px;
	visibility: hidden;
}
#SendMoneyLayer {
	position:absolute;
	z-index:9999;
	left: 100px;
	top: 100px;
	visibility: hidden;
}
#SendMoneyShowLayer {
	position:absolute;
	z-index:9999;
	left: 100px;
	top: 100px;
	visibility: hidden;
}
#eventMessage {
	position:absolute;
	z-index:9999;
	left: 100px;
	top: 1200px;
	visibility: hidden;
}
#ShowReceiveMessageDiv {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 10;
	left: 150px;
	top: 440px;
}
.icon_Avatar {
	left: 0px; 
	position: absolute; 
	top: 0px; 
	z-index: 1;
}
.icon_halfAvatar {
	left: 0px; 
	width: 70px; 
	position: absolute; 
	top: 0px; 
	height: 113px;
	z-index: 1;
}
.icon_QuarterAvatar {
	left: 0px; 
	width: 48px; 
	position: absolute; 
	top: 0px; 
	height: 72px;
	z-index: 1;
}
.icon_roomindex {
	LEFT: 0px; POSITION: absolute; TOP: 0px;
}
.icon_roomindex_room {
/*LEFT: 22px;*/
	LEFT: 12px; POSITION: absolute; TOP: 0px;
}
#errorExplanation {
	BORDER-RIGHT: red 2px solid; PADDING-RIGHT: 7px; BORDER-TOP: red 2px solid; PADDING-LEFT: 7px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 12px; BORDER-LEFT: red 2px solid; WIDTH: 400px; PADDING-TOP: 7px; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: #f0f0f0
}
#errorExplanation H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: -7px; COLOR: #fff; PADDING-TOP: 5px; BACKGROUND-COLOR: #c00; TEXT-ALIGN: left
}
#errorExplanation P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 5px; COLOR: #333; PADDING-TOP: 5px
}
#errorExplanation UL LI {
	FONT-SIZE: 12px; LIST-STYLE-TYPE: square
}
.showhand {
	cursor:pointer;
}

#nav, #nav ul {
	list-style: none;
	background: #F9F9F9;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: solid 1px #CCCCCC;
	border-bottom: 0px;
	width: 130px;
	text-align: left;
}

#nav ul ul{
	border: solid 1px #CCCCCC;
	border-bottom: 0px;
}

#nav span {
	display: block;
	width: 130px;
	color: #ffffff;
	text-decoration: none;
	border-bottom: solid 1px #CCCCCC;
	padding-left: 8px;
	font-size: 14px;
	background: #dc7b24;
}

#nav a {
	display: block;
	width: 130px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border-bottom: solid 1px #CCCCCC;
	text-align: left;
	padding-left: 10px;
}

#nav a:hover{
	color: #336666;
}

#nav a.selected{
	background: url(/images/arrow_01.gif) no-repeat right 50%;
}

#nav li {
	line-height: 22px;
	position: relative;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 130px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#nav li li {
	width: 130px;
}

#nav li ul a {
	width: 130px;
	padding: 0px 12px;
	line-height: 22px;
	text-align: left;
}

#nav li ul ul {
	margin: 0px 0 0 130px;
}

#nav li:hover ul ul,#nav li.sfhover ul ul{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
	left: auto;
}

#nav li:hover ul,#nav li.sfhover ul{
	left: 130px;
	top: 0px;
}

#nav li:hover, #nav li.sfhover {
	background: #F5E3C0;
}

* html #nav li {
	float: left;
	height: 1%;
}

* html #nav li a {
	height: 1%;	
}

pre.code, code {
  color: #007000;
  font-family: "bogus font here", monospace;
  font-size: 100%;
}

pre.code {
  border: 1px solid silver;
  background-color: #f5f5f5;
  padding: 0.5em;
  overflow: auto;
  margin: 2em;
}

.button {
 BORDER-RIGHT: #A5BCD2 1px solid; 
 PADDING-RIGHT: 1px; 
 BORDER-TOP: #A5BCD2 1px solid; 
 PADDING-LEFT: 1px; 
 font-family: Verdana,Arial,Helvetica, geneva,sans-serif; 
 FONT-SIZE: 12px;
 background-image:url(/images/btn_bg.gif); 
 BORDER-LEFT: #7b9ebd 1px solid; 
 cursor:pointer;
 COLOR: #0099CC; 
 PADDING-TOP: 2px; 
 BORDER-BOTTOM: #7b9ebd 1px solid;
}
.item-content{
 font-size: 13px;
 border-bottom: 1px solid #ccc;
}
#uploadResourceDiv {
	position:absolute;
	left: 350px;
	top: 700px;
	visibility: hidden;
}
.ViewTextArea{
	overflow:auto;
	border: 1px solid rgb(229, 229, 229); 
  	padding: 2px 10px; 
	width: 400px; 
	background-color: rgb(245, 245, 245); 
	margin-top: 5px; 
	margin-bottom: 5px; 
	clear: both;
}
pre{
    white-space : normal ;
    white-space: pre; /* CSS2 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    overflow:hidden;
    width:500px;
} 
.choosetag{
    background : #FFFFFF;
    border-top-style : solid ;
    border-top : 1px solid #BDC9AB;
    border-bottom-style: solid;
    border-bottom : 0px none;
    border-left-style: solid;
    border-left : 1px solid #BDC9AB;
    border-right-style: solid;
    border-right : 1px solid #BDC9AB;
}

.normaltag{
    background : #FAFFF3;
    border-top-style : solid ;
    border-top : 1px solid #BDC9AB;
    border-bottom-style: solid;
    border-bottom : 1px solid #BDC9AB;
    border-left-style: solid;
    border-left : 1px solid #BDC9AB;
    border-right-style: solid;
    border-right : 1px solid #BDC9AB;
}

.emptytag{
    border-top-style : solid ;
    border-top : 0px none;
    border-bottom-style: solid;
    border-bottom : 1px solid #BDC9AB;
    border-left-style: solid;
    border-left : 0px none;
    border-right-style: solid;
    border-right : 0px none;
}

.tablebody{
    border-top-style : solid ;
    border-top : 0px none ;
    border-bottom-style: solid;
    border-bottom : 1px solid #BDC9AB;
    border-left-style: solid;
    border-left : 1px solid #BDC9AB;
    border-right-style: solid;
    border-right : 1px solid #BDC9AB;
}
.inRoom .tablebody{
    border-top: 1px solid #BDC9AB;
}

.button_other_room_mouseout {
    padding: 1px;
    border: 0px solid #a5bcd2;
    width:90px;
    height:23px;
    FONT-SIZE: 12px; 
    COLOR: #000033;
    CURSOR: pointer; 
	BACKGROUND-IMAGE: url(/images/web/other_room.gif); 
}
.button_other_room {
    border: 0px solid #a5bcd2;
    BACKGROUND-IMAGE: url(/images/web/other_room.gif);
    COLOR: #000033;
    width:96px;
    height:23px;
    CURSOR: pointer;
}
.button_other_room_mouseover {
    border: 0px solid #a5bcd2;
    CURSOR: pointer; 
    COLOR: #000033;
    width:96px;
    height:23px;
	BACKGROUND-IMAGE: url(/images/web/other_room.gif); 
	text-decoration: underline;
}