/*
------------------------------
	Impromptu's
------------------------------
*/

.jqifade{
	position: absolute;
	background-color: black;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:888;
}
div.jqi{
	position: absolute;
	background-color: #5272A3;
	background:url(include/../images/promptBg.jpg) no-repeat center;
	background:white;
	border: 3px solid #BCC5D4;
	
	padding: 10px; 
	width: 300px;
	text-align: left;
	margin-top:0px;
	top:30%;
	left:50%;
	margin-left:-160px;
	z-index:999;
}
div.jqi .jqicontainer{
	padding: 5px; 
	color: #5F5F5F;
}
div.jqi .jqimessage{
	
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(include/../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

div.jqi input{
	border: 1px solid #AFAFAF;
	width:180px;
	padding-left:2px;
}
@media projection, screen { .ui-tabs-hide { display:none; } }@media print { .ui-tabs-nav { display: none; } }.ui-tabs-nav,.ui-tabs-nav {  padding-left:6px;  float:left;  width:99%;  margin:0;} .ui-tabs-nav li,.ui-tabs-nav li {  list-style:none;  float:left;} .ui-tabs-nav a,.ui-tabs-nav a {  display:block;  padding:2px 0 1px;  text-decoration:underline!important;  border-:1px solid #444;  margin:1px 10px 0 0;  color:#004470;} .ui-tabs-nav span,.ui-tabs-nav span {  padding:2px 13px 2px;} .ui-tabs-nav a:hover, .ui-tabs-nav a:hover span,.ui-tabs-nav a:hover,.ui-tabs-nav a:hover span {  border-color:#222;  } .ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav .ui-tabs-selected a {  border-color:#666;  text-decoration:none!important;}.ui-tabs-nav .ui-tabs-selected a span,.ui-tabs-nav .ui-tabs-selected a span {  margin-bottom:0;  color:#000;  border-bottom:1px solid #FFF;  cursor:default;  }.ui-tabs-container {  clear:both;  padding:10px 10px 8px 5px;  clear:left;}#rooms .privateRoom .chat{
	margin-top:5px;
}
*html #rooms .privateRoom .chat{
	height:expression((documentElement.clientHeight-132) + "px");

}
#rooms .privateRoom .withApplication .chat{
	/*top: 231px; */
	top:355px;
}
*html #rooms .privateRoom .withApplication .chat{
	height:expression((documentElement.clientHeight-142-230-115) + "px");
}
.privateRoom .newMessage{
	background:red;
	border:3px solid black;
	padding:10px;

}
.privateRoom .application{
	top:5px;
	display:none;
	right:143px;
	left:0;
	position:absolute;
	padding:0 5px;
	margin-left:5px;
	background:#CCCCCC;
	height:350px;  /* 226  =>  134*/
}
*html .privateRoom .application{
	right:149px;
}
.privateRoom .application .container{
	margin-top:10px;
	float:left;	
}
.hiddenFlash .privateRoom .application .container{
	visibility:hidden;
}

.privateRoom a.close{
	margin-top:5px;
	float:right;
}

.privateRoom .withApplication .application{
	display:block;
}
.privateRoom .right{
	top:5px;
	position:absolute;
	width:125px;
	right:5px;
	padding:5px;
	bottom:57px;
}
.privateRoom .right ul li img{
	vertical-align:middle;
	margin-right:3px;
}
.privateRoom .right h3{
	margin:0;
	padding:0;
	font-size:110%;
	color:#46566A;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}
.privateRoom .right ul, .privateRoom .right ul li{
	margin:0 0 5px;
	padding:0;
	list-style-type:none;
}
.privateRoom .right h3.userDisplayName{
	margin-bottom:5px;
	margin-top:0;
}
.privateRoom .right div.userPictureContainer{
	text-align:center;
}
.privateRoom .right div.userPictureContainer img{
	border:0;
	max-width:85px;
	margin-bottom:10px;
	border:3px solid #A3B5D1;
}

.centerAdsContainer{
	float:right;
	margin-top:30px;
	margin-right:-16px;
}#rooms{
	position:absolute;
	background-color:#D6DEEB;
	top:60px;
	left:154px;
	right:0;
	margin-right:6px;
	bottom:4px;
	border-top:none;
	display:block;
	right:0px;
}


