a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration:none; }
a:hover { color: white text-decoration: none;  }
a:active { color: black; text-decoration: none; }

.page-wrapper {
  margin: 0px auto;
  padding: 2%;
  overflow:visible;
  background:url(../image/background.jpg);
  font-family:'Lucida Casual', 'Comic Sans MS';
  font-size:'0.9em';
}

.main {
  color: black;
  text-align: center;
  border: 5px outset black;
  font-family:'Lucida Casual', 'Comic Sans MS';
  width:100%;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #ccffbb, gradientType = 1);
}

.about {
  float: left;
  padding: 5px;
  height: 300px;
  width: 48%;
  font-family:'Lucida Casual', 'Comic Sans MS';
  font-size:'0.9em';
  overflow-y:auto;
  }

.popbox {
  float: right;
  padding: 5px;
  height: 300px;
  width: 100%;
  text-align:center;
  font-family:'Lucida Casual', 'Comic Sans MS';
  font-size:'0.9em';
  overflow-y:auto;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #ccffbb, gradientType = 1);
}

.selectedpopbox {
  float: right;
  padding: 5px;
  height: 300px;
  width: 100%;
  text-align:center;
  font-family:'Lucida Casual', 'Comic Sans MS';
  font-size:'0.9em';
  overflow-y:auto;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #006600, gradientType = 1);
}

.footer {
  color: black;
  text-align: center;
  font-family:'Lucida Casual', 'Comic Sans MS';
  font-size:'0.9em';
  width:100%;
 }

.login {
  color: black;
  float: right;
  padding: 5px 25px 5px 25px;
  font-size:'0.9em';
  width: 33%;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #ccffbb, gradientType = 1);
}

.nameHolder {
  overflow:hidden;
  width:100%;
  height:20px;
}

.longLine {
  float:left;
  position:relative;
  left:0px;
  top:0px;
  width:99999px; 
  overflow:visible;
}

.main_home {
  color: black;
  width:85%;
  }
  
.main_changeable {
  width: 100%;
  height: 440px;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #ccffbb, gradientType = 1);
  border: 5px outset white;
  float:right;
  }

.main1 {
  color: white;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ccffbb, endColorstr = #006600, gradientType = 1);
}

.unselected {
  padding-left:25px;
  padding-right:25px;
  color:black; 
  font-size:14px;
  float:left;
  cursor:pointer;
}

.selected {
  padding-left:25px;
  padding-right:25px;
  color:black; 
  font-size:20px;
  float:left;
  cursor:pointer;
}


.post_board {
  overflow-x:hidden;
  overflow-y:scroll;
  width: 100%;
  height:400px;
}

.post_board .unselected_message { 
    position:relative;
    top:0px; 
    left:0px; 
    width:250px; 
    height:200px; 
    overflow-y:hidden;
    float:left;
    display:block;
}

.post_board .selected_message {
    position:relative;
    top:0px; 
    left:0px; 
    width:250px; 
    height:200px; 
    overflow-y:hidden;
    float:left;
    display:block;
}

.zoomed_board {
  overflow-x:hidden;
  overflow:scroll;
  width: 780px;
  height:400px; 
}

.zoomed_board .unselected_message { 
    position:relative;
    top:0px; 
    left:0px; 
    width:250px; 
    height:200px; 
    overflow-y:hidden;
    float:left;
    display:none;
}

.zoomed_board .selected_message {
    position:relative;
    top:0px; 
    left:0px; 
    width:250px; 
    height:200px; 
    overflow-y:hidden;
    float:left;
    display:block;
}


.selected_message .message_backgnd {
    position:relative; 
    top:5%; 
    left:5%; 
    height:95%; 
    width:95%;
}

.unselected_message .message_backgnd {
    position:relative; 
    top:5%; 
    left:5%; 
    height:90%; 
    width:90%;
}

.message_content {
    position:relative; 
    top:-75%; 
    left:15%; 
    height:65%; 
    width:70%; 
    overflow-y:hidden;
    text-align:center;
    font-size:'0.7em';
}

.zoomed_message {
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #475e76, endColorstr = #99ccff, gradientType = 0);
}
 
