/*------------------ header style starts here ----------------------*/
body { margin:0; padding:0; min-width:1000px; font:normal 12px/15px Arial, Helvetica, sans-serif; }
#chatrooms { margin:0; padding:0; font:normal 12px/17px Arial, Helvetica, sans-serif; }

#chatrooms #header { margin:0; padding:18px 25px 0 36px; color:#262626; float:none; position:relative; z-index:1; }
#chatrooms form { margin:0; padding:0; }
#chatrooms fieldset { margin:0; padding:0; border:none; }
#chatrooms input, #chatrooms select { font-family:Arial, Helvetica, sans-serif; }
#chatrooms a img { border:none; outline:none; }
#chatrooms h1, #chatrooms h2, #chatrooms h3, #chatrooms h4, #chatrooms h5, #chatrooms h6, #chatrooms p { margin:0; padding:0; }

#header .login {margin:0;padding:0;float:left;height:74px;width:100%;background:none !important;}
#header .login .login-form {margin:0 0 0 0;padding:0;float:right;width:450px;}
#header .login .login-form fieldset {margin:0 0 2px 0;}
#header .login .language-choose {float:right;}
#header .login .language-choose .selected {padding:4px 14px;margin:0;color:#858585;float:left;}
#header .login .language-choose ul {list-style:none;margin:0;padding:0;float:left;border:0px solid #b9b9b9;}
#header .login .language-choose ul li {margin:4px 0px 4px 3px;padding:0;color:#858585;float:left;}
#header .login .language-choose ul li select {font-size:13px;margin: 0 4px 0 4px;}
#header .login .language-choose ul li img {float:left;margin:-2px 0 0 0;}
#header .login .language-choose .sign-in {color:#3476B9;font-size:14px;font-weight:bold;text-decoration:none;float:left;padding:2px 0 0 0;}
#header .login .language-choose a:hover {text-decoration:underline;}
#header .login .language-choose ul li .logout {text-align:right;font-weight:bold;color:#8d8e8e;margin:0 5px 0 0;}
#header .login .language-choose ul li .logout a {color:#3476B9;font-size:14px;text-decoration:underline;margin:0 0 0 5px;}
#header .login .language-choose ul li .logout a:hover {text-decoration:none;}
#header .login .language-choose .language-menu {margin:0;padding:0;float:left;}
#header .login .language-choose .language-menu ul {margin:0px;padding:0;list-style:none;position:relative;}
#header .login .language-choose .language-menu ul li {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#858585;margin:-3px 5px 0 0;padding:4px 0;list-style:none;float:left;height:auto;}
#header .login .language-choose .language-menu ul li a {color:#858585;text-decoration:none;display:block;float:left;padding:2px 15px 0 0;}
#header .login .language-choose .language-menu ul li img {margin:-3px 4px;}
#header .login .language-choose .language-menu ul li .lang-choosen {background:url(/groups/images/lang-downarrow.png) no-repeat right 6px !important;}
#header .login .language-choose .language-menu ul li .lang-choosen:hover {background:url(/groups/images/lang-downarrow.png) no-repeat right 6px !important;}
#header .login .language-choose .language-menu ul li:hover a {}
#header .login .language-choose .language-menu ul li ul {position:absolute;z-index:1001;width:116px;top:24px;border:1px solid #c0c0c0;display:none;margin:0;left:4px;float:left;background:#fff;}
#header .login .language-choose .language-menu ul li ul li {height:auto;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;line-height:13px;width:104px;float:none;clear:left;}
#header .login .language-choose .language-menu ul li ul li a {color:#858585 !important;margin:0;display:block;padding:4px 6px;width:104px !important;}
#header .login .language-choose .language-menu ul li:hover ul {display:block;}
#header .login .language-choose .language-menu ul li:hover ul li a {color:#858585 !important;width:104px !important;}
#header .login .language-choose .language-menu ul li:hover ul li a:hover {color:#fff !important;padding:4px 6px;background:#09f !important;width:104px !important;border:0px solid #2f6dad;}

#chatrooms #header .login .login-form label { margin:4px 5px 0 0; float:left;}
#chatrooms #header .login .login-form .textbox { margin:0 10px 0 0; padding:3px 5px; width:111px; border:solid 1px #dcdcdc; font-size:12px; color:#908f8f; float:left; }
#chatrooms #header .login .login-form .textbox_black { margin:0 10px 0 0; padding:3px 5px; width:111px; border:solid 1px #dcdcdc; font-size:12px; color:#000000; float:left; }
#chatrooms #header .login .login-form .go { margin:-3px 0 0 -2px; padding:1px 0; background:transparent url(/groups/images/go-button.gif) no-repeat 0 0; width:42px; height:26px; cursor:pointer; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; color:#fff; text-align:center; border:none; position:relative; }
#chatrooms #header .login .login-form .go:hover { background:transparent url(/groups/images/go-button-hover.gif) no-repeat 0 0; }
#chatrooms #header .login .login-form a.not-member { color:#3476b9; text-decoration:underline; float:right; margin:0 55px 0 0; }
#chatrooms #header .login .login-form a.not-member:hover { text-decoration:none; }
#chatrooms #header .login .login-form p { margin:0; padding:0; }
#chatrooms #header .login .login-form .error-msg { color:#f00; margin:0 150px 0 0; }
#chatrooms #header .login .login-form .logout { text-align:right; font-weight:bold; color:#8d8e8e; margin:0 5px 0 0; }
#chatrooms #header .login .login-form .logout a { color:#3476b9; text-decoration:underline; margin:0 0 0 4px; }
#chatrooms #header .login .login-form .logout a:hover { text-decoration:none; }
#chatrooms #header .login .logo { margin:0; padding:0; float:left; }