*html #rooms{
	left:153px; /* 10px les than in FF */
	right:6px;
	bottom:0;
	width:expression((documentElement.clientWidth-160) + "px");
	height:expression((documentElement.clientHeight-65) + "px");
}





.room .chat{
	border:2px solid black;
	border-color: gray #E0E6EF #E0E6EF gray ;
	position:absolute;
	z-index:10;
	bottom:45px;
	top:0px;
	left:4px;
	right:139px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:5px;
	margin: 30px 0 0 0;
	color:black;
	background-color:white;
}
#rooms .room .chat a{
	color:#0D639A;
}

*html .room .chat{
	bottom:auto;
	width:expression((documentElement.clientWidth-319) + "px");
	height:expression((documentElement.clientHeight-154) + "px");
}
#systemRoom  .chat{
	margin:5px 0 0;
	right:5px;
	bottom:5px;
}
*html #systemRoom .chat{
	width:expression((documentElement.clientWidth-183) + "px");
	height:expression((documentElement.clientHeight-89) + "px");
}


.room .room_info{
	padding:3px 5px;
	margin:5px;
	height:16px;
	position:absolute;
	left:0;
	right:0;
	overflow:hidden;
}
*html .room .room_info{
	left:0;
	width:100%;

}
.room .room_info .topic{
	
}
.room .room_info .buttons{
	display:block;
	position:absolute;
	right:0;
}
*html .room .room_info .buttons{
	margin-right:20px;
}
.room .room_info .buttons a{
	display:block;
	float:right;
	text-decoration:underline;
	color:black;
	text-align:center;
	/*background-color:#D6DEEB;*/
}
.room .room_info .buttons a:hover{
	text-decoration:none;
}

/* we should have textarea container as we can not apply left and right attribute to the textarea (according to standards) */
.room .textarea_container{
	position:absolute;
	height:37px;
	bottom: 5px;
	left: 4px;
	right:139px;
	border:2px solid #808080;
	border-bottom-color:#E0E6EF;
	border-right-color:#E0E6EF;
	background:white;
	
}
*html .room .textarea_container{
	width:expression((documentElement.clientWidth-311) + "px");
	bottom:3px;
	height:39;
}
.room textarea{
	height:34px;
	width:100%;
	border:none;
	background:none;
	resize:none;
}








#rooms ul.users{
	display:block;
	position:absolute;
	right:5px;
	top:0px;
	margin-top:30px;
	
	bottom: 5px;
	width:130px;
	background:white;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border:2px solid black;
	border-color: gray #E0E6EF #E0E6EF gray ;
}
*html #rooms ul.users{
	height:expression((documentElement.clientHeight-104) + "px");
}
ul.users , ul.users  li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#rooms ul.users  a{
	display:block;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	color:#0D639A;

}
#rooms ul.users img.avatar{
	display:none;
}
#rooms ul.users .hovered img.avatar{
	display:block;
	width:40px;
	border:2px solid #5C74A3;
	position:absolute;
	right:5px;
	margin-top:-5px;
	
}

.mouseAtBottom #rooms ul.users .hovered img.avatar{
	margin-top:-25px;
}



ul.users a em{
	color:gray;
}
ul.users  a .status{
	display:block;
	float:left;
	padding: 2px 2px 0px 1px;
}
ul.users a .status span{
	display:block;
	float:left;
	width:9px;
	height:9px;
	background:black;
	overflow:hidden;
	background:url(include/../images/status.gif) top no-repeat;
}
ul.users a .status .online{
	
}
ul.users a .status .busy{
	background-position:0 -26px;
}
ul.users a .status .idle{
	background-position:0 -13px;
}
ul.users a .status .invisible{
	background:gray;
}


#rooms ul.users a:hover{
	display:block;
	background-color:#5272A3;
	color:white;
}
ul.users li button{
	position:absolute;
	
	padding:0;
	margin:0;
	margin-top:-20px;
	margin-left:140px;
	height:20px;
	width:20px;
	background:gray;
	border:1px solid black;
}
ul.users li button:hover{
	background-color:white;
}



