html, body {behavior: url("./css-js/csshover.htc");}
* {margin: 0; padding: 0;}
html {direction: rtl;}
img {border: 0;}
.clear {clear:both; font-size: 0; line-height: 0;}
body {background-color: #ffffff; margin: 0 auto; text-align: center; font-size: 12px; font-family: arial; color: #000000;}
/* Two Ads */
div.firstad {width: 393px; margin: 10px auto; font-size: 0; line-height: 0;}
div.secondad {width: 380px; margin: 10px 0;float: left; display: inline; font-size: 0; line-height: 0;}
/* Main */
div#base {width: 800px; text-align: right; margin: 0 auto 20px auto;}
div#base #topbar {width: 800px; text-align: right; margin-top: 10px; border-bottom: 8px solid #e9e9e9;}
div#base #topbar #topline {width: 800px; border-bottom: 1px solid #cdcdcd;}
div#base #middle {width: 800px; margin: 7px auto; background: url('../images/middle_line.jpg') 393px 0 repeat-y;}
div#base #bottom {width: 800px; height: 80px; background-color: #323232;}
div#base #middle .right_comments {width: 393px; float: right; display: inline;}
div#base #middle .left_comments {width: 380px; float: left; display: inline;}
/* Search Box */
div#searchbox {width:300px; float: right; display: inline; color: #010101; font-weight: bold; border-left: 1px solid #cdcdcd; padding-left: 25px; height: 25px; background: url('../images/searchbox_bg.jpg') left bottom no-repeat;}
div#searchbox .text {padding: 2px; width: 143px; height: 16px; border: 1px solid #9a9a9a; border-bottom: 2px solid #c2c2c2;}
div#searchbox .radio {width: 16px; height: 20px; vertical-align: middle; font-size: 0; line-height: 0;}
div#searchbox .submit {cursor: pointer; font: bold 12px arial; color: #ffffff; border: 0; width: 44px; height: 16px; background: url('../images/searchbox_submit.jpg') center no-repeat;}
/* Homepage Link */
div#homepagelink {float: left; display: inline; width: 19px; height: 21px; padding-top: 4px;}
div#homepagelink a {display: block; width: 19px; height: 16px; background: url('../images/homepagelink.jpg') center bottom no-repeat;}
/* Top Menu */
div#topmenu {float: left; display: inline;}
div#topmenu ul {list-style-type: none;}
div#topmenu ul li {float: left; display: inline; padding: 3px 5px; background: url('../images/topmenu_link_bottom.jpg') bottom right repeat-x;}
div#topmenu ul li.numbers {margin: 0 7px; width: 20px; height: 16px;}
div#topmenu ul li.one {background: url('../images/topmenu_number1.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#topmenu ul li.two {background: url('../images/topmenu_number2.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#topmenu ul li.three {background: url('../images/topmenu_number3.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#topmenu ul li.four {background: url('../images/topmenu_number4.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#topmenu ul li a {text-align: center; font: bold 11px arial; color: #965100; text-decoration: none;}
div#topmenu ul li a:hover {text-decoration: underline;}
/* Logo */
div#logo {float: left; display: inline; direction: ltr; margin-top: 5px; text-align: left; width: 222px; height: 77px; background: url('../images/logo.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#logo a {display: block; width: 198px; height: 77px;}
div#logo a:hover {background: url('../images/logo_hover.jpg') center no-repeat;}
/* Show Box */
div#showbox {float: right; display: inline; width: 332px; height: 81px; margin: 5px 0; background: url('../images/showbox_bg.jpg') center no-repeat;}
div#showbox .right {float: right; display: inline; margin-right: 5px; height: 81px; width: 160px;}
div#showbox .right .header {font-weight: bold; color: #fed41a;}
div#showbox .right .header a {color: #fed41a; text-decoration: none;}
div#showbox .right .header a:hover {color: #ffffff;}
div#showbox .right .text {width: 160px; font: bold 16px arial; color: #ffffff;}
div#showbox .left {float: left; display: inline;margin: 5px 0 0 6px; width: 153px;}
div#showbox .left #showboxbuttons {width: 153px;}
div#showbox .left #showboxbuttons ul {list-style-type: none;}
div#showbox .left #showboxbuttons ul li {float: right; display: inline; text-align: center;}
div#showbox .left #showboxbuttons ul li a {display: block; width: 100%; height: 100%; padding-top: 28px; font-weight: bold; line-height: 1em; color: #ffffff; text-decoration: none;}
div#showbox .left #showboxbuttons ul li a:hover {text-decoration: underline;}
div#showbox .left #showboxbuttons ul li.webcam {width: 48px; background: url('../images/showboxbuttons_webcam.jpg') center top no-repeat;}
div#showbox .left #showboxbuttons ul li.comments {width: 55px; background: url('../images/showboxbuttons_comments.jpg') center top no-repeat;}
div#showbox .left #showboxbuttons ul li.radio {width: 47px; padding-right: 3px; background: url('../images/showboxbuttons_radio.jpg') center top no-repeat;}
div#showbox .left #livechatlink {width: 153px; margin-top: 5px; text-align: center;}
div#showbox .left #livechatlink a {font-weight: bold; color: #ffffff; text-decoration: none;}
div#showbox .left #livechatlink a:hover {text-decoration: underline;}
/* News Articles Box */
div#newsarticlesbox {width: 393px; float: right; display: inline;}
div#newsarticlesbox #firstnewsarticle {width: 393px; border-bottom: 1px solid #e9e9e9; padding-bottom: 5px;}
div#newsarticlesbox #firstnewsarticle img {display: block; width: 393px; height: 235px; font-size: 0; line-height: 0;}
div#newsarticlesbox #firstnewsarticle .header {font: bold 20px arial;}
div#newsarticlesbox #firstnewsarticle .header a {color: #c61616; text-decoration: none;}
div#newsarticlesbox #firstnewsarticle .header a:hover {text-decoration: underline;}
div#newsarticlesbox #firstnewsarticle .text {font: 11px/1.3em arial; text-align: justify;}
div#newsarticlesbox #firstnewsarticle .text a {color: #000000; text-decoration: none;}
div#newsarticlesbox .newsarticle {width: 393px; margin-top: 10px; border-top: 2px solid #e6492b; background-color: #f2f2f2;}
div#newsarticlesbox .newsarticle img {float: right; margin-left: 10px; width: 124px; height: 80px; font-size: 0; line-height: 0;}
div#newsarticlesbox .newsarticle .header {margin: 7px 0 5px 0; font: bold 14px arial;}
div#newsarticlesbox .newsarticle .header a {color: #e6492b; text-decoration: none;}
div#newsarticlesbox .newsarticle .header a:hover {text-decoration: underline;}
div#newsarticlesbox .newsarticle .text {margin-left: 10px; font: 12px/1.3em arial; text-align: justify;}
div#newsarticlesbox .newsarticle .text a {color: #000000; text-decoration: none;}
/* Scroll News Box */
div#scrollnewsbox {width: 379px; float: left; display: inline; padding: 7px 0; border-top: 7px solid #e6492b; border-left: 1px solid #eec7c0; background-color: #e9e9e9;}
div#scrollnewsbox p {font-size: 13px; color: #3d3d3d; margin: 0 5px 5px 10px;}
div#scrollnewsbox p a {color: #3d3d3d; text-decoration: none;}
div#scrollnewsbox p a:hover {color: #e6492b;}
/* Slide Box */
div#slidebox {position: relative; z-index: 1; float: left; display: inline; margin: 7px 0; padding: 2px; width: 374px; height: 141px; border: 1px solid #d6d6d6;}
div#slidebox #image {position: absolute; top: 2px; right: 2px; z-index: 1; width:374px; height:141px;}
div#slidebox #infoline {position: absolute; right: 2px; bottom: 2px; z-index: 2; width:374px; height:27px; background: url('../images/opixel.png') top right repeat; _bottom: 1px;}
div#slidebox #infoline .title {float: right; display: inline; padding: 6px 7px 0 0; font-weight: bold; color: #ffffff;}
div#slidebox #infoline .title .name {color: #e6492b;}
div#slidebox #infoline .numberlinks {float: left; display: inline; direction: ltr; padding: 6px 0 0 7px;}
div#slidebox #infoline .numberlinks a {padding-right: 4px; font: bold 11px arial; color: #ffffff; text-decoration: none;}
div#slidebox #infoline .numberlinks a:hover {color: #ff694c;}
div#slidebox #infoline .numberlinks a.active {font: bold 11px arial; color: #e6492b; text-decoration: none;}
/* Show Posts Box*/
div#showpostsbox {float: left; display: inline; width: 377px; padding: 0 3px 7px 0; border-bottom: 1px solid #e0e0e0;}
div#showpostsbox ul {list-style-type: none;}
div#showpostsbox ul li {float: right; display: inline; width: 125px;}
div#showpostsbox ul li .text {font: bold 16px arial; border-left: 1px solid #cbcbcb; padding: 0 5px; min-height: 70px; height:auto !important; height:70px;}
div#showpostsbox ul li .text a {color: #c61616; text-decoration: none;}
div#showpostsbox ul li .showsname {float: left; display: inline; font-weight: bold; border-left: 1px solid #cbcbcb; padding-left: 3px;}
div#showpostsbox ul li .showsname a {color: #282828; text-decoration: none;}
div#showpostsbox ul li .showsname a:hover {text-decoration: underline;}
/* Station's Links & Shows Quotes */
div#statinslinksandshowsquotes {width: 380px; float: left; display: inline;}
div#statinslinksandshowsquotes #stationslinks {width: 176px; min-height:225px; height:auto !important; height:225px; float: right; display: inline; border-left: 1px solid #e1e1e1; background-color: #eeeeee;}
div#statinslinksandshowsquotes #stationslinks .border {float: right; display: inline; width: 176px; height: 7px; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; background-color: #222222; font-size: 0; line-height: 0;}
div#statinslinksandshowsquotes #stationslinks .stationslink {width: 160px; margin: 0 auto 3px auto; padding-bottom: 3px; border-bottom: 1px solid #989898;}
div#statinslinksandshowsquotes #stationslinks .stationslink img {float: right; display: inline; margin-top: 3px;}
div#statinslinksandshowsquotes #stationslinks .stationslink .linkname a {font-weight: bold; color: #b00521; text-decoration: none;}
div#statinslinksandshowsquotes #stationslinks .stationslink .linkname a:hover {text-decoration: underline;}
div#statinslinksandshowsquotes #stationslinks .stationslink .text a {font-weight: bold; color: #222222; text-decoration: none;}
div#statinslinksandshowsquotes #stationslinks #bottomshowslonks {width: 176px; padding: 3px 0 6px 0; text-align: center; font-weight: bold; font-size: 14px; color: #525252;}
div#statinslinksandshowsquotes #stationslinks #bottomshowslonks a {color: #525252; text-decoration: none;}
div#statinslinksandshowsquotes #stationslinks #bottomshowslonks a:hover {color: #000000; text-decoration: underline;}
div#statinslinksandshowsquotes #showsquotes {width: 176px; min-height:225px; height:auto !important; height:225px; float: left; display: inline; border-left: 1px solid #f2dddd; background-color: #eeeeee;}
div#statinslinksandshowsquotes #showsquotes .border {float: right; display: inline; width: 176px; height: 7px; border-top: 1px solid #d78f8f; border-bottom: 1px solid #d78f8f; background-color: #b40000; font-size: 0; line-height: 0;}
div#statinslinksandshowsquotes #showsquotes .quote {width: 160px; margin: 0px auto 7px auto; text-align: center;}
div#statinslinksandshowsquotes #showsquotes .quote .showsnameanddate {font-weight: bold; color: #222222; margin-bottom: 3px;}
div#statinslinksandshowsquotes #showsquotes .quote .showsnameanddate a {color: #222222; text-decoration: none;}
div#statinslinksandshowsquotes #showsquotes .quote .showsnameanddate a:hover {color: #b40000;}
div#statinslinksandshowsquotes #showsquotes .quote .text {font-size: 13px; color:#222222;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks {width: 160px; margin: 0 auto; padding-top: 3px; border-top: 1px solid #b7b7b7; background: url('../images/rssarchivelinks_bg.jpg') center no-repeat;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .archive {width: 70px; float: right; display: inline; height: 25px; background: url('../images/rssarchivelinks_archive.jpg') center right no-repeat;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .archive a {display: block; padding: 6px 30px 0 0; width: 50px; height: 20px; font: bold 11px arial; color: #222222; text-decoration: none;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .archive a:hover {text-decoration: underline;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .rss {width: 70px; float: left; display: inline; height: 25px; background: url('../images/rssarchivelinks_rss.jpg') center right no-repeat;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .rss a {display: block; padding: 6px 30px 0 0; width: 50px; height: 20px; font: bold 11px arial; color: #222222; text-decoration: none;}
div#statinslinksandshowsquotes #showsquotes #rssarchivelinks .rss a:hover {text-decoration: underline;}
/* Schedule */
div#schedule {width: 793px; height: 183px; margin: 0 auto; border-left: 7px solid #e6492b; background-color: #d2d2d2;}
div#schedule ul {list-style-type: none;}
div#schedule ul li {float: right; display: inline;}
div#schedule ul li.dayoftheweek {width: 29px; height: 183px; font-size: 0; line-height: 0;}
div#schedule ul li.sunday {background: url('../images/schedule_sunday.jpg') top center no-repeat;}
div#schedule ul li.monday {background: url('../images/schedule_monday.jpg') top center no-repeat;}
div#schedule ul li.tuesday {background: url('../images/schedule_tuesday.jpg') top center no-repeat;}
div#schedule ul li.wednesday {background: url('../images/schedule_wednesday.jpg') top center no-repeat;}
div#schedule ul li.thursday {background: url('../images/schedule_thursday.jpg') top center no-repeat;}
div#schedule ul li.friday {background: url('../images/schedule_friday.jpg') top center no-repeat;}
div#schedule ul li.saturday {background: url('../images/schedule_saturday.jpg') top center no-repeat;}
div#schedule ul li.show {width: 78px; height: 182px; margin: 1px 0 0 9px; background-color: #454545;}
div#schedule ul li.show img {display: block; font-size: 0; line-height: 0;}
div#schedule ul li.show .showstitle {height: 30px; font: bold 14px/1em arial; padding-right: 2px;}
div#schedule ul li.show .showstitle a {color:#e33a00; text-decoration: none;}
div#schedule ul li.show .showstitle a:hover {color:#fed41a;}
div#schedule ul li.show .showstime {font-weight:bold; color: #ffffff; padding-right: 2px;}
div#schedule ul li.show .showsforumandwebpage {padding-right: 2px;}
div#schedule ul li.show .showsforumandwebpage a {font: bold 12px arial; color:#d6d6d6; text-decoration: none;}
div#schedule ul li.show .showsforumandwebpage a:hover {color:#ffffff;}
div#schedule ul li#schedulebuttonslinks p {text-align: center; margin: 9px 0;}
div#schedule ul li#schedulebuttonslinks .redmail {border-bottom: 1px solid #a9a9a9; padding-bottom: 7px; background: url('../images/schedulebuttonslinks_redmail.jpg') top center no-repeat;}
div#schedule ul li#schedulebuttonslinks .redmail a {display: block; padding-top: 30px; font: bold 11px arial; color: #323232; text-decoration: none;}
div#schedule ul li#schedulebuttonslinks .redmail a:hover {color: #b40000; text-decoration: underline;}
div#schedule ul li#schedulebuttonslinks .scheduleboard {border-bottom: 1px solid #a9a9a9; padding-bottom: 7px; background: url('../images/schedulebuttonslinks_scheduleboard.jpg') top center no-repeat;}
div#schedule ul li#schedulebuttonslinks .scheduleboard a {display: block; padding-top: 30px; font: bold 11px arial; color: #323232; text-decoration: none;}
div#schedule ul li#schedulebuttonslinks .scheduleboard a:hover {color: #000000; text-decoration: underline}
div#schedule ul li#schedulebuttonslinks .livebroadcast {background: url('../images/schedulebuttonslinks_livebroadcast.jpg') top center no-repeat;}
div#schedule ul li#schedulebuttonslinks .livebroadcast a {display: block; padding-top: 30px; font: bold 11px arial; color: #323232; text-decoration: none;}
div#schedule ul li#schedulebuttonslinks .livebroadcast a:hover {color: #000000; text-decoration: underline}
/* Navigation Menu */
div#navigationmenu {width: 800px; margin: 10px auto 0 auto; padding-bottom: 10px; border-top: 2px solid #e6492b; background-color: #ededed;}
div#navigationmenu a {color: #242424; text-decoration: none;}
div#navigationmenu .onecolum {float: right; display: inline; margin-right: 30px;}
div#navigationmenu .onecolum .header {font-weight: bold; color: #e6492b; margin-bottom: 5px;}
div#navigationmenu .onecolum .linklist {border-left: 1px solid #bfbfbf;}
div#navigationmenu .onecolum .linklist:hover a {color: #ff694c;}
div#navigationmenu .onecolum .linklist ul {list-style-type: none;}
div#navigationmenu .onecolum .linklist ul li {margin: 0 0 5px 30px;}
div#navigationmenu .onecolum .linklist ul li a:hover {color:#b40000;}
div#navigationmenu .twocolum {float: right; display: inline; margin-right: 15px;}
div#navigationmenu .twocolum .header {font-weight: bold; color: #e6492b; margin-bottom: 5px;}
div#navigationmenu .twocolum .linklist {width: 200px; border-left: 1px solid #bfbfbf;}
div#navigationmenu .twocolum .linklist:hover a {color: #ff694c; }
div#navigationmenu .twocolum .linklist ul {list-style-type: none;}
div#navigationmenu .twocolum .linklist ul li {width: 90px; float: right; display: inline; margin: 0 0 5px 10px;}
div#navigationmenu .twocolum .linklist ul li a:hover {color:#b40000;}
div#navigationmenu .twocolum .noborder {border: 0;}
/* Bottom */
div#bottomlogo {float: right; display: inline; width: 220px; height: 80px; background: url('../images/bottom_logo.jpg') no-repeat; font-size: 0; line-height: 0;}
div#credits {float: right; display: inline; margin-top: 20px; width: 372px; border-right: 2px solid #7c7c7c; border-left: 2px solid #7c7c7c;}
div#credits p {color:#ededed; margin-right: 5px;}
div#credits a {color:#ededed; text-decoration: none;}
div#credits a:hover {text-decoration: underline;}
div#radiohaifa {float: left; display: inline; width: 204px; height: 80px; background: url('../images/bottom_radiohaifa.jpg') no-repeat; font-size: 0; line-height: 0;}
/* Color Lines Header */
div#colorlinesheader {width: 800px; height: 38px; margin: 15px auto; background: url('../images/colorlinesheader_bg.jpg') left top repeat-x; clear:both; font-size: 0; line-height: 0;}
div#colorlinesheader img {float: right; display: inline; height: 38px; background-color: #ffffff; font-size: 0; line-height: 0;}
/* Radio Video Player */
div#radiovideoplayer {width: 393px; float: right; display: inline; border-top: 6px solid #838383; background-color: #e9e9e9;}
div#radiovideoplayer #videoflashplayerframe {width: 320px; height: 240px; margin: 10px auto; border: 1px solid #cbd3dc; background-color: #000000;}
div#radiovideoplayer #radiovideoplayerbuttons {width: 393px; height: 34px; margin: 0 auto; background: url('../images/radiovideoplayerbuttons_bg.jpg') no-repeat;}
div#radiovideoplayer #radiovideoplayerbuttons a {display: block; width: 100%; height: 21px; padding-top: 5px; font: bold 12px arial; color: #363636; text-decoration: none;}
div#radiovideoplayer #radiovideoplayerbuttons a:hover {text-decoration: underline;}
div#radiovideoplayer #radiovideoplayerbuttons p {width: 75px; height: 26px; text-align: left;}
div#radiovideoplayer #radiovideoplayerbuttons .justlistenbuttton {margin: 5px 0 0 100px; float: left; display: inline; background: url('../images/radiovideoplayerbuttons_turnofvideobutton.jpg') center right no-repeat;}
div#radiovideoplayer #radiovideoplayerbuttons .turnofvideobutton {margin: 5px 110px 0 0; float: right; display: inline; background: url('../images/radiovideoplayerbuttons_justlistenbuttton.jpg') 100% 0 no-repeat;}
/* Show Quotes */
div#showsquotes_lc {width: 392px; border-left: 1px solid #f2dddd; background-color: #eeeeee;}
div#showsquotes_lc .border {width: 392px; height: 7px; border-top: 1px solid #d78f8f; border-bottom: 1px solid #d78f8f; background-color: #b40000; font-size: 0; line-height: 0;}
div#showsquotes_lc .quote {width: 380px; margin: 0px auto 7px auto; text-align: center;}
div#showsquotes_lc .quote .showsnameanddate {font-weight: bold; color: #222222; margin-bottom: 3px;}
div#showsquotes_lc .quote .showsnameanddate a {color: #222222; text-decoration: none;}
div#showsquotes_lc .quote .showsnameanddate a:hover {color: #b40000;}
div#showsquotes_lc .quote .text {font-size: 13px; color:#222222;}
div#showsquotes_lc #rssarchivelinks {width: 392px; height: 34px; margin: 0 auto; background: url('../images/radiovideoplayerbuttons_bg.jpg') no-repeat;}
div#showsquotes_lc #rssarchivelinks a {display: block; width: 100%; height: 21px; padding-top: 5px; font: bold 12px arial; color: #363636; text-decoration: none;}
div#showsquotes_lc #rssarchivelinks a:hover {text-decoration: underline;}
div#showsquotes_lc #rssarchivelinks p {width: 75px; height: 25px; text-align: left;}
div#showsquotes_lc #rssarchivelinks .archive {margin: 5px 100px 0 0; float: right; display: inline; background: url('../images/rssarchivelinks_archive.jpg') center right no-repeat;}
div#showsquotes_lc #rssarchivelinks .rss {margin: 5px 0 0 90px; float: left; display: inline; background: url('../images/rssarchivelinks_rss.jpg') 100% 0 no-repeat;}
/* Live Respone */
div#liveresponse {width: 379px; border-left: 1px solid #eec7c0; padding-bottom: 10px; background-color: #eeeeee;}
div#liveresponse .border {width: 379px; height: 7px; border-top: 1px solid #e78977; border-bottom: 1px solid #e78977; background-color: #e6492b; font-size: 0; line-height: 0;}
div#liveresponse .responseform table {margin-right: 7px;}
div#liveresponse .responseform th {text-align: right; font-size: 13px; color: #3d3d3d;}
div#liveresponse .responseform .name {font-size: 16px; color: #3d3d3d; width:100px; height:23px; padding: 3px 2px 0 2px; border: 1px solid #838383;}
div#liveresponse .responseform .response {font-size: 16px; color: #3d3d3d; width:243px; height: 69px; padding: 3px 2px 0 2px; border: 1px solid #838383;}
div#liveresponse .responseform .submit {cursor: pointer; font-size: 13px; color: #3d3d3d; width:106px; height:33px; border:0; background: url('../images/livecomment_submit.jpg') no-repeat; font-size: 0; line-height: 0;}
/* Live Comments Box */
div#livecomments {width: 379px; height: 430px; overflow: auto; border-left: 1px solid #f2dddd; margin-top: 10px; padding-bottom: 10px; background-color: #eeeeee; border-top: 7px solid #b40000;}
div#livecomments .comment {width: 360px; margin: 0px auto 7px auto; text-align: center; display: none;}
div#livecomments .comment .nameanddate {font-weight: bold; color: #b40000; margin-bottom: 3px;}
div#livecomments .comment .nameanddate_admin {font-weight: bold; color: #f9a821; margin-bottom: 3px;}
div#livecomments .comment .text {text-align: right;font-size: 13px; color:#222222;}
/* UserSide */
div#userside {float: right; display: inline; width: 164px; height: 474px; background-color: #eeeeee;}
div#userside .border {width: 164px; height: 7px; border-top: 1px solid #fee576; border-bottom: 1px solid #fee576; background-color: #fed41a; font-size: 0; line-height: 0;}
div#userside #usernameanddisconnect {text-align: center; font: bold 14px arial; color: #b40000; height: 27px; padding-top:8px;}
div#userside #usernameanddisconnect a {font: bold 14px arial; color: #b40000; text-decoration: none;}
div#userside #usernameanddisconnect a:hover {text-decoration: underline;}
div#userside #usernameanddisconnect .username_form {margin: 0px;padding:0px;}
div#userside #usernameanddisconnect .username_form .username_input {width: 105px;color: #222222;border: 1px solid #cdcdcd; font-size: 13px;}
div#userside #usernameanddisconnect .username_form .submit {cursor: pointer; font: bold 12px arial; color: #ffffff; width: 44px; height: 16px; border:0; background: url('../images/chatside_submit.jpg') center no-repeat;}
div#userside #userlist {text-align: right; padding-top: 10px; background: url(../images/userlist_bg.jpg) repeat-x; width: 164px; height: 420px; overflow: auto; overflow-x: hidden;}
div#userside #userlist ul {list-style-type: none;}
div#userside #userlist ul li {margin: 0px 5px 5px 5px; width: 130px;}
div#userside #userlist ul li a {display: block; width: 100%; height: 100%; font: bold 13px arial; color: #363636; text-decoration: none;}
div#userside #userlist ul li a:hover {color: #b40000;}
/* ChatSide */
div#chatside {float: left; display: inline; width: 623px; height: 474px; background-color: #eeeeee;}
div#chatside .border {width: 623px; height: 7px; border-top: 1px solid #d78f8f; border-bottom: 1px solid #d78f8f; background-color: #b40000; font-size: 0; line-height: 0;}
div#chatside #chatwindow {width: 623px; height: 370px; padding-top: 10px; overflow: auto; overflow-x: hidden;}
div#chatside #chatwindow .messege {width: 580px; margin: 0px 10px 10px 0; text-align: right;}
div#chatside #chatwindow .messege .userandtime {font-weight: bold; color: #222222; margin-bottom: 3px;}
div#chatside #chatwindow .messege .userandtime a {color: #222222; text-decoration: none;}
div#chatside #chatwindow .messege .userandtime a:hover {color: #b40000;}
div#chatside #chatwindow .messege .text {font-size: 13px; color:#222222;}
div#chatside #chatcommentbox {width: 623px; padding-top: 10px; background: url(../images/userlist_bg.jpg) repeat-x;}
div#chatside #chatcommentbox #smileys {float: right; display: inline; width: 280px; margin-right: 10px;}
div#chatside #chatcommentbox #smileys ul {list-style-type: none;}
div#chatside #chatcommentbox #smileys ul li {width: 27px; height: 26px; margin-left: 5px; float: right; display: inline; font-size: 0; line-height: 0;}
div#chatside #chatcommentbox #smileys ul li a {display: block; width: 100%; height: 100%;}
div#chatside #chatcommentbox #smileys ul li.smiley_1 {background: url('../images/smiley_001.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_2 {background: url('../images/smiley_002.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_3 {background: url('../images/smiley_003.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_4 {background: url('../images/smiley_004.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_5 {background: url('../images/smiley_005.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_6 {background: url('../images/smiley_006.jpg') center no-repeat;}
div#chatside #chatcommentbox #smileys ul li.smiley_7 {background: url('../images/smiley_007.jpg') center no-repeat;}
div#chatside #chatcommentbox #colors {float: left; display: inline; width: 155px; height: 24px; margin-left:83px; border-top: 2px solid #fed41a; background-color: #ffffff;}
div#chatside #chatcommentbox #colors ul {list-style-type: none;}
div#chatside #chatcommentbox #colors ul li {float: right; display: inline; margin-left:5px; width: 15px; height: 24px; font-size: 0; line-height: 0;}
div#chatside #chatcommentbox #colors ul li a {display: block; width: 100%; height: 100%;}
div#chatside #chatcommentbox #colors ul li.color_1 {background-color:#000000;}
div#chatside #chatcommentbox #colors ul li.color_2 {background-color:#367012;}
div#chatside #chatcommentbox #colors ul li.color_3 {background-color:#bc3b4a;}
div#chatside #chatcommentbox #colors ul li.color_4 {background-color:#6d2e0f;}
div#chatside #chatcommentbox #colors ul li.color_5 {background-color:#309dc3;}
div#chatside #chatcommentbox #colors ul li.color_6 {background-color:#1c205a;}
div#chatside #chatcommentbox #colors ul li.color_7 {background-color:#b40000;}
div#chatside #chatcommentbox #colors ul li.color_8 {margin-left: 0px; background-color:#e6492b;}
div#chatside #chatcommentbox #commentbox {width: 623px; height: 33px;}
div#chatside #chatcommentbox #commentbox .field {font: bold 18px arial; color: #222222; margin: 10px; float: right; display: inline; width: 519px; height: 27px; padding: 4px 5px 0 5px; border: 1px solid #cdcdcd;}
div#chatside #chatcommentbox #commentbox .submit {margin-top: 18px; float: right; display: inline; cursor: pointer; font: bold 12px arial; color: #ffffff; width: 44px; height: 16px; border:0; background: url('../images/chatside_submit.jpg') center no-repeat;}