* {
margin: 0;
}

body 
{
background-color:#FBF8EF;
height: 100%;
min-width:1000px;
margin:0px auto;
overflow:scroll;
white-space:nowrap;
}


.main
{
width:100%;
margin:0px auto;
overflow:scroll;
white-space:nowrap;
z-index:-999999;
}

#topbar 
{
display: none;
height:0px;
z-index:-9999999;
}

#topbar img 
{
display: none;
}
    
#topbar_1 
{
height:0px;
display: none;
}  

#topbar_1 img {
height:0px;
display: none;
}

    
#rightsideMobile
{
position:fixed;
top:0%;
width:100%;
padding: 5px;
height:120px;
max-height:10%;
background-color:#568BC9;
font-size:20px;
color:white;
font-size:16px;
color: #585858;
z-index:9999999;
}

#rightsideMobile img {
height:160px;
max-height:35%;
}


#rightsideMobile select {
        width:160px;
        height:50px;
    }

#rightsideMobile a {
	font-family:Verdana;
	font-size:20px;
	background-color: none;
	color: #FFFFFF;
	text-decoration: none; 
}

#rightside_form input[type="text"] {
    width: 100px;
}

#leftside
{
display: none;
}


#right_side_collapse
{
display: none;
}

table.right_side_collapse {
	border-collapse:collapse 
}

#left_side_collapse
{
display: none;
}

table.left_side_collapse {
	border-collapse:collapse 
}

#footer {
    position : fixed;
    width : 100%;
   	height:50px;
	max-height:5%;
    bottom : 0px;
	background-color:#568BC9;
	vertical-align: top;
	z-index:100000;
	clear: both;
  }
  
table.footer_content {
	vertical-align: top;
    font-family:Verdana;
	font-size:19px;
	color: #FFFFFF;
} 

#footer a {
	padding: 3px 8px;
	background-color: none;
	color: #FFFFFF;
	text-decoration: none; }


#notifications
{
position:fixed;
right:20px;
top:40px;
width: 250px;
height:300px;
background-color:#FBF8EF;
opacity:0.9;
z-index:10000000;
}

#notifications2
{
position:fixed;
right:20px;
top:40px;
width: 250px;
height:300px;
background-color:#FBF8EF;
opacity:0.9;
z-index:10000000;
}

.content
{
position:relative;
margin-left:1%;
margin-right:1%;
margin-top:15%;
margin-bottom:1%;
width:100%;
min-height:72%;
background-color:none;
font-family:Verdana;
font-size:20px;
color: #585858;
overflow:scroll;
white-space:nowrap;
}


table.content_table {
	border-collapse:collapse  

}

tr.content_tr{
font-family:Verdana;
font-size:20px;
color:#585858;

}

td.photo_td{
vertical-align: top;
border-right: 1px solid #888888;
}

.invite_header{
font-family:Verdana;
font-size:16px;
color:#585858;
font-style:italics;
}


input.transparent
{
	background-color:transparent;
	border-style:none;
}

.createroom
{
width:100%;
font-size:16px;
}

.createroom_info
{
width:100%;
border:thin black solid;
padding:5px;
}

.createroom_info_text
{
font-family:Verdana;
font-size:10px;
color:#585858;
font-style:italics;
}

.room_management_rooms_list 
{
position:absolute;
margin-left:1%;
height:99%;
width:20%;
font-family:Verdana;
font-size:14px;
color:black;
border-right:1px solid #585858;
overflow:scroll;
white-space:nowrap;
}

.room_management_action
{
position:absolute;
margin-left:23%;
width:75%;
font-family:Verdana;
font-size:14px;
color:black;
overflow:scroll;
white-space:nowrap;
}

table.settings {
font-family:Verdana;
font-size:12px;
color:black;
}
table.delete_users{
font-family:Verdana;
font-size:10px;
color:#585858;
}
td.user_name {
font-family:Verdana;
font-size:14px;
color:#585858;
}

#room_description_box {
width:99%;
margin-bottom:1%;
height:auto;
background-color:none;
border-style:dashed;
border-color:black;
border-width:1px;
}

table.room_description_box{
font-family:Verdana;
font-size:14px;
color:black;
}

table.not_a_member{
margin-left:1%;
margin-right:1%;
margin-top:0%;
margin-bottom:1%;
width:100%;
font-family:Verdana;
font-size:14px;
color:black;
}


#room_posting_box {
width:99%;
height:auto;
background-color:none;
border-style:dashed;
border-color:black;
border-width:1px;
font-size:14px;
color:black;
  
}

#room_heading {
font-family:Verdana;
font-size:20px;
color:#568BC9;
}


.error_box {
font-family:Verdana;
font-size:12px;
width:98%;
height:3%;
background-color:#FA5858;
margin: 1% auto;
border-width:thin;
border-color:black;
border-style:solid;
text-align: center
}

.warning_message {
font-family:Verdana;
color:red;
font-size:12px;
background-color:none;
}

