body{
background:white;
text-align:left;
font-size:12px;
color:black;
margin:0;
padding:0;
}

a img{
border:0;
}

body.rooms,body.connect{
padding-left:10px;
}

body,input,textarea,select{
font-family:Tahoma, Verdana, sans-serif;

}

table, td{
font-size:12px;
}

a:link,a:visited{
color:#2C82BA;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/*
input {
	
	font-size: 12px;
	font-weight: bold;
	margin: 1;
	padding: 1;	
	background-color: #FDFDFD;
	border: 1px solid #313A46;
}
select {
	margin: 1;
	padding: 1;	
	
	font-size: 12px;
	font-weight: bold;
	background-color: #FDFDFD;
	border: 1px solid #313A46;
}
textarea {
	margin: 1;
	padding: 1;	
	
	font-size: 12px;
	font-weight: bold;
	background-color: #FDFDFD;
	border: 1px solid #313A46;
}
*/
table {
	
	font-size: 12px;
}

.operator {
	font-size: 13px;
}
.operatorName {
	
	font-size: 13px;
	font-weight: bold;
}
.guest {
	
	font-size: 12px;
}
.guestName {
	
	font-size: 12px;
	font-weight: bold;
}
 
.tabNav { 
	
	font-size: 12px;
	font-weight: bold;
	color:#000000; 
}

	a.tabNav				{ text-decoration:none }
	a:link.tabNav			{ text-decoration:none }
	a:hover.tabNav		{ color:#003300; text-decoration:none }

.adminnavtop { 
	
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF; 
}
	a.adminnavtop				{ text-decoration:none }
	a:link.adminnavtop			{ text-decoration:none }
	a:hover.adminnavtop		{ color:#CCFFCC; text-decoration:none }


.adminnavleft { 
	
	font-size: 12px;
	font-weight: bold;
	color:#000066; 
}
	a.adminnavleft				{ text-decoration:none }
	a:link.adminnavleft			{ text-decoration:none }
	a:hover.adminnavleft		{ color:#006600; text-decoration:none }
		
.header { 
    
   font-size: 20px; 
   font-weight: bold; 
   color: #000000;
}  

.wh { 
    
   font-size: 20px; 
   font-weight: bold; 
   color: #000000;
} 

td {
	
	font-size: 12px;
	color:#000000; 
}


/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
}
td.taboff {
	background: #d6ebff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	background-color: #a5cbf7;
	border-left: solid #cccccc 2px;
	border-right: solid #cccccc 2px;
	border-bottom: solid #cccccc 2px;
}

A.tabbed:link {
	color: #08245b;
	text-decoration: none;
}

A.tabbed:visited {
	color: #08245b;
	text-decoration: none;
}

A.tabbed:active {
	color: red;
	text-decoration: none;
}

A.tabbed:hover {
	color: #666666;
	text-decoration: underline;
}

TD.tabbed {
	
	font-size: 8pt
}

TR.tabbed {
	
	font-size: 8pt
}

 

bordertable {
	border: 1px black solid;
}

.bordertable{
 border: 1px black solid;
}

.button{
	border: 1px black solid;
	
	font-size: 8pt;
	/*width: 100px; too small for some translations*/
}

.text{
	border: 1px black solid;
	
	font-size: 8pt;
	height: 12pt;
}

/* Standard table 'spreadsheet' style */
table.tbl {
	background: #a5cbf7;
}

table.tbl TH {
	background-color: #08245b;
	color: #ffffff;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-weight: normal;
	text-align:center;
}

table.tbl td {
	background-color: #ffffff;
}

/* a 'standard' table */
table.std {
	border: solid #08245b 2px;
	background: #d6ebff;
}
table.std TH {
	background-color: #08245b;
	color: white;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
}

table.std td.hilite {
	background-color: #ffffff;
}



/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
}
td.taboff {
	background: #d6ebff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	background-color: #a5cbf7;
	border-left: solid #cccccc 2px;
	border-right: solid #cccccc 2px;
	border-bottom: solid #cccccc 2px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}



/*FIX FOR CSS FLOATS*/
.clearfix:after {
    content: "."; 
    display: block;    
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */  

.clearfix {display: inline-table;}



h1,.dashboardnews h2{
font-family:Arial,Helvetica,sans-serif;
padding:0;
margin:9px 0 23px 0;
font-weight:normal;
color:#ff8c00;
font-size:27px;
letter-spacing:-1px;
text-align:left;
}

h1 small{
color:gray;
font-size:78%;
}


h2,.h2,.dashboardnews h1{
font-family:Arial,sans-serif;
margin:20px 0 10px 0;padding:0;
font-weight:bold;
font-size:15px;
color:#B34700;
clear:both;
}

h2 a:link, h2 a:hover, h2 a:visited{
color:#B34700;
text-decoration:none;
border-bottom:1px solid white;
}
h2 a:hover{
border-bottom:1px solid silver;
}

h2 a small{
color:#b34700;
font-weight:normal;
font-size:11px;
padding-left:5px;
font-family:Verdana, Tahoma, sans-serif;
}

body.adminusers{

}


/*- Menu Tabs--------------------------- */ 


body.options #navs{
border-bottom:1px solid #93999a;
}
    body.options #lefttabs,body.options #righttabs {
      float:left;
      font-size:93%;
      line-height:normal;
      margin:0;
      padding:0;
      }
      body.options #righttabs{
      float:right;
      }
    body.options #lefttabs ul ,body.options #righttabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    body.options #lefttabs li,body.options #righttabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    body.options #lefttabs a,body.options #righttabs a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    body.options #lefttabs a span,body.options #righttabs a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    body.options #lefttabs a span ,body.options #righttabs a span {float:none;}
    /* End IE5-Mac hack */
    body.options #lefttabs a:hover span,body.options #righttabs a:hover span {
      color:#FF9834;
      }
    body.options #lefttabs a:hover,body.options #righttabs a:hover {
      background-position:0% -42px;
      }
    body.options #lefttabs a:hover span,body.options #righttabs a:hover span {
      background-position:100% -42px;
      }
        
    body.options #lefttabs .on a:hover{
      background-position:0% -42px;
      }
    body.options #lefttabs .on a:hover span{
      background-position:100% -42px;
      color:black;
      }

