/* Body */

html,body{
   margin: 0;
   padding: 0px;
   border:none;
   font-family: verdana,arial,helvetica,sans-serif;
   font-size: 10pt;
   color: #777777;
}

body{
   background: url(img/orange_pg_bg.jpg);
   background-position: bottom;
   background-attachment: fixed;
   background-repeat: repeat-x;
}

a{
   color: blue;
   text-decoration: none;
}

/* TopBar */

div.topbar-logo{
   position: absolute;
   left:60px;
   top: 10px;
}

/* Write Post */

div.writepost{
   position: absolute;
   left: 60px;
   top: 120px;
   width: 580px;
   padding: 10px;
   margin: 0px;
   background: #ffffff;
   border-style: dashed;
   border-width: 2px;
}

th.writepost-in{
   width: 50px;
   text-align: left;
   vertical-align: top;
}

td.writepost-button{
   text-align: right;
}

td.writepost-cc{
   text-align: right;
}

span.writepost-tomsg
{
   font-size: 7pt;
}

span#char_counter{
   font-size: 12pt;
   font-weight: bold;
}

.in_negative{
   color: red;
}

/* Updating */

div.updating{
   position: absolute;
   left: 60px;
   top: 285px;
   width: 580px;
   padding: 0px;
   margin: 0px;
   background: #ffffff;
   text-align: center;

}

/* Posts */

div.posts{
   position: absolute;
   left: 60px;
   top: 310px;
   width: 580px;
   padding: 10px;
   margin: 0px;
   background: #ffffff;
   border-style: dashed;
   border-width: 2px;
}

/* Info Block */

div.infoblock{
   position: absolute;
   left: 700px;
   top: 120px;
   width: 150px;
   height: 100px;
   padding: 10px;
   margin: 0px;
   background: #EBDDE2;
   border-top-style: dashed;
   border-left-style: dashed;
   border-right-style: dashed;
   border-bottom-style: none;
   border-width: 2px;
}

/* Main Menu */

div.mainmenu{
   position: absolute;
   left: 700px;
   top: 220px;
   width: 150px;
   padding: 10px;
   margin: 0px;
   background: #EBDDE2;
   border-top-style: none;
   border-left-style: dashed;
   border-right-style: dashed;
   border-bottom-style: dashed;
   border-width: 2px;
}

div.mainmenu-item{
   width: 100%;
   padding-top: 3px;
   padding-bottom: 3px;
}

div.mainmenu-item-sel{
   background: #C38EC7;
   color: white;
}

a.mainmenu{ 
   font-weight: normal;
   color: #777777;
}

a.mainmenu:link{ 
   text-decoration: none;
   color: #777777;
}

a.mainmenu:visited{ 
   text-decoration: none;
   color: #777777;
}

a.mainmenu:active{ 
   text-decoration: none;
   color: #777777;
}

a.mainmenu:hover{ 
   text-decoration: none;
   color: white;
}

span.newinbox{
   font-size: 8pt;
   color: red;
}

/* Add Blocks */

div.add2{
   position: absolute;
   left: 707px;
   top: 1250px;
   width: 150px;
}

div.add1{
   position: absolute;
   left: 707px;
   top: 600px;
   width: 160px;
}


iframe#add2{
   position: absolute;
   left: 400px;
   top: 20px;
   width: 500px;
   overflow: hidden; 
   border: none;
   scroll: none;
}


/* Post Item */

ul.posts{
   padding-left: 0px;
   list-style-type: none;
   list-style-position: outside;
}

table.postitem{
   width: 100%;
}

li.postitem{
}

li.postitem-sel{
   background: #C6DEFF;
}

div.postitem-poster{
   width: 100%;
   padding-top: 5px;
   margin: 0px;
}

a.postitem-user{
   color: blue;
}

a.postitem-user:hover{
   text-decoration: underline;
}

div.postitem-text{
   width: 100%;
   padding-bottom: 5px;
}

div.postitem-time{
   width: 100%;
   padding-bottom: 5px;
   border-bottom-style: dashed;
   border-width: 1px;
   margin: 0px;
   font-size: 7pt;
   color: #888888;
}

td.postitem-ctrl{
   width: 30px;
   vertical-align: top;
}

div.postitemctrl{
   visibility: hidden;
}

div.postitemctrl-sel{
   visibility: visible;
}

a.postitem-link{
   color: blue;
}

a.postitem-link:hover{
   text-decoration: underline;
}

/* Profile, Blocked, Filter, Friends */

div#profile, div#blocked, div#filter, 
div#friends, div#userprofile, div#invite, 
div#static_page{
   display: none;
   position: absolute;
   left: 80px;
   top: 130px;
   width: 700px;
   height: 500px;
   padding: 0px;
   margin: 0px;
   background: #C2DFFF;
   border-style: solid;
   border-width: 5px;
}

