﻿body,html {
    margin:0px auto;padding:0px;
    font-family:'Segoe UI';font-size:12px;
    background-color:#fff;
    height:100%;
    overflow:hidden;  
 
}

.cb {clear:both; }

h3 { font-size: 16px; }

.button { border-radius:5px;padding:5px;background-color:#006699;color:#fff;border:1px solid #006699; text-align:center; }
.button:hover { cursor: pointer;background-color:#0088cc;border:1px solid #006699; color:#fff; }

#mask, #wait {position:absolute;top:0px;left:0px;opacity:.2;bottom:0px;right:0px;background-color:#000;z-index:98; }
#wait { background: #fff url('../img/skin/icons/wait.gif') no-repeat center center; z-index:999;opacity:.4;}

#appContainer{min-width:950px;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding-top:50px;}

#toolbar{background-color:#006699;height:50px;color:#fff;position:fixed;z-index:9;width:100%;top:0px;  }
#toolbar_identification{float:left;font-size:19px;font-weight:lighter;}
#toolbar_identification a{padding:12px 20px 12px 20px;}

#toolbar a{float:left; color:#fff;text-decoration:none;}
#toolbar a:hover{background-color:#005696;}

#toolbar_user{float:right; text-align:right;font-size:14px;}
#toolbar_user a{padding:15px 20px 15px 20px;border-right:1px solid #267DA8;cursor:pointer;}
#toolbar_user a span{color:#7DB1CB;}
#toolbar_user a.CompanySettings{height:20px;background:transparent url('/_sysFiles/img/skin/icons/settings.png') center no-repeat;}

#sidebar_Menu {z-index:5;background-color:#fff;position:absolute;bottom:20px;left:0px;height:50%;width:160px; background-color:transparent; }
.wall_tab {top:0px; }
.password_tab {top:100px;}
.feed_tab {top:150px; }
.about_tab {top:200px;}
.users_tab {top:50px; }
 
#content_header{padding-bottom:10px;border-bottom:1px solid #ccc;position:absolute;top:60px;left:150px;right:20px;height:30px;}
#content_wrapper {position:absolute;top:120px;bottom:120px;left:150px;right:50px;border:2px dashed #ccc;overflow:hidden; }
#content { }
 
#content_footer{border-top:1px solid #ccc;font-weight:lighter;position:absolute;height:30px;bottom:70px;left:150px;right:20px;}
.scroller {height:50px;position:fixed;z-index:7;left:152px;right:52px;opacity:0.1; filter:alpha(opacity=10);-moz-opacity:0.1; }
#bottomScrub {bottom:72px;background:#000 url('/_sysFiles/img/skin/icons/down_arrow.png') center center no-repeat;}
#topScrub {top:120px;background:#000 url('/_sysFiles/img/skin/icons/up_arrow.png') center center no-repeat;z-index:9; }
.scroller:hover {opacity:.5; }

 .data-cell,.data-cell-blank{width:98%;border-bottom:1px dashed #ccc;padding:1%;position:relative;cursor:pointer;display:block;}
 .data-cell .note {width:80%;display:inline-block; }
 .data-cell .user, .data-cell .dat {width:8%;display:inline-block;float:right;padding:0px;}
 
 .data-cell:hover { background-color:#e7e7e7; }
 
 .header {display:none;font-size: 14px; font-weight: bold; color: #000; padding: 20px;top:120px;position:fixed;right:50px;left:150px;z-index:99;background-color:#ccc; }
 .header span:hover {cursor:pointer; }
 .item {width:16%;display:inline-block;}
  
.appSearch{position:absolute; right:20px;top:60px;z-index:5;border:1px solid #CCC;padding-right:5px;}
.appSearch input[type=text]{font-family:'Segoe UI';font-size:12px;width:130px;height:15px;padding:5px 20px 5px 5px;color:#666;border:none;}
.appSearch input[type=text]:focus{background-color:#f3f3f3;}
.appSearch input[type=button] {width:20px;border:none;background:#fff url('/_sysFiles/img/skin/icons/search.png') right no-repeat;background-position:98% 50%; }

.round { -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; }

/* TABS */
.tab {  -webkit-border-top-right-radius: 5px;
		  -webkit-border-bottom-right-radius: 5px;
		  -moz-border-radius-topright: 5px;
		  -moz-border-radius-bottomright: 5px;
		  border-top-right-radius: 5px;
		  border-bottom-right-radius: 5px;
    background-color:#d6d6d6;padding:10px 20px;
    position:absolute;
    z-index:5;
    color:#006699; 
    text-decoration:none;
    width:100px;
    left:-10px;
    text-align:right;
    cursor:pointer;
}
.active {font-weight:900;left:0px; background-color:#006699;color:#fff;}
.tab:hover { font-weight:900;left:0px;}

/* SIDEBAR*/
#sidebar {position:absolute;left:-730px;top:50px; z-index:99;color:#000;bottom:10px;font-size:14px;}
#sidebar_wrapper, #sidebar_close_tab  {background-color:#d6d6d6; }
#sidebar_wrapper {position:relative;padding:40px 20px 20px 20px;-webkit-border-bottom-left-radius:5px; 
 -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;width:610px;height:100%; }

#sidebar_open_tab {top:100px;} 
#sidebar_close_tab { top: 50px; left: 630px; width:50px;}
#sidebar_close_tab:hover {left:650px;  }

#sidebar h3  {font-size:20px;} 
#sidebar fieldset {padding:15px; }

/* WALL */

#add_pad, #edit_pad {width:600px;height:300px;}
#edit_container { display: none; }

 
.pad_options {padding:10px;width:100%; }

 .user , .user_label {padding:5px;margin-bottom:20px; border:none; width:350px;display:inline-block;}
.user_label {width:150px; }

.buttonWrite {float:right;width:100px;}

/* USERS */
#edituser {position:absolute;left:-730px;top:50px; z-index:99;color:#000;bottom:10px;font-size:14px; }
#edit_wrapper { position:relative;padding:40px 20px 20px 20px;-webkit-border-bottom-left-radius:5px; 
 -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;width:610px;height:100%;}
#edit_wrapper {background-color:#d6d6d6; }
#closeeditor {position:absolute;left:-700px;top:50px; z-index:98;}

#edit_container input.user select.user  { border:2px red solid;}

/* ABOUS US*/
#about_us {padding:20px;position:absolute;top:50%;left:50%;width:800px;height:500px;background-color:#fff;z-index:100;margin-top:-250px;margin-left:-400px;
border:1px dashed #ccc;}
.au_container {position:relative; }
.close_button {position:absolute;right:20px;bottom:20px;}

/* PASSWORD */
#password_container {padding:20px;position:absolute;top:50%;left:50%;width:350px;height:200px;background-color:#fff;z-index:100;margin-top:-100px;margin-left:-175px;
border:1px dashed #ccc; }
 #password_container label, #password_container input[type=password] {padding:5px;margin-bottom:20px; border:none; width:150px;display:inline-block; }
 #password_container input[type=password] { border:1px solid #ccc;}
#cmdSubmit_password {position:absolute;left:20px;bottom:20px; }