div.navigation{
padding:15px 15px 0 15px;
}

body.options {
background: #8ec1e4 url(images/headerbg.gif) repeat-x 0 0;
padding:13px 15px 0 15px;
}

body.normal{
padding:20px 10px;
}

body.adminusers{
padding:13px 10px;
}
body.adminusers .tableborder{
background:silver;
}
body.adminusers .dateheader{
border-color:white;
color:gray;
padding:0 0 10px 0;
}
th {
background:#9AC7E6 url(images/table_th.gif) repeat-x scroll center top;
color:white;
font-weight:bold;
padding:7px 0pt 7px 6px;
text-align:left;
}
body.adminusers table.options{
border-top-width:1px;
}
body.adminusers table.options p{
margin:6px 0;
}
div.loading{
padding-left:17px;
background:url(images/loading.gif) no-repeat 0 1px;
}

body.rooms{
padding-top:7px;
}
body.rooms,body.rooms td{
font-size:11px;
}
body.rooms input{
margin-bottom:0;
}

body.chatbot{
padding:0;
}

body.chatbot .bottom{
padding:10px;
}

body.login,body.userconnect{
padding:20px;
}

body.usertop, div.fakeheader{
background:url(images/usertopbg.png) repeat-x 0 0;
}
div.fakeheader{
text-align:right;
padding-bottom:1px;
}
body.userbot{
background:#fffddb url(images/userbotbg.png) repeat-x 0 0;
}
body.userbot input{
vertical-align:middle;
cursor:pointer;
}
input.bigbutton{
font-size:18px;
padding:0 5px;
cursor:pointer;
}
body.chatcolor{
padding:10px 20px;
}
body.userchat,body.userquestions,body.loading{
padding:15px;
}

body.loading{
background:url(images/loadingbig.gif) no-repeat center center;
}
body.loading div.loading{
display:none;
}
#UserIsTypingDiv{
background:#fffddb;
-moz-border-radius:4px;
width:50%;
padding:5px;
}
#UserIsTypingDiv td{
background:transparent;
}


/*Submenu*/



ul#submenu{

margin:0;

padding:0 0 5px 10px;

border-bottom:1px solid #98c8e7;

list-style-type:none;

background:url(images/submenubg.gif) repeat-x bottom;

}

ul#submenu li{

display:inline;

margin:0;

padding:0 10px 0 0;

font-size:11px;

font-weight:bold;

}

ul#submenu li a{

line-height:240%;

color:#999;

text-decoration:none;

}

ul#submenu li a:hover{

color:#666;

text-decoration:none;

}

ul#submenu li.selected a{

color:black;

}

h4.submenu{

margin:0;color:#FF8C00;font-family:Arial;padding:0 0 0 10px;font-weight:bold;font-size:16px;

}

body.data{
padding:15px 0;
}

.tabcontent{
padding: 20px 15px;
border-left:1px solid #98C8E7;
border-bottom:1px solid #98c8e7;
}