li.specialGuest{
	background-color:#FFCFCF;
	border-bottom:1px solid black;
}
li.specialGuest img{
	max-width:100px;
	max-height:100px;
	border:1px solid gray;
}
li.specialGuest img.avatar{
	display:none!important;
}
li.specialGuest div.lead{

	margin-left:50px;
	
}
li.specialGuest div.lead h3{
	margin:0;
	padding:0;
	font-size:100%;
	
}
li.specialGuest div.content{
	margin:5px;
	text-align:center;
}
li.specialGuest div.content a, li.specialGuest div.content a:hover{
	margin:0;
	padding:0;
	display:inline;
	text-decoration:underline;
	background:none;
	color:blue;
}


.room .chat div{
	padding:2px;
}
.room .chat div.specialGuest{
	background:#FFDFDF;
	margin:1px 0;
}
.room .chat div.moderateMessage{
	border:1px solid red;
	margin-bottom:2px;
}
.room .chat div.moderateMessage div.publish{
	text-align:right;
	
}
.room .chat div.moderateMessage div.publish button{
	font-size:80%;
	border:1px solid gray;
	margin-left:3px;
}
.room .chat .info{
	color:#004470;
	font-weight:bold;
}

.room .chat .log_message{
	color:#CCCCCC;
	font-style:italic;
}




#game_room{
	
}
#rooms #game_navigation{
	position:absolute;
	margin-top:6px;
	margin-left:5px;
	left:0;right:6px;
	background:#CCCCCC;
	padding:15px 6px 14px;
	-moz-border-radius:6px;
}
#rooms #game_navigation a.submit img{
	border:0;
	vertical-align:middle;
	margin-right:3px;
}
#rooms #game_navigation a.submit{
	width:auto;
	padding:2px 6px!important;
	margin-right:6px;
}
#rooms #game_navigation h3{
	float:left;
	color:#465697;
	margin:0;
	padding:0;
	font-size:16px;
	margin-right:10px;
}

#rooms #game_room ul#game_users{
	position:absolute;
	overflow:auto;	
	bottom:10px;
	top:61px;
	right:6px;
	left:0;
	margin-left:6px;
	
	
}
#rooms #game_room ul#game_users li{
	background:white;
	height:110px;
	width:140px;
	padding:6px;
	margin-right:6px;
	margin-bottom:6px;
	float:left;
	-moz-border-radius:6px;
	text-align:center;
}
#game_room li b,#game_room li i{
	display:block;
	margin-bottom:3px;
}
#game_users li .thumb{
	margin:3px auto 5px;
	background:url(include/../images/no_user_image.jpg) no-repeat center center;
	width:50px;
	height:50px;
}
#game_users li .submit{
	margin-left:25px;
}
#game_room img.icon{
	vertical-align:middle;
	margin-right:6px;
}div#jsMenu{
	position:absolute;
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:20;
	width:180px;
	display:block;
	padding:10px;
	display:none;
	cursor:default;
}
div#jsMenu #jsMenuContent{
	border:1px solid gray;
	border-top-color:#E0E6EF;
	border-left-color:#E0E6EF;
	border-right-width:2px;
	background:#A3B5D1;

}
#jsMenu ul, #jsMenu ul li{
	margin:0;
	padding:0;
	list-style:none;
	border: 1px solid white;
	border-left:none;
	border-right:none;
	border-bottom-color:#004470;
}
#jsMenu ul li a{
	display:block;
	padding:5px;
	color:black;
	text-decoration:none;
}
*html #jsMenu ul li a{
	width:99%;
}

#jsMenu ul li ul{
	position:absolute;
	border:1px solid gray;
	border-top-color:#E0E6EF;
	border-left-color:#E0E6EF;
	background:#A3B5D1;
	margin-left:150px;
	width:180px;
	margin-top:-20px;
	
}
#jsMenu ul li a.hasChilds{

	background:url(include/../images/arrow.gif) no-repeat right;
	
}
#jsMenu ul li a:hover,#jsMenu ul li a.active,#jsMenu ul li a.hasChilds:hover{
	background-color:#5272A3;
	color:white;
}#status{
	background-color:#A3B5D1;
	padding:0 10px;
	margin-right:6px;
	color:white;
	height:26px;
	position:absolute;
	top:0;
	z-index:100;
	right:0;
	left:154px;

}
*html #status{
	width:expression( (documentElement.clientWidth-134) +"px");
}
#status  #myNickName a{
	color:white;
}
#status form{
	position:absolute;
	padding:3px 0;
}