#chatrooms #header .header-menus { margin:0; padding:0; float:left; width:100%; height:29px; }
#chatrooms #header .header-menus ul { margin:0 0 0 -10px; padding:0; list-style:none; position:relative; }
#chatrooms #header .header-menus ul li { font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; color:#314b5c; margin:0 40px 0 0; padding:0; list-style:none; float:left; text-transform:uppercase; height:auto; }
#chatrooms #header .header-menus ul li a { color:#7ea0af; text-decoration:none; display:block; float:left; padding:7px 10px; height:15px; }
#chatrooms #header .header-menus ul li:hover a, #chatrooms #header .header-menus ul li.active, #chatrooms #header .header-menus ul li a:hover { background:#456679; color:#fff !important; }
#chatrooms #header .header-menus ul li#download-tab:hover a, #chatrooms #header .header-menus ul li#download-tab.active, #chatrooms #header .header-menus ul li#download-tab a:hover { background:#328609; }
#chatrooms #header .header-menus ul li a.download, #chatrooms #header .header-menus ul li#download-tab { color:#328609; }
#chatrooms #header .header-menus ul li.active a { color:#fff !important; }

#chatrooms #header .header-menus ul li ul { position:absolute; z-index:1000; width:175px; top:29px; border:1px solid #456679; display:none; background:#334e5f; margin:0; }
#chatrooms #header .header-menus ul li ul li { height:auto; margin:0; padding:0 0 6px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:17px; text-transform:none; border-top:none; }
#chatrooms #header .header-menus ul li ul li a { color:#fff !important; width:155px; display:block; padding:3px 10px; height:auto; }
#chatrooms #header .header-menus ul li:hover ul { display:block; }
#chatrooms #header .header-menus ul li:hover ul li a { background:#334e5f; color:#fff !important; }
#chatrooms #header .header-menus ul li:hover ul li a:hover { color:#fff; background:#456679; }
#chatrooms #header .header-menus ul li ul li a.not-available { color:#ccc; }
#chatrooms #header .header-menus ul li:hover ul li a.not-available { color:#ccc; cursor:default; }
#chatrooms #header .header-menus ul li ul li a.admin { color:#d09594 !important; }
#chatrooms #header .header-menus ul li ul li.separator { border-top:solid 1px #223d4d; height:1px; width:155px; margin:0 10px; }
/*------------------ header style ends here ----------------------*/

/*------------------ footer style starts here ----------------------*/
#chatrooms #footer { margin:0; padding:74px 0 0 0; background:transparent url(../images/footer.gif) repeat-x 0 0; height:323px; float:left; width:100%; }
#chatrooms #footer .footer-block { margin:0 auto; padding:0; width:950px; height:300px; }
#chatrooms #footer .footer-block .blocks{ margin:0 20px 0 0; padding:0; float:left; width:170px; }
#chatrooms #footer .footer-block h6 { font-size:14px; font-weight:bold; line-height:18px; color:#fef1d9; margin:0 0 3px 0; padding:0; float:left; clear:left; }
#chatrooms #footer .footer-block ul { list-style:none; margin:0 0 18px 0; padding:0; float:left; clear:left; }
#chatrooms #footer .footer-block ul li { line-height:17px; list-style:none; margin:0; padding:0; float:left; clear:left; }
#chatrooms #footer .footer-block ul li a { color:#deecf5; text-decoration:none; }
#chatrooms #footer .footer-block ul li a.facebook { background:transparent url(/groups/images/phase2/facebook.gif) no-repeat right 0; padding:0; width:72px; display:block; }
#chatrooms #footer .footer-block ul li a.twitter { background:transparent url(/groups/images/phase2/twitter.gif) no-repeat right 0; padding:0; width:72px; display:block; }

#footer .footer-block ul.products { margin-bottom:15px !important; }
#footer .footer-block ul.share { margin-bottom:29px !important; }
#footer .footer-block ul.partners { margin-bottom:29px !important; }
#footer .footer-block ul.socialnetworks { margin-bottom:36px !important; }
#footer .footer-block ul.legal { margin-bottom:36px !important; }


#chatrooms #footer .footer-block ul li a:hover { text-decoration:underline; }
#chatrooms #footer .copyright { margin:0; padding:15px 0 0 0; background:#fff; height:28px; float:left; width:100%; text-align:center; }
#chatrooms #footer .copyright p { font-size:12px; line-height:17px; margin:0; padding:0; color:#242425; }
/*------------------ footer style ends here ----------------------*/

#chatrooms #chatrooms-content { margin:0; padding:0; background:#f0f0f0 url(/groups/images/middle-content.gif) repeat-x 0 0; float:left; width:100%; border-top:solid 4px #456679; }

.show { display: block; }
.hide { display:none; }