/* chat */
html, body { background:#fefefe url(../images/bgBody.jpg) 0 0 scroll no-repeat; height:704px; overflow:hidden; width:2000px; }
body, textarea, input, select { color:#000; font:12px Arial,Helvetica,sans-serif; }
.clearfix { clear:both; font-size:0.01em; line-height:0.01em; }

#header { height:92px; margin:16px 0 0 37px; width:810px; }
#header .logo { float:left; width:179px; }
#header h2 {color:#000000; font-size:15px; font-weight:bold; margin-top:63px; position:absolute;}
#header ul.subnav { float:right; }
#header ul.subnav li { background:url(../images/bgTopLinkSeparator.gif) right 7px no-repeat; float:left; padding:4px 10px; }
#header ul.subnav li.locale, #header ul li.last { background:none; }
#header ul.subnav li a, #header ul.subnav li.locale { color:#000; font-size:11px; font-weight:bold; text-decoration:none; }
#header ul.subnav li.tr {background:url(../images/flags/tr.gif) 0 6px no-repeat;padding-left:20px;}
#header ul.subnav li.en {background:url(../images/flags/en.gif) 0 6px no-repeat;padding-left:20px;}
#header ul.subnav li.de {background:url(../images/flags/de.gif) 0 6px no-repeat;padding-left:20px;}
#header ul.subnav li.fr {background:url(../images/flags/fr.gif) 0 6px no-repeat;padding-left:20px;}

#messaging {margin:31px 32px 32px 32px; overflow:hidden; }

#messaging .sidebar { float:left; overflow:hidden; width:331px; }
#messaging .content { float:left; margin-left:32px; width:450px; }
#messaging .content h2.intro { font-size:28px; font-weight:bold; margin-bottom:10px; }
#messaging .content h2.intro span { font-size:46px; }
#messaging .content p.intro { font-size:16px; font-weight:bold; line-height:24px; margin-bottom:20px; }
#messaging .content .tooltips a { background:url(../images/bgButtonBigRight.png) top right no-repeat; color:#efefef; display:block; float:left; font-size:13px; font-weight:bold; height:40px; margin-right:10px; padding-right:35px; text-decoration:none; }
#messaging .content .tooltips a span { background:url(../images/bgButtonBigLeft.png) 0 0 no-repeat; display:block; height:30px; padding:12px 0 6px 9px; }

#messaging div.btnTebLogin { background:url(../images/bgButtonTebLogin.jpg) 0 0 no-repeat; color:#f6f6f6; cursor:pointer; height:24px; font-size:16px; font-weight:bold; margin-bottom:8px; left:30px; padding:15px 40px 15px 15px; position:absolute; top:140px; width:276px; }
#messaging div.btnKobilingoLogin { background:url(../images/bgButtonTebLogin.jpg) 0 0 no-repeat; color:#f6f6f6; cursor:pointer; display:none; height:24px; font-size:16px; font-weight:bold; margin-bottom:8px; left:30px; padding:15px 40px 15px 15px; position:absolute; top:140px; width:276px; }
#tebLoginDescription {font-size:11px;margin-bottom:10px;padding:0 8px;}

#messaging #loginForm { background:url(../images/bgLoginForm.jpg) 0 0 no-repeat; color:#fff; height:334px; padding:14px 20px 20px 20px; width:291px; }
#messaging #loginForm h2 { font-size:18px; font-weight:bold; margin-bottom:25px; }
#messaging #loginForm .separator { background-color:#90ab51; height:1px; margin:16px 0 10px 0; width:100%; }
#messaging #loginForm fieldset dl { font-size:11px; font-weight:bold; overflow:hidden; }
#messaging #loginForm fieldset dl.fields dt { float:left; margin:0 10px 11px 0; text-align:right; padding:2px; width:116px; }
#messaging #loginForm fieldset dl.fields dd { float:left; margin:0 10px 11px 0; width:100px; }
#messaging #loginForm fieldset dl.fields dd input { background:url(../images/bgFormField.png) 0 0 no-repeat; border:0; padding:3px; width:155px; }
#messaging #loginForm a.forgotPass { color:#fefefe; display:block; margin-bottom:10px; text-align:right; }
#messaging #loginForm fieldset dl.buttons dt { float:left; text-align:right; padding:2px; width:157px; }
#messaging #loginForm fieldset dl.buttons dt.rmb { margin:4px 40px 0 0; }
#messaging #loginForm fieldset dl.buttons dt.rmb label { margin-left:5px; }
#messaging #loginForm fieldset dl.buttons dd { float:left; width:90px; }
#messaging #loginForm fieldset dl.buttons dd.submit { background:url(../images/bgButton.png) 0 0 no-repeat; border:0; color:#efefef; cursor:pointer; height:18px; font-size:13px; padding:6px 0 5px 0; text-align:center; width:90px; }

#teb-logo {bottom:38px; position:absolute; margin-left:30px; }
#google-logo {bottom:38px; height:19px; position:absolute; right:20px; width:86px;}

#footer { background-color:#000; border-top:1px solid #00824e; bottom:0; color:#807f7f; font-size:11px; height:21px; padding:5px 0 0 0; position:fixed; width:100%; }
#footer p { padding-left:32px; }
#footer p.copyright { float:left;width:400px; }


/* friendlist */
#friendlist { background-color:#1f2022; border:5px solid #00824e; color:#efefef; font-size:11px; height:400px; right:50px; padding:1px; position:absolute; top:140px; width:214px; }
#friendlist .listContainer { overflow:hidden; }
#friendlist .buttons { height:40px; }
#friendlist .list { background-color:#efefef; color:#333; height:40px; margin:6px 6px 0 6px; overflow:auto; }
#friendlist .list .group { padding:10px 14px 0 14px; }
#friendlist .list .group h3 { font-size:12px; font-weight:bold; margin-bottom:2px; }
#friendlist .list .group ul li { cursor:pointer; padding:1px 15px; }
#friendlist .list .group ul.online li { background:url(../images/friendlist/iconOnline.gif) 0 4px no-repeat; }
#friendlist .list .group ul.offline li { background:url(../images/friendlist/iconOffline.gif) 0 4px no-repeat; }
#friendlist h2.handler { background:url(../images/friendlist/bgHandler.png) 0 0 repeat-x; cursor:pointer; font-weight:bold; height:19px; padding:2px 0 0 5px; }
#friendlist div.logout { background-color:#373b41; float:right; margin-right:6px; padding:2px 6px; }
#friendlist div.logout a { color:#fff; font-weight:bold; text-decoration:none;}

/* message window */
.messageWindow { background-color:#1f2022; border:5px solid #00824e; color:#efefef; font-size:11px; height:400px; right:350px; padding:1px; position:absolute; top:140px; width:280px; }
.messageWindow h2.handler { background:url(../images/friendlist/bgHandler.png) 0 0 repeat-x; cursor:pointer; font-weight:bold; height:19px; padding:2px 0 0 5px; }
.messageWindow .messageBox { background-color:#efefef; color:#333; height:240px; margin:6px 6px 0 6px; overflow:auto; }
.messageWindow .textarea { margin:6px 6px 0 6px; overflow:hidden; }
.messageWindow .textarea textarea { height:70px; width:266px; }

/* tooltips */
#messages { font-size:12px; }
#messages strong { font-weight:bold; }
#messages .tooltipMessage { display:none; left:400px; position:absolute; }
#messages .tooltipMessage .top { background:url(../images/tooltips/top.png) 0 0 no-repeat; height:19px; width:340px; }
#messages .tooltipMessage .middle { background:url(../images/tooltips/tile.png) 0 0 repeat-y; overflow:hidden; padding:0 20px 10px 20px; width:300px; }
#messages .tooltipMessage .bottom { background:url(../images/tooltips/bottom.png) 0 0 no-repeat; height:37px; width:340px; }
#messages #msgWhat { margin-left:-10px; }
#messages #msgHow { margin-left:140px; }

#divLocale, #userInformationUsername, #languageList, #userInformationLocale {display:none; }

#inviteButton {cursor:pointer;display:none;left:154px;position:absolute;top:209px;}
#suggestButton {cursor:pointer;display:none;left:20px;position:absolute;top:190px;}
#leftInviteFriend {background:url(../images/main/bg-invitation.png) 0 0 no-repeat;color:#fff;display:none;height:369px;left:0;padding:14px;position:absolute;top:138px;width:261px;}
#leftInviteFriend .close {cursor:pointer;position:absolute;margin:-14px 0 0 275px;}
#leftInviteFriend h2 {border-bottom:1px solid #fff;font-size:24px;font-weight:bold;margin:0 0 11px 0;text-align:center;}
#leftInviteFriend dl dt {font-size:14px;margin-bottom:5px;}
#leftInviteFriend dl dd {margin-bottom:5px;}
#leftInviteFriend dl dd input.text {padding:4px;width:248px;}
#leftInviteFriend dl dd select.text {padding:4px;width:257px;}
#leftInviteFriend dl dd textarea {height:145px;padding:4px;width:248px;}
#leftInviteFriend div.button {background:url(../images/main/invitation-button.jpg) 50px 0 no-repeat;cursor:pointer;font-size:22px;font-weight:bold;height:32px;overflow:hidden;padding-top:4px;text-align:center;}

span.agreementCheck {text-align:left;}
span.agreementCheck input {width:auto!important;}