#status select{
	width:100px;
	position:absolute;
	left:90px;
	margin-top:-22px;
}
#status label{
	display:block;
	float:left;
	margin-top:3px;
}
#status h1{
	padding:0;
	margin:0;
	font-size:100%;
	float:left;
	margin-left:5px;
	padding-top:3px;
	margin-right:4px;
}
#status #loggedAs{
	float:left;	
}
#status #availability{
	float:left;
	margin-left:10px;
}
#selectStatusHolder{
	float:left;
}


#status #settings{
	float:left;
	margin-left:10px;
}
	#buttons{
	background-color:transparent;
	position:absolute;
	top:30px;
	height:30px;
	right:0;
	left:154px;	/* left:154px; with left margin */
}
#buttons h3{
	float:left;
	padding:0;
	margin:0;
	display:block;
	margin-left:6px;
	cursor:pointer;
	font-size:100%;
	background:url(include/../images/tabButtonBg.gif) no-repeat left top;
	color:#6B829D;
	margin-top:4px;
	padding-left:4px;
	
}
#buttons #roomB_S{   /* system room */
	padding-left:3px;
	padding-right:3px;

}
#buttons h3.focused,#buttons h3.focused:hover{
	background-position:0 -26px;
	color:#46566A;
}
#buttons b.light{
	background:none;
	width:15px;
	height:12px;
	display:block;
	float:left;
	margin-top:1px;
}
#buttons .newMessage  b.light{
	background:url(include/../images/newMessage.gif) no-repeat top left ;
	background-position: 0;
	float:left;
}
*html #buttons .newMessage  b.light{
	margin-left:-7px;
	margin-right:2px;
}
#buttons h3 div.insideH3{
	padding:5px;
	padding-left:0px;
	padding-right:13px;
	background:url(include/../images/tabButtonBg.gif) no-repeat right top;
	float:left;
	padding-bottom:10px;
	padding-top:8px;
}
#buttons h3.focused div.insideH3{
	background-position:right -26px;
	float:left;
}



#buttons h3 b{
	display:block;
	float:left;
}
#buttons h3  a.close{
	display:none;
	margin-right:-5px;
}

#buttons h3.focused a.close{
	display:block;
}

*html #buttons{
	width:100%;
}
#roomB_system a.close{
	display:none!important;
}
#roomB_system  .insideH3{
	padding-left: 5px!important;
	padding-right: 5px!important;
}	/* -------------
 * Buttons
 * ------------- */
.jNice button {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
}

*:first-child+html .jNice button[type]{width: 1;} /* IE7 */

.jNice button span {
	/*background: transparent url(include/../images/jNice/btn_right.gif) no-repeat scroll right top;*/
	display: block;
	float: left;
	padding: 0;/* sliding doors padding */
	margin: 0px;
}

.jNice button span span {
	/*background: transparent url(include/../images/jNice/btn_left.gif) no-repeat;*/
	color: #FFFFFF;
	padding: 0;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
	
}

/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	background: transparent url(include/../images/jNice/input_left.gif) no-repeat left top;
	height: 23px;
	padding: 0px;

}

.jNiceInputInner {
	background: transparent url(include/../images/jNice/input_right.gif) no-repeat right top;
	padding: 2px 4px 2px 0px;
	margin: 0px 0px 0px 4px;
}

.jNiceInputInner div {
	height: 19px;
}

.jNiceInputInner input {
	vertical-align: middle;
	height: 17px;
	color:#404040;	
	border: 0;
	padding: 0px;
	margin: 0px;
}

.jNiceSafari .jNiceInputInner div {
	position: relative;
	overflow: hidden;
}

.jNiceSafari input {
	background-color: none;
	position: absolute;
	top: -2px;
	left: -4px;
	height: 26px; 
}

/* -------------
 * Radios
 * ------------- */
.jRadioWrapper {float: left;}
.jNiceRadio {
	background: transparent url(include/../images/jNice/radio.gif) no-repeat center top!important;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url(include/../images/jNice/checkbox.gif) no-repeat center top!important;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
	float:left;
	clear:both;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom!important;}


/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper {
	width: 132px;
	position:relative;
	height: 19px;
	z-index:1;
	color:#666;
	
}

