/* 3B rooms.css */

body {
background:url(../graphics/images/bodyBg.gif) #fff;
margin-top:0px; padding-top:10px; color:#000000;
font-family:arial;
font-size:12px;
color:#595959;}

/* top navigation for rooms.cgi / bbb.cgi */

div.roomsTopNavWrapper {
    background-color: #b8b8b8;
}

div.roomsTopNavQuickRoom {
    background-color: #fff;
}

div.roomsTopNav {
    padding: 0 6px 0 10px;
}

.roomsTopNav a {
    cursor: pointer;
    float: left;
    height: 17px;
    margin: 0 4px 0 0;
    padding: 4px 15px 0 15px; 
    text-align: center; 
    font-weight: bold;
    font-size:12px;
    text-transform: uppercase;
}

.roomsTopNavSetOff a {
    color: #eee;
}

.roomsTopNavSetOn a {
    color: white;
}

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

.roomsTopNav a.Off {
    background: url(/graphics/rooms/roomsTopNavTabOff.png);
    background-position: right;
}

.roomsTopNavSetOff a.Off {
    background: url(/graphics/rooms/roomsTopNavTabSetOff.png);
    background-position: right;
}

.roomsTopNavSetOn a.Off {
    background: url(/graphics/rooms/roomsTopNavTabOff.png);
    background-position: right;
}

.roomsTopNav a.On {
    background: url(/graphics/rooms/roomsTopNavTabOn.png);
    background-position: right;
    color: #91e0ff;
}


/* Embedding a medium image of a room with a title and clickable link */

.roomsEmbedLink {
  background-color:#bce9ff;
  text-align: center;
  padding: 0 0 4px 0;
  margin: 0;
}
.roomsEmbedLink h1 {
  font-weight:bold;
  font-size: 12px;
  color:#eee;
  background-color:#19729e;
  margin:0;
  padding: 2px 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
}
.roomsEmbedLink img { margin:0; padding: 4px 4px 0 4px; }




.roomLoggedIn {
 padding: 0 5px 10px 0;
 margin: 0;
 text-align:right;
 height: 16px;
 color: #fff;
 font-weight: bold;
}

.roomLoggedIn div.loggedinas {
 float: right;
 padding-left: 10px;
 padding-right: 10px;
}

.roomLoggedIn div.loggedinnav {
 float: right;
}

.roomLoggedIn div.loggedinnav span {
 padding-right: 10px;
}


/* MyRooms */
div.roomHome {
  background: #bfe6ff;
}
a.roomURL {
}

.roomsOtherNav a {
    cursor: pointer;
    float: left;
    font-weight: bold; 
    height: 21px;
    width: 171px;
    margin: 0;
    text-align: center; 
    padding: 6px 0 0 0; 
    _height: 27px; /* IE6 */
    _width: 174px;
}

.roomsOtherNav a:active  {text-decoration: none}
.roomsOtherNav a:link    {text-decoration: none}
.roomsOtherNav a:visited {text-decoration: none}
.roomsOtherNav a:hover   {text-decoration: underline; color: white; }

.roomsOtherNav a.Off {
    background: url(/graphics/rooms/roomsOtherNavOff.png);
    _background: url(/graphics/rooms/roomsOtherNavOff.gif);
    background-position: top right;
    color: #4d92b3;
}

.roomsOtherNav a.On {
    background: url(/graphics/rooms/roomsOtherNavOn.png);
    _background: url(/graphics/rooms/roomsOtherNavOn.gif);
    background-position: top right;
    color: #fff;
}


/* buttons which can contain arbitrary text - for rooms.cgi / bbb.cgi */

form span.room { background: url(/graphics/rooms/buttonSubmit.png); }
form span.room input { background: url(/graphics/rooms/buttonSubmit.png); }
form span.quickroom { background: url(/graphics/rooms/quickroom/buttonSubmit.png); }
form span.quickroom input { background: url(/graphics/rooms/quickroom/buttonSubmit.png); }

form span.blue { background: url(/graphics/icons/buttons/blue.png); }
form span.blue input { background: url(/graphics/icons/buttons/blue.png); }

form span.green { background: url(/graphics/icons/buttons/green.png); }
form span.green input { background: url(/graphics/icons/buttons/green.png); }

form span.red { background: url(/graphics/icons/buttons/red.png); }
form span.red input { background: url(/graphics/icons/buttons/red.png); }

form span.button {
    display: table-cell;
    padding-left: 6px;
    background-position: top left;
    }

form span.button input {
    background-position: top right;
    height: 20px;
    color: #fff;
    padding: 0px 22px 1px 4px;
    text-transform: uppercase;
}

form span.quickroom input {
    color: #222;
    padding-right: 10px;
}

form span.yellow {
    background: url(/graphics/icons/buttons/yellow.png);
    display: table-cell;
    padding-left: 6px;
    background-position: top left;
}

form span.yellow input {
    background: url(/graphics/icons/buttons/yellow.png);
    background-position: top right;
    height: 22px;
    color: #555;
    padding: 0px 14px 2px 6px;
    margin: 0;
}

form input.submit {
    font: bold 11px Arial, Helvetica, sans-serif;
    border: none;
    cursor:pointer;
    width:auto; overflow:visible; /* To avoid IE oversizing button */
}

form span.largeblue {
    background: url(/graphics/icons/buttons/largeblue.png);
    display: table-cell;
    padding-left: 16px;
    background-position: top left;
    }

form span.largeblue input {
    background: url(/graphics/icons/buttons/largeblue.png);
    background-position: top right;
    min-height: 36px;
    color: #fff;
    padding: 0px 48px 5px 0px;
    *padding: 6px 48px 0px 0px; /* IE */
    text-transform: uppercase;
}

input.submit_link {
    button:link;
    font-size: 10px;
    text-decoration: underline;
    border: none;
    padding: 0;
    background: transparent;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    width:auto; overflow:visible; /* To avoid IE oversizing button */
    border-bottom: 1px solid blue;
    #border-bottom: 0;	/* For IE */
}

input.submit_link:hover {
    color: #44f;
    border-bottom: 1px solid #44f;
}

/* used on at least screengrabs */
.createContentBlock h5
{background-color:#30B0CC; padding:0px; margin:0px; text-align:center;}


div.roomsListingRight div.otherRooms
  {
  background-color:#5eb3dc;
  padding: 5px;
  }