/* reset.css */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
input{padding:0;width:auto;overflow:visible;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
legend{color:#000;}
address,caption,th,var{font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
img {border:0;}
a:link,a:visited,a:focus,a:active,input {outline:none; text-decoration: none;}
/*
    10px = 77%      11px = 85%    12px =  92%    13px =  100%    14px =  107%    15px =  13px    16px =  122%    17px =  13px    18px =  136%
    19px =  144%    20px =  152%    21px =  159%    22px =  167%    23px =  174%    24px =  182%    25px =  189%    26px =  197%    30 =  229%
*/

/* General Markup Styles */
html {height: 100%; font-size: 99%;}
body {font-family: arial,sans-serif; color: #000; font-size: 12px;}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size: 15px; display: inline;}
h2 {font-size: 14px; color: #C00; margin-top: 0;}
h3 {font-size: 13px; color: #700; margin-bottom: 3px; padding-bottom: 2px; margin-top: 20px; border-bottom: 1px solid #bbb;}
h4 {font-size: 12px;}

.hidden {display: none;}
.clearfix {clear: both;}
.floatfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/

.postimg {max-width: 570px; }
.avatar {background: #fff url(../img/avatar.jpg) center center no-repeat; margin-bottom: 3px; width: 130px; height: 130px;}
.fade {background: #fff url(../img/fade.jpg) 0 0 repeat-x;}
.bold {font-weight: bold;}
/* header */
#top-header {width: 990px; margin: 0 auto; text-align: left; height: 140px;}
#logo {float: left; width: 350px; height: 130px; display: block; text-indent: -5000px;}

#top-header #headright {float: right; height: 138px; text-align: right;}
#clock {color: #fff; font-weight: bold; position: relative; top: 85px; right: 3px;}

#nowplaying {background: url(../img/play-button.gif) 0 3px no-repeat; color: #ddd;  position: relative; top: 95px; right: 3px; width: 410px; overflow: hidden; line-height: 25px; height: 25px; padding: 0; margin: 0; white-space: nowrap; font-weight: bold;}
#nowplaying p {display: block; height: 25px; position: absolute; top: 25px; margin-left: 25px;}
#nowplaying p.active {top: 0;}
#nowplaying a:link,#nowplaying a:visited {color: #fff;}

/* site search */
#ssearch {font-weight: bold; padding: 0; float: left;}
#sitesearch input {border: 1px solid #637b92; height: 20px;}
#sitesearch input.topsearch {width: 250px; color: #c10000;}
#sitesearch select {margin-left: 2px; padding: 1px; height: 20px;}
#sitesearch select option {padding-left: 5px; border-bottom: 1px dashed #ccc;}

/* main */
#wrap {width: 990px; margin: 0 auto; background: #fff; border: 1px solid #bbb;}
#page-header {margin: 0; padding: 0; font-weight: bold; width: 990px; height: 25px; background: url(../img/header.jpg) repeat-x; }

#breadcrumbs {background: url(../img/where-am-i.gif) 0 0 no-repeat; padding-left: 96px; margin-left: 2px;}
#breadcrumbs a:link,#breadcrumbs a:visited {background: url(../img/where-am-i.gif) 0 -21px no-repeat; color: #000; padding-left: 8px; margin-left: 5px; display: block; float: left; height: 20px; line-height: 20px;}
#breadcrumbs a.first:link,#breadcrumbs a.first:visited {background: none; color: #000; padding-left: 0; margin-left: 3px; display: block; float: left; height: 20px; line-height: 20px;}

/* Horizontal lists */
ul.linklist {display: block; margin: 0;}
ul.linklist li {display: block; list-style-type: none; float: left; width: auto; margin-right: 5px; margin-top: 2px;}
ul.linklist li.rightside {float: right; padding-top: 2px; margin-right: 0; margin-left: 5px; text-align: right;}
ul.linklist li.account {float: right; margin: 6px 3px 0; width: 210px; text-align: center;}
ul.navlinks {padding-bottom: 1px; margin-bottom: 1px; border-bottom: 1px solid #fff; font-weight: bold;}
ul.leftside {float: left; text-align: left;}
ul.rightside {float: right; text-align: right;}

#skins {display: block; list-style-type: none; float: right; margin: 6px 3px 0; width: 130px;}
#skins a {text-indent: -5000px; float: right; display: inline-block; width: 13px; line-height: 12px; background: url(../img/buttons.gif) no-repeat; border: 1px solid #fff; margin-right: 3px;}
#popplayer {list-style-type: none; float: right; margin: 0; }
#popplayer a { display: block; float: right; width: 95px; height: 26px; text-indent: -5000px; background: url(../img/listen-now-button.gif) no-repeat -12px -17px; margin: 0;}

/* Themes */
#skins #tgrey {background-position: 0 -52px;}
#skins #tblack {background-position: -20px -52px;}
#skins #tpeach {background-position: -40px -52px;}
#skins #tblue {background-position: -60px -52px;}
#skins #tgreen {background-position: -80px -52px;}
#skins #tred {background-position: -100px -52px;}
#skins #tpink {background-position: -120px -52px;}

/* Toolbar */
#mttoolbar {position: fixed; bottom: 0px; width: 100%; height: 25px; z-index: 99; left: 0px; background: url(../img/header.jpg) repeat-x; border-top: 1px solid #bbb;}
#mttoolbar2 {width: 980px; line-height: 25px; margin: 0 auto;}
#mttoolbar2 #noticeboxbtn { float: right; height: 20px; margin: 2px; line-height: 20px; padding: 0 3px 0 0; }
#mttoolbar2 #noticeboxbtn span { display: block; float: left; width: 20px; height: 19px; margin-right: 3px; background: url(../img/buttons.gif) -28px -25px no-repeat; }
#mttoolbar2 #shoutboxbtn { float: right; height: 20px; margin: 2px; line-height: 20px; padding: 0 3px 0 0; }
#mttoolbar2 #shoutboxbtn span { display: block; float: left; width: 20px; height: 19px; margin-right: 3px; background: url(../img/buttons.gif) -1px -26px no-repeat; }
#mttoolbar2 #pminboxbtn { float: right; height: 20px; margin: 2px; line-height: 20px; padding: 0 3px 0 0; }
#mttoolbar2 #pminboxbtn span { display: block; float: left; width: 20px; height: 19px; margin-right: 3px; background: url(../img/buttons.gif) -55px -26px no-repeat; }
#mttoolbar2 #pminboxbtn strong {text-align: center; color: #d00; padding: 0 2px; border: 1px solid #ccc; background: #fff; }
#mttoolbar2 #pmbtn {margin: 2px; padding: 0; float: right; display: block; height: 22px;}
#mttoolbar2 #followbuttons { float: right; margin: 5px 10px 5px 5px; }
#mttoolbar2 #acp { margin-left: 20px; color: #700; }

/* Option boxes */
.optionbox,.optionbox2 {background: url(../img/inlinemenu.jpg) left bottom repeat-x; padding: 5px 0; text-align: center; margin: 0 auto; border: 1px solid #ccc;}

#page-body {margin: 0;}

#rightcol {float: left; width: 206px; margin: 5px 0 0 5px;}
#leftcol {float: left; width: 765px; padding: 5px; min-height: 650px; background: #fff;}

#page-footer {display: inline-block; width: 980px; height: 125px; background: #151515 url(../img/people.gif) bottom left repeat-x; color: #fff; padding: 0 5px 5px;}
#page-footer a:link,#page-footer a:visited {color: #9c9c9c;}
#page-footer a:hover {color: #fff;}

#topbar {margin-bottom: 10px;}
#topbar p {float: right; display: inline; margin-top: 5px;}

#simple-wrap {padding: 6px 0;}

hr {border: 0 none #fff; border-top: 1px solid #ccc; height: 1px; margin: 5px 0; display: block; clear: both;}
hr.dashed {border-top: 1px dotted #ccc; margin: 10px 0;}
hr.divider {display: none;}
p.right {text-align: right;}

/* Site menu */
#sitemenu { clear: both; list-style-type: none; padding-left: 2px; font-size: 13px; font-weight: bold; margin: 0 0 3px 0; background: #f5f5f5; text-align: center; overflow: hidden; border: 1px solid #d6d6d6; }
#sitemenu li { float: left; display: inline; padding: 1px 0;}
#sitemenu a:link, #sitemenu a:visited, #sitemenu a:hover { color: #fff; text-decoration: none; text-indent: 2px; line-height: 23px; width: 80px; display: block; border: 1px solid #d6d6d6; }

#sidemenu {width: 99%; border: 1px solid #e6e6e6; background: #fff; margin: 0 0 7px 0; padding: 0;}
#sidemenu dt {color: #fff; display: block; font-weight: bold; font-size: 13px; line-height: 20px; padding: 1px 2px; width: 96%; margin: 1px auto; text-indent: 17px;}
#sidemenu dd {display: none; font-weight: bold; padding: 2px; width: 96%; text-indent: 3px;}
#sidemenu dt.visible {background-position: 0 -23px;}
#sidemenu dd.visible {display: block;}

#inlinemenu {background: url(../img/inlinemenu.jpg) repeat-x; width: 100%; height: 50px; text-align: center; margin-bottom: 10px; border: 1px solid #ccc;}
#inlinemenu ul {margin: 0 auto; width: 100%;}
#inlinemenu li {display: inline; background: url(../img/tab.jpg) left center no-repeat;}
#inlinemenu li.first {display: inline; background: none;}
#inlinemenu a:link,#inlinemenu a:visited {display: inline-block; line-height: 50px; padding: 0 12px; font-size: 13px; font-weight: bold;} 
#inlinemenu a:hover,#inlinemenu a.active:link,#inlinemenu a.active:visited {display: inline-block; line-height: 50px; font-size: 13px; font-weight: bold; text-decoration: none; }

.mtbox {width: 99%; margin: 0 0 7px 0; padding: 0; text-align: left;}
.mtbox h2 {margin: 0 auto; height: 28px; line-height: 28px; font-weight: bold; margin-bottom: 3px; text-indent: 23px; font-size: 13px;}
.mtbox p {margin: 3px;}
.mtbox a:link,.mtbox a:visited {color: #000;}

#inlinecol {width: 100%; background: #fff; margin: 0 0 7px 0; padding: 0; clear: both;}
#inlineleft {width: 210px; display: block; float: left; margin: 0; padding: 0 5px 5px 5px; text-align: center;}
#inlineright {width: 540px; float: right; margin: 0 auto 5px auto; padding: 0;}

/* Artistlist */
#artistchars {list-style-type: none; ; margin: 0 auto; text-align: center; clear: both;}
#artistchars li {display: inline; padding: 0; margin: 0;}
#artistchars li a:link,#artistchars li a:visited {color: #fff; font-weight: bold; text-decoration: none; display: inline-block; height: 20px; width: 30px; line-height: 20px; background: url(../img/optionbutton.jpg) repeat-x; padding: 0; margin: 2px 1px; border: 1px solid #333;}
#artistchars li a:hover,#artistchars li a.active:link,#artistchars li a.active:visited {color: #000; font-weight: bold; text-decoration: none; display: inline-block; height: 20px; width: 30px; line-height: 20px; background: url(../img/optionbutton.jpg) 0 -35px repeat-x; padding: 0; margin: 2px 1px; border: 1px solid #333;}
#artistchars li a.active:link,#artistchars li a.active:visited {width: 67px;}

ul.artistlist {list-style-type: none; width: 100%; margin-bottom: 10px;}
ul.artistlist li {display: block; width: 129px; margin: 5px 0 0 5px; height: 230px; float: left; text-align: center; padding-top: 5px; border: 1px solid #ccc;}
ul.artistlist li.first {margin-left: 0;}
ul.artistlist li.empty {width: 98%; height: 100px;}
ul.artistlist li img {width: 108px; height: 108px; display: block; margin: 0 auto 3px; background: transparent none center center no-repeat;}
ul.artistlist li strong {clear: right;}
ul.artistlist li a:link,ul.artistlist li a:visited {font-weight: bold; color: #D31141;}
ul.artistlist li span.songs {display: block;}

#browseyear {margin-top: 5px;}
#browseyear a:link,#browseyear a:visited {display: inline-block; width: 25px; margin: 3px;}
#browseyear a:hover {display: inline-block; width: 25px; margin: 3px; text-decoration: none;}

#music-search {padding: 3px 0; width: 99%; background: url(../img/searchbox.jpg) repeat-x; border: 1px solid #ccc; }
#music-search input {margin: 5px 0;}
#music-search fieldset {border: none;}

a.mcat:link,a.mcat:visited {display: block; width: 200px; height: 75px; text-indent: -5000px; background: url(../img/music_buttons.jpg) no-repeat; margin-top: 5px; margin-left: 3px;}
a.mcat:hover {display: block; width: 200px; height: 75px; text-indent: -5000px; background: url(../img/music_buttons.jpg) no-repeat; margin-top: 5px; margin-left: 6px;}
a.mmovie:link,a.mmovie:visited {margin-top: 5px;}
a.mmovie:hover {margin-top: 5px;}
a.martist:link,a.martist:visited {background-position: 0 -80px;}
a.martist:hover {background-position: 0 -80px;}
a.mbhangra:link,a.mbhangra:visited {background-position: 0 -160px;}
a.mbhangra:hover {background-position: 0 -160px;}
a.mlyrics:link,a.mlyrics:visited {background-position: 0 -240px;}
a.mlyrics:hover {background-position: 0 -240px;}

/* Stream select */
table.streams {margin: 10px auto; background: #F3F3F3 url(../img/mtbox.jpg) bottom left repeat-x; border: 1px solid #ccc;}
table.streams th {text-align: center; font-weight: bold; background: url(../img/header.jpg) repeat-x; padding-bottom: 2px;} 
table.streams td {width: 120px; padding: 5px 0; text-align: center;}
/* Artist info */
.artistinfo {clear: right; background: #F3F3F3 url(../img/mtbox.jpg) bottom left repeat-x; margin: 0 0 5px 0; border: 1px solid #ccc; padding-bottom: 5px;}
.artistinfo h2 {margin: 3px; background: url(../img/header.jpg) repeat-x; text-indent: 10px; display: block; height: 30px; line-height: 30px; font-weight: bold; border: 1px solid #ccc;}
.artistinfo h2 a {float: right; margin-right: 3px;}
.artistinfo img {margin: 5px; float: right; width: 110px; height: 110px; background-position: center center;}
.artistinfo dl {margin: 10px;}
.artistinfo dl dt {font-weight: bold; width: 130px; margin: 3px 0; float: left; clear: left;}
.artistinfo dl dd {margin: 3px 0; float: left; width: 270px;}
.artistinfo p {margin: 10px;}

.generic {clear: right; background: #F3F3F3 url(../img/mtbox.jpg) bottom left repeat-x; margin: 0 0 5px 0; border: 1px solid #ccc; padding-bottom: 5px;}
.generic h2 {margin: 3px; background: url(../img/header.jpg) repeat-x; text-indent: 10px; display: block; height: 30px; line-height: 30px; font-weight: bold; border: 1px solid #ccc;}


/* Song list */
dl.songlist {display:block; height: 60px; border: 1px solid #ccc;}
dl.songlist dt {display: block; width: 75%; height: 55px; float: left; padding-top: 3px; }
dl.songlist dt a:link,dl.songlist dt a:visited {font-size: 13px; font-weight: bold; color: #D31141; margin-left: 2px;}
dl.songlist dt span.artist {display: block; background: url(../theme/images/arrow_right.gif) 55px 55% no-repeat; text-indent: 12px;}
dl.songlist dt span.artist a:link,dl.songlist dt span.artist a:visited {font-weight: normal; color: #000;}
dl.songlist dd {display: block; height: 55px; text-align: center; float: left; line-height: 55px; font-weight: bold; padding-top: 5px;}
dl.songlist dd.mtactions {display: block; height: 55px; float: left; line-height: 25px; width: 80px;}
dl.songlist dd.marked {display: block; background: #fff url(../img/fade.jpg) 0 -90px repeat-x; width: 10%; height: 55px; text-align: center; float: right; line-height: 55px; font-weight: bold; padding-top: 5px;}

/* Song list */
dl.songsearch {display:block; height: 60px; border: 1px solid #ccc;}
dl.songsearch dt {display: block; width: 80%; height: 55px; float: left; padding-top: 3px;}
dl.songsearch dt.song {width: 75%;}
dl.songsearch dt img {display: block; width: 55px; height: 55px; margin: 0 2px; float: left; background-position: center center; }
dl.songsearch dt a:link,dl.songsearch dt a:visited {font-size: 13px; font-weight: bold; color: #D31141; margin-left: 2px;}
dl.songsearch dt span.info {display: block; background: url(../theme/images/arrow_right.gif) 55px 55% no-repeat; margin-left: 5px; text-indent: 12px;}
dl.songsearch dt span.info a:link,dl.songsearch dt span.info a:visited {font-weight: normal; color: #D31141;}
dl.songsearch dd {display: block; height: 55px; text-align: center; float: left; line-height: 55px; font-weight: bold; padding-top: 5px;}
dl.songsearch dd.marked {display: block; background: #fff url(../img/fade.jpg) 0 -90px repeat-x; width: 10%; height: 55px; text-align: center; float: right; line-height: 55px; font-weight: bold; padding-top: 5px;}
dl.songsearch dd.mtactions {width: 80px;}
#etainfo { line-height: 25px; }

/* Top 20 */
ul.top10 {list-style-type: none; width: 100%; margin-bottom: 10px;}
ul.top10 li {display: block; width: 538px; margin: 5px 0 0 0; height: 125px; float: left; text-align: left; padding-top: 5px; border: 1px solid #ccc;}
ul.top10 li img {width: 108px; height: 108px; display: block; float: left; margin: auto 5px; background: transparent none center center no-repeat;}
ul.top10 li a:link,ul.top10 li a:visited {font-weight: bold; color: #D31141;}
ul.top10 li strong {display: block; font-size: 13px;}
ul.top10 li span.rank {float: left; font-size: 197%; width: 70px; text-align: center; font-weight: bold; color: #300; margin: auto 5px;}
ul.top10 li span.rank strong {display: block; font-size: 229%; color: #a00;}
ul.top10 li span.graph {display: block; float: left; font-weight: normal; font-weight: bold; height: 18px; line-height: 18px; padding-right: 3px; margin-top: 5px; text-align: right; min-width: 30px;}
ul.top10 li span.mtactions {display: block; float: left; width: 325px; margin-top: 5px;}

/* mTunes buttons */
.mtaddfav {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -25px 0 no-repeat;}
.mtremfav {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -50px 0 no-repeat;}
.mtvote {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -75px 0 no-repeat;}
.mtunvote {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -100px 0 no-repeat;}
.mtdownload {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -125px 0 no-repeat;}
.mtsample {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -150px 0 no-repeat;}
.mtpromote {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -175px 0 no-repeat;}
.mteditsong {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/buttons.gif) -200px 0 no-repeat;}
.mtloader {text-indent: -5000px; display: block; float: left; width: 20px; height: 20px; margin: 3px; background: url(../img/loader.gif) no-repeat;}

/* User list */
ul.userlist {list-style-type: none; width: 100%; margin-bottom: 10px;}
ul.userlist li {display: block; width: 129px; margin: 5px 0 0 5px; height: 210px; float: left; text-align: center; padding-top: 5px; border: 1px solid #ccc;}
ul.userlist li.first {margin-left: 0;}
ul.userlist li.empty {width: 98%; height: 100px;}
ul.userlist li img {width: 110px; height: 110px; display: block; margin: 0 auto 3px; background: transparent none center center no-repeat;}
ul.userlist li strong {display: block;}
ul.userlist li a:link,ul.userlist li a:visited {font-weight: bold; color: #D31141;}

#user-search {padding: 3px 0; width: 99%; background: #f1f1f1 url(../img/searchbox.jpg) repeat-x; border: 1px solid #ccc; text-align: left;}
#user-search input {margin: 5px 0;}
#user-search strong {color: #f00;}
#user-search label {display: block;  text-align: left; font-weight: bold;}
#user-search fieldset {border: none; margin: 5px;}
#user-search #joined,#user-search #active  {width: 85px;}
#user-search #sk,#user-search #sd {width: 95px; margin-top: 3px;}
#user-search p {margin-left: 5px;}

/* Favorite songs */
ul#favfolders {clear: both; list-style-type: none;}
ul#favfolders li {display: block; font-size: 13px; line-height: 50px; height: 50px; font-weight: bold;  border-bottom: 1px solid #F1F1F1; background: url(../img/mtbox.jpg) repeat-x;}
ul#favfolders li img {float: left; margin: 10px 3px 0;}
ul#favfolders li span {display: block; float: right; background: #fff url(../img/fade.jpg) 0 -90px repeat-x; width: 45px; text-align: center;}
ul#favfolders li a:link,ul#favfolders li a:visited {float: right; display: block; width: 180px; text-decoration: none; line-height: 50px;}
ul#favfolders li a:hover {display: block; text-decoration: none; line-height: 50px;}

.move {background: transparent url(../img/move.gif) center right no-repeat;}
.favdrag {cursor: move;}
.favstartdrag {background: #fdf6d4 none; border: 2px solid #0f0; height: auto !important;}
.favdropactive {background: #fff url(../img/fade.jpg) 0 -90px repeat-x !important;}
.favdrophover {background: #0f0 none !important;}

/* Masti blog box */
#mastiblog p {margin: 10px 3px 0; padding-bottom: 5px;}
#mastiblog ul li {margin: 5px 3px; border-bottom: 1px solid #ccc;}

/* Horoscope */
#horoscope {list-style-type: none;}
#horoscope li {width: 116px; display: block; float: left; padding-bottom: 10px; margin: 0 3px; text-align: center;}
#horoscope li strong {display:block; font-size: 13px; text-transform: uppercase; margin: 5px 0 2px 0; border-bottom: 1px solid #ccc; text-align: center;}
.horoinfo {height: 240px;}
.horoinfo div {float: left; width: 205px; padding: 10px; margin: 5px 10px 5px 0; text-align: center; height: 205px; }
.horoinfo div img {clear: both; background: #fff none center center no-repeat; width: 210px; height: 210px;}

/* Listeners */
#listeners {border: 1px solid #ccc; width: 100%;}
#listeners th {text-indent: 5px; height: 30px;}
#listeners td {text-indent: 5px; height: 50px; height: 50px;}
#listeners span {margin-left: 5px;} 

#shoutbox {display: none; overflow: hidden; padding: 0;}
#shoutbox dl {width: 99%; margin: 0 auto; border-top: 1px dotted #ccc;}
#shoutbox dl dt {display: block; height: 40px; width: 30px; float: left;}
#shoutbox dl dt a {display: block; height: 40px; width: 30px; text-indent: -5000px;}
#shoutbox dl dd {margin: 0 0 0 35px; padding: 0; display: block;}
#shoutbox dl dd span {float: right; font-size: 9px;}
#shoutbox dl dd.msg img {max-height: 16px;}
#shoutbox .mtbutton {width: 55px;}
#shoutcontent {border: 1px solid #ccc; height: 300px; width: 596px; margin: 1px 0 3px 0;}
#shoutmsgs {height: 300px; width: 596px; overflow: auto; margin: 0; padding: 0;}
#shoutinfo {height: 300px; width: 596px; overflow: auto; margin: 0; padding: 0; display: none;}
#shoutmsg {width: 450px;}
#showsbmsgs {text-align: center; margin: 10px auto; clear: both; display: block;}
#sbsmileslist img {max-height: 16px; margin: 10px; cursor: pointer;}
#sbcolorlist a {display: block; width: 20px; height: 20px; float: left; border: 1px solid #ccc; margin: 5px; text-indent: -5000px;}
#sbiconlist a {display: block; width: 30px; height: 40px; float: left; margin: 5px 10px; text-indent: -5000px;}

.sbicon {background: transparent no-repeat;}
.sbicon1 {background: url(../img/sbicons/sbicon1.jpg);}
.sbicon2 {background: url(../img/sbicons/sbicon2.jpg);}
.sbicon3 {background: url(../img/sbicons/sbicon3.jpg);}
.sbicon4 {background: url(../img/sbicons/sbicon4.jpg);}
.sbicon5 {background: url(../img/sbicons/sbicon5.jpg);}
.sbicon6 {background: url(../img/sbicons/sbicon6.jpg);}
.sbicon7 {background: url(../img/sbicons/sbicon7.jpg);}
.sbicon8 {background: url(../img/sbicons/sbicon8.jpg);}
.sbicon9 {background: url(../img/sbicons/sbicon9.jpg);}
.sbicon10 {background: url(../img/sbicons/sbicon10.jpg);}
.sbicon11 {background: url(../img/sbicons/sbicon11.jpg);}
.sbicon12 {background: url(../img/sbicons/sbicon12.jpg);}
.sbicon13 {background: url(../img/sbicons/sbicon13.jpg);}
.sbicon14 {background: url(../img/sbicons/sbicon14.jpg);}
.sbicon15 {background: url(../img/sbicons/sbicon15.jpg);}
.sbicon16 {background: url(../img/sbicons/sbicon16.jpg);}
.sbicon17 {background: url(../img/sbicons/sbicon17.jpg);}
.sbicon18 {background: url(../img/sbicons/sbicon18.jpg);}
.sbicon19 {background: url(../img/sbicons/sbicon19.jpg);}
.sbicon20 {background: url(../img/sbicons/sbicon20.jpg);}
.sbicon21 {background: url(../img/sbicons/sbicon21.jpg);}
.sbicon22 {background: url(../img/sbicons/sbicon22.jpg);}
.sbicon23 {background: url(../img/sbicons/sbicon23.jpg);}
.sbicon24 {background: url(../img/sbicons/sbicon24.jpg);}
.sbicon25 {background: url(../img/sbicons/sbicon25.jpg);}
.sbicon26 {background: url(../img/sbicons/sbicon26.jpg);}
.sbicon27 {background: url(../img/sbicons/sbicon27.jpg);}
.sbicon28 {background: url(../img/sbicons/sbicon28.jpg);}
.sbicon29 {background: url(../img/sbicons/sbicon29.jpg);}
.sbicon30 {background: url(../img/sbicons/sbicon30.jpg);}
.sbicon31 {background: url(../img/sbicons/sbicon31.jpg);}
.sbicon32 {background: url(../img/sbicons/sbicon32.jpg);}
.sbicon33 {background: url(../img/sbicons/sbicon33.jpg);}

#shoutbox2 {display: none; overflow: hidden; padding: 0;}
#shoutbox2 dl {width: 99%; margin: 0 auto; border-top: 1px dotted #ccc;}
#shoutbox2 dl dt {display: block; height: 40px; width: 30px; float: left;}
#shoutbox2 dl dt a {display: block; height: 40px; width: 30px; text-indent: -5000px;}
#shoutbox2 dl dd {margin: 0 0 0 35px; padding: 0; display: block;}
#shoutbox2 dl dd span {float: right; font-size: 9px;}
#shoutbox2 dl dd.msg img {max-height: 16px;}

/* Playlist */
div.playlist {width: 100%; margin-bottom: 10px;}
div.playlist #currentsong {display: block; width: 538px; margin: 5px 0; height: 125px; text-align: left; padding-top: 5px; border: 1px solid #ccc;}
div.playlist #currentsong img {width: 108px; height: 108px; display: block; float: left; margin: auto 5px; background: transparent none center center no-repeat;}
div.playlist #currentsong h3 {display: block; font-size: 13px; border-bottom: none; margin: 3px 0;}
div.playlist #currentsong a:link,div.playlist #currentsong a:visited {font-size: 13px; color: #D31141;}
div.playlist #currentsong #totallength {display: block; font-weight: bold; margin-top: 5px;}
div.playlist #currentsong span.requesters {display: block; margin-top: 5px;}
div.playlist #currentsong #playbar {display: block; margin-top: 8px; float: left; height: 20px; overflow: hidden; width: 200px; border: 1px solid #ccc; background: url(../img/mtbutton.jpg);}
div.playlist #currentsong #playbar span {display: block; height: 20px; width: 200px; background: url(../img/playbar.jpg) -300px 0 no-repeat;}
div.playlist #currentsong span.mtactions {float: left; display: block; height: 28px; line-height: 32px; width: 160px; margin-top: 5px;}
div.playlist #currentsong #timeremaining {display: block; margin-top: 5px; float: left; height: 28px; width: 50px; color: #f00; font-size: 152%; font-weight: bold; text-indent: 3px; line-height: 28px;}

/* Tweets */
.tweets { display: block; clear: both; }
.tweets img { display: block; height: 75px; width: 75px; float: left; margin-right: 5px; }
.tweets .top2 {float: right;}
.tweets .tweetinfo { clear: left; margin: 0 0 0 80px;}

#fronttweets { display: block; clear: both; padding: 0; }
#fronttweets img { display: block; height: 50px; width: 50px; float: left; margin-right: 5px; }
#fronttweets .alltweets { float: right; }

/* Search box */
#search-box {color: #fff; position: relative; margin-top: 30px; margin-right: 5px; display: block; float: right; text-align: right; white-space: nowrap; /* For Opera */ width: 25%;}
#search-box #keywords {width: 95px; background-color: #fff;}
#search-box input {border: 1px solid #0075B0;}

/* Search button */
#search-box li {text-align: right; margin-top: 4px;}
#search-box img {vertical-align: middle; margin-right: 3px;}

/* Backgrounds */
.navbar {background-color: #cadceb; padding: 0 10px;}

.panel {margin-bottom: 4px; padding: 5px 10px; color: #000; background-color: #f0f0d8;}
.post {padding: 5px 10px; margin-bottom: 6px; background-repeat: no-repeat; background-position: 100% 0; height: 25%; overflow: hidden; border: 1px solid #86c3f2;}
.post:target .content {color: #000;}
.post:target h3 a {color: #000;}
.bg1,.panel {background: #f0f0d8 url(../img/bg1.jpg) center bottom repeat-x; border: 1px solid #e9e9c7;}
.bg2,.bg3 {background: #f3f3f3 url(../img/bg2.jpg) center bottom repeat-x; border: 1px solid #f0f0d8;}
.infobox {background-color: #fdf6d4; border: 1px solid #eae3c1; padding: 3px; clear: both; margin: 0 0 10px 0;}
.helpbox {background: #fdf6d4; border: 1px solid #eae3c1; padding: 3px; clear: both; margin: 0 0 10px 0; text-align: left; font-weight: bold;}
.helpbox ul,.helpbox ul li {list-style: square inside; margin: 2px;}
.rowbg {margin: 5px 5px 2px 5px;}
.ucprowbg {background-color: #DCDEE2;}
.fieldsbg {background-color: #E7E8EA;}
.largefont {font-size: 107%;}

/* Table styles */
table.table1 {width: 100%;}
table.table1 thead th {font-weight: normal; text-transform: uppercase; color: #fff; line-height: 1.3em; padding: 0 0 4px 3px;}
table.table1 thead th span {padding-left: 7px;}
table.table1 tbody tr {border: 1px solid #BFC1CF;}
table.table1 td {color: #536482;}
table.table1 tbody td {padding: 5px; border-top: 1px solid #FAFAFA;}
table.table1 tbody th {padding: 5px; border-bottom: 1px solid #000; text-align: left; color: #000; background-color: #fff;}

/* Specific column styles */
table.table1 .name      {text-align: left;}
table.table1 .posts     {text-align: center !important; width: 7%;}
table.table1 .joined    {text-align: left; width: 15%;}
table.table1 .active    {text-align: left; width: 15%;}
table.table1 .mark      {text-align: center; width: 7%;}
table.table1 .info      {text-align: left; width: 30%;}
table.table1 .info div  {width: 100%; white-space: nowrap; overflow: hidden;}
table.table1 .autocol   {line-height: 2em; white-space: nowrap;}
table.table1 thead .autocol {padding-left: 1em;}
table.table1 span.rank-img {float: right; width: auto;}
table.info td {padding: 3px;}
table.info tbody th {padding: 3px; text-align: right; vertical-align: top; color: #000; font-weight: normal;}
.forumbg table.table1 {margin: 0 -2px -1px -1px;}


/* Misc layout styles */
.column1 {float: left; width: 49%;}
.column2 {float: right; width: 49%;}

/* General classes for placing floating blocks */
.left-box {float: left; width: auto; text-align: left;}
.right-box {float: right; width: auto; text-align: right;}
dl.details {}
dl.details dt {float: left; clear: left; width: 30%; text-align: right; color: #000; display: block;}
dl.details dd {margin-left: 0; padding-left: 5px; margin-bottom: 5px; color: #536482; float: left; width: 65%;}

/* Pagination */
.pagination {height: 1%; /* IE tweak (holly hack) */ width: auto; text-align: right; margin-top: 5px; clear: both;}
.pagination span.page-sep {display: none;}
li.pagination {margin-top: 0;}
.pagination strong,.pagination b {font-weight: normal;}
.pagination span strong {padding: 0 2px; margin: 0 2px; font-weight: normal; color: #fff; background-color: #349bea; border: 1px solid #4692BF;}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span a:active {font-weight: normal; text-decoration: none; color: #5C758C; margin: 0 2px; padding: 0 2px; background-color: #ECEDEE; border: 1px solid #B4BAC0; line-height: 1.5em;}
.pagination span a:hover {border-color: #368AD2; background-color: #349bea; color: #fff; text-decoration: none;}
.pagination img {vertical-align: middle;}

/* New pagination */
.pages {text-align: left; margin: 5px 5px 0; padding: 0 5px; line-height: 30px; font-size: 100%; border: 1px solid #ccc; background: url(../img/header.jpg) repeat-x;}
.pages span {float: right;}
.pages span a:link,.pages span a:visited {color: #000; font-weight: bold; display: inline-block; height: 20px; width: 28px; line-height: 20px; background: url(../img/optionbutton.jpg) 0 -35px repeat-x; padding: 0; margin: 3px 2px 0; border: 1px solid #555; text-align: center;}
.pages span a:hover,.pages span strong {color: #fff; font-weight: bold; text-decoration: none; display: inline-block; height: 20px; width: 28px; line-height: 20px; background: url(../img/optionbutton.jpg) repeat-x; padding: 0; margin: 3px 2px 0; border: 1px solid #000; text-align: center;}


/* Pagination in viewforum for multipage topics */
.row .pagination {display: block; float: right; width: auto; margin-top: 0; padding: 1px 0 1px 15px; background: url(../theme/images/icon_pages.gif) 0 50% no-repeat;}
.row .pagination span a,li.pagination span a {background-color: #fff;}
.row .pagination span a:hover,li.pagination span a:hover {background-color: #349bea;}

/* Miscellaneous styles */
#forum-permissions {float: right; width: auto; padding-left: 5px; margin-left: 5px; margin-top: 10px; text-align: right;}
.copyright {clear: both; padding: 0 5px; text-align: center; color: #c6ff42;}
.small {font-size: 85% !important;}
.titlespace {margin-bottom: 15px;}
.headerspace {margin-top: 20px;}
.error {color: #BC2A4D; font-weight: bold;}
.reported {background-color: #F7ECEF;}
div.rules {background-color: #ECD5D8; color: #BC2A4D; padding: 0 10px; margin: 10px 0;}
div.rules ul {margin-left: 20px;}
p.rules {background-color: #ECD5D8; background-image: none; padding: 5px;}
p.rules img {vertical-align: middle;}
p.rules a {vertical-align: middle; clear: both;}
#top {position: absolute; top: -20px;}
.clear {display: block; clear: both; margin: 0; padding: 0; background: transparent;}

/* Coloured usernames */
.username-coloured {font-weight: bold; display: inline !important;}

/* Links on gradient backgrounds */
#search-box a:link,.navbg a:link,.forumbg .header a:link,th a:link {color: #fff; text-decoration: none;}
#search-box a:visited,.navbg a:visited,.forumbg .header a:visited,th a:visited {color: #fff; text-decoration: none;}
#search-box a:hover,.navbg a:hover,.forumbg .header a:hover,th a:hover {color: #A8D8FF; text-decoration: underline;}
#search-box a:active,.navbg a:active,.forumbg .header a:active,th a:active {color: #C8E6FF; text-decoration: none;}

/* Links for forum/topic lists */
a.forumtitle {font-weight: bold; color: #105289; text-decoration: none;}

/* a.forumtitle:visited {color: #898989;} */
a.forumtitle:hover {color: #BC2A4D; text-decoration: underline;}
a.forumtitle:active {color: #105289;}
a.topictitle {font-weight: bold; color: #105289; text-decoration: none;}

/* a.topictitle:visited {color: #d2d2d2;} */
a.topictitle:hover {color: #BC2A4D; text-decoration: underline;}
a.topictitle:active {color: #105289;}

/* Post body links */
a.postlink {text-decoration: none; color: #368AD2; border-bottom: 1px solid #368AD2; padding-bottom: 0;}
a.postlink:visited {color: #5D8FBD; border-bottom-style: dotted; border-bottom-color: #666;}
a.postlink:active {color: #368AD2;}
a.postlink:hover {background-color: #D0E4F6; text-decoration: none; color: #0D4473;}
.signature a,.signature a:visited,.signature a:active,.signature a:hover {border: none; text-decoration: underline; background-color: transparent;}

/* Profile links */
.postprofile a:link,.postprofile a:active,.postprofile a:visited,.postprofile dt.author a {font-weight: bold; color: #105289; text-decoration: none;}
.postprofile a:hover,.postprofile dt.author a:hover {text-decoration: underline; color: #D31141;}

/* Profile searchresults */
.search .postprofile a {color: #105289; text-decoration: none; font-weight: normal;}
.search .postprofile a:hover {color: #D31141; text-decoration: underline;}

/* Back to top of page */
.back2top {clear: both; height: 11px; text-align: right;}
a.top {background: url(../imageset/icon_back_top.gif) no-repeat top left; text-decoration: none; width: 11px; height: 11px; display: block; float: right; overflow: hidden; letter-spacing: 1000px; text-indent: 11px;}
a.top2 {background: url(../imageset/icon_back_top.gif) no-repeat 0 50%; text-decoration: none; display:inline-block; margin-top: 5px; padding-left: 15px;}

/* Arrow links  */
a.up        {background: url(../theme/images/arrow_up.gif) no-repeat left center;}
a.down      {background: url(../theme/images/arrow_down.gif) no-repeat right center;}
a.left      {background: url(../theme/images/arrow_left.gif) no-repeat 3px 60%;}
a.right     {background: url(../theme/images/arrow_right.gif) no-repeat 95% 60%;}

a.up,a.up:link,a.up:active,a.up:visited {padding-left: 10px; text-decoration: none; border-bottom-width: 0;}
a.up:hover {background-position: left top; background-color: transparent;}

a.down,a.down:link,a.down:active,a.down:visited {padding-right: 10px;}
a.down:hover {background-position: right bottom; text-decoration: none;}

a.left,a.left:active,a.left:visited {padding-left: 12px;}
a.left:hover {color: #368AD2; text-decoration: none; background-position: 0 60%;}

a.right,a.right:active,a.right:visited {padding-right: 12px;}
a.right:hover {color: #368AD2; text-decoration: none; background-position: 100% 60%;}

/* viewforum,topiclist,Labels for post/view counts */

ul.topiclist {display: block; list-style-type: none; margin: 0 0 5px 0;}
ul.topiclist li {display: block; list-style-type: none; color: #4C5D77; margin: 0; border: 1px solid #ccc; display: block;}
ul.topiclist dl {position: relative;}
ul.topiclist li.row dl {padding: 2px 0; min-height: 40px;}
ul.topiclist dt {display: block; float: left; width: 50%; padding-left: 5px; padding-right: 5px; }
ul.topiclist dd {display: block; float: left; border-left: 1px solid #cbcbcb; padding: 4px 0;}
ul.topiclist dfn {display: none;}
ul.topiclist li.row dt a.subforum {background-image: none; background-position: 0 50%; background-repeat: no-repeat; position: relative; white-space: nowrap; padding: 0 0 0 12px;}
li.row {border-top: 1px solid #fff; border-bottom: 2px solid #cbcbcb;}
li.row strong {font-weight: normal; color: #000;}
li.header {background: url(../img/header.jpg) repeat-x; border:1px solid #ccc; display: block; display: block; height: 25px;}
li.header dt {text-indent: 5px;}
li.header dt,li.header dd {line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; color: #000; font-weight: bold; padding-top: 3px; padding-bottom: 1px;}
li.header dt {font-weight: bold; font-size: 14px; color: #C00;}
li.header dd {margin-left: 1px;}
li.header dl.icon {min-height: 0;}
/* Tweak for headers alignment when folder icon used */
li.header dl.icon dt {padding-left: 0; padding-right: 50px;}

/* Forum list column styles */
dl.icon {min-height: 45px; background-position: 10px 50%; background-repeat: no-repeat; height: auto !important; }
dl.icon dt {padding-left: 45px; /* Space for folder icon */ background-repeat: no-repeat; background-position: 5px 95%; /* Position of topic icon */}
dd.posts,dd.topics,dd.views {width: 8%; text-align: center;}
dd.lastpost {width: 25%;}
dd.redirect {font-size: 13px; line-height: 2.5em;}
dd.moderation {font-size: 13px;}
dd.lastpost span,ul.topiclist dd.searchby span,ul.topiclist dd.info span,ul.topiclist dd.time span,dd.redirect span,dd.moderation span {display: block; padding-left: 5px;}
dd.time {width: auto; line-height: 200%; font-size: 13px;}
dd.extra {width: 12%; line-height: 200%; text-align: center; }
dd.mark {float: right !important; width: 9%; text-align: center; line-height: 200%; }
dd.info {width: 30%;}
dd.option {width: 15%; line-height: 200%; text-align: center;}
dd.searchby {width: 47%; line-height: 1em;}
ul.topiclist dd.searchextra {margin-left: 5px; padding: 0.2em 0; color: #000; border-left: none; clear: both; width: 98%; overflow: hidden;}

/* Container for post/reply buttons and pagination */
.topic-actions {margin-bottom: 3px; height: 28px; min-height: 28px;}
div[class].topic-actions {height: auto;}

/* Post body styles */
.postbody {padding: 0; line-height: 1.48em; color: #000; width: 77%; float: right; clear: both;}
.postbody .ignore {font-size: 107%;}
.postbody .content {}
.search .postbody {width: 68%;}

/* Topic review panel */
#review {margin-top: 2em;}
#topicreview {padding-right: 5px; overflow: auto; height: 300px;}
#topicreview .postbody {width: auto; float: none; margin: 0; height: auto;}
#topicreview .post {height: auto;}

/* Content container styles */
.content {min-height: 3em; overflow: hidden; line-height: 1.4em; color: #000; padding: 5px 0;}
.panel p {margin-bottom: 1em; line-height: 1.4em;}
.content p {margin-bottom: 1em; line-height: 1.4em;}

.content li {list-style-type: inherit;}
.content ul,.content ol {margin-bottom: 1em; margin-left: 3em;}
.posthilit {background-color: #F3BFCC; color: #BC2A4D; padding: 0 2px 1px 2px;}
/* Highlight the announcements & unread posts box */
.announce,.unreadpost {border-left-color: #BCBCBC; border-right-color: #BCBCBC;}

/* Post author */
p.author {margin: 0 15em 0.6em 0; padding: 0 0 5px 0; line-height: 1.2em;}

/* Post signature */
.signature {margin-top: 1.5em; padding-top: 0.2em; border-top: 1px solid #ccc; clear: left; line-height: 140%; overflow: hidden; width: 100%;}

dd .signature {margin: 0; padding: 0; clear: none; border: none;}

/* Post noticies */
.notice {width: auto; margin-top: 1.5em; padding-top: 0.2em; border-top: 1px dashed #ccc; clear: left; line-height: 130%;}

/* Jump to post link for now */
ul.searchresults {list-style: none; text-align: right; clear: both;}

/* BB Code styles */
/* Quote block */
blockquote {background: #EBEADD url(../theme/images/quote.gif) 6px 8px no-repeat; border: 1px solid #DBDBCE; font-size: 100%; margin: 5px 1px 0 1px; overflow: hidden; padding: 5px;}
/* Nested quotes */
blockquote blockquote {background-color: #EFEED9; margin: 5px 1px 0 1px;}
blockquote blockquote blockquote {background-color: #EBEADD;}
/* Username/source of quoter */
blockquote cite {font-style: normal; font-weight: bold; margin-left: 20px; display: block; font-size: 100%;}
blockquote cite cite {}
blockquote.uncited {padding-top: 25px;}

/* Code block */
dl.codebox {padding: 3px; background-color: #fff; border: 1px solid #C9D2D8;}
dl.codebox dt {text-transform: uppercase; border-bottom: 1px solid #ccc; margin-bottom: 3px; font-weight: bold; display: block;}
blockquote dl.codebox {margin-left: 0;}
dl.codebox code {/* Also see tweaks.css */ overflow: auto; display: block; height: auto; max-height: 200px; white-space: normal; padding-top: 5px; font: 0.9em Monaco,"Andale Mono","Courier New",Courier,mono; line-height: 1.3em; color: #2E8B57; margin: 2px 0;}
.syntaxbg       {color: #fff;}
.syntaxcomment  {color: #FF8000;}
.syntaxdefault  {color: #0000BB;}
.syntaxhtml     {color: #000;}
.syntaxkeyword  {color: #007700;}
.syntaxstring   {color: #DD0000;}

/* Attachments */
.attachbox {float: left; width: auto; margin: 5px 5px 5px 0; padding: 6px; background-color: #fff; border: 1px dashed #C9D2D8; clear: left;}
.pm-message .attachbox {background-color: #F2F3F3;}
.attachbox dt {text-transform: uppercase;}
.attachbox dd {margin-top: 4px; padding-top: 4px; clear: left; border-top: 1px solid #C9D2D8;}
.attachbox dd dd {border: none;}
.attachbox p {line-height: 110%; color: #666; font-weight: normal; clear: left;}
.attachbox p.stats {line-height: 110%; color: #666; font-weight: normal; clear: left;}
.attach-image {margin: 3px 0; width: 100%; max-height: 350px; overflow: auto;}
.attach-image img {border: 1px solid #999; cursor: default;}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail,div.inline-attachment dl.file {display: block; margin-bottom: 4px;}
div.inline-attachment p {font-size: 100%;}
dl.file {display: block;}
dl.file dt {text-transform: none; margin: 0; padding: 0; font-weight: bold;}
dl.file dd {color: #666; margin: 0; padding: 0;   }
dl.thumbnail img {padding: 3px; border: 1px solid #666; background-color: #FFF;}
dl.thumbnail dd {color: #666; font-style: italic;}
.attachbox dl.thumbnail dd {font-size: 100%;}
dl.thumbnail dt a:hover {background-color: #eee;}
dl.thumbnail dt a:hover img {border: 1px solid #368AD2;}

/* Post poll styles */
fieldset.polls {}
fieldset.polls dl {margin-top: 5px; border-top: 1px solid #DCDEE2; padding: 5px 0 0 0; line-height: 120%; color: #666;}
fieldset.polls dl.voted {font-weight: bold; color: #000;}
fieldset.polls dt {text-align: left; float: left; display: block; width: 30%; border-right: none; padding: 0; margin: 0;}
fieldset.polls dd {float: left; width: 10%; border-left: none; padding: 0 5px; margin-left: 0; }
fieldset.polls dd.resultbar {width: 50%;}
fieldset.polls dd input {margin: 2px 0;}
fieldset.polls dd div {text-align: right; color: #fff; font-weight: bold; padding: 0 2px; overflow: visible; min-width: 2%;}
.pollbar1 {background-color: #AA2346; border-bottom: 1px solid #74162C; border-right: 1px solid #74162C;}
.pollbar2 {background-color: #BE1E4A; border-bottom: 1px solid #8C1C38; border-right: 1px solid #8C1C38;}
.pollbar3 {background-color: #D11A4E; border-bottom: 1px solid #AA2346; border-right: 1px solid #AA2346;}
.pollbar4 {background-color: #E41653; border-bottom: 1px solid #BE1E4A; border-right: 1px solid #BE1E4A;}
.pollbar5 {background-color: #F81157; border-bottom: 1px solid #D11A4E; border-right: 1px solid #D11A4E;}

/* Poster profile block */
.postprofile {margin: 5px 0; min-height: 100px; color: #666; border-right: 1px solid #fff; width: 22%; float: left; display: inline;}
.pm .postprofile {border-right: 1px solid #ddd;}
.postprofile dt {margin-bottom: 3px;}
.postprofile dd,.postprofile dt {line-height: 1.2em;}
.postprofile strong {font-weight: normal; color: #000;}
.online {background-image: url(../imageset/en/icon_user_online.gif); background-position: top right; background-repeat: no-repeat;}

/* Poster profile used by search*/
.search .postprofile {width: 30%;}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {width: 60% !important;}
dl.pmlist dt textarea {width: 95%;}
dl.pmlist dd {margin-left: 61% !important; margin-bottom: 2px;}

/* Rollover buttons */
.buttons {float: left; width: auto; height: auto;}

/* Rollover state */
.buttons div {float: left; margin: 0 5px 0 0; background-position: 0 100%;}

/* Rolloff state */
.buttons div a {display: block; width: 100%; height: 100%; background-position: 0 0; position: relative; overflow: hidden;}
.buttons div span           {position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span   {background-position: 0 100%;}

/* Big button images */
.reply-icon span    {background: transparent none 0 0 no-repeat;}
.post-icon span     {background: transparent none 0 0 no-repeat;}
.locked-icon span   {background: transparent none 0 0 no-repeat;}
.pmreply-icon span  {background: none 0 0 no-repeat;}
.newpm-icon span    {background: none 0 0 no-repeat;}
.forwardpm-icon span    {background: none 0 0 no-repeat;}

/* Set big button dimensions */
.buttons div.reply-icon     {width: 96px; height: 25px;}
.buttons div.post-icon      {width: 96px; height: 25px;}
.buttons div.locked-icon    {width: 88px; height: 25px;}
.buttons div.pmreply-icon   {width: 96px; height: 25px;}
.buttons div.newpm-icon     {width: 84px; height: 25px;}
.buttons div.forwardpm-icon {width: 96px; height: 25px;}

/* Sub-header (navigation bar) */
a.print,a.sendemail,a.fontsize {display: block; overflow: hidden; height: 18px; text-indent: -5000px; text-align: left; background-repeat: no-repeat;}
a.print {background-image: none; width: 22px;}
a.sendemail {background-image: none; width: 22px;}
a.fontsize {background-image: none; background-position: 0 -1px; width: 29px;}
a.fontsize:hover {background-position: 0 -20px; text-decoration: none;}

/* Icon images */
.sitehome,.icon-members,.icon-home,.icon-bookmark,.icon-bump,.icon-subscribe,.icon-unsubscribe,.icon-pages,.icon-search {background-position: 0 50%; background-repeat: no-repeat; background-image: none; padding: 1px 0 0 17px;}

/* Poster profile icons */
ul.profile-icons {padding-top: 10px; list-style: none;}

/* Rollover state */
ul.profile-icons li {float: left; margin: 0 6px 3px 0; background-position: 0 100%;}

/* Rolloff state */
ul.profile-icons li a {display: block; width: 100%; height: 100%; background-position: 0 0;}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span {display:none;}
ul.profile-icons li a:hover {background: none;}

/* Positioning of moderator icons */
.postbody ul.profile-icons {float: right; width: auto; padding: 0;}
.postbody ul.profile-icons li {margin: 0 3px;}

/* Profile & navigation icons */
.email-icon,.email-icon a      {background: none top left no-repeat;}
.aim-icon,.aim-icon a          {background: none top left no-repeat;}
.yahoo-icon,.yahoo-icon a      {background: none top left no-repeat;}
.web-icon,.web-icon a          {background: none top left no-repeat;}
.msnm-icon,.msnm-icon a        {background: none top left no-repeat;}
.icq-icon,.icq-icon a          {background: none top left no-repeat;}
.jabber-icon,.jabber-icon a    {background: none top left no-repeat;}
.pm-icon,.pm-icon a            {background: none top left no-repeat;}
.quote-icon,.quote-icon a      {background: none top left no-repeat;}

/* Moderator icons */
.report-icon,.report-icon a    {background: none top left no-repeat;}
.warn-icon,.warn-icon a        {background: none top left no-repeat;}
.edit-icon,.edit-icon a        {background: none top left no-repeat;}
.delete-icon,.delete-icon a    {background: none top left no-repeat;}
.info-icon,.info-icon a        {background: none top left no-repeat;}

/* Set profile icon dimensions */
ul.profile-icons li.email-icon  {width: 20px; height: 20px;}
ul.profile-icons li.aim-icon    {width: 20px; height: 20px;}
ul.profile-icons li.yahoo-icon  {width: 20px; height: 20px;}
ul.profile-icons li.web-icon    {width: 20px; height: 20px;}
ul.profile-icons li.msnm-icon   {width: 20px; height: 20px;}
ul.profile-icons li.icq-icon    {width: 20px; height: 20px;}
ul.profile-icons li.jabber-icon {width: 20px; height: 20px;}
ul.profile-icons li.pm-icon     {width: 28px; height: 20px;}
ul.profile-icons li.quote-icon  {width: 54px; height: 20px;}
ul.profile-icons li.report-icon {width: 20px; height: 20px;}
ul.profile-icons li.edit-icon   {width: 42px; height: 20px;}
ul.profile-icons li.delete-icon {width: 20px; height: 20px;}
ul.profile-icons li.info-icon   {width: 20px; height: 20px;}
ul.profile-icons li.warn-icon   {width: 20px; height: 20px;}


/* Fix profile icon default margins */
ul.profile-icons li.edit-icon   {margin: 0 0 0 3px;}
ul.profile-icons li.quote-icon  {margin: 0 0 0 10px;}
ul.profile-icons li.info-icon,ul.profile-icons li.report-icon  {margin: 0 3px 0 0;}


/* Main CP box */
#cp-menu {float:left; width: 19%; margin-top: 1em; margin-bottom: 5px;}
#cp-main {float: left; width: 81%;}
#cp-main .content {padding: 0;}
#cp-main .panel ol {margin-left: 2em;}
#cp-main .panel li.row {border-bottom: 1px solid #B5C1CB; border-top: 1px solid #F9F9F9;}
ul.cplist {margin-bottom: 5px; border-top: 1px solid #B5C1CB;}
#cp-main .panel li.header dd,#cp-main .panel li.header dt {color: #000; margin-bottom: 2px;}
#cp-main table.table1 {margin-bottom: 1em;}
#cp-main table.table1 thead th {color: #000; font-weight: bold; border-bottom: 1px solid #000; padding: 5px;}
#cp-main table.table1 tbody th {font-style: italic; background-color: transparent !important; border-bottom: none;}
#cp-main .pagination {float: right; width: auto; padding-top: 1px;}
#cp-main .pm-message {border: 1px solid #DBDEE2; margin: 10px 0; background-color: #fff; width: auto; float: none;}
#cp-main .buttons {margin-left: 0;}
#cp-main ul.linklist {margin: 0;}

/* MCP Specific tweaks */
.mcp-main .postbody {width: 100%;}

/* CP tabbed menu */
#tabs { line-height: normal; margin: 20px 0 -1px 7px; min-width: 570px; clear: both;}
#tabs ul {margin:0; padding: 0; list-style: none;}
#tabs li {display: inline; margin: 0; padding: 0; font-weight: bold;}
#tabs a {float: left; background: url(../theme/images/bg_tabs1.gif) no-repeat 0% -35px; margin: 0 1px 0 0; padding: 0 0 0 5px; text-decoration: none; position: relative; cursor: pointer;}
#tabs a span {float: left; display: block; background: url(../theme/images/bg_tabs2.gif) no-repeat 100% -35px; padding: 6px 10px 6px 5px; color: #536482; white-space: nowrap;}
#tabs a:hover span {color: #BC2A4D;}
#tabs .activetab a {background-position: 0 0;}
#tabs .activetab a span {background-position: 100% 0; padding-bottom: 7px; color: #000;}
#tabs a:hover {background-position: 0 -70px;}
#tabs a:hover span {background-position:100% -70px;}
#tabs .activetab a:hover {background-position: 0 0;}
#tabs .activetab a:hover span {color: #000; background-position: 100% 0;}

/* Mini tabbed menu used in MCP */
#minitabs {line-height: normal; margin: 0px 7px 0 0;}
#minitabs ul {margin:0; padding: 0; list-style: none;}
#minitabs li {display: block; float: right; padding: 0 10px 4px 10px; font-weight: bold; background-color: #E1EBF2; margin-left: 2px;}
#minitabs a {}
#minitabs a:hover {text-decoration: none;}
#minitabs li.activetab {background-color: #F9F9F9;}
#minitabs li.activetab a,#minitabs li.activetab a:hover {color: #000;}

/* UCP navigation menu */
/* Container for sub-navigation list */
#navigation {width: 98%; padding-top: 26px;}
#navigation ul {list-style:none;}

/* Default list state */
#navigation li {margin: 1px 0; padding: 0; font-weight: bold;}

/* Link styles for the sub-section links */
#navigation li a {display: block; padding: 5px 0 5px 5px; margin: 1px 0; text-decoration: none; font-weight: bold; color: #fff; background: #B2C2CF url(../img/leftmenu.jpg) repeat-x center center; border: 1px solid #ccc;}
#navigation li a:hover {text-decoration: none; color: #000; background-position: 0 -40px;}
#navigation li #active-subsection a {display: block; color: #fff; background-position: 0 -80px;}
#navigation li #active-subsection a:hover {color: #fff;}

/* Preferences pane layout */
#cp-main .pm {background-color: #fff;}

#options-panel, #attach-panel, #poll-panel, #permissions-panel, #subscriptions-panel { clear: both; }
/* Friends list */
.cp-mini {background-color: #eef5f9; padding: 0 5px; margin: 10px 15px 10px 5px;}
dl.mini dt {font-weight: bold; color: #425067;}
dl.mini dd {padding-top: 4px;}
.friend-online {font-weight: bold;}
.friend-offline {font-style: italic;}

/* PM Styles */
#pm-menu {line-height: 2.5em;}

/* PM Message history */
.current {color: #999 !important;}

/* Defined rules list for PM options */
ol.def-rules {padding-left: 0;}
ol.def-rules li {line-height: 180%; padding: 1px;}

/* PM marking colours */
.pmborder {border: 1px solid #b2b2b2; clear: both;}
.pmlist li.bg1 {border: solid 3px transparent; border-width: 0 3px;}
.pmlist li.bg2 {border: solid 3px transparent; border-width: 0 3px;}
.pmlist li.pm_message_reported_colour,.pm_message_reported_colour {border-left-color: #BC2A4D; border-right-color: #BC2A4D;}
.pmlist li.pm_marked_colour,.pm_marked_colour {border: solid 3px #FF6600; border-width: 0 3px;}
.pmlist li.pm_replied_colour,.pm_replied_colour {border: solid 3px #A9B8C2; border-width: 0 3px;}
.pmlist li.pm_friend_colour,.pm_friend_colour {border: solid 3px #5D8FBD; border-width: 0 3px;}
.pmlist li.pm_foe_colour,.pm_foe_colour {border: solid 3px #000; border-width: 0 3px;}
.pm-legend {border-left-width: 10px; border-left-style: solid; border-right-width: 0; margin-bottom: 3px; padding-left: 3px;}

/* Avatar gallery */
#gallery label {position: relative; float: left; margin: 10px; padding: 5px; width: auto; background: #fff; border: 1px solid #CCC; text-align: center;}

fieldset {border-width: 0;}
input {vertical-align: middle;}
select {vertical-align: middle; border: 1px solid #666; background-color: #FAFAFA;}
option {padding-right: 1em;}
option.disabled-option {color: graytext;}
textarea {width: 60%; padding: 2px; line-height: 1.4em;}

label {cursor: default; padding-right: 5px;}
label input {vertical-align: middle;}
label img {vertical-align: middle;}

/* Definition list layout for forms */
fieldset dl {padding: 4px 0; clear: left; margin-top: 5px;}
fieldset dt {float: left; width: 40%; text-align: left; display: block;}
fieldset dd {margin-left: 41%; vertical-align: top; margin-bottom: 3px;}

/* Specific layout 1 */
fieldset.fields1 dt {width: 15em; border-right-width: 0;}
fieldset.fields1 dd {margin-left: 15em; border-left-width: 0;}
fieldset.fields1 {background-color: transparent;}
fieldset.fields1 div {margin-bottom: 3px;}

/* Specific layout 2 */
fieldset.fields2 dt {width: 15em; border-right-width: 0; }
fieldset.fields2 dd {margin-left: 16em; border-left-width: 0;}

/* Form elements */
dt label {font-weight: bold; text-align: left;}
dd label {white-space: nowrap; color: #000;}
dd input,dd textarea {margin-right: 3px;}
dd select {width: auto;}
dd textarea {width: 85%;}

#timezone,#dateoptions {width: 335px;}

/* Quick-login in right column */
fieldset.quick-login input {margin: 2px 0;}
fieldset.quick-login input.inputbox {width: 90px; vertical-align: middle; background-color: #F2F3F3;}
fieldset.quick-login label {display: block; float: left; width: 80px; margin: 1px 2px;}
fieldset.quick-login label.remember {width: 135px; margin: 3px 2px;}

/* Display options on viewtopic/viewforum pages */
fieldset.display-options {text-align: center; margin: 3px 0 5px 0;}
fieldset.display-options label {white-space: nowrap; padding-right: 2px;}
fieldset.display-options a {margin-top: 3px;}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {text-align: right; line-height: 2em; white-space: nowrap; padding-right: 1em;}
fieldset.display-actions label {white-space: nowrap; padding-right: 2px;}
fieldset.sort-options {line-height: 2em;}

/* MCP forum selection */
fieldset.forum-selection {margin: 5px 0 3px 0; float: right;}
fieldset.forum-selection2 {margin: 13px 0 3px 0; float: right;}

/* Jumpbox */
fieldset.jumpbox {text-align: right; margin-top: 15px; height: 2.5em;}
fieldset.quickmod {width: 50%; float: right; text-align: right; height: 2.5em;}

/* Submit button fieldset */
fieldset.submit-buttons {text-align: center; vertical-align: middle; margin: 0;}
fieldset.submit-buttons input {vertical-align: middle; padding-top: 3px; padding-bottom: 3px;}

/* Posting page styles */

/* Buttons used in the editor */
#format-buttons {margin: 15px 0 2px 0;}
#format-buttons input,#format-buttons select {vertical-align: middle; font-size: 11px;}

/* Main message box */
#message-box {width: 80%;}
#message-box textarea {width: 100%; color: #000;}

/* Emoticons panel */
#smiley-box {width: 18%; float: right;}
#smiley-box img {margin: 3px;}
#bbcode-box {width: 18%; float: right; padding-top: 20px;}

/* Input field styles */
.inputbox {background-color: #fff; border: 1px solid #c0c0c0; color: #000; padding: 2px; cursor: text;}
input.inputbox  {width: 85%;}
input.medium    {width: 50%;}
input.narrow    {width: 25%;}
input.tiny      {width: 125px;}

textarea.inputbox {width: 85%;}
.autowidth {width: auto !important;}

input.disabled {font-weight: normal; color: #666;}

/* Topic and forum Search */
.search-box {margin-top: 3px; margin-left: 5px; display: block; clear: right;}
input.search {background-image: none; background-repeat: no-repeat; background-position: left 1px; padding-left: 17px;}
.full {width: 95%;}
.medium {width: 50%;}
.narrow {width: 25%;}
.tiny {width: 10%;}

div.login dt {width: 25%;}
div.login dd {margin-left: 25%;}

/* Colours and backgrounds for content.css */
ul.topiclist li.row dt a.subforum.read {background-image: url(../imageset/subforum_read.gif);}
ul.topiclist li.row dt a.subforum.unread {background-image: url(../imageset/subforum_unread.gif);}

/* Colours and backgrounds for buttons.css */
/* Big button images */
.reply-icon span    {background-image: url(../imageset/en/button_topic_reply.gif);}
.post-icon span     {background-image: url(../imageset/en/button_topic_new.gif);}
.locked-icon span   {background-image: url(../imageset/en/button_topic_locked.gif);}
.pmreply-icon span  {background-image: url(../imageset/en/button_pm_reply.gif) ;}
.newpm-icon span    {background-image: url(../imageset/en/button_pm_new.gif) ;}
.forwardpm-icon span    {background-image: url(../imageset/en/button_pm_forward.gif) ;}
a.print {background-image: url(../theme/images/icon_print.gif);}
a.sendemail {background-image: url(../theme/images/icon_sendemail.gif);}
a.fontsize {background-image: url(../theme/images/icon_fontsize.gif);}

/* Icon images */
.sitehome           {background-image: url(../theme/images/icon_home.gif);}
.icon-members       {background-image: url(../theme/images/icon_members.gif);}
.icon-home          {background-image: url(../theme/images/icon_home.gif);}
.icon-bookmark      {background-image: url(../theme/images/icon_bookmark.gif);}
.icon-bump          {background-image: url(../theme/images/icon_bump.gif);}
.icon-subscribe     {background-image: url(../theme/images/icon_subscribe.gif);}
.icon-unsubscribe   {background-image: url(../theme/images/icon_unsubscribe.gif);}
.icon-pages         {background-image: url(../theme/images/icon_pages.gif);}
.icon-search        {background-image: url(../theme/images/icon_search.gif);}

/* profile & navigation icons */
.email-icon,.email-icon a      {background-image: url(../imageset/icon_contact_email.gif);}
.aim-icon,.aim-icon a          {background-image: url(../imageset/icon_contact_aim.gif);}
.yahoo-icon,.yahoo-icon a      {background-image: url(../imageset/icon_contact_yahoo.gif);}
.web-icon,.web-icon a          {background-image: url(../imageset/icon_contact_www.gif);}
.msnm-icon,.msnm-icon a        {background-image: url(../imageset/icon_contact_msnm.gif);}
.icq-icon,.icq-icon a          {background-image: url(../imageset/icon_contact_icq.gif);}
.jabber-icon,.jabber-icon a    {background-image: url(../imageset/icon_contact_jabber.gif);}
.pm-icon,.pm-icon a            {background-image: url(../imageset/en/icon_contact_pm.gif);}
.quote-icon,.quote-icon a      {background-image: url(../imageset/en/icon_post_quote.gif);}

/* moderator icons */
.report-icon,.report-icon a    {background-image: url(../imageset/icon_post_report.gif);}
.edit-icon,.edit-icon a        {background-image: url(../imageset/en/icon_post_edit.gif);}
.delete-icon,.delete-icon a    {background-image: url(../imageset/icon_post_delete.gif);}
.info-icon,.info-icon a        {background-image: url(../imageset/icon_post_info.gif);}
.warn-icon,.warn-icon a        {background-image: url(../imageset/icon_user_warn.gif);} /* Need updated warn icon */

/* Colours and backgrounds for forms.css */
/* General form styles */
select {border-color: #666; background-color: #FAFAFA;}
option.disabled-option {color: graytext;}

/* Posting page styles */
#message-box textarea {color: #000;}

/* Input field styles */
.inputbox {background-color: #fff; border-color: #B4BAC0; color: #000;}

/* Hover states */
input.search {background-image: url(../theme/images/icon_textbox_search.gif);}
input.disabled {color: #666;}

.fadeinput {border: 1px solid #349bea;}
.fadebutton {border: 1px solid #BCBCBC; background: #FAFAFA url(../theme/images/bg_button.gif) repeat-x 0 100%; color: #BCBCBC;}

/* Blog */
.deleted {background-color: #A19CA6;}
.foe {background-color: #FF6600;}
.num_replies {float: right;}
.no_blogs {text-align: center; font-weight: bold;}
#replies {text-align: center; margin-top: 15px;}
#blog_searchform {color: #fff; margin-top: 5px; white-space: nowrap;}
.blog-icon span {background: transparent url(../imageset/en/button_blog_new.gif) 0 0 no-repeat;}
.buttons div.blog-icon {width: 96px; height: 25px;}
.blogcalendar {background: url(../img/calendar.gif) no-repeat; float: left; display: block; width: 46px; height: 50px; text-align: center; margin-right: 5px; color: #fff; font-weight: bold; padding-top: 3px;}
.blogcalendar strong {text-align: center; font-size: 13px; clear: both; display: block; color: #000; margin-top: 3px;}

/* Notices */
#notices {overflow-y: scroll; width: 250px; height: 190px; margin: 0;}
#closenoticebox {float: right; background: url(../img/close.png) center center no-repeat; display: block; width: 32px; height: 17px; text-indent: -5000px;}

#noticebox {position: fixed; bottom: 25px; right: 25px; background: #fee; z-index: 95; padding: 0; border: 2px solid #fff; width: 250px; display: none;}
#noticebox h3 {margin: 0; padding: 3px 5px; background: url(../img/hexagon.png); color: #fff;}
#noticebox h3 a:link, #noticebox h3 a:visited, #noticebox h3 a:hover {text-transform: uppercase; color: #fff; float: right; margin-right: 3px;}

#noticebox p {text-align: left; margin: 3px; padding: 5px 5px 5px 40px; background: url(../img/notice.jpg) top left no-repeat;}
#noticebox .noticeinfo {background-position: 0 -240px;}
#noticebox .noticeerror {background-position: 0 -123px;}
#noticebox .noticesuccess {background-position: 0 0;}

#toolbox {text-align: center;}

#ratesongs {margin: 0 auto;}
#ratesongs p {margin-bottom: 10px;}
#ratesongs span {float: left; width: 46px; display: block; text-align: center; margin: 0 2px; padding: 0;}
#ratesongs label,#ratesongs input {margin: 0; padding: 0;}

/* Dices */
.dice,.ratebutton {display: block; text-indent: -5000px; float: left; width: 46px; height: 46px; background: url(../img/dice.gif) 0 0 no-repeat; margin: 0 3px; cursor: pointer;}
.dice1 {background-position: 0 -56px;}
.dice2 {background-position: 0 -112px;}
.dice3 {background-position: 0 -168px;}
.dice4 {background-position: 0 -224px;}
.dice5 {background-position: 0 -280px;}
.dice6 {background-position: 0 -336px;}

/* FAQ */
#faq h2 {margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #bbb;}
dl.faq {margin-top: 1em; margin-bottom: 2em; line-height: 1.4em;}
dl.faq a:link,dl.faq a:visited {color: #000;}
dl.faq dt {font-weight: bold; color: #000;}

/* Contact Us */
.contactus h2 {border-bottom: 1px solid #bbb; margin-bottom: 5px;}
.contactus form {width: 600px; margin: 0 auto;}
.contactus label {margin-left: 50px; }
.contactus ul {margin: 5px 20px; }
.contactus li {margin: 5px 0;}

/* Chatroom */
.chatroom h2 {border-bottom: 1px solid #bbb; margin-bottom: 5px;}
.chatroom ul {margin: 10px 15px;}
.chatroom ul li {margin: 10px 0;}
.chatroom h2 span {color: #090; margin-left: 5px;}
.chatroom p {font-size: 13px; text-align: center; color: #f00; font-weight: bold;}
.chatroom p.chatters {color: #000; text-align: left; height: 35px; overflow: visible;}
.chatroom p.open {font-size: 14px; text-align: center;}

/* Profile */
ul.profilevisitors {list-style-type: none;}
ul.profilevisitors li {display: inline; float: left; margin: 0 8px; text-align: center;}

/* MT button */
a.mtbutton:link,a.mtbutton:visited,input.mtbutton {padding: 2px 5px; color: #000; text-decoration: none; background: #fafafa url(../img/mtbutton.jpg) repeat-x top; font-weight: bold; border: 1px solid #637B92;}
a.mtbutton:hover,a.mtbutton:active,input.mtbuttonhover {padding: 2px 5px; color: #000; text-decoration: none; background: #fafafa url(../img/mtbutton.jpg) repeat-x bottom; font-weight: bold; border: 1px solid #637B92;}

/* MT usermenu */
#userinfo { background: url("../img/inlinemenu.jpg") repeat-x; border: 1px solid #ccc; padding: 5px; line-height: 1.5em; margin: 0; }
#usermenu,#admintools {list-style-type: none;}
#usermenu li,#admintools li {display: block; width: 99%; clear: left; margin-top: 1px; background: #fafafa url(../img/mtbutton.jpg) repeat-x top;}
#usermenu a:link,#usermenu a:visited,#admintools a:link,#admintools a:visited {display: block; width: 100%; height: 20px; line-height: 20px; background: url(../theme/images/arrow_right.gif) 3px center no-repeat; font-weight: bold; border: 1px solid #ccc;}
#usermenu a:hover,#admintools a:hover {display: block; width: 100%; height: 20px; color: #333; line-height: 20px; text-decoration: none; background: url(../theme/images/arrow_right.gif) 5px center no-repeat; font-weight: bold; border: 1px solid #ccc;}
#usermenu a.mtlogout:link,#usermenu a.mtlogout:visited {color: #c00;}
#usermenu a img, #admintools a img { display: block; float: left; margin: 3px 3px 0 12px; width: 14px; height: 14px; }
#admintools a { text-indent: 12px; }
/* Front */
.frontbox {padding: 0 0 10px 0;}
.frontbox h2 {margin: 0 auto; height: 28px; line-height: 28px; font-weight: bold; margin-bottom: 3px; text-indent: 23px;}
#frontalbums {height: 170px; position: relative; overflow: hidden; width: 765px; margin: 0;}
#frontalbums ul {position: absolute; top: 170px; display: block; width: 760px; height: 160px;  list-style: none; padding: 0; margin: 0 auto;}
#frontalbums ul.active {top: 0;}
#frontalbums ul li {display: block; float: left; margin: 5px; text-align: center; width: 140px;}
#frontalbums ul li a:link,.frontalbums ul li a:visited {font-weight: bold;}
#frontalbums ul li img {display: block; width: 108px; height: 108px; margin: 5px auto; background: transparent none center center no-repeat;}

#frontposts {width: 300px; margin-top: 10px; padding: 0; float: left;}
#frontposts ul li {padding: 8px 5px;}
#frontposts ul li strong {display: block; margin-bottom: 2px;}
#frontposts ul li span.posted {display: block; margin-bottom: 2px;}
#inlineleft #frontposts {width: 99%; margin-top: 10px; padding: 0; float: none; display: block; }
#inlineleft #frontposts a {color: inherit; }

#fronttopsongs {width: 455px; margin-top: 10px; margin-left: 5px; padding: 0; float: left;}
#fronttopsongs dl dt {display: block; float: left;}
#fronttopsongs dl dt img {display: block; width: 108px; height: 108px; margin: 5px 10px 5px 5px; background: transparent none center center no-repeat;}
#fronttopsongs dl dd {display: block; float: left; margin-top: 8px; width: 325px; overflow: hidden; white-space: nowrap;}
#fronttopsongs dl dd.first {font-weight: bold;}

#frontusers {width: 455px; margin-top: 10px; margin-left: 5px; padding: 0; float: left; margin-bottom: 5px;}
#frontusers ul li {float: left; width: 75px; height: 75px; text-align: center;}
#frontusers ul li .avatar {width: 65px; height: 65px; margin: 0; position: relative; top: 0; left: 0;}
#frontusers ul li .hoveravatar {z-index: 10; margin: -10px 0 0 -8px; width: 90px; height: 90px;}

#editform {margin: 0; padding: 0;}
#editform label {display: block; float: left; clear: left; font-weight: bold; width: 120px; margin-top: 3px; text-align: left;}
#editform input {display: block; float: left; width: 250px; margin-top: 3px;}
#editform select {display: block; float: left; margin-top: 3px;}
#editform input.button {display: block; width: 100px; clear: left; margin-top: 3px;}

#autocomplete { display: block; clear: both; border: 1px solid #999; background:#fff; text-align: center; }
#autocomplete ul { padding:2px 5px; white-space:nowrap; }
#autocomplete ul li { border-bottom: 1px dotted #ccc; cursor: pointer; }

/*
* jQuery UI
*/
/* Layout helpers */
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {position: absolute; left: -5000px;}
.ui-helper-reset {margin: 0; padding: 0; border: 0; line-height: 1.3; text-decoration: none; list-style: none;}
.ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ui-helper-clearfix {display: inline-block;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {height:1%;}
.ui-helper-clearfix {display:block;}
/* end clearfix */
.ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);}

/* Interaction Cues */
.ui-state-disabled {cursor: default !important;}

/* Icons */
/* states and images */
.ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}

/* Misc visuals */
/* Overlays */
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*
* jQuery UI
*/

/* Component containers */
.ui-widget {font-family: Verdana,Arial,sans-serif; }
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Verdana,Arial,sans-serif; }
.ui-widget-content {border: 1px solid #cccccc; background: #f9f9f9 url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #222222;}
.ui-widget-content a {color: #222222;}
.ui-widget-header {border: 1px solid #a3a3a3; background: #333333 url(images/ui-bg_hexagon_8_333333_12x10.png) 50% 50% repeat; color: #eeeeee; font-weight: bold;}
.ui-widget-header a {color: #eeeeee;}

/* Interaction states */
.ui-state-default,.ui-widget-content .ui-state-default {border: 1px solid #777777; background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {color: #e3e3e3; text-decoration: none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus {border: 1px solid #000000; background: #1c1c1c url(images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;}
.ui-state-hover a,.ui-state-hover a:hover {color: #ffffff; text-decoration: none;}
.ui-state-active,.ui-widget-content .ui-state-active {border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #222222;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #222222; text-decoration: none;}

/* Interaction Cues */
.ui-state-highlight,.ui-widget-content .ui-state-highlight {border: 1px solid #ffde2e; background: #ffeb80 url(images/ui-bg_inset-hard_55_ffeb80_1x100.png) 50% bottom repeat-x; color: #363636;}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a {color: #363636;}
.ui-state-error,.ui-widget-content .ui-state-error {border: 1px solid #9e0505; background: #cd0a0a url(images/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x; color: #ffffff;}
.ui-state-error a,.ui-widget-content .ui-state-error a {color: #ffffff;}
.ui-state-error-text,.ui-widget-content .ui-state-error-text {color: #ffffff;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled {opacity: .35; filter:Alpha(Opacity=35); background-image: none;}
.ui-priority-primary,.ui-widget-content .ui-priority-primary {font-weight: bold;}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary {opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;}

/* Icons */
/* states and images */
.ui-icon {width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png);}
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png);}
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png);}
.ui-state-default .ui-icon {background-image: url(images/ui-icons_ededed_256x240.png);}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);}
.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png);}
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_4ca300_256x240.png);}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffcf29_256x240.png);}

/* positioning */
.ui-icon-carat-1-n {background-position: 0 0;}
.ui-icon-carat-1-ne {background-position: -16px 0;}
.ui-icon-carat-1-e {background-position: -32px 0;}
.ui-icon-carat-1-se {background-position: -48px 0;}
.ui-icon-carat-1-s {background-position: -64px 0;}
.ui-icon-carat-1-sw {background-position: -80px 0;}
.ui-icon-carat-1-w {background-position: -96px 0;}
.ui-icon-carat-1-nw {background-position: -112px 0;}
.ui-icon-carat-2-n-s {background-position: -128px 0;}
.ui-icon-carat-2-e-w {background-position: -144px 0;}
.ui-icon-triangle-1-n {background-position: 0 -16px;}
.ui-icon-triangle-1-ne {background-position: -16px -16px;}
.ui-icon-triangle-1-e {background-position: -32px -16px;}
.ui-icon-triangle-1-se {background-position: -48px -16px;}
.ui-icon-triangle-1-s {background-position: -64px -16px;}
.ui-icon-triangle-1-sw {background-position: -80px -16px;}
.ui-icon-triangle-1-w {background-position: -96px -16px;}
.ui-icon-triangle-1-nw {background-position: -112px -16px;}
.ui-icon-triangle-2-n-s {background-position: -128px -16px;}
.ui-icon-triangle-2-e-w {background-position: -144px -16px;}
.ui-icon-arrow-1-n {background-position: 0 -32px;}
.ui-icon-arrow-1-ne {background-position: -16px -32px;}
.ui-icon-arrow-1-e {background-position: -32px -32px;}
.ui-icon-arrow-1-se {background-position: -48px -32px;}
.ui-icon-arrow-1-s {background-position: -64px -32px;}
.ui-icon-arrow-1-sw {background-position: -80px -32px;}
.ui-icon-arrow-1-w {background-position: -96px -32px;}
.ui-icon-arrow-1-nw {background-position: -112px -32px;}
.ui-icon-arrow-2-n-s {background-position: -128px -32px;}
.ui-icon-arrow-2-ne-sw {background-position: -144px -32px;}
.ui-icon-arrow-2-e-w {background-position: -160px -32px;}
.ui-icon-arrow-2-se-nw {background-position: -176px -32px;}
.ui-icon-arrowstop-1-n {background-position: -192px -32px;}
.ui-icon-arrowstop-1-e {background-position: -208px -32px;}
.ui-icon-arrowstop-1-s {background-position: -224px -32px;}
.ui-icon-arrowstop-1-w {background-position: -240px -32px;}
.ui-icon-arrowthick-1-n {background-position: 0 -48px;}
.ui-icon-arrowthick-1-ne {background-position: -16px -48px;}
.ui-icon-arrowthick-1-e {background-position: -32px -48px;}
.ui-icon-arrowthick-1-se {background-position: -48px -48px;}
.ui-icon-arrowthick-1-s {background-position: -64px -48px;}
.ui-icon-arrowthick-1-sw {background-position: -80px -48px;}
.ui-icon-arrowthick-1-w {background-position: -96px -48px;}
.ui-icon-arrowthick-1-nw {background-position: -112px -48px;}
.ui-icon-arrowthick-2-n-s {background-position: -128px -48px;}
.ui-icon-arrowthick-2-ne-sw {background-position: -144px -48px;}
.ui-icon-arrowthick-2-e-w {background-position: -160px -48px;}
.ui-icon-arrowthick-2-se-nw {background-position: -176px -48px;}
.ui-icon-arrowthickstop-1-n {background-position: -192px -48px;}
.ui-icon-arrowthickstop-1-e {background-position: -208px -48px;}
.ui-icon-arrowthickstop-1-s {background-position: -224px -48px;}
.ui-icon-arrowthickstop-1-w {background-position: -240px -48px;}
.ui-icon-arrowreturnthick-1-w {background-position: 0 -64px;}
.ui-icon-arrowreturnthick-1-n {background-position: -16px -64px;}
.ui-icon-arrowreturnthick-1-e {background-position: -32px -64px;}
.ui-icon-arrowreturnthick-1-s {background-position: -48px -64px;}
.ui-icon-arrowreturn-1-w {background-position: -64px -64px;}
.ui-icon-arrowreturn-1-n {background-position: -80px -64px;}
.ui-icon-arrowreturn-1-e {background-position: -96px -64px;}
.ui-icon-arrowreturn-1-s {background-position: -112px -64px;}
.ui-icon-arrowrefresh-1-w {background-position: -128px -64px;}
.ui-icon-arrowrefresh-1-n {background-position: -144px -64px;}
.ui-icon-arrowrefresh-1-e {background-position: -160px -64px;}
.ui-icon-arrowrefresh-1-s {background-position: -176px -64px;}
.ui-icon-arrow-4 {background-position: 0 -80px;}
.ui-icon-arrow-4-diag {background-position: -16px -80px;}
.ui-icon-extlink {background-position: -32px -80px;}
.ui-icon-newwin {background-position: -48px -80px;}
.ui-icon-refresh {background-position: -64px -80px;}
.ui-icon-shuffle {background-position: -80px -80px;}
.ui-icon-transfer-e-w {background-position: -96px -80px;}
.ui-icon-transferthick-e-w {background-position: -112px -80px;}
.ui-icon-folder-collapsed {background-position: 0 -96px;}
.ui-icon-folder-open {background-position: -16px -96px;}
.ui-icon-document {background-position: -32px -96px;}
.ui-icon-document-b {background-position: -48px -96px;}
.ui-icon-note {background-position: -64px -96px;}
.ui-icon-mail-closed {background-position: -80px -96px;}
.ui-icon-mail-open {background-position: -96px -96px;}
.ui-icon-suitcase {background-position: -112px -96px;}
.ui-icon-comment {background-position: -128px -96px;}
.ui-icon-person {background-position: -144px -96px;}
.ui-icon-print {background-position: -160px -96px;}
.ui-icon-trash {background-position: -176px -96px;}
.ui-icon-locked {background-position: -192px -96px;}
.ui-icon-unlocked {background-position: -208px -96px;}
.ui-icon-bookmark {background-position: -224px -96px;}
.ui-icon-tag {background-position: -240px -96px;}
.ui-icon-home {background-position: 0 -112px;}
.ui-icon-flag {background-position: -16px -112px;}
.ui-icon-calendar {background-position: -32px -112px;}
.ui-icon-cart {background-position: -48px -112px;}
.ui-icon-pencil {background-position: -64px -112px;}
.ui-icon-clock {background-position: -80px -112px;}
.ui-icon-disk {background-position: -96px -112px;}
.ui-icon-calculator {background-position: -112px -112px;}
.ui-icon-zoomin {background-position: -128px -112px;}
.ui-icon-zoomout {background-position: -144px -112px;}
.ui-icon-search {background-position: -160px -112px;}
.ui-icon-wrench {background-position: -176px -112px;}
.ui-icon-gear {background-position: -192px -112px;}
.ui-icon-heart {background-position: -208px -112px;}
.ui-icon-star {background-position: -224px -112px;}
.ui-icon-link {background-position: -240px -112px;}
.ui-icon-cancel {background-position: 0 -128px;}
.ui-icon-plus {background-position: -16px -128px;}
.ui-icon-plusthick {background-position: -32px -128px;}
.ui-icon-minus {background-position: -48px -128px;}
.ui-icon-minusthick {background-position: -64px -128px;}
.ui-icon-close {background-position: -80px -128px;}
.ui-icon-closethick {background-position: -96px -128px;}
.ui-icon-key {background-position: -112px -128px;}
.ui-icon-lightbulb {background-position: -128px -128px;}
.ui-icon-scissors {background-position: -144px -128px;}
.ui-icon-clipboard {background-position: -160px -128px;}
.ui-icon-copy {background-position: -176px -128px;}
.ui-icon-contact {background-position: -192px -128px;}
.ui-icon-image {background-position: -208px -128px;}
.ui-icon-video {background-position: -224px -128px;}
.ui-icon-script {background-position: -240px -128px;}
.ui-icon-alert {background-position: 0 -144px;}
.ui-icon-info {background-position: -16px -144px;}
.ui-icon-notice {background-position: -32px -144px;}
.ui-icon-help {background-position: -48px -144px;}
.ui-icon-check {background-position: -64px -144px;}
.ui-icon-bullet {background-position: -80px -144px;}
.ui-icon-radio-off {background-position: -96px -144px;}
.ui-icon-radio-on {background-position: -112px -144px;}
.ui-icon-pin-w {background-position: -128px -144px;}
.ui-icon-pin-s {background-position: -144px -144px;}
.ui-icon-play {background-position: 0 -160px;}
.ui-icon-pause {background-position: -16px -160px;}
.ui-icon-seek-next {background-position: -32px -160px;}
.ui-icon-seek-prev {background-position: -48px -160px;}
.ui-icon-seek-end {background-position: -64px -160px;}
.ui-icon-seek-first {background-position: -80px -160px;}
.ui-icon-stop {background-position: -96px -160px;}
.ui-icon-eject {background-position: -112px -160px;}
.ui-icon-volume-off {background-position: -128px -160px;}
.ui-icon-volume-on {background-position: -144px -160px;}
.ui-icon-power {background-position: 0 -176px;}
.ui-icon-signal-diag {background-position: -16px -176px;}
.ui-icon-signal {background-position: -32px -176px;}
.ui-icon-battery-0 {background-position: -48px -176px;}
.ui-icon-battery-1 {background-position: -64px -176px;}
.ui-icon-battery-2 {background-position: -80px -176px;}
.ui-icon-battery-3 {background-position: -96px -176px;}
.ui-icon-circle-plus {background-position: 0 -192px;}
.ui-icon-circle-minus {background-position: -16px -192px;}
.ui-icon-circle-close {background-position: -32px -192px;}
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-icon-circle-triangle-s {background-position: -64px -192px;}
.ui-icon-circle-triangle-w {background-position: -80px -192px;}
.ui-icon-circle-triangle-n {background-position: -96px -192px;}
.ui-icon-circle-arrow-e {background-position: -112px -192px;}
.ui-icon-circle-arrow-s {background-position: -128px -192px;}
.ui-icon-circle-arrow-w {background-position: -144px -192px;}
.ui-icon-circle-arrow-n {background-position: -160px -192px;}
.ui-icon-circle-zoomin {background-position: -176px -192px;}
.ui-icon-circle-zoomout {background-position: -192px -192px;}
.ui-icon-circle-check {background-position: -208px -192px;}
.ui-icon-circlesmall-plus {background-position: 0 -208px;}
.ui-icon-circlesmall-minus {background-position: -16px -208px;}
.ui-icon-circlesmall-close {background-position: -32px -208px;}
.ui-icon-squaresmall-plus {background-position: -48px -208px;}
.ui-icon-squaresmall-minus {background-position: -64px -208px;}
.ui-icon-squaresmall-close {background-position: -80px -208px;}
.ui-icon-grip-dotted-vertical {background-position: 0 -224px;}
.ui-icon-grip-dotted-horizontal {background-position: -16px -224px;}
.ui-icon-grip-solid-vertical {background-position: -32px -224px;}
.ui-icon-grip-solid-horizontal {background-position: -48px -224px;}
.ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;}
.ui-icon-grip-diagonal-se {background-position: -80px -224px;}

/* Misc visuals */
/* Corner radius */
.ui-corner-tl {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;}
.ui-corner-tr {-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.ui-corner-bl {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
.ui-corner-br {-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
.ui-corner-top {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.ui-corner-bottom {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
.ui-corner-left {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
.ui-corner-all {-moz-border-radius: 4px; -webkit-border-radius: 4px;}

/* Overlays */
.ui-widget-overlay {background: #aaaaaa url(images/ui-bg_highlight-hard_40_aaaaaa_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30);}
.ui-widget-shadow {margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_highlight-soft_50_aaaaaa_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.ui-datepicker {width: 17em; padding: .2em .2em 0;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position:absolute; top: 2px; width: 1.8em; height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 1px;}
.ui-datepicker .ui-datepicker-prev {left:2px;}
.ui-datepicker .ui-datepicker-next {right:2px;}
.ui-datepicker .ui-datepicker-prev-hover {left:1px;}
.ui-datepicker .ui-datepicker-next-hover {right:1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center;}
.ui-datepicker .ui-datepicker-title select {float:left; margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float: right;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td {border: 0; padding: 1px;}
.ui-datepicker td span,.ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}

.ui-dialog {position: relative; padding: .2em; width: 300px;}
.ui-dialog .ui-dialog-titlebar {padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title {float: left; margin: .1em 0 .2em;} 
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;}
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px;}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {padding: 0;}
.ui-dialog .ui-dialog-content {border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1;}
.ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane button {float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible;}
.ui-dialog .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
/* Progressbar */
.ui-progressbar {height:2em; text-align: left;}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;}
/* Resizable */
.ui-resizable {position: relative;}
.ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {display: none;}
.ui-resizable-n {cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px;}
.ui-resizable-s {cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px;}
.ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%;}
.ui-resizable-w {cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%;}
.ui-resizable-se {cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;}
.ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;}
.ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;}
.ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}