html, body 
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
	background: transparent; 
	font-family: 'Droid Sans',sans-serif;
	min-width: 768px;
	min-height: 612px;
}

body {display: none; overflow: hidden;}
html {overflow: auto;}

#header, #footer
{
	margin-top: 0px; 
	background-color:#FFF; 
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	font-family: 'Droid Sans',sans-serif;
}

#header {top: 0; border-bottom: 6px solid #eee; max-height: 80px;}

#logo {max-height: 40px; max-width: 300px;}

#footer {color: #FFF; position: relative; margin-bottom: 0; height: 36px; border-top: 6px solid #eee;}

#footer p {margin-bottom: 0;}

#content 
{
	overflow: auto;
	margin-top: 0px; 
}

#popmenu
{
	position: fixed; 
	top: 42px;
	overflow: hidden;
	border-radius: 0px;
	z-index: 140;
	border-left: 1px solid rgba(0,0,0,0.05);
}

.btn-menu {margin-bottom: 4px; display: inline-block;}
.btn-vsep {margin-bottom: 4px; display: block; height:0px; border-top: 1px dotted rgba(20,20,20,0.5); clear:both; width:60%; margin-left:auto; margin-right: auto;}

.panel 
{
	 margin-bottom: 0;
	 padding: 20px;
	 padding-top: 0px;
	 border-radius: 6px;  border-top-right-radius: 0; border-bottom-right-radius: 0;
	 border: 1px solid rgba(0,0,0,0.05); 
	 border-right-width: 0;
}

.panel h3 
{
	padding: 8px; 
	margin-top: 0px; 
	margin-bottom: 20px; font-size: 1.25em; font-weight: bold; 
	border-bottom: 1px dotted #AAAAAA; 
	background-color:#FFF; 
	margin-left:-20px; 
	margin-right: -20px;
}

.panel-outer 
{
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: rgba(255,255,255,.8);
	border-radius: 6px;  
	border-top-right-radius: 0; 
	border-bottom-right-radius: 0;
	display:none;
	box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.80);
	right: 48px;
}

.panel-outer-left
{
	left: 0;
	border-top-left-radius: 0; 
	border-bottom-left-radius: 0;
	box-shadow: none;
}

.panel-outer-opaque {background-color: rgba(255,255,255,1.0);}

.slider-right {padding: 10px; padding-right: 3px;}
.slider-top {padding: 10px; padding-top: 0px; clear: both;}
.slider-left {padding: 10px; padding-left: 3px;}
.slider-nopadding {padding: 0px;}

#uisetup {top:80px;  max-width: 600px;}
#uisetup {z-index: 101; }

#columnsetup {top:110px; max-width: 600px;}
#columnsetup {z-index: 102;}

#whoissetup {top:42px; max-width: 750px; z-index: 103; height:auto;}
#whoissetup  .ui-widget-header {background-color: transparent; background: none !important; border-width: 0;}

.close-button {text-align:right; margin-right:4px; margin-top: 2px; background-image:url('images/16/close.png'); background-repeat: no-repeat; width: 16px; height:16px;}
.ui-icon.grip-drag-action-button { background-image: url('images/16/grip.png'); }

#displaylist, #dnsdisplaylist, #ssldisplaylist  {overflow-x: hidden; overflow-y:auto;}
#displaylist ul, #dnsdisplaylist ul, #ssldisplaylist ul {list-style: none; margin: 0; padding: 0;}
#displaylist li, #dnsdisplaylist li , #ssldisplaylist li{ position:relative; margin: 2px 0; padding: 5px; border: 1px solid lightgray; list-style: none; padding-left: 42px;border-radius:0;}
#displaylist li .handle, #dnsdisplaylist li .handle, #ssldisplaylist li .handle {position: absolute; left: 0; top: 0; bottom: 0; padding: 8px; border-right: 1px dotted #AAA;}
#displaylist label input, #dnsdisplaylist label input , #ssldisplaylist label input{margin-right: 8px;}
#selectedcolumn {margin-top: 16px;}

#mpanel-download, #mpanel-lookup
{top: 50px;  max-width: 700px;}

