@charset "utf-8";
/* CSS Document */

.disabled{
    opacity: 0.5;
}

html {margin:0px; padding:0px; background-color:#000000; }
/*
body {margin:0; padding:0; text-align:center; background:url(../images/bg.jpg) top center no-repeat;  font-family:"Trebuchet MS";}
*/
body {margin:0; padding:0; text-align:center; background:url(../images/bg.gif) top center repeat-x;  font-family:"Trebuchet MS";}

#container {margin:0 auto; width:1000px; height:100%; text-align:left; padding:0; position:relative; }

/*
COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, h7, pre {margin:0;padding:0;}
ul, li, dt, dl, dd, ol { margin:0; padding:0; list-style-type:none; list-style:none;}

/*
BUTTONS --------------------- */
a.btn { display:block; height:33px; background:url(../images/btn_right.gif) no-repeat; padding-right:14px; outline:none; text-decoration:none;}
a.btn span { display:block; height:33px; background:url(../images/btn_left.gif) no-repeat; padding-left:14px; line-height:33px;}

a.friends { background-position:100% 0; width:195px; text-align:center; font-size:14px; font-weight:bold; float:left; color:#FFFFFF;}
a.friends span { background-position:0 0;}
a.friends:hover { background-position:100% -33px;}
a.friends:hover span {background-position:0 -33px;}

a.guests { background-position:100% -66px; width:195px; text-align:center; font-size:14px; font-weight:bold; float:right; color:#FFFFFF; margin-right:57px;}
a.guests span { background-position:0 -66px;}
a.guests:hover { background-position:100% -99px;}   
a.guests:hover span {background-position:0 -99px;}

a.orangebtn {
display: block; float: left; font: normal 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background:url(/images/btn-r.png) top right no-repeat; padding-right: 15px; margin-top:10px; height:30px; outline: none; }
a.orangebtn span { display: block; line-height: 30px; background:url(/images/btn-l.png) no-repeat; padding: 0 0 0 15px; }
a.orangebtn:hover { background-position: 100% -30px; }
a.orangebtn:hover span { background-position: 0% -30px; color:#fff;}

a.orngbtn { background-position:100% 0px; text-align:center; font-size:14px; font-weight:bold; float: left; color:#FFFFFF;}
a.orngbtn span { background-position:0 -0px;}
a.orngbtn:hover { background-position:100% -33px;}  
a.orngbtn:hover span {background-position:0 -33px;}

a.bluebtn { background-position:100% -66px; text-align:center; font-size:14px; font-weight:bold; float: left; color:#FFFFFF;}
a.bluebtn span { background-position:0 -66px;}
a.bluebtn:hover { background-position:100% -99px;}  
a.bluebtn:hover span {background-position:0 -99px;}

/*
HEADER --------------------- */
#header {height:133px; position:relative; margin:0 0 16px 0;}
a#logo {height:65px; width:250px; display:block; text-decoration:none; position:absolute; top:28px; left:38px;}
a#logo img { border:none;}
/*
ul#menu { padding:102px 0 0 42px;}
*/
ul#menu { padding:94px 0 0 42px;}
ul#menu li { display:block; float:left; height:31px;}
ul#menu li a { outline:none;display:block; height:42px; text-decoration:none; font-size:14px; color:#FFFFFF; padding-right:11px; line-height:31px; float:left;}
ul#menu li a span { display:block; height:42px; padding:0 5px 0 16px; float:left;}
ul#menu a.current {background:url(../images/mmenu-r.png) no-repeat top right; padding-right:11px;}
ul#menu a.current span {background:url(../images/mmenu-l.png) no-repeat top left; color:#fff;}
ul#menu a:hover { background:url(../images/mmenu-r.png) no-repeat bottom right; color:#000;}
ul#menu a:hover span {background:url(../images/mmenu-l.png) no-repeat bottom left;}
ul#menu img { border:none; margin-right:5px; _padding-top:10px;}

/*
CONTENT --------------------- */
#content {padding:0 0 0px 40px; margin-bottom:20px;}
.mainPage { }
.leftSide { float:left; width:585px;}
.rightSide { float:right; width:365px;}

.box { width:544px;}
.boxBtm { padding-bottom:18px;}
.invite { min-height:90px; _height:90px; padding:15px 15px 0px 15px;}
.invite h1 {font-size:30px; font-weight:normal; color:#FFFFFF; width:200px; float:left; text-align:center;}
.invite h1 a {display:block; text-decoration:none; color:#FFFFFF;}
.invite h1 a:hover { text-decoration:underline;}
.invite p { font-size:14px; float:right; color:#FFFFFF; width:205px; }
.invite p strong {color:#099FFE; text-transform:uppercase; }

#users { margin:44px 0 0 0;}

.item { height:130px; width:33%; float:left; position:relative; margin:0 0 5px 0;}
.item dl { width:190px;  position:relative; font-size:12px;}
.item dl dt { font-weight:bold; color:#fff; text-align:left;}
.item dl dd { position:absolute; top:1px; right:12px; color:#fff; text-align:right; font-weight:bold;}
.item dl a { color:#f18004; text-decoration:none; width:85px; display:block; line-height:14px; padding:3px 0 0 0;}
.item dl a:hover { text-decoration:underline;}
.item dl span { font-size:10px; font-weight:normal; display:block;}
.item .imgContainer { float:left; margin:0 10px 10px 0; overflow:hidden; display:block; text-align: center; vertical-align: middle;}

.userInfo { line-height:14px; padding:0 5px 0 0; width:185px;}
.userInfo span {font-size:12px; color:#5e5e5e; display:block; font-weight:bold;}
.userInfo a {font-size:10px; text-decoration:none; color:#909090; padding:0;}
.userInfo a:hover { text-decoration:underline;}
.userInfo em {  padding:0 5px 5px 5px; font-size:10px; position:relative; top:-2px;}

.info { font-size:12px; width:200px; color:#FFFFFF; margin:15px 0;}
.pages { font-size:12px; padding:0; margin-bottom:15px; }
.pages span { display:block; float:left; margin-right:5px; color:#FFFFFF;}
.pages a { display:block; float:left; margin-left:1px; padding:0px 7px; background:#111111; color:#fff; font-weight:bold; text-decoration:none; line-height:16px;}
.pages a:hover { color:#fff; text-decoration:underline; background-color:#955d20;}
.pages a.current { background:#f18004; color:#FFFFFF; text-decoration:none;}

dl.block { width:356px; padding-bottom:5px; margin:0;}
dl.block dt { height:35px; font-size:24px; text-align:left; margin:10px 0 5px 16px; color:#FFFFFF; background:url(../images/line.gif) bottom right no-repeat}

dl.green { }
.green dd { padding:0 16px;}

dl.blue {}
.blue dd { margin:0 16px; font-size:14px; color:#FFFFFF;}
.blue dd h4 { font-size:18px; font-weight:normal; padding-top:7px;}
.blue dd a { color:#099ffe; text-decoration:underline;}
.blue dd a:hover { text-decoration:none;}

form#authorization { position:relative; width:340px; _width:320px; margin:0; padding:12px 0;}
form#authorization input { width:138px; border:2px solid #c16501; height:20px; margin-bottom:7px; padding:0 5px;}
form#authorization label { width:90px; padding-right:10px; text-align:right; font-size:14px; color:#FFFFFF; display:block; float:left; padding-top:3px;}
form#authorization button { background:url(../images/btn_go.gif) no-repeat; height:58px; width:58px; position:absolute; top:10px; right:20px; _right:0px; font-size:24px; color:#FFFFFF; border: medium none; padding:0 0 6px 0; line-height:56px; cursor:pointer;}
form#authorization a { color:#099ffe; text-decoration:underline; padding-left:25px;}
form#authorization a:hover { text-decoration:none;}
.reg { padding-left:80px;}
/*
PLAYER --------------------- */

#player { position:absolute; top:20px; right:20px; width:256px; background:#000000; padding-bottom:10px; border:1px solid #878787;}
#player dt { height:23px; font-size:12px; font-weight:normal; text-align:left; color:#868686; padding-left:15px;}
#player dd {color:#868686; padding:0 15px; font-size:12px;}
#player dt span { float:left; margin:0 10px 0 0;}
#player dt a { background:url(../images/icons_player.gif) no-repeat; height:9px; width:9px; text-decoration:none; margin:5px 5px 0 0;font-size:5px; text-indent:-9000px; display:block; float:left; }
#player dt a.play { background-position:0 -36px;}
#player dt a.stop {background-position:0 0;}
#player dt a.pause {background-position:0 -27px;}
#player dd { clear:both;}
#player dd a { text-decoration:none; color:#868686; font-size:12px; display:block; line-height:12px;}
#player dd a:hover, #player dd a.current { color:#FFFFFF;}
/*
FOOTER --------------------- */
#footer { border-top:1px solid #aeaeae; padding-top:10px;}
.copyright { float:left; width:300px; font-size:12px; color:#5c5c5c;}
.copyright span { text-decoration:underline; color:#00970b;}
ul.nav { float:right; width:300px; text-align:right; padding-bottom:10px; line-height:18px;} 
.nav a { text-decoration:none; color:#5c5c5c; font-size:12px; padding-left:5px;}
.nav a:hover { text-decoration:underline;}
.nav li { float:left;}
/*
FLOAT CLEARING --------------------- */

.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#ajaxLdr{
    opacity: .05;
    filter:alpha(opacity='5');
    z-index: 99999;
    position: absolute; 
    top: 0px;
    left:0;
    width:100%;
    background-color: #fff;
}


.userCard { background:#202020; padding:6px; position:relative;}
.userCard .userImgWrap{
    width: 64px;
    height: 64px;
    float:left;
    margin-bottom: 20px;
}

// usercard
.inner { border:3px #161616 solid; }
.userCard h2 { font:normal 18px "Trebuchet MS"; color:#f17e01; position:absolute; left:92px; top:59px; margin:0; padding:0}
a.userMail { position:absolute; font: normal 14px "Trebuchet MS"; color:#3091ff; text-decoration:underline; top:18px; left:92px}
a.userMail:hover { text-decoration:none}
.userCard img { border:1px solid #000; margin:4px 4px 22px 4px}
.userCard dl {font:normal 14px "Trebuchet MS"; margin:0; clear:both; overflow:hidden; _height:1%}
.userCard dt { color:#FFF;  width:115px; text-align:right; float:left; margin:0; padding:0 0 22px 0}
.userCard dl dd {padding:0 0 0 17px; font-weight:bold; margin:0; display:block; float:left; color:#FFF }
.userCard dl dd span { display:block; font-weight:normal}
.userCard dl dd.skype { background:url(/images/icon_skype.gif) no-repeat bottom left; padding-left:25px; color:#3091ff; margin-left:17px}
.w1 { width:350px}
.w2 { width:290px}

/* people - small - photo*/
.people_small_photo {
    background:#454545 ; overflow:hidden;  font-family:"trebuchet MS"; text-align: left;    width: 420px;
}
.people_small_photo .ptitle{
    background:#454545;
}

.people_small_photo h4, .people_small_photo h5 { display:block; font-family:"trebuchet MS"; font-size:14px; font-weight:bold; background:#454545; color:#FFFFFF; line-height:26px; height:26px; margin:0; padding: 0 0 0 10px; }


.people_small_photo h4 span { position:absolute; right:10px; top:0px; font-weight:normal; display:block; height:26px; width:50%; text-align:right; padding:0 5px 0 0 }

.people_small_photo h4 b { color:#999999; font-weight:normal; }

.people_small_photo h5 { cursor:move; }

.people_small_photo h5 span { position:absolute; right:10px; top:7px; display:block; height:12px; width:20px; cursor:pointer; text-indent:-9000px; }

.people_small_photo h4 span a.close-window { display:block; float:right; height:14px; width:14px; overflow:hidden; margin: 0 0 0 25px; padding:0; cursor:pointer; text-indent:-9000px; position:relative; top:-20px; right:-20px; }
.people_small_photo h4 span a.close-window img { border:none}

.minimized{
    cursor:pointer;
    background-image: url(../images/eng/panel_min.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.maximized{
    cursor:pointer;
    background-image: url(../images/eng/panel_max.gif);
    background-repeat: no-repeat;
    background-position: right center;
}