div#userplane{
   display: none;
   position: absolute;
   left: 400px;
   top: 130px;
   width: 200px;
   height: 165px;
   padding: 0px;
   margin: 0px;
   background: #C2DFFF;
   border-style: solid;
   border-width: 5px;
}

iframe#userplane{
  width: 200px;
  height: 110px;
}

table#layer-head{
   width: 100%;
   height: 40px;
   padding: 0px;
   border-spacing: 0px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

div.lay_actions{
   padding: 20px;
   padding-left: 10px;
}

a.lay_actions{
   text-decoration: none;
   color: #777777;
}

div.lay_online{
   padding-left: 10px;
   padding-top: 10px;
   font-size: 7pt;
}

/* Profile In */

table.profile-in{
   width: 600px;
   border-collapse: collapse;
   border-spacing: 0px;
   border-spacing: 0px;
}

tr.profile-in{
   height: 30px;
   color: #888888;
   font-size: 12pt;
}

td.profile-in{
   padding: 5px;
   vertical-align: top;
}

table.profile-in-show{
   padding: 5px;
}

th.profile-in-show-title{
   width: 20%;
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

td.profile-in-show{
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

table.profile-in-edit{
   padding: 5px;
}

th.profile-in-edit-title{
   width: 20%;
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

td.profile-in-edit{
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

th.profile-in-edit-title-error{
   width: 20%;
   color: red;
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

td.profile-in-edit-error{
   text-align: left;
   font-size: 10pt;
   vertical-align: top; 
}

input.profile-in{
   font-size: 10pt;
}

a.profile-in-control{
   font-size: 10pt;
}

div.profile-in-fldtip{
   position: absolute;
   top: 0px;
   left: 0px;
}

table.profile-in-fldtip{ 
   width: 300px;
   height: 15px;
}

th.profile-in-fldtip{ 
   background: #777777; 
   height: 0px; 
   border: 0px solid; 
   border-color: #777777;
   color: white; 
   font-size: 7pt 
}

td.profile-in-fldtip{ 
   background: #78c7c7;
   border: 3px solid; 
   border-color: #777777;
   color: #eeeeee;
   vertical-align: top;
   font-size: 9pt;
   padding: 5px;
}

/* Friends */

div.friends-list{
   position: absolute;
   left: 80px;
   top: 60px;
   width: 70%;
   height: 350px;
   padding: 20px;
   background: #C2DFFF;
   overflow: auto;
}

ul.friends-list{
   padding-left: 0px;
   list-style-type: none;
   list-style-position: outside;
}

table.friends-item{
   width: 100%;
}

td.friends-item-data{
   border-bottom: 1px dashed;
   border-color: #777777;
   vertical-align: top;
}

li.friends-item{
}

li.friends-item-sel{
   background: #C2FFDF;
}

span.friends-user{
   color: blue;
}

td.friends-item-ctrl{
   width: 30px;
   vertical-align: top;
}

div.friends-ctrl{
   visibility: hidden;
}

div.friends-ctrl-sel{
   visibility: visible;
}

/* Blocked */

div.blocked-list{
   position: absolute;
   left: 80px;
   top: 60px;
   width: 70%;
   height: 350px;
   padding: 20px;
   background: #C2DFFF;
   overflow: auto;
}

ul.blocked-list{
   padding-left: 0px;
   list-style-type: none;
   list-style-position: outside;
}

table.blocked-item{
   width: 100%;
}

td.blocked-item-data{
   border-bottom: 1px dashed;
   border-color: #777777;
   vertical-align: top;
}

li.blocked-item{
}

li.blocked-item-sel{
   background: #C2FFDF;
}

span.blocked-user{
   color: blue;
}

td.blocked-item-ctrl{
   width: 30px;
   vertical-align: top;
}

div.blocked-ctrl{
   visibility: hidden;
}

div.blocked-ctrl-sel{
   visibility: visible;
}

/* Filter */

table.filter{
   position: absolute;
   left: 30px;
   top: 60px;
   border-collapse: separate;
   border-spacing: 5px;
}

td.filter-c{
   text-align: center;
}

select.filter{
   width: 280px;
}

span.filter-ar{
   color: #7401DF;
}

/* Invite */

table.invite{
   position: absolute;
   left: 30px;
   top: 60px;
   border-collapse: separate;
   border-spacing: 5px;
}

td.invite-head{
   font-size: 12pt;
}

td.invite-inst{
   font-size: 8pt;
}

td.invite-button{
   text-align: center;
}


/* Static */

div.static_in{
   padding: 10px;
   max-height: 400px;
   overflow: auto;
}