#mpanel-download {z-index: 104;}
#mpanel-lookup {z-index: 105;}
#mpanel-parsewhois {z-index: 106; top: 132px; max-width: 500px;}
#mpanel-regalias {z-index: 107; top: 132px; max-width: 500px;}
#processqueue {z-index: 108; top: 132px; max-width: 500px;}
#useradmin {z-index: 109; top: 42px; max-width: 750px;}
#userselfadmin {z-index: 110; top: 132px; max-width: 300px; min-width: 300px;}
#mpanel-bulkedit {z-index: 111; top: 80px; max-width: 750px;}
#mpanel-categorize {z-index: 112; top: 60px; max-width: 600px;}
#appsetup {z-index: 113; top: 42px; max-width: 750px;}
#userguide {z-index: 115; top: 132px; max-width: 400px;}
#customcolumns   {z-index: 116; top: 80px;}
#mpanel-addsubd {z-index: 117; top: 10px; max-width: 500px;}
#dnscolsetup {z-index: 118; top: 42px; max-width: 600px;}
#sslcolsetup {z-index: 119; top: 42px; max-width: 600px;}

#navbarmenu 
{
	top: 0px;
	right: 10px;
	z-index: 141;
	height: 'auto';
	max-height: 500px;
}

#navbarmenu  .panel {border-radius:0; padding:0;}

.navmenu-outer 
{
	border-bottom-right-radius: 6px !important;  
	border-bottom-left-radius: 6px !important;  
	border-top-right-radius: 0 !important; 
	border-top-left-radius: 0 !important;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: rgba(255,255,255,.8);
	display:none;
	box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.80);
	background-repeat: no-repeat;
	background-position: 24px bottom;
	background-image: url(images/favicon.png);
}

hr.panelruler 
{
    border: 0;
	height: 0;
    background: transparent;
    margin-top: 0px;
	border-bottom: 1px dotted #AAAAAA;
}
 
.mainiface {
height: 400px;
}

.split {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;

overflow-y: hidden;
overflow-x: hidden;
}

.gutter {
background-color: #eee;

background-repeat: no-repeat;
background-position: 50%;
}

.gutter.gutter-horizontal {
background-image: url('../js/split/grips/vertical.png');
cursor: ew-resize;
}

.gutter.gutter-vertical {
background-image: url('../js/split/grips/horizontal.png');
cursor: ns-resize;
}

.split.split-horizontal, .gutter.gutter-horizontal {
height: 100%;
float: left;
}
 
.gridAltRowClass {background-image:none;}

.btn-navtb {margin-top:2px; margin-left: 4px;}
 
#CategoryTabView, #DetailsTabView {border: none; font-size: 12px;}
 
.panel input, .panel select, .panel textarea {color: #000;}

#gbox_DomainTable  {border-width: 0;}
#gbox_DomainCategoryTable  {border-width: 0;}
#gbox_DomainQueryTable  {border-width: 0;}
#gbox_SubdomainTable  {border-width: 0;}
#gbox_SSLTable  {border-width: 0;}
#gbox_UserTable  {border-width: 0;}

.ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a  {
    outline: none;
}

/* .ui-jqgrid tr.ui-row-ltr td {border-bottom: none !important;} */

.ui-jqgrid tr.ui-row-ltr.ui-state-hover td {border: none !important;}

.ui-pg-button, .ui-button-icon-only, .btn, .ui-button
{
	outline-color: transparent;
    outline: none;
}

.ui-search-input > input,
.ui-pg-selbox,
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus
{
    outline: none;
}

.ui-dialog { font-size: 0.8em; }

.hidden { display: none; }

#DetailsPane h3
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}

#DetailsPane  .btn-danger {color: #FFFFFF !important;}
#DetailsPane  .btn-primary {color: #FFFFFF !important;}
#DetailsPane  .btn-default {color: #000000 !important;}


.ui-jqgrid .ui-jqgrid-htable th,
.ui-jqgrid tr.jqgrow td, .ui-pg-table td 
{
    height: 1.9em !important;
}

#delmodDomainTable {max-width: 500px;}

#editmodUserTable , #viewmodUserTable, #delmodUserTable, #searchmodfbox_UserTable,
#editmodSSLTable , #viewmodSSLTable, #delmodSSLTable, #searchmodfbox_SSLTable,
#editmodSubdomainTable , #viewmodSubdomainTable, #delmodSubdomainTable, #searchmodfbox_SubdomainTable,
#editmodDomainTable , #viewmodDomainTable, #delmodDomainTable, #searchmodfbox_DomainTable,
#editmodDomainCategoryTable, #viewmodDomainCategoryTable, #delmodDomainDomainCategoryTable, #searchmodfbox_DomainDomainCategoryTable,
#editmodDomainQueryTable , #viewmodDomainQueryTable, #delmodDomainQueryTable, #searchmodfbox_DomainQueryTable
{
	background-image: none !important; background-color: transparent; box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.80);
}

