.profile { vertical-align: middle; border: 1px dashed #ccc; font-size : 11px; color : #555; background-color : #f1f1f1;	padding : 4px;}
.profile a { color: black; }
.diff-easy, .diff-easymod, .diff-mod, .diff-hardmod, .diff-hard {}
.shortNewsList { margin-left: 5px; padding:  0px; }
.shortNewsBullet { margin-left: 5px; list-style: none; }

.profileTab {

}


.bb {
	align:center;
  color: #fff;
  border: 0.5 px solid #000;
  font-weight: bold;
 font-size: 85%;
position: relative;

}

.bb:hover {
	align:center;
  color: #FFF;
  background: #000;
position: relative;
}

.profileTab li {
	float: left;
	background-color: black;
	border: 1px solid gray;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	list-style-type: none; 
}


.chatDiv
{
	overflow: auto;
	position:fixed;
	float:right;
	bottom:0px;
	right: 0px;
	margin-bottom:0px;
}

.chatWindow {
	width: 250px; 
	padding: 10px;
	text-align: center;
	float: right;
	border: 1px solid #000;
	background-color: gray;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24;

    }

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #aaa;
    padding-top: 7px;
    padding-bottom: 5px;
    background-color:#333;
    color:#FFF;
    font-size: 10px;
    /*text-align: center*/
}
    
a.info img {
	border-style: none;

}

a.info2{
    position:relative; /*this is the key*/
    z-index:00;

    }

a.info2:hover{z-index:00;}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:12em;
    border:1px solid #aaa;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left:  3px;
	padding-right: 3px;
    background-color:#333;
    color:#FFF;
    font-size: 10px;
    /*text-align: center*/
}
    
a.info2 img {
	border-style: none;

}
















   #code{
          margin-left:30px;
          padding-left:3px;
          width:600px;
          height:200px;
          border:1px solid #666;
      }
     .textAreaWithLines{
         display:block;
         margin:0;
         border:1px solid #666;
         border-right:none;
         background:#aaa;
      }
      
.prog-border {
	width: 200px;
	height: 20px;
	padding: 3px;
	border: 1px solid #DDD;
	text-align: left;
}
.prog-bar {
	
	height: 20px;
	background: url(bar_ok.jpg) repeat-x; /* use the color or the background you want! */
	background-color: transparent;
}

   span.select {
     position: absolute;
     width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
     height: 21px;
     padding: 0 24px 0 8px;
     color: #fff;
     font: 12px/21px arial,sans-serif;
     background: url(select.gif) no-repeat;
     overflow: hidden;
 }