/*
*    Open Humanity Beta 0.2
*    http://www.open-humanity.org
*    Copyright (C) 2009, Open Humanity
*
*    @author Xavier Boubert
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU General Public License as published by
*    the Free Software Foundation, either version 3 of the License, or
*    (at your option) any later version.
*
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU General Public License for more details.
*
*    You should have received a copy of the GNU General Public License
*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

html { height: 100%; }
body { height: 100%; text-align: center; background: #9fd5ed url(../images/connection_bg.jpg) no-repeat left bottom; margin: 0px; padding: 0px; font-family: "lucida grande", tahoma, arial, verdana; font-size: 12px; color: #02102a; text-align: center; }
.clear { clear: both; }

.description { color:#02102a; }

a, a:visited { color: #022652; text-decoration: underline; }
a:hover, a:visited:hover { color: #0e437d; text-decoration: none; }

.highlight { color: #389bc5; font-weight: bold; }
a.highlight, a.highlight:visited, a.highlight:hover, a.highlight:visited:hover  { color: #389bc5; font-weight: bold; }

.title { color:#02102a; font-size:20px; font-weight:bold; height:18px; }
.title .highlight { color: #fff; font-weight: bold; }

#connection {
	font-family: "lucida grande", tahoma, arial, verdana;
	visibility: hidden;
	text-align: left;
	width: 608px;
	margin: 0 auto;
	vertical-align: middle;
	height: 100%;
}
.connection_td { vertical-align: middle; width: 100%; height: 100%; }
.connection_margin { padding: 10px; background: url(../images/block_bg.png) repeat; -moz-border-radius-bottomleft: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.connection_block { width: 588px; text-align: left; }
.connection_hr { background: url(../images/block_vr.gif) repeat-y center top; }
.connection_inner { background: #fff url(../images/block_middle.png) repeat-x left bottom; overflow: hidden; width: 588px; }
.connection_top { background: url(../images/block_top.gif) no-repeat; height: 4px; }
.connection_bottom { background: url(../images/block_bottom.png) no-repeat left top; height: 6px; }

#x-form-el-autocon .x-form-check-wrap { padding-top: 0; }

#margin-avatar { position: absolute; top: 0; right: 20px; padding: 3px; background: url(../images/block_bg.png) repeat; width: 100px; height: 100px; overflow: hidden; }
#margin-avatar a img { cursor: pointer; width: 100px; height: 100px; border: 0; }
#margin-avatar a { cursor: pointer; display: block; position: absolute; top: 3px; left: 3px; width: 100px; height: 100px; cursor: pointer; }
#margin-avatar a:hover { cursor: pointer; background: url(../images/connection_cross.png) no-repeat right top; }
#avatar-cross { display: none; position: absolute; top: 0; right: 0; cursor: pointer; background: url(../images/connection_cross.png) no-repeat; width: 17px; height: 17px; }

#colomn-left { float: left; width: 260px; padding: 10px; font-size: 120%; }
#colomn-right { padding: 5px; font-size: 120%; width: 267px; margin-left: 285px; }
#colomn-right ul { margin-top: 15px; padding-left: 25px; }
#colomn-right li { margin-top: 5px; }
#colomn-right .key_lost { cursor:pointer; padding-left: 20px; background: url(../images/icons/key_lost.png) no-repeat; }
#colomn-right .wand { cursor:pointer; padding-left: 20px; background: url(../images/icons/wand.png) no-repeat; }
#colomn-right .home { padding-left: 20px; background: url(../images/icons/house.png) no-repeat; }
#colomn-right .desktop { padding-left: 20px; background: url(../images/icons/desktop.png) no-repeat 0 3px; font-size: 120%; }

.user_profil { height: 149px; }
.user_profil img { height: 95px; width: 95px; float: left; margin: 10px; }
.user_profil .infos { margin: 0px 10px 0px 115px; padding-top: 10px; }
.user_profil .user_name { font-family: arial, tahoma, verdana; font-size: 120%; font-weight: bold; color: #fff; }

.social_title { color: #389bc5; }