html,body,.wrap {
    font-family:Arial;
    font-size:12pt;
    margin: 0;
    padding: 0;
    outline: 0;
    height:100%;
    background-color:lightsteelblue;
    border:0 solid white;
}
h1 {
    color:mediumblue;
    text-shadow:0 0 25px;
}

.menu {
    background-color:black;
    color:white;
    font-size:18pt;
    padding:10px 10px 10px 10px;
    height:35px;
    box-shadow:0 0 10px 10px black;
    z-index:4;
}
.menulist {
    margin:0;
    padding:0;
    border: 0;
    outline: 0;
}

.menulist li {
    display: inline; 
    list-style-type: none;
    list-style-position:inside;
    padding-right:30px;
}

.cbList {
    padding-right:15px;
}
.menulistleft {
    float:left;
    width:auto;
}
.menulistright {
    float:right;
    width:auto;
}

.menulist a:link,a:visited {
    color:white;
    text-decoration-line:underline;
    text-decoration-style:solid;
}
.menulist input {
    color:black;
    text-decoration-line:none;
    text-decoration-style:none;
}

.maincontent {
    clear:both;
    margin:10px 10px 10px 10px;
    padding:10px;
    height:88%;
}

.floater {
    border: 5px ridge navy;
	padding: 7px;
    background-color:ghostwhite;
	margin: 5px;
   	
	box-shadow: 0 0 25px azure;
}
.autosizetablecell {
    width:180px;
    text-align:right;
}
.ServerEvents {
    clear: both;
    width:97%;
}
.Clients {
    clear: both;
    width:97%;
    margin-bottom:45px;
}
.Dashboard {
    clear: both;
    width: 97%;
}
.WibuStuff {
    clear: both;
    width: 97%;
}
.CreateTrial {
    clear: both;
    width: 97%;
}
.UserEvents {
    clear: both;
    width: 97%;
}
.AdminEvents {
    clear: both;
    width: 97%;
}
.ServerEvents .mydatagrid {
    width:100%;
}
.Clients .mydatagrid {
    width: 100%;
}
.AdminEvents .mydatagrid {
    width: 100%;
}
.UserEvents .mydatagrid {
    width:100%;
}

.UserDB {
    clear:both;
    width:97%;
}
.mydatagrid
{
	border: solid 2px black;
    }
.header
{
	background-color: #646464;
	font-family: Arial;
	color: White;
	border: none 0 transparent;
	height: 25px;
	text-align: center;
	font-size: 16px;
}

.rows
{
	background-color: #fff;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	min-height: 25px;
	text-align: left;
	border: solid 1px silver;
}
.rows:hover
{
	background-color: #ff8000;
	font-family: Arial;
	color: #fff;
	text-align: left;
}
.selectedrow
{
	background-color: #ff8000;
	font-family: Arial;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #000;
	color: #fff;
}

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #c9c9c9;
	color: #000;
	padding: 5px 5px 5px 5px;
}
.pager
{
	background-color: #646464;
	font-family: Arial;
	color: White;
	height: 30px;
	text-align: left;
}

.mydatagrid td
{
	padding: 2pt;
}
.mydatagrid th
{
	padding: 2pt;
}

#protocol_textarea {
    width:95%;
    height:350px;
}

#dynamicframe {
  height: 500px;
  width: 100%;
}
td.last {
    width: 1px;
    white-space: nowrap;
}

.dividercell {
    border-top:2px solid black;
    padding-top:5px;
}

.UserDB .rows a {
    color:blue;
    text-decoration:underline;
}

.UserDB .rows a:hover {
    color: blue;
    text-decoration: underline;
    background-color:unset;
}