/* Quickroom three stage progress bar */

div.quickroomStage {
height:24px;
display: block;
position: relative;
margin-left: 2px;
}

div.quickroomStage div {
height:24px;
padding-top: 4px;
width:255px;
color: #fff;
text-align:center;
font-weight: bold;
font-size: 16px;
position: absolute;
}

div.quickroomStage div.t1 {
z-index: 3;
}

div.quickroomStage div.t2 {
z-index: 2;
left: 247px;
}

div.quickroomStage div.t3 {
z-index: 1;
left: 494px;
}

div.quickroomStage div.on {
background:url(/graphics/rooms/quickroom/stageOn.png);
}

div.quickroomStage div.off {
background:url(/graphics/rooms/quickroom/stageOff.png);
}

div.quickroomStage a { text-decoration: none; }


/* Unsorted clutter */

.headerBlock {padding:0; margin:0;}
.homeFooter {clear:both;}

a { color: #22f; }


.bodyVillageContentval {background-color:#FFAFDC;}
div.newVillage {text-align:left; background-color:#FFFFFF; margin:0; padding:5px 0 5px 10px;}
div.newVillage p {font-size:24px; font-weight:bold; color:#4E5052; margin:0; padding:0;}
div.newVillage p span {color:#FFE744;}
.headerImage {float:left; padding:0; margin:0; width:589px;}
.villageMain {padding:0 0 10px 0; margin:0 0 0 0; background-color:#FFFFFF;}

.villageBody {height:319px; background-color:#FFFFFF; width:753px; padding:10px 0 0 0; margin:0 0 0 0;}
.villageBody .demo .start {padding:20px 0 0 0; margin:2px;}
.villageBody .demo {float:left; width:384px; height:100%; padding:0; margin:0; margin-left:8px; background-color:#CECECE;}
.villageBody .leftTabs {float:left; width:122px; height:100%; padding:0 0 0 0; margin:0;}
.villageBody .login .start {text-align:left; font-family:arial; font-size:12px; padding:20px 5px 0 10px; margin:0;}
.villageBody .login {float:left; width:238px; height:100%; padding:0; margin:0; background-color:#E9EEEF;}
.villageBody .loginonly {float:left; text-align:left; width:332px; padding:10px 0 0 20px; margin:0 0 0 0; background-color:#E9EEEF;}

.villageBody2 {background-color:#E9EEEF; width:783px; padding:0 0 0 0; margin:10px 0 0 0;}
.villageRow {clear:both; margin:0 0 0 1px; padding:0;}

.villageCell {width:180px; float:left; margin:0; padding:4px 0 4px 6px;}
.villageHeader {width:180px; height:17px; background:url(/graphics/rooms/designSelectHeader.png) no-repeat; padding:0; margin:0 0 1px 0;}
.villageFooter {width:180px; height:23px; background:url(/graphics/rooms/designSelectFooter.png) repeat-y; padding:0; margin:0 0 1px 0; text-align: center;}
.villageHeader p {text-align:left; font-family:arial; font-size:12px; color:#FFFFFF; padding:1px 0 0 7px; margin:0;}
.villagePreview {text-align:left; height:103px; padding:0; margin:0;}
.villagePreview p {margin:0; padding:0;}
.villageFooter p {font-family:arial; font-size:12px; color:#FFFFFF; padding:2px 0 0 7px; margin:0;}

.villageCurve {background:url(/graphics/curves/villageFormCurve.png) left bottom no-repeat #FFFFFF; margin-bottom:0; padding-bottom:0;}
.villageBody3 {background-color:#E9EEEF; width:754px; padding:0 0 5px 0; margin:10px 0 0 0;}
.villageForm {text-align:left; width:714px; margin:0 0 0 0; padding:0; background-color:#E9EEEF;}
.villageFormBody {width:704px; margin:0 0 0 0; background-color:#7F8990; padding:5px 5px 10px 5px;}
.villageFormBodyBlock {padding:0 0 0 0; margin:0 0 0 0;}
.villageNew {font-size:11px; margin:0; padding:5px 0 5px 0;}
.villageNew p {font-size:11px; margin:0; padding:0 0 0 0;}

.villageAddTable {width:694px; padding:0; margin:0;}
.villageAddTable td {border:0; border-collapse:collapse; padding:0; margin:0;}
.villageAddTable td p {padding:0; margin:0; font-family:arial; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:left;}
.villageAddTable td.col1 {width:401px;}
.villageAddTable td.col2 {width:189px;}
.villageAddTable td.col3 {width:104px; vertical-align:bottom;}
.villageAddTable td.col3 p {text-align:right;}
.villageAddTable td.col23 {width:303px;}
.villageAddTable td.bottom {padding-top:10px;}
.villageAddTable .vEmail {border:1px solid #000000; width:383px;}
.villageAddTable .vPassword {border:1px solid #000000; width:383px;}
.villageAddTable .vSection {border:1px solid #000000; width:207px;}
.villageAddTable .vSubject {border:1px solid #000000; width:207px;}
.formTitle {margin:0; padding:0;}
.formTitle p {padding:5px 0 10px 0; margin:0; font-weight:bold; text-align:left; font-size:14px; font-family:arial; color:#FFFFFF;}
.formTitle p.village {padding:5px 0 0 10px; font-weight:bold; text-align:left; font-size:14px; font-family:arial; color:#FFFFFF;}

.error {font-weight:bold; font-size:14px; font-family:arial; color:#ff0000;}

.villageFormCopy {margin:0 0 0 0; padding:0 0 0 0;}
.villageFormCopy p.text {margin:0; padding:5px 0 5px 0; font-weight:bold; text-align:left; font-size:12px; font-family:arial; color:#4E5052;}
.formSubTitle {margin:0; padding:0 0 0 0;}
.formSubTitle p {margin:0; padding:5px 0 0 0; font-weight:bold; text-align:left; font-size:18px; font-family:arial; color:#4E5052;}
.formSubTitle p span {font-weight:bold; text-align:left; font-size:18px; font-family:arial; color:#939494;}
.villageCode {margin:0; padding:10px 0 0 0;}
.villageCode .codeblock {font-size:11px; border:1px solid #000000; width:714px; overflow:hidden; height:58px; padding:0 2px 0 2px; font-family:arial;}
.villageCode .codeline {font-size:11px; border:1px solid #000000; width:714px; overflow:hidden; padding:0 2px 0 2px; font-family:arial;}

.login td p {padding:0 0 0 0; margin:4px; font-family:arial; font-size:12px;}

.leftTabs .leftTabOff {margin:0; padding:0; cursor:pointer; background:url(/graphics/rooms/quickroom/leftTabOff.png) no-repeat; width:122px; height:32px;}
.leftTabs .leftTabOff p {text-align:left; padding:9px 0 0 30px; margin:0 0 0 10px; font-family:arial; font-size:12px; color:#FFFFFF; font-weight:bold;}
.leftTabs .leftTabOffNext {margin:0; padding:0; cursor:pointer; background:url(/graphics/rooms/quickroom/leftTabOffNext.png) no-repeat; width:122px; height:32px;}
.leftTabs .leftTabOffNext p {text-align:left; padding:9px 0 0 30px; margin:0 0 0 10px; font-family:arial; font-size:12px; color:#FFFFFF; font-weight:bold;}
.leftTabs .leftTabOffFirst {margin:0; padding:0; cursor:pointer; background:url(/graphics/rooms/quickroom/leftTabOffFirst.png) no-repeat; width:122px; height:30px;}
.leftTabs .leftTabOffFirst p {text-align:left; padding:7px 0 0 30px; margin:0 0 0 10px; font-family:arial; font-size:12px; color:#FFFFFF; font-weight:bold;}

.leftTabs .leftTabOn {margin:0; padding:0; cursor:pointer; background:url(/graphics/rooms/quickroom/leftTabOn.png) no-repeat; width:122px; height:32px;}
.leftTabs .leftTabOn p {text-align:left; padding:9px 0 0 30px; margin:0 0 0 10px; font-family:arial; font-size:12px; color:#4E5052; font-weight:bold;}
.leftTabs .leftTabOnFirst {margin:0; padding:0; cursor:pointer; background:url(/graphics/rooms/quickroom/leftTabOnFirst.png) no-repeat; width:122px; height:30px;}
.leftTabs .leftTabOnFirst p {text-align:left; padding:7px 0 0 30px; margin:0 0 0 10px; font-family:arial; font-size:12px; color:#4E5052; font-weight:bold;}
.tablogo {padding:7px 7px 0 8px; float:left; }

.login form {margin:0; padding:0;}
.start .villageURL {border:1px solid #555555; width:218px; height:19px;}
.leftTabTitle {text-align:left; font-weight:bold; color:#555555; margin:8px 0 0 10px; padding:0; font-size:12px !important; font-family:arial;}

div.roomsBody {
    background-color:#ffffff; padding:8px;text-align:left; width: 757px;}

div.roomsMain {float:left;}
div.roomsHelp {float:right; text-align:center;font-size:14px;}
div.roomsHelpboxHead {font-weight:bold;font-size:18px;}
div.roomsLink {text-align:left; width:714px; margin:0 0 0 0; padding:0; background-color:#E9EEEF;}

.loginBox {width:280px; height:120px; margin:0 0 20px 0; padding:10px; background-color:#e9e9e9;}
.loginBox .name {margin:0; padding:0;}
.loginBox .name p {font-weight:normal; margin:0; padding:0;}

.loginBox .value {margin:0 0 5px 0; padding:0;}
.loginBox .value input {height:20px; width:270px; border:1px solid #000000;}
.loginBox .value p {margin:0; padding:0;}

.roomNoHome { text-align:center; background-color:#dddbdf;}
div.roomNoHomeBody { height:272px; padding:20px 0 0 0; margin:0; font-size:16px; line-height:24px;}
h1.roomNoHome {font-size:28px; line-height:48px; color:#198cc7; margin:0; padding:0; font-weight:bold; text-align:center; font-family:arial;}

.registerContentLeft {width:320px;}

.loginContentRight { width:220px; height:250px; background-color:#eee; }
.loginContentRightBlock {height:300px; padding:0; margin:20px;}
.lcrHeading {padding:0; margin:0; font-size:16px; font-weight:bold;}
.lcrHeading p {padding:0; margin:0; font-size:16px; font-weight:bold;}
.sampleRoom {width:240px; height:120px; background-color:#d5d5d5; padding:0; margin:0;}
.sampleRoom p {color:#6e6e6e; padding:40px; text-align:center; }

/* screengrabs listing page */

div.screengrabAvatars {
    width: 118px;
}

div.screengrabRooms {
    width: 183px;
}

div.screengrabListing {
    height: 158px;
    margin: 2px;
    padding: 2px 0 0 0;
    float: left;
    text-align: center;
    font-weight: bold; 
    border: solid 1px #ccc;
    }

/* myrooms listing page */

div.roomNormal {
    background: #e5e5e5;
    }

div.roomMyRooms {
    width: 358px;
    height: 118px;
    margin: 4px 0 4px 7px;
    padding: 4px;
    float: left;
    text-align: center;
    overflow: hidden;
    }

div.roomMyRooms div {
    float: right;
    text-align: left;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    }

div.roomMyRooms b {
    font: bold 13px Helvetica, Arial, sans-serif;
    }

div.roomMyRooms div.details {
    width: 180px;
    margin-right: 8px;
    #width: 170px; #margin-left: 10px; /* IE */
    }

div.roomHome div.details {
    background: url(/graphics/rooms/iconMyRoomsHome.png) no-repeat;
    background-position: top right;
    }

div.roomMyRooms img.thumb {
    float: left;
    border: 1px solid white;
    margin: 0 0 2px 0;
}



.editRoomHelp
{
float: right;
width:250px; background-color:#F6F7F7; margin:5px 0 0 5px; padding:0;
font-size:11px;
}
.editRoomHelp p {color:#5D6364 !important; margin:0; padding:5px;
font-size:11px;}


.roomListing select.category { width:113px; }
.roomListing input.search { width:111px; }

.roomListing select.category,
.roomListing class.category,
.roomListing input.search {
border:1px solid #ddd;
font-size: 11px;
padding: 0;
margin: 0;
height:15px;
#height:18px;
}

.roomListing h1.categorydropdown {
font-size:11px;
text-align:center;
margin: 0;
padding: 2px 0 0 0;
line-height:13px;
background:#eee;
padding-top:1px;
font-weight: bold;
}

.roomListing button.search {
margin:0 0 3px 0;
padding:0;
border:0;
cursor:pointer;
background:transparent url(/graphics/rooms/buttonSearch.png) no-repeat;
width:61px;
height:18px;
}

div.roombox
  {
  text-align:left;
  font-size: 15px;
  color: #fff;
  background:url(/graphics/icons/rooms/gradient-blue.png);
  width: 356px;
  height: 289px;
  padding: 10px 10px 7px 10px;
  margin-bottom: 5px;
  }

div.userbox
  {
  text-align:left;
  font-size: 15px;
  color: #fff;
  background:url(/graphics/icons/rooms/gradient-blue.png);
  width: 356px;
  height: 319px;
  padding: 6px 10px 7px 10px;
  margin-bottom: 5px;
  }

div.userbox h1
  {
  font-size: 22px;
  background: transparent;
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  overflow:hidden;
  text-align: left;
  white-space: nowrap;
  }

div.userbox .rate_views
    {
    height: 22px;
    }

div.homebox
  {
  color: #498aa8;
  padding: 3px 6px 8px 6px;
  margin-bottom: 4px;
  background: #eee;
  }

div.homebox h1
  {
  font-size: 15px;
  color: #498aa8;
  background: transparent;
  padding: 0;
  line-height: 19px;
  overflow:hidden;
  white-space: nowrap;
  }

div.roombox h1
  {
  font-size: 15px;
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 12px;
  overflow:hidden;
  white-space: nowrap;
  }

div.roombox h1 a
  { color: white; }

div.roombox .rate_views
    {
    width:354px;
    height: 20px;
    }

div .roombox_rate
  {
  float: left;
  text-align: left;
  width: 50%;
  padding-top: 2px;
  }

div .roombox_views
  {
  font-size: 9px;
  float: right;
  text-align: right;
  font-weight: bold;
  width: 50%;
  }

div.roombox img
  {
  width: 354px;
  height: 200px;
  border: 1px solid white;
  margin: 5px 0 0 0;
  }


.screenGrabContainer {width:744px; position:relative; padding:0; margin:0;}
.screenGrabContainer h6 {text-align:center; font-size:20px; font-weight:bold; color:#5D6364; padding:0; margin:0 0 15px 5px;}
.screenGrabContainer h5 {padding:0; margin:2px 0 2px 0; text-align:center;}
.screenGrabContainer h5 p {color:#FFFFFF; font-size:12px; font-weight:bold; padding:2px 0 2px 0; margin:0;}

.screenGrabRow {width:742px; padding:0; margin:0;}
.screenGrabRow:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}

.screenGrabBlock {background-color:#E7E7E7; height:146px; width:182px; float:left; padding:0 0 1px 0; margin:0 1px 4px 1px; border: solid 1px #aaa }
.screenGrabBlock .screenShot {margin:2px; padding:0;}
.screenGrabBlock .screenTitle {margin:0 0 1px 0; padding:0;}
.screenGrabBlock .screenTitle p {font-weight:bold; font-size:12px; color:#656565; text-align:center; margin:2px; padding:0;}

.screenButtonBlock {padding:0 25px 0 35px; margin:0;}
.screenButtonBlock .screenButtonLeft {float:left; width:8px; height:21px; padding:0; margin:0;}
.screenButtonBlock .screenButtonRight {float:left; width:8px; height:21px; padding:0; margin:0;}
.screenButtonBlock .screenButton {float:left; height:21px; padding:0; margin:0;}
.screenButtonBlock .screenButton p {font-weight:bold; color:#FFFFFF; font-size:11px; padding:2px 0 0 5px; margin:0;}
.screenButtonBlock .screenButton p a {text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:11px; padding:2px 0 0 0; margin:0 5px 0 5px;}

.screenGrabRow .lastBlock {background-color:#E7E7E7; height:146px; width:184px; float:left; padding:0; margin:0 0 2px 0;}

div.roomListingSort { padding:10px 6px 4px 6px; height:30px; }
div.roomListingSort div.heading { float:left; width:46px; }

div.roomListingSort div.nav a {
    cursor: pointer;
    float: left;
    font-weight: bold;
    font-size: 12px;
    #font-size: 11px; /* IE */
    height: 29px;
    width: 84px;
    padding: 2px 15px 0 15px;
    margin: 0 2px 0 0;
    color: white;
    text-align: center;
    _width: 114px; /* IE6 */
}

div.roomListingSort div.nav a:active  {text-decoration: none}
div.roomListingSort div.nav a:link    {text-decoration: none}
div.roomListingSort div.nav a:visited {text-decoration: none}
div.roomListingSort div.nav a:hover   {font-weight: bold; text-decoration: underline;
}

div.roomListingSort div.nav a.Off {
background: url(/graphics/rooms/buttonListingSortOff.png);
}

div.roomListingSort div.nav a.On {
background: url(/graphics/rooms/buttonListingSortOn.png);
}

.createMyRoomContainer {padding:0; margin:5px 0 0 0; width:743px;}
.createMyRoomContainer:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.createMyRoomContainer .contentLeft {width:364px; float:left; padding:0; margin:0;}
.createMyRoomContainer .contentLeft .flash1 {text-align:center; width:354px; padding:0; margin:0;}
.createMyRoomContainer .contentLeft a {font-size:12px; color:#0000FF;}
.createMyRoomContainer .contentLeft a.magnify {background:url(/graphics/icons/magnify.gif) no-repeat; padding-left:20px;}
.createMyRoomContainer .contentRight {width:366px; float:left; padding:0; margin:0;}

.createEditRoomContainer {padding:0; margin:5px 0 0 0; width:743px;}
.createEditRoomContainer:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.createEditRoomContainer .contentLeft {width:484px; float:left; padding:0; margin:0;}
.createEditRoomContainer .contentRight {width:249px; float:left; padding:0; margin:0;}

.createMyRoomContainer .contentRight ul.lgbtns {padding:0; margin:0;}
.createMyRoomContainer .contentRight ul.lgbtns li {float:left; list-style:none; padding:0; margin:0 24px 0 0;}
.createMyRoomContainer .contentRight ul.lgbtns li.last {margin:0 0 0 0;}

.pageForm {clear:both; padding:0; margin:10px 0 10px 0;}
.pageForm p {padding:0; margin:0 0 5px 0;}
.pageForm input {background-color:#EDEDED; border:0; width:379px; padding:0; margin:0 0 10px 0;}

.pageButtons {height:30px; clear:both; padding:0; margin:0;}
.pageButtons:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.pageButtons .buttonBlock {float:left;}
.pageButtons .buttonFloatRight {float:right !important;}

.pageButtons .buttonLeft {float:left; padding:0; margin:0; width:8px; height:27px;}
.pageButtons .buttonRight {float:left; padding:0; margin:0; width:8px; height:27px;}
.pageButtons .button {float:left; padding:0; margin:0; height:27px;}
.pageButtons .button p {padding:5px 0 2px 0; margin:0; font-weight:bold; font-size:11px; color:#FFFFFF; }
.pageButtons .button p a {font-weight:bold; font-size:12px; color:#FFFFFF; text-decoration:none;}

.buttonDelete .buttonLeft {background:url(/graphics/icons/buttonDeleteLeft.gif) no-repeat;}
.buttonDelete .buttonRight {background:url(/graphics/icons/buttonDeleteRight.gif) no-repeat;}
.buttonDelete .button {background:url(/graphics/icons/buttonDeleteBG.gif) repeat-x;}

.buttonSet .buttonLeft {background:url(/graphics/icons/buttons/smallblueLeft.gif) no-repeat;}
.buttonSet .buttonRight {background:url(/graphics/icons/buttons/smallblueRight.gif) no-repeat;}
.buttonSet .button {background:url(/graphics/icons/buttons/smallblueBG.gif) repeat-x;}

.createMyRoomContainer h6 {font-size:18px; font-weight:bold; color:#5D6364; padding:0; margin:0 0 5px 5px;}
.linkForm {padding:0; margin:0 0 0 5px; width:349px;}
.linkForm:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.linkForm .line {clear:both; padding:0; margin:0 0 0 0;}
.linkForm .line .txt {float:left; width:48px; padding:2px 0 0 0; margin:0;}
.linkForm .line .box {float:left; width:299px; padding:0; margin:0 0 2px 0;}
.linkForm input {width:299px; border:1px solid #ABABAB; font-size:11px; }
.postEditContent {padding:30px 0 5px 0; margin:0;}
.postEditContent ul {margin:0 0 0 20px; padding:0;}
.postEditContent ul li {list-style:none; background:url(/graphics/rooms/leftPoint.png) no-repeat 0 3px; margin:0 0 0 0; padding:0 0 0 20px;}
.postEditContent ul li p {margin:0; padding:0 0 0 0;}
.bigButton {text-align:center; margin:20px 0 0 0; padding:0;}

input.villageName,
select.category,
textarea.keywords { font-family:arial; font-size:11px; border:1px solid #aaa; }

.categorizeForm {width:334px; border:1px solid #989898; padding:5px;}
.categorizeForm table {border:0; border-collapse:collapse; padding:0; margin:0; width:334px;}
.categorizeForm table td {vertical-align:top; border:0; border-collapse:collapse; padding:0 0 5px 0; margin:0;}
.categorizeForm table td p {padding:0; margin:0;}
.categorizeForm table td.n {width:10px; text-align: right; padding-right: 5px;}
.categorizeForm table td.q {width:144px; padding-right:5px;}
.categorizeForm table td.a {width:165px;}
.categorizeForm input.villageName {width:155px;}
.categorizeForm textarea.keywords {width:155px; height:80px; overflow-y:auto; overflow-x:hidden;}

.categorizeForm select.category {width:158px;}

.editForm {padding:0; margin:0 0 0 5px; width:478px;}
.editForm:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.editForm .line {height:30px; clear:both; padding:0; margin:5px 0 0 0;}
.editForm .line .txt {line-height:12px; font-size:11px; float:left; width:118px; padding:2px 0 0 0; margin:0;}
.editForm .line .box {float:left; width:360px; padding:0; margin:3px 0 5px 0;}
.editForm input {width:360px; border:1px solid #aaa; font-size:11px; height:16px;}

.designContainer {width:483px; border:1px solid #aaa; padding:0; margin:5px 0 10px 0;}
.designContainer:after {content: '';display: block;height: 0;clear: both;	visibility: hidden; width:483px; border:1px solid #aaa;}

.designContainer {color:#5D6364 !important; width:483px; border:1px solid #989898; padding:0; margin:0 0 10px 0;}
.designContainer table {border:0; border-collapse:collapse; padding:0; margin:0; width:242px;}
.designContainer table td {color:#5D6364; font-size:11px; vertical-align:top; border:0; border-collapse:collapse; padding:0 0 5px 0; margin:0;}
.designContainer table td p {color:#5D6364 !important; padding:0; margin:0;}
.designContainer table td p.checkMark {cursor:pointer; border:1px solid #989898; width:13px; height:14px; background:url(/graphics/icons/checkMark.gif) no-repeat;}
.designContainer table td p.checkMarkOff {cursor:pointer; border:1px solid #989898; width:13px; height:14px; background:url(/graphics/icons/sp.gif) no-repeat;}
.designContainer table td.qCheck {width:230px;}
.designContainer table td.aCheck {width:14px;}
.designContainer table td.q {width:142px; padding-right:5px;}
.designContainer table td.a {width:95px;}
.designContainer textarea.keywords {width:95px; height:80px; overflow-y:auto; overflow-x:hidden;}
.designContainer select.category {width:95px;}

.designContainer .designBlock {margin:0; padding:0;}
.designContainer .designBlock:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.designContainer .designBlock .designLeft {font-size:11px; width:217px; border-right:1px solid #aaa; float:left; margin:5px 0 5px 0; padding:0 5px 0 5px;}
.designLeft .screenshot {text-align:center; margin:5px 0 5px 0; padding:15px 0 5px 0; background-color:#BCE9FF; width:217px; height:132px;}
.designLeft .screenshot a {color:#0000FF;}
.designContainer .designBlock .designRight {font-size:11px; width:244px; float:left; margin:0; padding:5px;}

.createContentContainer {background-color:#FFFFFF; width:753px; padding:0; margin:0;}
.createContentBlock {text-align:left; background-color:#FFFFFF; width:743px; padding:5px 0 5px 0; margin:0 5px 0 5px;}
.createContentBlock h5 p {color:#FFFFFF; font-size:12px; font-weight:bold; padding:2px 0 2px 0; margin:0;}

.editRoomContent {width:253px; background-color:#F6F7F7; margin:5px 0 0 5px; padding:0; font-size:11px;}
.editRoomContent p {color:#5D6364 !important; margin:0; padding:5px; font-size:11px;}

/* Used in edit room page */
.designLeft .screenshot .flashLinks {text-align:left; margin:0 0 0 0; padding:0 10px 0 10px;}
.designLeft .screenshot .flashLinks p.l {color:#5D6364 !important; float:left; padding:0; margin:5px 0 0 0;}
.designLeft .screenshot .flashLinks p.r {color:#5D6364 !important; float:right; padding:0; margin:5px 0 0 0;}
.designLeft .screenshot .flashLinks {text-align:left; margin:0 0 0 0; padding:0 10px 0 10px;}
.designLeft .screenshot .flashLinks p.l {color:#5D6364 !important; float:left; padding:0; margin:5px 0 0 0;}
.designLeft .screenshot .flashLinks p.r {color:#5D6364 !important; float:right; padding:0; margin:5px 0 0 0;}
.editFormSimple {margin:5px 0 0 0; padding:0; width:728px;}
.editFormSimple a {color:#0000FF;}
.editFormSimple ul {margin:10px 0 0 0; padding:0;}
.editFormSimple ul li {color:#5D6364 !important; list-style:none; margin:0 0 0 0; padding:0 0 5px 0;}
.editFormSimple ul li input {width:700px; border:1px solid #aaa;}
.editFormAdvanced {margin:5px 0 0 0; padding:0; width:728px;}
.editFormAdvanced a {color:#0000FF;}
.editFormAdvanced ul {border-bottom:1px solid #5D6364; clear:both; margin:10px 0 10px 0; padding:10px 0 10px 0;}
.editFormAdvanced ul.last {border-bottom:0;}
.editFormAdvanced ul:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.editFormAdvanced ul li {clear:both; color:#5D6364 !important; list-style:none; margin:0 0 0 0; padding:0 0 5px 0;}
.editFormAdvanced ul li p.txt {font-weight:bold; width:80px; float:left;margin:0; padding:0;}
.editFormAdvanced ul li p.box {width:640px; float:left;margin:0; padding:0;}
.editFormAdvanced ul li input.webContent {width:640px; border:1px solid #aaa; margin:0 0 7px 0;}
.editFormAdvanced ul li input.webNameContent {width:340px; border:1px solid #aaa; margin:0 0 7px 0;}


/* chat listing */

body.chatlist {margin:0; padding:0; background: #fff;}

.chatlist div.header {
width: 1024px; height: 151px;
background:url(/graphics/chat/header.png);
}

.chatlist a:link {text-decoration: none}
.chatlist a:visited {text-decoration: none}
.chatlist a:active {text-decoration: none}
.chatlist a:hover {text-decoration: underline;}

table.chatlist { background-color:#ddd; width:490px; padding:0; margin:0;
text-align:left; font-family:arial; font-size:11px;
white-space: nowrap; overflow: hidden;
}

.chatlist th {background:url(/graphics/chat/thBg.png) repeat-x;
border:2px solid #577; color:#fff; text-align:center;}
.chatlist th a {text-decoration:none; color:#fff;}
.chatlist th.on {background:url(/graphics/chat/thBgOn.png) repeat-x; border:2px solid #2ab;}
.chatlist th.on a {background:url(/graphics/chat/thArrowOn.png) 100% 4px no-repeat; padding-right:13px;}

.chatlist th.nickname {width:80px; }
.chatlist th.partyname {width:170px;}
.chatlist th.members {width:45px;}
.chatlist th.locatiion {width:240px;}
/* table headings */

/* table data */
.chatlist td { background:url(/graphics/chat/tdBg.png) repeat-x #fff; padding-left: 6px; height:17px; }
.chatlist td.num { padding-left: 0; text-align:center; }
/* table data */

/* table block*/
.listingsContainer { display:block; width:1012px; margin:0; padding:0;}
.listingsBlock {float:left; left:496px; margin:0px; padding-top:10px; position:relative; z-index:30;}
.full .listingsBlock {float:left; padding-left:30px; margin:0px; padding-top:10px; position:relative; z-index:30;}
/* table block*/

/*global elements*/
.chatlist .people {margin:0px; padding:0px; background:url(/graphics/chat/joinImage.png) no-repeat; width:126px; height:216px; position:absolute; left:58px; top:181px;}
.chatlist .join  {margin:0px; padding:0px; background:url(/graphics/chat/joinText.png) no-repeat; width:342px; height:65px;  position:absolute; left:33px; top:303px;}
.chatlist .joinRandom {margin:0px; padding:0px; position:absolute; left:38px; top:402px; z-index:30;}
.chatlist .joinText {margin:0px; padding:0px; position:absolute; left:46px; top:360px;}
.chatlist .joinText p {margin:0px; padding:0px; line-height:14px; color:#B2B3B3; font-family:arial; font-size:13px;}