.zoomed_message .message_backgnd {
    display:none;
} 
.zoomed_message .message_content {
    position:relative; 
    top:5%; 
    left:0%; 
    height:100%; 
    width:100%;
    overflow:visible;
    text-align:center;    
} 

  
.post_board .picture_content {
    width:90%;
}
  
.zoomed_board .picture_content {
    width:70%; height:70%;
}
 
.zoomed_message .picture_content {
    width:auto; height:100%;
}


.hiddenbox {
  display:none;
}

.shownbox {
  display:block; 
  position:absolute; 
  z-index:2; 
  top:100px; 
  left:250;
  width:400px;
}

.shownbox_public {
  display:block; 
  position:absolute; 
  z-index:2; 
  top:150; 
  left:50;
  //width:400;
  width: 90%;
  height:530px;
  overflow: auto;
}

.instance_ends {
  padding-left:20px;  
  padding-right:20px;
  z-index:20;
  float:left;
  position:relative;
  left:0px;
  top:0px;
}


.icon {
  padding: 0px 0px 0px 55px;
  margin: 0px 0px 20px 0px;
}

.image { 
  width: 50%
}

.contentWindow {
  margin: 0px 5px 0px 5px;
  float: right;
  width: 68%;
  height:530px;overflow:hidden;
  background-color:black;
}

.palWindow {
  float: left;
  width: 16%;
  height:250px;overflow:auto;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ccffbb, endColorstr = #006600, gradientType = 1);
  border: 5px outset black;
}

.event_page-wrapper {
  font-family:'Lucida Casual', 'Comic Sans MS';
  padding: 5px;
  border: 5px outset black;
  margin: 5px 5px 5px 5px;
  font-size:'1.2em';
  text-align:center;
  width: 100%;
  height:410px;
 }

.viewpublic {
   margin: 0px 0px 0px 10px;
   padding: 5px;
   width: 98%;
   cursor:pointer;
   height:250px;
   overflow: auto;
   border: 5px outset white;
   color:white;
 }
 
.viewpublicheader {
   margin: 0px 0px 0px 10px;
   padding: 5px;
   padding-left:20px;
   width: 50%;
   border: 2px outset white;
   color:white;
   text-align:left;
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #777777, endColorstr = #cccccc, gradientType = 0);
 } 

.tabmenu { 
  width:100%; /* precision for Opera */ 
  float:left; 
  position:absolute; 
  overflow:visible;
  font-size:'0.9em';
} 

.unselectedtab { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:black; 
float:left; 
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ffffff', StartColorStr='#ccffbb');
} 


.unselectedtab .menu { 
  display:none; 
  list-style-type:none; 
  margin:0px; 
  padding:0px; 
  text-align:center;
} 

.selectedtab1 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer; 
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#cc99ff', StartColorStr='#ffffff');

} 

.selectedtab1 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 


.selectedtab2 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer; 
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ff0000', StartColorStr='#ffffff');

} 

.selectedtab2 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 

.selectedtab3 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer;
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ffff00', StartColorStr='#ffffff');

} 

.selectedtab3 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 

.selectedtab4 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer; 
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#3366ff', StartColorStr='#ffffff');

} 

.selectedtab4 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 

.selectedtab5 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer; 
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ff99cc', StartColorStr='#ffffff');

} 

.selectedtab5 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 

.selectedtab6 { 
margin:0px; 
margin-left:5px;  
width:16%; 	
padding:0px; 
text-align: center; 
font-size:'0.9em';
color:silver; 
cursor:pointer; 
float:left; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#000000', StartColorStr='#ffffff');

} 

.selectedtab6 .menu { 
  display:block; 
  list-style-type:none; 
  margin:0px; 
  padding:0px;
cursor:pointer; 
text-align: center;  
} 

.palbox {
  height:100px;
  overflow:auto;
  text-align: center;
  font-family:'Lucida Casual', 'Comic Sans MS';
  width=100%;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ccffbb, endColorstr = #006600, gradientType = 1);
}


.barcontainer_background {
  width=100%;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #ffffff, endColorstr = #ccffbb, gradientType = 1);
}