/* vanilla */

a { outline: none; text-decoration: none; }
a:active { outline: none; text-decoration: underline; }
form,div,li,h1,h2,h3,h4,h5,h6,p,a { font-family: sans-serif; margin: 0; padding: 0; }
ul { list-style: none; margin: 0 0 0 0; padding: 0; }
li { margin: 0 0 0.75em 0; }
p, pre, ol li { font-size: 1.5em; margin: 0 0 0.5em 0; }
pre { padding: 1em; overflow: auto; }
h1 { font-size: 2.25em; }
h2 { font-size: 2.0em; margin: 0em 0 0.5em 0; }
h3 { font-size: 1.75em; margin: 0 0 0em 0; }
h4 { font-size: 1.5em; margin: 0.15em 0 0 0.25em; }
img, iframe { border: 0; margin: 0; padding: 0; }
label { margin: 0 0 0.5em 0; clear: right; display: block; font-weight: bold; }
body { background-color: #ffffff; font-size: 62.5%; margin: 0; width: 96em; padding: 0em; -webkit-text-size-adjust: none; }
input[type="text"], input[type="password"], textarea { border: 1px solid black; width: 99%; padding: 0.2em; }
textarea { height: 4em; }
#sidebar input[type="text"] { width: 72%; }
input[type="checkbox"] { margin: 0px 0 0px 0; padding: 0 0 0 0; border: 0px solid blue; vertical-align: middle; }
textarea.copypaste { width: 100%; }
input[type="submit"] { width: 22%; }
li input[type="submit"] { margin: 0 0 0 0; }
em { font-weight: bolder; }
td { border: 1px solid #e0e0e0; }

.flash { margin: 0em 0 1em 0; }
.bottom_flash { margin: 0.5em 0 0em 0; }
.success { background: url(/images/icon/tick.png) no-repeat 0.5em 1em; padding: 1em 1em 1em 2.5em; border: 0.25em solid green; background-color: #ccffcc; }
.notice { background: url(/images/icon/exclamation.png) no-repeat 0.5em 1em; padding: 1em 1em 1em 2.5em; border: 0.25em solid gold; background-color: yellow; }
#errorExplanation { margin: 1em 0 1em 0; }
.errorExplanation { border: 0.25em solid red; background: #ffcccc url(/images/icon/slash.png) no-repeat 0.5em 1em; padding: 0.5em 1em 1em 2.5em; }
.errorExplanation h2 { color: maroon; margin: 0.25em 0 0 0; }
.errorExplanation ul li { list-style: square; margin: 0 0 0 2em; font-size: 1.25em; }
.fieldWithErrors input[type="text"], .fieldWithErrors input[type="password"], .fieldWithErrors textarea { background-color: yellow; }
.spinning { background: white url(/images/spinner.gif) no-repeat right 2px; }

.kwicks { list-style: none; position: relative; margin: 0 0 0 6em; padding: 1em; }
.kwicks li { display: block; overflow: hidden; padding: 0; cursor: pointer; }  
.kwicks li { float: left; width: 80px; height: 100px; margin-right: 5px; }  
.kwicks li a { height: 100px; text-indent:-9999px; outline:none; display:block; z-index:2; cursor:pointer; }
#kwick1 { background: url('/images/fhicon1.png') top left no-repeat; }  
#kwick1.active { background-image: url('/images/fhicon2.png'); }  
#kwick1a { background: url('/images/fhsilvericon1.png') top left no-repeat; }  
#kwick1a.active { background-image: url('/images/fhsilvericon2.png'); }  
#kwick1b { background: url('/images/fhgoldicon1.png') top left no-repeat; }  
#kwick1b.active { background-image: url('/images/fhgoldicon2.png'); }  
#kwick1c { background: url('/images/fhplatinumicon1.png') top left no-repeat; }  
#kwick1c.active { background-image: url('/images/fhplatinumicon2.png'); }  
#kwick2 { background: url('/images/favataricon1.png') top left no-repeat; }  
#kwick2.active { background-image: url('/images/favataricon2.png'); }  
#kwick3 { background: url('/images/fbunnyicon1.png') top left no-repeat; }  
#kwick3.active { background-image: url('/images/fbunnyicon2.png'); }  
#kwick4 { background: url('/images/fflushicon1.png') top left no-repeat; }  
#kwick4.active { background-image: url('/images/fflushicon2.png'); }  
#kwick5 { background: url('/images/ffloaticon1.png') top left no-repeat; }  
#kwick5.active { background-image: url('/images/ffloaticon2.png'); }  
#kwick6 { background: url('/images/pnpicon1.png') top left no-repeat; }  
#kwick6.active { background-image: url('/images/pnpicon2.png'); }  
#kwick7 { background: url('/images/multicon1.png') top left no-repeat; }  
#kwick7.active { background-image: url('/images/multicon2.png'); }  

#slideout { padding: 1.5em; }
#slideout a { display: block; }
#download { background: url(/images/download.png) top left no-repeat; width: 165px; height: 40px; text-indent: -9999px; }
#slideout a img { padding 1em; }
#pageslide-slide-wrap { background-color: white; }
#pageslide-content h2 { color: #C60; }
a.pageslide-close { margin: 0 0 0 -4em; }
#app_description { margin: 1em 0 0 0; }
      
#content { margin: 1em; padding: 0em; width: 60em; float: left; border: 0px solid red; }
#sidebar { margin: 1em; padding: 0em; width: 30em; float: left; border: 0px solid green; }
#footer { padding: 1em; clear: both; width: 96em; }

#recently_published_rooms { clear: both; background: url(/images/recentroomstitle.png) top left no-repeat; padding: 5em 0 0 8em; }
#fake_iphone_container { background: url(/images/iphonebg.png) top left no-repeat; padding: 18px 0 0 78px; margin: 0; width: 420px; height: 230px; }
#fake_iphone_container img { width: 275px; height: 185px; }
#recently_published_rooms_cross_fader { width: 275px; height: 185px; }

#recent_posts { float: left; background: url(/images/forumtitle.png) top left no-repeat; padding: 5em 0 0 1em; border: 0px solid black; width: 28em; }
#recent_accounts { float: left; background: url(/images/onlinetitle.png) top left no-repeat; padding: 5em 0 0 1em; border: 0px solid black; width: 28em; }

#blog_widget { padding: 0 0 1em 0; }
#facebook_widget { padding: 0 0 1em 0; }


#newsletter { width: 100%; height: 1000px; }


.rating { position: relative; width: 150px; height: 25px; margin: 1em 0 1em 0; background: url(/images/star.gif) top left repeat-x; }

.rating li {
  padding: 0px;
  margin: 0px;
  /*\*/
  float: left;
  /* */
}
 
.rating li a {
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  text-indent: -9000px;
  z-index: 20;
}
 
.rating li a:hover {
  left: 0px;
  background: url(/images/star.gif) left bottom;
  z-index: 2;
}
 
.rating a.one {
  left: 0px;
}
 
.rating a.one:hover {
  width: 30px;
}
 
.rating a.two {
  left: 30px;
}
 
.rating a.two:hover {
  width: 60px;
}
 
.rating a.three {
  left: 60px;
}
 
.rating a.three:hover {
  width: 90px;
}
 
.rating a.four {
  left: 90px;
}
 
.rating a.four:hover {
  width: 120px;
}
 
.rating a.five {
  left: 120px;
}
 
.rating a.five:hover {
  width: 150px;
}
 
.rating li.current_rating {
  position: absolute;
  display: block;
  height: 25px;
  background: url(/images/star.gif) left center;
  text-indent: -9000px;
  z-index: 1;
}