@font-face {font-family:Ubuntu;src: url("/css/Ubuntu-R.ttf") format('truetype');}
@font-face {font-family:UbuntuBold2;src:url("/css/Ubuntu-R.ttf") format('truetype');font-weight:bold;}

body, div, span, p,td {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;}
body {background-color: #f3f3f5;margin:0px;padding:0px;}

#container {width:1024px;height:100%;background-color: #fff;top:auto;margin:0 auto;padding:0px;}
#hoofdmenu {width:100%;background-color:#000;height:auto;color:white;position:relative;float:left;}
#mainspace {width:94%;height:auto;min-height:600px;position:relative;float:left;background-color:#fff;padding:0 3%;}
#page_bottom {width:100%;height:auto;position:relative;float:left;background-color:#fff;visibility:hidden;display:none;}
#footer {width:100%;height:80px;border-top:1px solid #7f4098;padding-top:15px;position:relative;float:left;background-color:#fff;}


h1 {font-family:Ubuntu, Arial, Helvetica, sans-serif;font-size:1.3em;color:#009cda;border-bottom:1px solid #e5e5e5;}
h2 {font-family:Ubuntu, Arial, Helvetica, sans-serif;font-size:1.1em;color:#009cda;margin-top:30px;}
.title{color:#009cda;}
p {color:black;}
p.message {width:45%;background-color:#eeeeee;color:#80b506;font-weight:bold;padding:1em;}
.boldtext {font-weight:bold;}
.smalltext {font-size:10px; text-align: right;}

a:link {color:#009cda;}
a:visited {color:#009cda;}
a:hover {color:#009cda;}
a:active {color:#009cda;}

#logo {position:relative;float:left;background-color:black;margin-left:55px;margin-top:40px;}
#systemec_logo {position:relative;float:right;background-color:black;margin-right:90px;margin-top:20px;margin-bottom:20px;}
#topbar {background-color:white;height:30px;margin:0;padding:0;font-weight:normal;text-align:right;float:right;width:100%;}
#topbar img{padding:5px;vertical-align:middle;}
#segment_wrapper {float:right;position:relative;height:35px;}
.segment_div {float:left;position:relative;height:35px;line-height:35px;margin-right:10px;}
#lang_div{float:left;}
select {padding:3px;margin:4px;}

th {font-size:13px;}
.header {background-color: #eee;height:1em;text-align:left;}

#errordiv {display:none;background-color:#e05353;position: fixed;top:5%;left:30%;width:40%;height:auto;margin:auto;min-height:2em;padding:0.5em;-moz-box-shadow: 3px 3px 3px #595959;-webkit-box-shadow: 3px 3px 3px #595959;box-shadow: 3px 3px 3px #595959;text-align:center;}
#errortext {position:relative;width:90%;float:left;color:white;text-align:center;}
#close_w {width:auto;position:relative;float:right;margin-top:0px;}

.userdata {float:left;width: auto;position:relative;}
.userdomains {float:right;width:auto;position:relative;float:left;margin-left:30px;}
div.log_entry {visibility:hidden;display:none;}


table {border-collapse: collapse;}
.tbl_default {margin: 2em 0 1em 0em;border:1px solid #e5e5e5;}
.tbl_logs {margin:2em 0 2em 0em;border: none;}
.tbl_logs tr, .tbl_logs td, .tbl_logs th {border:1px solid #ccc;padding-right:1em;padding-left:1em;}
.reclogs {margin:0.5em 0 2em 0em;}

.user_login, .tbl_user, .useracls, .tbl_org {margin:0 auto;font-weight:bold;background:#eee;border:1px solid #ccc;padding:2%;}
.useracls select {width:210px;margin:4px;}
#domains {float: left;}
#record_add {width:100%;}
#tbl_create {width:100%;border:1px solid #80b506;margin: 0em 0em 2em 0em;text-align:left;display:none;}
#tbl_create tr, #tbl_create td, #tbl_create th {border: 1px solid #80b506;padding-right: 0.5em;padding-left: 0.2em;}
.record_add {border: 1px solid #80b506;}

.tbl_form {width:65%;text-align:left;margin:0 auto;font-weight:bold;background:#eee;border:1px solid #ccc;padding:2%;}

.user_login input {padding:3px;margin:4px;}
.tbl_user input, .tbl_org input, .tbl_form input {padding:3px;margin:4px;}
.tbl_user select, .tbl_org select, .user_select select, .tbl_form select {padding:3px;margin:4px;}

.user_login tr, .user_login td, .user_login th {padding:1em;}

.tbl_default tr, .tbl_default td, .tbl_default th {border: 1px solid #cccccc;padding-right: 1em;padding-left: 1em;height:26px;}

.tbl_user tr, .tbl_user td, .tbl_user th {padding-right: 1em;padding-left: 1em;border: none;}
.tbl_form tr {padding-right: 1em;padding-left: 1em;border: none;}
.tbl_form td, .tbl_form th {width:50%;padding-right: 1em;padding-left: 1em;border: none;}

.tbl_acl tr, .tbl_acl td, .tbl_acl th {padding-right:1em;padding-left:1em;border:none;vertical-align:top;}

.tbl_soa {margin: 1em 0em 1em 0em;border: none;border-collapse: collapse;}
.tbl_soa  tr, .tbl_soa td, .tbl_soa  th {border: 1px solid #cccccc;padding-right: 1em;padding-left: 1em;border-collapse: collapse;}

form img {padding-top:10px;}

tr.logindex {}
tr.domlogs {padding:3em;display:none;}
.reclogs table {padding:2em;}
.tbl_reclogs {margin-top:0.5em;margin-bottom:1em;}
tr.logentries {background-color: #ff99aa;}
.indexentry tr, .indexentry td {padding-top:0.5em;padding-bottom:0.5em;font-weight:bold;}
.recordlog tr, .recordlog td {padding-top:0.5em;padding-bottom:0.5em;}
table.inner td {border: 1px solid black;}
td.longdesc {width: 60%;}
td img {margin:3px;}
td.recordcontent {max-width: 200px; min-width: 50px; word-break: break-all;}


#options {font-family:Ubuntu,Arial, Helvetica, sans-serif;position:relative;float:left;width:100%;height:auto;color:white;margin: 0em 0.3em 0.3em 0.3em;}
#options ul {font-size:15px;display: inline;border: 1px;color:white;}
#options ul li {position:relative;float:left;list-style: none;display: inline;color:white;margin:15px;}
#options ul li a:link, #options ul li a:visited {position:relative;float:left;list-style:none;display: inline;color:white;text-decoration: none;}
#options ul li a:hover, #options ul li a:active {color:#009cda;text-decoration: none;}

#groups ul li.mine {list-style: none;display: inline;border: solid 1px #999;border-bottom-style: none;}

#payoff {font-family:Ubuntu,Arial, Helvetica, sans-serif;text-align: center;color: #009cda;font-size: 2.5em;}

td form {margin-top:3px;}
td a, td a:link {margin-top:3px;vertical-align:top;}

form input {margin-top:3px;outline:0;}

#operations, .operations {width:100%;font-weight:bold;}
#content_search {width:45%;height:auto;font-weight:bold;padding:1%;border:1px solid #009cda;clear:both;}
#select_org, #select_template, #enter_domainname {width:auto;}


#content_search input {padding:3px;margin:4px;border-radius:4px;}
#orgdomains input {padding:3px;margin:4px;border-radius:4px;}

.createdomain {}

#orgdomains {width:auto;height:80px;position:relative;float:left;font-weight:bold;padding:1%;border-top:1px solid #009cda;border-bottom:1px solid #009cda;border-right:1px solid #009cda;margin-bottom:2em;padding-right:2em;}
.createorgdomain {width:auto;height:80px;position:relative;float:left;font-weight:bold;padding:1%;border-top:1px solid #009cda;border-bottom:1px solid #009cda;;border-left:1px solid #009cda;margin-bottom:2em;padding-right:2em;}
.createorgdomain input {padding:3px;margin:4px;border-radius:4px;}

.useracls input {padding:3px;margin:4px;border-radius:4px;}

#operations, .operations a {padding-right:1em;}

/*navigation bar*/
.navigation {width:100%;height:auto;float:left;position:relative;margin-top:15px;margin-bottom:5px;padding:0px;color:black;}
.nav_prev {float:left;position:relative;padding:0px 5px 0px 5px;}

.showingcount {width:auto;color:black;float:left;position:relative;}

.nav_next {float:left;position:relative;padding:0px 5px 0px 5px;}
/*navigation bar*/

.but_create, .but_commit {background-color:#80b506;color:white;padding:0.3em;font-weight:bold;}
#ttl .but_commit {margin-top:-1px;}
#ttl tr {height:50px;}
#adjustttl, #resetttl {margin:0px;}

.but_confirm, .but_delete {background-color:#cc3300;color:white;padding:0.3em;font-weight:bold;}
.but_submit {background-color:#009cda;color:white;padding:0.3em;font-weight:bold;}
.but_cancel {background-color:#bbb;color:black;padding:0.3em;font-weight:bold;}

#but_open {margin:3px;}
#but_close {margin:3px;display:none;}

/*passwordStrength*/
#passwordfield {position:relative;float:left;height:20px;}

#passwordstrength {height:18px;display:block;float:right;width:100px;text-align:center;position:relative;float:left;margin-top:3px;padding:3px;border:1px solid #eee;}
.strength0 { width:100px; background:#ccc;}
.strength1 { width:10px; background:#ff0000; color:#FFF;}
.strength2 { width:25px; background:#ff5f5f; color:#FFF;}
.strength3 { width:50px; background:#ffcc00; color:#333;}
.strength4 { width:75px; background:#80b506; color:#FFF;}
.strength5 { width:100px; background:#66cc00; color:#FFF;}
/*passwordStrength*/


.mssgdiv {position:fixed;top:50%;left:30%;width:40%;height:auto;margin:auto;border-color:#009cda;border-width:thick;padding:0.5em;background-color:#eee;-moz-box-shadow: 3px 3px 3px #595959;-webkit-box-shadow: 3px 3px 3px #595959;box-shadow: 3px 3px 3px #595959;}
.mssgdivheader {position:relative;float:left;width:100%;font-weight:bold;padding:1em 0em 1em 0em;background-color:#009cda;color:white;}
.mssgdivcontent {margin:20px;float:left;height:auto;width:90%;word-wrap:break-word;}