#alertmod_DomainTable, #alertmod_DomainCategoryTable, #alertmod_DomainQueryTable, #alertmod_SubdomainTable, #alertmod_SSLTable, #alertmod_UserTable
{
	box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.80);
}

.dialogWithShadow 
{
	box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.80);
	border: 8px solid rgba(255,255,255,0.5); 
	padding: 0; 
	z-index: 151;
	background-image: none !important; background-color: transparent;
	border-radius: 6px !important;
}

.dialogWithShadow  > .ui-dialog-buttonpane {margin-top: 0;}

.dialogWithShadow > .ui-widget-header  {background-image: none;}
.dialogWithShadow  .ui-button  {background-image: none !important; border-radius: 2px;} 
.dialogWithShadow  .btn-primary {color: #FFFFFF !important;}

.ui-jqdialog {border-radius: 6px !important; padding: 0; outline: none;}
.ui-jqdialog-content {padding-top: 20px !important; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important;}

#TblGrid_UserTable, #fbox_UserTable,
#TblGrid_SSLTable, #fbox_SSLTable,
#TblGrid_SubdomainTable, #fbox_SubdomainTable,
#TblGrid_DomainTable, #fbox_DomainTable,
#TblGrid_DomainCategoryTable, #fbox_DomainCategoryTable,
#TblGrid_DomainQueryTable, #fbox_DomainQueryTable
{ margin-bottom: 12px !important;}

/*
#fbox_DomainTable_2, #fbox_DomainCategoryTable_2, #fbox_DomainQueryTable_2 
{
    border-collapse: separate;
    border-spacing: 0 1em;
}
*/

#fbox_DomainTable .ui-widget-content
{
	background-image: none !important; background-color: transparent;
}

#fbox_DomainTable  input, #fbox_DomainCategoryTable input, #fbox_DomainQueryTable  input, #fbox_SubdomainTable  input, #fbox_SSLTable  input, #fbox_UserTable  input
{color:#000;}

table.group 
{
    border-collapse: separate;
    border-spacing: 4px 8px;
}

.ui-jqdialog  *:focus, .dialogWithShadow *:focus
{
    outline: 1px !important;
	outline-style: dotted !important;
}

#jqGridImageDiv{float:left; padding-right:5px; position:relative; top:-1px;}

.jqboldrow  td {font-weight : bold !important;}
.jqboldrow .category-name-cell:after   {content: " *";}

#UserTable  .ui-state-highlight .jqgrid-rownum,
#SSLTable  .ui-state-highlight .jqgrid-rownum,
#SubdomainTable  .ui-state-highlight .jqgrid-rownum,
#DomainCategoryTable  .ui-state-highlight .jqgrid-rownum,
#DomainQueryTable  .ui-state-highlight .jqgrid-rownum,
#DomainTable  .ui-state-highlight .jqgrid-rownum  
{
	text-decoration: underline; 
	background-image:url(images/16/rowselect.png);
	background-repeat: no-repeat; background-position: left; 
}

.btn-file 
{
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] 
{
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

input[readonly] 
{
  background-color: white !important;
  cursor: text !important;
}

#csverrors
{
	max-height: 150px;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
}

ul.bullets
{
	margin: 0px;
	padding: 0px;
	padding-left: 24px;
	margin-bottom: 16px;
	list-style-image: url('images/16/bullet.png');
}

ul.bullets li
{
	text-align:left;
	width:auto; 
	padding: 3px;
	padding-left: 5px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 100%;
	font-weight: normal;
}

#customcolumns ul.bullets li
{
	border-bottom: 1px dotted rgba(200,200,200,0.8);
}

#customcolumns ul.bullets
{
	border: 1px dotted rgba(200,200,200,0.8);
}

#dialog-csv-upload ul.bullets li.err 
{
	background-color: #FFA0A0;
	color: #000;
}

.btn-nav
{
	background-position: 12px 2px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 36px;
	overflow: hidden;
}

.btn-dgroup
{
	background-position: 12px 2px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 36px;
	overflow: hidden;
}

.navruler
{
	height:0px; 
	border-bottom: 1px dotted rgba(128,128,128,0.5);
	margin-bottom:5px; margin-top: 6px;
}

.btn-add {background-image: url(images/16/add.png);}
.btn-delete {background-image: url(images/16/delete.png);}
.btn-upload {background-image: url(images/16/upload.png);}
.btn-calendar {background-image: url(images/16/calendar.png);}
.btn-webpage {background-image: url(images/16/webpage.png);}
.btn-registrar {background-image: url(images/16/registrar.png);}
.btn-ipinfo {background-image: url(images/16/ipinfo.png);}
.btn-network {background-image: url(images/16/network.png);}
.btn-sitepop {background-image: url(images/16/sitepop.png);}
.btn-notes {background-image: url(images/16/notes.png);}
.btn-custom01 {background-image: url(images/16/custom01.png);}
.btn-custom02 {background-image: url(images/16/custom02.png);}
.btn-custom03 {background-image: url(images/16/custom03.png);}
.btn-disconnect {background-image: url(images/16/disconnect.png);}

.btn-allsd {background-image: url(images/16/allsd.png);}
.btn-norootsd {background-image: url(images/16/norootsd.png);}

.btn-alias {background-image: url(images/16/alias.png);}
.btn-download {background-image: url(images/16/download.png);}
.btn-lookup {background-image: url(images/16/lookup.png);}
.btn-parsewhois {background-image: url(images/16/parsewhois.png);}

.btn-columnsetup {background-image: url(images/16/columnsetup.png);}
.btn-whoissetup {background-image: url(images/16/whoissetup.png);}
.btn-theme {background-image: url(images/16/theme.png);}
.btn-customcolumns {background-image: url(images/16/addcolumn.png);}
.btn-categorize {background-image: url(images/16/categorize.png);}
.btn-bulkaction {background-image: url(images/16/bulkaction.png);}
.btn-vcard {background-image: url(images/16/vcard.png);}
.btn-help {background-image: url(images/16/help.png);}
.btn-setup {background-image: url(images/16/setup.png);}
.btn-sedmenu {background-image: url(images/16/sedmenu.png);}
.btn-runq {background-image: url(images/16/runq.png);}
.btn-auditlog {background-image: url(images/16/auditlog.png);}

.btn-report {background-image: url(images/16/report.png);}
.btn-subdomains {background-image: url(images/16/subdomains.png);}
.btn-main {background-image: url(images/16/main.png);}
.btn-appmenu {background-image: url(images/16/appmenu.png);}

.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
  margin-left: 0;
  margin-right: 20px;
  margin-top: 0.6em;
}
.checkbox-inline.no_indent:last-child {
  margin-right: 0;
}

.checkbox-header 
{
	font-weight: bold; 
	display: block;
	margin-left: 0;
	margin-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0.5em;
}

.radio-inline.no_indent,
.radio-inline.no_indent+.radio-inline.no_indent {
  margin-left: 0;
  margin-right: 20px;
  margin-top: 1em;
}
.radio-inline.no_indent:last-child {
  margin-right: 0;
}

.panelwell
{
	padding:20px; 
	padding-top:0; 
	background-color: rgba(200,200,200,0.5); 
	border-radius:3px; 
	border:1px dotted rgba(200,200,200,0.5); 
	margin-bottom: 20px;
}

.panelwell.last {margin-bottom:0;}
.panelwell.first {margin-top:10px;}

#hider
{
	position:absolute;
	top: 0%;
	left: 0%;
	right: 0;
	bottom:0;
	/*
	z- index must be lower than pop up box
   */
	z-index: 99;
   background-color: rgba(128,128,128,0.3);
}

#UserTable td, #UserTable th,
#SSLTable td, #SSLTable th,
#SubdomainTable td, #SubdomainTable th,
#DomainCategoryTable td, #DomainCategoryTable th,
#DomainQueryTable td, #DomainQueryTable th,
#DomainTable td, #DomainTable th, .ui-search-table td.ui-search-input,
.ui-jqgrid-htable th {padding-left:5px;}

.td_cbox {padding-left:0px !important;}
.r-h-disp-cell  {padding-left:4px !important;}

#registrywhois, #registrarwhois, #ipwhois, #about, #oltools, #luqinfo, #dataview, .luqstatus, .luqcontrol
{overflow: auto;}

.aboutrtext {text-align: right;}
.luqcontrol  input {color: #000;}

.btn-queue {margin-top: 4px; border: 1px solid #AAA; background-color: #FFF; color: #000 !important;}
.btn-queue:hover {background-color: #CCCCCC;}
.btn-wipe {background-image:url('images/16/trash.png'); background-repeat: no-repeat; width: 20px; height:20px; background-position: center center; }
.btn-refresh {background-image:url('images/16/refresh.png'); background-repeat: no-repeat; width: 20px; height:20px; background-position: center center; }

.luqtable tr {border-bottom: 1px dotted #CCC;}
.luqtable td {vertical-align: middle; padding: 4px;}
.luqtable a {margin-top: 0;}

.dataviewtable {width: 100%; border-collapse: collapse; border: 1px dotted #DDD;}
.dataviewtable td {padding-top: 3px; padding-left: 8px; padding-right: 8px;}
.dataviewtable tr {border-bottom: 1px dotted #CCC; vertical-align: baseline;}
.dataviewtable td.column {width: 240px;}
.dataviewtable td.value {}
.dataviewtable td.control {width: 48px;}
.dtabv  {max-height: 200px; overflow: auto;}
.del-orphan:focus, .del-orphan{ outline: none; }

#customqueries-categories, #useradmin-category, #categorize-category
{
	margin-left: 0px; margin-top:0px; margin-bottom: 0px;
	padding-left: 8px; 
	padding-bottom: 0px;
	padding-top: 0px;
	height:90px; overflow: auto; 
	text-align:left;
}

#customqueries-categories {height: 90px;}
#categorize-category {height:90px;}

#customqueries  input, #customqueries textarea {color: #000;}

.ui-slider .ui-slider-handle:focus { outline: none; }

#appsettings-email  *:focus, #whoissetup-servers *:focus,
#customqueries-customsql, #customqueries-name, #customqueries-string, 
#config_subdomain_entry, #customqueries-save, #customqueries-reset, #customqueries-refresh
 {outline: none;}
#customqueries-customsql {resize: none; border-color: #AAA; border-style: dotted; height: 80px;}

#useradmin-infobox {overflow: auto;}

#appsetup  .ui-widget-header {background-color: transparent; background: none !important; border-width: 0;}

#whoissetup-servers, #whoissetup-diag, #whoissetup-extraction,
#appsettings-basic, #appsettings-lookup, #appsettings-email, #appsettings-links, #appsettings-auth, #appsettings-interface
{
	overflow: auto;
}

#bulkeditcolumns, #domaincolumns {overflow-x: hidden; overflow-y: auto;}

#customqueries
{
	overflow-y: auto;
	overflow-x: hidden;
}

#appsettingstab, #whoissetuptab {font-size:0.9em;}

#customqueries .checkbox-inline.no_indent,
#customqueries .checkbox-inline.no_indent+.checkbox-inline.no_indent {margin-top: 0.5em;}

#whoissetup-xlate {white-space: nowrap;}

.categorychecklist 
{
	border: 1px dotted #AAA; 
	padding:0; padding-bottom:5px; 
	margin-bottom: 15px;
}

.popover {max-width: 300px; font-size: 13px; border-radius: 3px;}
.popover-content { max-height: 200px; overflow-y: auto; padding: 5px 12px 5px 12px;}

.ui-widget textarea {font-size: 1.2em;}

table.logtable {margin-left:auto; margin-right:auto; font-size:0.9em; border: 1px dotted #AAA; border-left: 0px; width:100%; border-collapse: separate; border-spacing: 0;}
table.logtable td {border-top: 1px dotted #AAA; overflow:auto; padding-left: 5px; border-left: 1px dotted #AAA;}
table.logtable th {border-bottom: 0px solid #AAA; background-color:#EEE; text-align:left; padding-left: 5px; border-left: 1px dotted #AAA;}
table.logtable td.action {width: 300px;}
table.logtable td.index {width: 40px;}
table.logtable td.user {width: 100px;}
table.logtable td.timeat {width: 80px;}

#oltools .ui-button {margin-bottom: 5px;}

@media (max-width: 767px) 
{
	#bulkeditcolumns, #domaincolumns, #displaylist, #dnsdisplaylist, #ssldisplaylist {max-height: 200px !important;}
	.panel-outer {max-width: 320px !important; max-height: 600px; top: 0px !important;}
	.panel-outer {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
	.slider-right {padding-right: 10px;}
	.navmenu-outer {max-width: 320px !important;}
	.ui-dialog {max-width: 320px;}
	.aboutrtext {text-align: left;}
}

@media (max-height: 612px) 
{
	/*#bulkeditcolumns, #domaincolumns, #displaylist, #dnsdisplaylist, #ssldisplaylist {max-height: 200px !important; border:1px dotted #888;}*/
	.panel-outer {max-height: 90vh !important; top: 0px !important;}
	.ui-dialog {max-height: 90vh; overflow: auto;}
}

@media print {
  html, body {
    display: none;  /* hide whole page */
  }
}