.green_box {
font-family:Verdana;
font-size:12px;
width:98%;
height:auto;
background-color:#33CC66;
margin: 1% auto;
border-width:thin;
border-color:black;
border-style:solid;
text-align: center
}

td.settings_tab {
	border:1px;
}

.error_text {
font-family:Verdana;
font-size:12px;
color:red;
}

#register_box {
position: absolute;
margin-left:1%;
margin-right:71%;
margin-top:0%;
margin-bottom:10px;
height:81%;
width:28%;
background-color:none;
border-style:dashed;
border-color:black;
border-width:0px;

}

table.register_box_table {
font-family:Verdana;
font-size:12px;
color:black;
}

#register_box a:link{ color:#568BC9; 
text-decoration:none} 
#register_box a:visited{ color:#568BC9; 
text-decoration:none} 
#register_box a:hover{ color:#568BC9; 
text-decoration:none} 
#register_box a:active{ color:#568BC9
text-decoration:none}

.register_info
{
position:absolute;
margin-right:1%;
margin-left:30%;
width:68%;
margin-top:0%;
height:79%;
margin-bottom:10px;
background-color:none;
display:block;
border-width:thin;
border-color:black;
border-style:dashed;
border-width:0px;
padding:5px;
}

.register_info_text
{
font-family:Verdana;
font-size:10px;
color:#585858;
font-style:italics;
}

#login_box {
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0%;
margin-bottom:1%;
height:auto;
background-color:none;
}

#login_box a:link{ color:#568BC9; 
text-decoration:none} 
#login_box a:visited{ color:#568BC9; 
text-decoration:none} 
#login_box a:hover{ color:#568BC9; 
text-decoration:none} 
#login_box a:active{ color:#568BC9
text-decoration:none}

.welcome_title {
font-family:Verdana;
font-size:35px;
color:#585858;
font-style:oblique;
text-align: center;
}

.page_title {
font-family:Verdana;
font-size:25px;
color:#585858;
font-style:oblique;
text-align: center;
}


table.index_table {
	border-collapse:collapse 
	white-space: pre-line;

}

td.post_time {
font-family:Verdana;
font-size:10px;
color: #585858;
}


.small_title {
font-family:Verdana;
font-size:32px;
color: #585858;
}

.small_title a:link{ color:#585858; 
text-decoration:none} 
.small_title a:visited{ color:#585858; 
text-decoration:none} 
.small_title a:hover{ color:#585858; 
text-decoration:underline} 
.small_title a:active{ color:#585858
text-decoration:none}


.find_room_search_bar {
margin-left:1%;
margin-right:30%;
margin-top:1%;
margin-bottom:1%;
width:69%;
height:5%;
}

.find_room_categories 
{
position:absolute;
margin-left:1%;
width:20%;
font-family:Verdana;
font-size:14px;
color:black;
border:1px solid black;
overflow:scroll;
white-space:nowrap;
}


.find_room_categories a {
	font-family:Verdana;
	background-color: none;
	color: #585858;
	text-decoration: none; 
}

.loading_screen {
	margin:auto;
	font-family:Verdana;
	background-color: none;
	color: #585858;
	vertical-align:text-top;
}

.find_room_action
{
position:absolute;
margin-left:22%;
width:77%;
min-height:10%;
font-family:Verdana;
font-size:14px;
color:black;
border: 1px solid black;
overflow:scroll;
white-space:nowrap;
}


td.main_message
{
    font-family:Verdana;
	font-size:14px;
	color:black;
}

td.vertical_up_td
{
    text-align: center;
    vertical-align: text-top;
}

td.name_title
{
    font-family:Verdana;
	font-size:18px;
	color:#568BC9;
}

td.time_date
{
	font-family:Verdana;
	font-size:11px;
	color: #585858;
    text-align: right;
}

#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 355px;
    background-color: #FBF8EF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 350px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


table.accept_users {
	border-collapse:collapse 
}

td.accept_users
{
    font-family:Verdana;
	font-size:11px;
	color:black;
}

table.comments {
	border-collapse:collapse 
}

td.comments
{
    font-family:Verdana;
	font-size:11px;
	color:585858;
}

td.intro
{
    font-family:Verdana;
	font-size:14px;
	color:585858;
}

.clear_button_link_blue {
 background: transparent;
 border: 0;
 color: blue;
 font-size:11px;
}

.clear_button_link_blue:hover {
    border: 1px solid #585858;
}



table.notifications_table {
	border-collapse:collapse 
}

td.notifications_table
{
    font-family:Verdana;
	font-size:11px;
	color:black;
}
.notifications_table a:link{ color:#585858; 
text-decoration:none} 
.notifications_table a:visited{ color:#585858; 
text-decoration:none} 
.notifications_table a:hover{ color:#585858; 
text-decoration:underline} 
.notifications_table a:active{ color:#585858
text-decoration:none}