.jNiceSelectWrapper div span {
	float: none;
	position: absolute;
	width: 104px;
	height: 17px;
	line-height: 17px;
	padding: 1px 3px;
	overflow: hidden;
	border: 1px solid #7A8EA9;
	border-right: none;
	background-color:white;
	padding-left:4px;
}

.jNiceSelectWrapper div a, .jNiceSelectWrapper div a:focus {
	display: block;
	position: absolute;
	right: 0px;
	width: 21px;
	height: 19px;
	background: url(include/../images/jNice/select_right.jpg) no-repeat top;
}
.jNiceSelectWrapper div a:hover {
	
}
.jNiceSelectWrapper ul {
	position: absolute;
	width: 150px;
	top: 16px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	overflow-y: hidden;
	z-index:55;
}
.jNiceSelectWrapper ul li{
	float:left;
	clear:both;
	width:100%;
}
.jNiceSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#0099CC;
	background-color: #FFF;
	
}
*html .jNiceSelectWrapper ul a{
	width:99%;
}

.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jNiceHidden {display: none;}
.smilie{
	width:15px;
	height:15px;
	margin-bottom:-1px;
}
.sm_smile{
	background-image:url(smilies/smile.gif);
}
.sm_biggrin{
	background-image:url(smilies/biggrin.gif);
}
.sm_razz{
	background-image:url(smilies/razz.gif);
}
.sm_wink{
	background-image:url(smilies/wink.gif);
}
.sm_sad{
	background-image:url(smilies/sad.gif);
}
.sm_glass{
	background-image:url(smilies/glass.gif);
}
.sm_heart{
	background-image:url(smilies/heart.gif);
}
.sm_wired{
	background-image:url(smilies/wired.gif);
}/*@import "include/thickbox.css"; */

ul, ul li{
	margin:0;
	padding:0;
	list-style:none;
}


/* invisible spacer - used for too long texts. Inside is only one space which should not be seen */
i.invisibleSpacer{
	font-size:0;
}


html,body{
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	height:100%;
	overflow:hidden;
	
}
body{
	
}
a{
	color:#2F507F;
}
a:hover{
	text-decoration:none;
}
h1{
	font-size:130%
}
h2{
	font-size:120%
}
h3{
	font-size:110%
}
h4{
	font-size:105%
}
h5, h6, h7{
	font-size:100%
}



#flashContent{
	position:absolute;
	z-index:-1;
	top:0;
}
#container{
	background-color:transparent;
	margin-left:154px;
	height:100%;
	
}



#logo{
	width:144px;
	height:61px;
	background:url(images/logo.jpg);
	display:block;
	outline:none;
}
#logoLight{
	width:144px;
	height:61px;
	background:url(images/logoLightAnimation.gif) no-repeat;
	background-position:10px 0;
	display:none;
}
#left{
	position:absolute;
	height:100%;
	width:152px;
	background:url(images/leftBg.jpg) repeat-y left;
	overflow:auto;
	overflow:visible;
	z-index:2;
	left:0;
	top:0;
	float:none;
	color:white;
	
}
#left h2{
	background:url(images/h2Bg.jpg) repeat-x;
	border:1px solid white;
	border-left:none;
	border-right:none;
	color:white;
	padding:6px;
	font-size:100%;
	text-align:center;
	margin:0;
}
#left h3{
	margin: 0;
	margin-bottom:4px;
}
#left .box h1{
	display:none;
}
#left .box{
	margin-right:8px;
	float:none;
	padding:0;
}

#left .box ul, #left .box ul li{
	list-style:none;
	margin:0;
	padding:0;
	
}
#left .box ul li{
	background:url(images/blueSquare.gif) no-repeat;
	background-position: 0px 5px;
	padding-left:10px;
	margin-bottom:2px;
}
#left #top_rooms{
	margin:8px 0 12px;
}


#left .box h3{
	margin:5px 0y;
}

#left textarea{
	width:95%;
	height:100px;

}
#left .box .box_content{
	margin: 5px
}



