body                    { background:#e2e2e2;
                          width:100%; height:100%;
                          padding:0px; margin:0px;
                          font-family:ABeeZee;
                          font-size:11pt;
                          overflow:hidden; }

.block					{ position:absolute;
						  z-index:9998;
						  top:0px;
						  left:0px;
						  height:100%;
						  width:100% }

.invisible				{ display:none;
						  visibility:hidden; }

.blur > *:not(.dialog)	{ filter:blur(10px);
						  transition: 0.1s -webkit-filter linear; }

.top					{ position:absolute; 
						  z-index:9999; }

.right					{ text-align:right; 
						  padding-right:20px; }
.ok						{ color:#009900; }
.err					{ color:#990000; }

pre						{ font-family:"Courier New", Courier;
						  font-size:1.2em;
						  font-weight:bold;
						  color:#990000;
						  padding:5px; }

div.spinner             { width:244px;
                          height:244px;
                          margin:auto;
                          background:url( "/gfx/spinner.gif" ); }

p.delete				{ padding:20px; 
						  font-size:1.4em;
						  color:#2c2c2c; }

p.centered              { text-align:center; }
p.greyed                { color:#8c8c8c; }

div.double_form			{ width:calc( 50% - 23px ); 
						  float:left; }

.double_form.l   		{ border-right:1px solid #990000; 
						  padding-right:20px; }

.double_form.r   		{ padding-left:20px; }

div.header              { position:absolute;
                          top:0px;
                          left:0px;
                          height:75px;
                          width:100%;
                          background-color:white;
                          background-image:url( "/gfx/background_top.png" );
                          background-position:top right;
                          background-repeat:no-repeat; }

div.logo                { background:url( "/gfx/logo_small.png" );
                          background-repeat:no-repeat;
                          width:190px; height:44px;
                          position:absolute;
                          top:13px;
                          left:15px; }

div.tabs                { position:absolute;
                          top:38px;
                          right:0px;
                          width:calc( 100% - 215px );
                          padding-right:15px;
                          height:30px; }

div.tab                 { position:relative;
                          height:19px;
                          padding:8px;
                          padding-left:20px;
                          padding-right:20px;
                          font-weight:bold;
                          font-style:italic;
                          float:right; }

.tab.active             { background:#e2e2e2;
                          color:#990000;
                          font-size:1.2em;
                          border:2px solid white;
                          border-bottom:3px solid #e2e2e2;
                          z-index:9; }

.tab.inactive           { background:#c6c6c6;
                          border:1px solid #efefef;
                          height:11px;
                          color:#2c2c2c;
                          top:7px;
                          cursor:pointer;
                          border-bottom:2px solid transparent;
                          z-index:9; }

.tab.inactive:hover     { background:white; }

div.navigation_wrapper  { position:absolute;
                          z-index:4;
                          top:75px;
                          left:0px;
                          width:64px;
                          border-top:2px solid white;
                          height:calc( 100% - 77px );
                          background:#9e9e9e; }

.navigation.item        { position:relative;
                          border:1px solid white;
                          border-top:1px solid #5b5b5b;
                          border-left:1px solid #5b5b5b;
                          color:white;
                          font-size:0.8em;
                          line-height:24px;
                          font-weight:bold;
                          cursor:pointer;
                          background:#5b5b5b;
                          left:-148px;
                          width:200px;
                          height:25px;
                          padding:5px;
                          box-shadow:0 0 0 0;
                          text-transform:uppercase; }

.navigation.item.active { background:#990000; }

.navigation.icon        { width:25px;
                          height:25px;
                          float:right; }

.success                { color:#007700;
                          font-weight:bold; }

.icon                   { background-size:20px 20px;
                          background-repeat:no-repeat;
                          background-position: center center; 
						  height:20px; width:20px; }

.icon.login             { background-image:url( "/gfx/ico_login.png" ); }
.icon.customers         { background-image:url( "/gfx/ico_customers.png" ); }
.icon.documentation     { background-image:url( "/gfx/ico_documentation.png" ); }
.icon.planning          { background-image:url( "/gfx/ico_planning.png" ); }
.icon.management        { background-image:url( "/gfx/ico_management.png" ); }
.icon.tour              { background-image:url( "/gfx/ico_navigation.png" ); }
.icon.timings           { background-image:url( "/gfx/ico_timings.png" ); }
.icon.money             { background-image:url( "/gfx/ico_money.png" ); }
.icon.statistics        { background-image:url( "/gfx/ico_statistics.png" ); }
.icon.controlling       { background-image:url( "/gfx/ico_controlling.png" ); }
.icon.settings          { background-image:url( "/gfx/ico_settings.png" ); }
.icon.aliases           { background-image:url( "/gfx/ico_aliases.png" ); }
.icon.domains           { background-image:url( "/gfx/ico_domains.png" ); }
.icon.forwardings       { background-image:url( "/gfx/ico_forwardings.png" ); }
.icon.logout            { background-image:url( "/gfx/ico_logout.png" ); }
.icon.dashboard         { background-image:url( "/gfx/ico_dashboard.png" ); }
.icon.mailboxes         { background-image:url( "/gfx/ico_mailboxes.png" ); }
.icon.users             { background-image:url( "/gfx/ico_users.png" ); }


.icon2                  { position:absolute;
                          margin-top:4px!important;
                          background-size:24px 24px;
                          background-repeat:no-repeat;
                          background-position: center center; 
						  height:25px; width:25px; }

.icon2.delete			{ background-color:#990000; 
						  background-image:url( "/gfx/ico_delete.png" ); 
						  border:1px solid #990000; 
						  border-radius:3px; }

.icon2.delete:hover		{ background-color:white;
						  border-color:white; 
						  background-image:url( "/gfx/ico_delete_hover.png" ); 
						  cursor:pointer; }

table                   { border-collapse: collapse;
                          width:100%; }

tr.locked               { opacity:0.5!important; }

th                      { border-bottom:1px solid #990000;
                          background:#e2e2e2;
                          padding:2px;
                          padding-right:20px;
                          text-align:left;
                          vertical-align:bottom; }

th.main                 { min-width:70%!important; }

td.main                 { min-width:70%!important }

th.id                   { max-width:20px!important; }
td.id                   { max-width:20px!important; }
td.icon                 { width:25px!important; 
						  height:25px!important; 
						  padding:0px!important; }

td                      { padding-top:8px;
                          padding-bottom:8px;
                          vertical-align:text-top; }

tr.data:nth-child(even) { background:#c6c6c6; }
tr.data:nth-child(odd)  { background:#efefef; }

tr.data:hover           { background:#990000;
                          color:white;
                          cursor:pointer; }

tfoot                   { border-top:1px solid #990000;
                          text-align:right; }

div.content             { position:absolute;
                          top:75px;
                          left:64px;
                          border-top:2px solid white;
                          padding:20px;
                          width:calc( 100% - 104px );
                          height:calc( 100% - 117px );
                          overflow:hidden;
                          overflow-y:scroll;
                          background:#e2e2e2; }

div.centerform          { position:absolute;
                          width:500px;
                          height:350px;
                          background:white;
                          left:calc( 50% - 253px );
                          top:calc( 50% - 167px );
                          border:2px solid white;
                          box-shadow:0 0 15px 5px rgba( 0, 0, 0, 0.3 ); }

a                       { text-decoration:none;
                          font-variant:small-caps;
                          font-weight:bold;
                          font-size:1.3em;
                          color:#2c2c2c; }

a:hover                 { color:#990000; }

div.form                { width:calc( 100% - 30px );
                          height:calc( 100% - 30px );
                          padding:15px; }

input                   { font-family:ABeeZee;
                          padding:10px;
                          width:100%;
                          background:white;
                          border:1px solid #2c2c2c;
                          border-radius:5px; }

input:-webkit-autofill  { transition: background-color 5000s ease-in-out 2s;
                          background:white!important; }

input[type="submit"]    { font-weight:bold;
                          color:white;
                          cursor:pointer;
                          background:#5b5b5b;
                          border:1px solid #5b5b5b; }

input[type="submit"]:hover  { background:#2c2c2c; }

input[type="button"]    { background:#c6c6c6;
                          cursor:pointer; }

input[type="button"]:hover  { background:white; }

input[type="button"].delete    { background:#990000;
								 color:white;
								 cursor:pointer; }

input[type="button"].delete:hover  { background:white; 
									 color:#990000; }

tr.blocker				{ background:#ffdfdf; cursor:pointer; border-bottom: 1px solid #2c2c2c; }

.blocker td				{ padding-top:20px; }						  

h2.blocker              { font-size:1.5em;
                          margin:0px;
						  color:#990000;
                          font-weight:lighter; }

h1                      { font-size:1.5em;
                          margin:0px;
                          font-weight:lighter; }

table.form              { width:100%;
                          border-collapse: collapse; }

h1.form                 { font-size:1.5em;
                          color:white;
                          padding:5px;
                          padding-left:15px;
                          padding-right:15px;
                          background:#5b5b5b; }

h1.delete               { font-size:1.5em;
                          color:white;
                          padding:5px;
                          padding-left:15px;
                          padding-right:15px;
                          background:#990000; }

span.care               { font-size:1.3em;
                          line-height:1em; }

.styled-select		 	{ background: white;
						  border: 1px solid #2c2c2c;
						  border-radius: 5px;
						  height: 40px;
						  font-size:1.0em;
						  padding: 10px; 
						  width: 100%; }

option:nth-child(even)	{ background:#efefef; }
option:nth-child(odd)	{ background:#c6c6c6; }

.hidden {
    display: none;
    visibility: hidden;
}