.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { margin-left: 5px; }
.mb5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }

.page-title {
    color: #90B29D;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

.center {
    margin: 0 auto;
}

.col500 {
    width: 500px;
}
/*.bg-lightgrey {
    background-color: #F1F1F1;
}*/

.float-left {
    float: left;
}

.padding5 {
    padding: 5px;
}

.disp-none { display: none; }

.contentHolder {
    clear: both;
    display: inline;
    float: left;
    margin: 0px 16px 16px;
    width: 970px;
    border:1px solid red;
}
.tcenter {
text-align: center;
}
.center {
margin: 0px auto;
}
.form-title {
font-weight: bold;
font-size: 1.3em;
color: #9D90B2;
text-align: center;
}
.errors {
color: red;
}
/**table**/
table.listTable {
	border-right: 1px solid #ddd;
	}
	
table.listTable th {
	padding: 4px;
	color:#fff;
	background: #08c;
	font-size: 12px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border-right: 1px solid #64aae5;
	border-left: 1px solid #216dad;
	/* font-family:"HandelGothicDMedium", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	}
table.listTable th a {
	color:#fff;
	}
	
table.listTable td {
	padding: 3px;
	text-align:left;
	background: #f3f3f3;
	border: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 11px;
	color: #555;
	text-align: center;
	}
	
table.listTable td a.spLinks {
	text-decoration:none;
	padding: 3px 0 5px 21px;
	width:auto;
	}
table.listTable td a.spLinks:hover {
	color: #444;
	}
table.listTable td a.view {
	background:url(../images2/viewIcon.png) top left no-repeat
 	}

table.listTable td a.stats {
	background: url(../images2/statsIcon.png) top left no-repeat
 	}
	
table.listTable td a.delete {
	background: url(../images2/deleteIcon.png) top left no-repeat
 	}
        table td {padding: 3px 4px; } 

table.with-borders {
	margin: 0px auto;
	text-align: center;
}
table.with-borders th, table.with-borders td {
	padding: 4px 5px; 
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}
table.with-borders th {
	border-top: 1px #999 solid;
	font-weight: bold;
	text-align: center;
	background-color: #ccc;
}
table.with-borders td {
	text-align: left;
}

table.with-borders td.th01 { 
	background-color:transparent; 
	border:none; 
	background:url(../images/tbl-th-01.png) repeat-x scroll top left; 
	padding:7px 10px;
	font:normal 13px/1.3em HandelGothicDMedium, Arial, Helvetica, sans-serif;
	color:#FFF; text-transform:uppercase;
}
.br {
    border-right: 1px solid #999999;
}
table.with-row-highlight tr:hover td {
    background-color: #ffc500;
}
/***table ends here****/
.tright {
    text-align: right;
}

.center {
    margin: 0 auto;
}

.col700 {
    width: 700px;
}

.pb10 {
    padding-bottom: 10px;
}
.padding5 {
    padding: 5px;
}
/*
.float-left {
    float: left;
}*/

/*.bg-lightgrey {
    background-color: #F1F1F1;
}*/
.new-inline-block {
      float: left;
    margin: 3px 4px 3px 159px;
}
/** pagination **/
div.pagination {
	padding: 3px;
	margin: 3px -4px 3px 0;
	text-align:left;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
        float:right;
	}
div.pagination a {
	border: 1px solid #AAAADD;
	text-decoration: none; 
	color: #2498ce;
	}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #1e80ad;
	color: #2498ce
	}
div.pagination span.current {
	font-weight: bold;
	color: #FFF;
	border:1px solid #1e80ad;
	background-color:#2498ce;
	}
div.pagination span.disabled {
	border: 1px solid #EEE;
	color: #DDD;
	}
div.pagination a, div.pagination span.current, div.pagination span.disabled	{
	padding: 2px 5px 2px 5px;
	margin: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	}

.pagi_com1 { font:bold 12px/12px Arial, Helvetica, sans-serif; color:#999999; margin:0 12px 0 0; }
.pagi_com2 { 
	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#999999;
	color:#585858;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	border:1px solid #cccccc;
	padding:4px 6px;
	margin:0 -4px 0 0;
	*margin:0 0 0 0;		
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */	
	}
	
/*** pagination ends here **/
ul.normal-list {
    list-style-position: inside;
    list-style-type: circle;
}
ul.normal-list li {
    border-bottom: 1px solid #FFFFFF;
    padding: 2px 2px 4px;
}

div#add-ip-div {
    padding: 5px;
    position: relative;
}
div#ip-addresses {
    margin: 10px 5px 10px 5px;
}
    div#ip-addresses div.ip {
        display: inline-block;
        width: 12%;
        margin-right: 10px;
        border: 1px #ccc solid;
        margin-bottom: 10px;
        position: relative;
    }
    div#ip-addresses div.ip p {
        padding: 5px;
    }
    div#ip-addresses div.ip span {
        float: right;
        margin-left: 2px;
        border-left: 1px #ccc solid;
        cursor: pointer;
        text-align: center;
        padding: 5px;
    }

div.user-groups-div {
    min-height: 600px;
}
* html div.user-groups-div {
    height: 600px;
    overflow: visible;
}
div#user-groups-list {
    margin: 10px 5px 10px 5px;
}
    div#user-groups-list div.group {
        display: inline-block;
        width: 295px;
        padding: 10px;
        border: 1px #ccc solid;
        margin-bottom: 10px;
        margin-right: 10px;
        background-color: #efefef;
    }
    div#user-groups-list div.group a {
        font-size: 14px;
    }
    div#user-groups-list div.group span.del-box {
        float: right;
        margin-left: 10px;
        font-weight: bold;
        color: red;
        font-size: 14px;
        cursor: pointer;
    }