.error{
	margin:30px;
	background:white;
	padding:30px;
	position:relative;
	z-index:800;
	font-weight:bold;
	color:red;
	border:1px solid red;
}
#noFlashPlayer.error{
	display:none;
}
#aboveAll{
	
}
#alertBackground{
	background-color:black;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:200;
	filter:alpha(opacity=0);   
	-moz-opacity: 0.0;   
	opacity: 0.0;

}
*html #alertBackground{
	width:expression((documentElement.clientWidth+"px"));
	height:100%;
	
}
#iframe{
	position:absolute;
	background:white;
	top:30px;
	bottom:0;
	left:154px;
	right:0;
	z-index:410;
	display:none;
}
#iframe_close{
	position:absolute;
	z-index:420;
	background:#F05A28;
	color:white;
	padding:10px;
	right:0;
}



*html #iframe{
	left:153px;
	width:expression((documentElement.clientWidth-154+"px"));
	height:expression((documentElement.clientHeight-30+"px"));
}
#iframe iframe{
	position:absolute;
	border:none;
	background:white;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	border:1px solid white;
	
}
#connect big{
	display:block;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
}
#user_connect div label{
	float:left;
	display:block;
	width:80px;
	margin-top:4px;
	text-align:right;
	margin-right:3px;
}
#user_connect div input{
	width:140px;
	margin-top:2px;
}



button, input.submit , a.submit{
	background:url(images/buttonBg.jpg)  #7A8EA9 repeat-x;
	width:85px;
	padding:2px 0!important;
	font-family:Verdana;
	overflow:hidden;
	font-size:1em;
	text-align:center;
	border:none;

	color:white;
	cursor:pointer;
	margin-right:6px;
}
*html button,*html input.submit{
	margin-right:5px;
	height:19px;
}
a.submit{
	display:block;
	float:left;
	padding:3px 0 4px!important;
	text-decoration:none;
	background-position:center top!important;
}


#left input.text{
	border:1px solid gray;
	width:88px;
	margin-top:1px;
	padding:0;
	padding-left:2px;
}
#left input.submit{
	width:40px;
	position:absolute;
	margin-left:3px;
	margin-top:1px;
}
*html #left input.submit{
	margin-left:1px;
	margin-top:2px;
}
form{
	margin:0;
	padding:0;
}

/*
a.close{
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	background:url(images/close.gif) left top;
}
a.close:hover{
	background-position:right;
}
*/
i.spacer{
	display:block;
	width:1px;
	height:1px;
	clear:both;
}

/* for advertisments and  wall of fame */

#leftAds{
	padding-left:7px;
}

a.close{
	display:block;
	float:left;
	width:14px;
	height:14px;
	margin-top:0;
	margin-left:6px;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	background:url(images/close.gif) no-repeat left;
}
a.close:hover{
	background-position:right;
}


#top{
	position:absolute;
	z-index:300;
	right:6px;
	top:3px;
}
#top .content{
	display:none;
}
#top h2.h1{
	float:left;
	margin-top:2px;
	color:white;
	font-size:100%;
	font-weight:normal;
	margin-right:4px;
}
.language ul, .language ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.language ul li a{
	text-decoration:none;
	font-weight: bold;
	display:block;
	text-indent:-10000em;
	height:26px;
	width:42px;
}
.language ul li.language_si a{
		background:url(images/language/si.gif) no-repeat ;
}
.language ul li.language_en a{
		background:url(images/language/en.gif) no-repeat ;
}
.language ul li.language_de a{
		background:url(images/language/de.gif) no-repeat ;
}

.language ul li a:hover{

}


#logout{
	float:right;
	margin-top:3px;
	display:none;
}

#connecting{
	position:absolute;
	margin:auto;
	background-color:#A4B5D1;
	height:50px;
	width:200px;
	margin-left:-50px;
	margin-top:-25px;
	left:50%;
	top:50%;
	z-index:400;
}
#connecting .image{
	width:150px;
	height:13px;
	margin-left:25px;
	margin-top:6px;
	background:#D6DEEB url(images/connecting.gif) no-repeat left;
	border:2px solid #94A3BA;

}
#connecting .title{
	text-align:center;
	font-weight:bold;
	margin-top:7px;
	color:white;
}

.jqi h1{
	font-size:120%;
	padding-bottom:5px;
	margin-top:2px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

#special_guest_start_options{
	overflow:auto;
}
#special_guest_start_options label{
	float:left;
	width:90%;
	margin-bottom:6px;
	padding-top:2px;
	padding-left:2px;
}