
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

body {
    font-size: 11px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #5e686c;
    background: #dee2e5;
}

.clearer {
    clear: both;
}

a {
    color: #f5960e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #5e686c;
}

img {
    vertical-align: top;
}

h1, h2, h3, h4 {
    font-size: 20px;
    font-family: 'Helvetica Neue LT Std';
    color: #5e686c;
    font-weight: 500;
    margin-bottom: 15px;
}

h2 {
    margin-bottom: 10px;
}

h3 {
    margin-bottom: 5px;
}

h4 {
    margin-bottom: 10px;
    font-size: 14px;
}

#container {
    min-width: 970px;
    background: #dee2e5 url("bg.gif") no-repeat scroll center top;
    overflow: hidden;
}

.content-wrapper {
    width: 964px;
    position: relative;
    margin: 0px auto;
    text-align: left;
    padding: 0px 3px;
}

#header {
    position: relative;
    z-index: 10;
}

#logo {
    position: absolute;
    left: -65px;
    top: 0px;
}

#search-form {
    float: right;
    padding-left: 300px;
    padding-top: 22px;
    height: 42px;
}

#search-form input {
    float: left;
    margin-left: 12px;
}

#search-form .search-input {
    background: url("search-input.png") no-repeat left top;
    width: 262px;
    height: 14px;
    padding: 8px 5px;
    font-family: Arial;
    font-size: 12px;
    color: #a9b2b5;
    border: none;
}

#search-form select {
    font-family: Arial;
    font-size: 12px;
    color: #a9b2b5;
    padding: 6px 5px;
}

#search-form .search-button {
    background: url("search-button.png") no-repeat left top;
    width: 56px;
    height: 34px;
    overflow: hidden;
    font-size: 0px;
    padding: 0px;
    border: none;
    cursor: pointer;
}

#search-form .search-button:hover {
    background-position: left -34px;
}

#login, #navigation {
    float: right;
    margin-bottom: 7px;
}

.nav li, .nav > li > a {
    position: relative;
    height: 48px;
    display: block;
    float: left;
}

.nav ul li {
    float: none;
    height: auto;
}

.nav > li > a {
    color: #5e686c;
    font-size: 18px;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 700;
    text-decoration: none;
    padding-left: 11px;
    cursor: pointer;
}

.nav > li > a span {
    display: block;
    float: left;
    padding-right: 11px;
    height: 48px;
    line-height: 48px;
}

.nav li > a span span {
    padding: 0px 20px 0px 10px;
}

.nav > li:hover > a, .nav > li.hover > a {
    background: url("nav-left.png") no-repeat left top;
    color: #f5960e;
}

.nav li.has-submenu:hover > a, .nav li.has-submenu.hover > a {
    background: url("nav-left2.png") no-repeat left top;
}

.nav li:hover > a span, .nav li.hover > a span {
    background: url("nav-right.png") no-repeat right top;
}

.nav li.has-submenu:hover > a span, .nav li.has-submenu.hover > a span {
    background: url("nav-right2.png") no-repeat right top;
}

.nav li:hover > a span span, .nav li.has-submenu:hover > a span span, .nav li.has-submenu.hover > a span span {
    background: #fff;
}

.nav ul {
    position: absolute;
    top: 48px;
    left: 0px;
    background: url("subnav-top.png") no-repeat left top;
    padding-top: 5px;
    width: 207px;
    display: none;
    overflow: hidden;
}

.nav li:hover ul, .nav li.hover ul {
    display: block;
}

.nav ul li {
    height: 33px;
    line-height: 33px;
}

.nav ul li:last-child, .nav ul li.last-child {
    background: url("subnav-bottom.png") no-repeat left bottom;
    padding-bottom: 7px;
}

.nav ul li a {
    display: block;
    height: 33px;
    padding: 0px 15px 0px 21px;
    color: #a9b2b5;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    background: #fff;
}

.nav ul li a span {
    display: block;
}

.nav ul li a:hover {
    background: #fcfcfc url("arrow-orange2.png") no-repeat right center;
    text-decoration: none;
    color: #f5960e;
}

.nav ul li a:hover span {
    background: url("arrow-orange.png") no-repeat right center;
}

.nav#login > li > a {
    background: url("login-nav-left.png") no-repeat 5px 7px;
    padding-top: 7px;
    padding-left: 44px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
}

.nav#login > li > a span {
    background: url("login-nav-right.png") no-repeat right 0px;
    padding-right: 24px;
    height: 34px;
    line-height: 34px;
    margin-right: 11px;
}

.nav#login > li > a span span {
    background: url("login-nav-bg.png") repeat-x right 0px;
    padding: 0px;
    margin: 0px;
}

.nav#login > li:hover > a, .nav#login > li.hover > a {
    background: url("login-nav-left-hover.png") no-repeat left 0px;
    padding: 0px 0px 0px 44px;
    height: 49px;
    line-height: 48px;
}

.nav#login li:hover > a span, .nav#login li.hover > a span {
    background: url("login-nav-right-hover.png") no-repeat right 0px;
    padding-right: 35px;
    margin: 0px;
    height: 49px;
    line-height: 48px;
}

.nav#login > li:hover > a span span, .nav#login > li.hover > a span span {
    background: url("login-nav-bg-hover.png") repeat-x right 0px;
    padding: 0px;
}

.nav#login ul {
    background: url("login-subnav-top.png") no-repeat left top;
    width: 167px;
}

.nav#login ul li a {
    background: #fdbb19 url("login-subnav-bg.png") repeat-y left top;
    color: #fff;
    padding-left: 15px;
}

.nav#login ul li a:hover {
    background: #f79910 url("login-subnav-bg-hover.png") repeat-y left top;
}

.nav#login ul li a:hover span {
    background: url("arrow-white.png") no-repeat right center;
}

.nav#login ul li:last-child, .nav#login ul li.last-child {
    background: url("login-subnav-bottom.png") no-repeat left bottom;
    padding-bottom: 6px;
}

.top-slideshow ul {
    list-style: none;
    position: relative;
    height: 270px;
    width: 960px;
    overflow: hidden;
    margin: 0px auto;
    background: url("slides-bg.png") no-repeat center;
}

.top-slideshow ul li {
    height: 254px;
    padding: 8px;
    width: 944px;
}

.top-slideshow ul li .overlay-text {
    position: absolute;
    z-index: 10;
    width: 461px;
    left: 40px;
    top: 120px;
    line-height: 18px;
    color: #5e686c;
    font-size: 14px;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 500;
    overflow: hidden;
}

.top-slideshow ul li .overlay-text .round {
  float: left;
}

.top-slideshow ul li .overlay-text .text-box {
    background: url("overlay-text.png") repeat left top;
    padding: 0px 20px;
    width: 441px;
    float: left;
}

.top-slideshow ul li .overlay-text h1 {
    color: #f79f11;
    font-size: 24px;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0px;
}

.top-slideshow .top-pager {
    padding: 3px;
    height: 25px;
    text-align: center;
}

.top-slideshow .top-pager a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("pager-bullet.png") no-repeat center;
    font-size: 0px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
}

.top-slideshow .top-pager a:hover, .top-slideshow .top-pager a.activeSlide {
    background: url("pager-bullet-active.png") no-repeat center;
}

.grey-row {
    padding: 25px 0px 30px;
    background: #eff1f2;
    margin-bottom: 20px;
}

.column {
    width: 312px;
    float: left;
    margin-right: 14px;
}

.column.last {
    width: 312px;
    float: right;
    margin-right: 0px;
}

.column.small {
    width: 302px;
}

.column.big {
    width: 652px;
    margin-right: 0px;
    font-size: 12px;
    line-height: 20px;
}

.column.big a {
    text-decoration: underline;
}

.photo-frame {
    background: url("photo-frame.png") no-repeat left top;
    height: 121px;
    width: 300px;
    padding: 6px;
    margin-bottom: 25px;
}

div.text {
    font-size: 11px;
    line-height: 18px;
    min-height: 180px;
    margin-bottom: 5px;
}

.read-more {
    display: inline-block;
    width: 97px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    font-size: 0px;
    text-indent: -1000px;
    background: url("read-more.png") no-repeat left top;
}

.read-more:hover {
    background-position: left -30px;
    text-decoration: none;
}

.white-box {
    margin-bottom: 10px;
}

.white-box .top, .white-box .bottom {
    position: relative;
    overflow: visibile;
    height: 6px;
    font-size: 0px;
    background: #fcfcfc;
    margin: 0px 6px;
}

.white-box .top .left, .white-box .top .right, .white-box .bottom .left, .white-box .bottom .right {
    position: absolute;
    top: 0px;
    width: 6px;
    height: 6px;
    font-size: 0px;
    overflow: hidden;
}

.white-box .top .left {
    background: url("corner-tl.png") no-repeat left top;
    left: -6px;
}

.white-box .bottom .left {
    background: url("corner-bl.png") no-repeat left top;
    left: -6px;
}

.white-box .top .right {
    background: url("corner-tr.png") no-repeat right top;
    right: -6px;
}

.white-box .bottom .right {
    background: url("corner-br.png") no-repeat right top;
    right: -6px;
}

.white-box .bottom {
    border-bottom: solid 1px #bec4c7;
    height: 5px;
}

.white-box .box-content {
    border-left: solid 1px #d3d8db;
    border-right: solid 1px #d3d8db;
    background: #fcfcfc;
    padding: 10px 20px;
}

.fixed-height-box {
    height: 170px;
}

.images-list {
    position: relative;
    height: 120px;
    padding: 0px 20px;
}

.images-list .prev, .images-list .next {
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.images-list .prev {
    left: -10px;
}

.images-list .next {
    right: -10px;
}

.images-list ul {
    list-style: none;
    position: relative;
    width: 220px;
    height: 120px;
    margin: 0px auto;
    overflow: hidden;
}

.images-list ul li {
    width: 220px;
    height: 120px;
    line-height: 120px;
    background: #fcfcfc;
    text-align: center;
}

.images-list ul li img {
    vertical-align: middle;
}

.address-details {
    list-style: none;
}

.address-details li {
    overflow: hidden;
    font-size: 12px;
    color: #5e686c;
    line-height: 14px;
    padding: 2px 0px;
}

.address-details li .label {
    display: block;
    width: 130px;
    padding-right: 4px;
    float: left;
    font-weight: bold;
}

.address-details li .detail {
    display: block;
    width: 120px;
    float: left;
}

#footer {
    background: url("footer-dots.gif") repeat-x left top;
    padding: 25px 0px;
    text-shadow: 0px 1px 1px #fff;
    font-size: 12px;
    font-weight: bold;
    color: #a9b2b5;
    margin-top: 10px;
}

#footer a {
    color: #5e686c;
}

#footer a:hover {
    color: #f79f11;
    text-decoration: none;
}

.footer-left {
    width: 450px;
    float: left;
}

.footer-right {
    width: 450px;
    float: right;
    text-align: right;
}

.footer-right a {
    margin-left: 30px;
}

.spacer {
    height: 50px;
}

.breadcrumbs {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}

.page-title {
    font-size: 30px;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 30px;
}

.contact-us {
    display: block;
    width: 302px;
    height: 55px;
    margin-bottom: 20px;
    padding: 15px 40px 15px 20px;
    font-size: 24px;
    line-height: 30px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-family: 'Helvetica Neue LT Std';
    font-weight: 700;
    background: url("contact-us.png") no-repeat left top;
}

.contact-us small {
    font-size: 18px;
    line-height: 25px;
}

.contact-us:hover {
    background-position: left -85px;
    text-decoration: none;
}

.sections-list {
    list-style: none;
    margin: 0px -20px -10px;
}

.sections-list a {
    display: block;
    border: solid 1px #fff;
    border-bottom: solid 1px #dee2e5;
    text-decoration: none;
    padding: 0px 19px;
    line-height: 31px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #5e686c;
}

.sections-list li.last a {
    border-bottom: solid 1px #fdfefe;
}

.sections-list a:hover, .sections-list li.last a:hover {
    border: solid 1px #f5960e;
    background: #faaf15 url("sections-list.gif") repeat-x left top;
    color: #fff;
    font-weight: bold;
}

.customer-detail {
    font-size: 10px;
    line-height: 14px;
    color: #889092;
}

.customer-detail strong {
    display: inline-block;
    margin-bottom: 10px;
    color: #5e686c;
    font-size: 11px;
}

.customer-icon {
    float: left;
    margin: 5px 10px 10px 0px;
}

.separator {
    border-bottom: solid 1px #dee2e5;
    height: 15px;
    margin: 0px -20px 15px;
}

.round-box {
    display: inline-block;
    padding-left: 5px;
    background: url("search-input-left.png") no-repeat left top;
    vertical-align: middle;
}

#search-form .round-box {
    float: left;
    margin-left: 12px;
}

.round-box span {
    display: inline-block;
    padding-right: 5px;
    background: url("search-input-right.png") no-repeat right top;
}

.round-box span span {
    padding: 5px 0px;
    background: url("search-input-bg.png") repeat-x right top;
    height: 20px;
}

.round-box select, .round-box input {
    background: none;
    border: none;
    margin: 0px;
}

.grey-button {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Helvetica Neue LT Std';
    background: url("grey-button-left.png") no-repeat left top;
    padding-left: 9px;
}

.grey-button span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-right: 15px;
    background: url("grey-button-right.png") no-repeat right top;
}

.grey-button span span {
    padding-right: 6px;
    background: url("grey-button-bg.png") repeat-x right top;
}

.grey-button:hover {
    color: #fff;
    text-decoration: none;
    background-position: left -30px;
}

.grey-button:hover span {
    background-position: right -30px;
}

.grey-button:hover span span {
    background-position: left -30px;
}

#search-form .grey-button {
    margin: 0px 0px 0px 12px;
}

.grey-button.big {
    height: 34px;
    line-height: 34px;
    background: url("grey-button2-left.png") no-repeat left top;
}

.grey-button.big span {
    height: 34px;
    line-height: 34px;
    background: url("grey-button2-right.png") no-repeat right top;
}

.grey-button.big span span {
    background: url("grey-button2-bg.png") repeat-x left top;
}

.grey-button.big:hover {
    background-position: left -34px;
}

.grey-button.big:hover span {
    background-position: right -34px;
}

.grey-button.big:hover span span {
    background-position: left -34px;
}
.content_image {
	margin-bottom: 20px;
}

.content_image ul {
  list-style: none;
  position: relative;
  width: 581px;
  height: 193px;
}

.content_image ul li {
  width: 581px;
  height: 193px;
  background: #fff;
}

#internal-banner {
    margin-bottom: 20px;
}

#internal-banner .banner-box {
    width: 944px;
    height: 204px;
    margin: 0px auto;
    padding: 8px;
    background: url("banner-bg.png") no-repeat center;
}

.bullet {
    color: #F5960E;
    font-size: 10px;
    font-weight: bold;
    background: url("bullet.gif") no-repeat left 8px;
    display: inline-block;
    padding-left: 8px;
    line-height: 18px;
    vertical-align: top;
    margin: 0px 2px;
}

# Eind van joygroup css

#Begin whois css
#demo
{
	background:#EBEADB;
	border:1px solid #CBC7B8;
	padding:10px;
	margin:10px 0px;
}

.error {
	color:maroon;
}
.domaintaken
{
	color:maroon;
}
.domainavailable
{
	color:green;
}
#whoistable, input, select
{
	font-size:0.85em;
	font-family:verdana,arial,helvetica;
}
#whoistable
{
	border-bottom:1px solid #D4D0C8;
}
#whoistable th
{
	text-align:left;
}
#whoistable a, #whoistable a:visited
{
	color:#000;
	text-decoration:none;
}
#whoistable a:hover
{
	color:#999;
	text-decoration:underline;
}
h1
{
	font-family:arial,helvetica,sans-serif;
	font-size:1.8em;
	color:#7C765A;	
}
h2
{
	font-family:arial,helvetica,sans-serif;
	font-size:1.6em;
	color:#AEA991;	
}
.whoisform
{
	display:inline;	
}
#whoiswait
{

	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
}

#whoiswait .outer
{
	margin-left: -200px;
	position: absolute;
	top: -60px;
	left: 50%;
	visibility: visible;
	width:400px;
}

#whoiswait .inner
{
	background-color:#FCFAF6;
	padding:30px;
	line-height:30px;
	border:1px solid #D4D0C8;
}

#whoisdetails
{
	font-family:verdana,arial,helvetica,sans-serif;;
	font-size:0.85em;
	padding:20px;
	border:1px solid #D4D0C8;
	background-color:#FCFAF6;
}
.linkbutton
{
	font-size:1.0em;
	width:80px;
}

.whoisrow1, .whoisrow1available
{
	background:#FCFAF6;
	border-top:1px solid #D4D0C8;
}
.whoisrow2, .whoisrow2available
{
	background:#FFF;
	border-top:1px solid #D4D0C8;
}

.whoisrow1:hover, .whoisrow2:hover
{
	background:#DDEEFF;
}
#verhuman
{
	text-align:center;
	border:1px solid #D4D0C8;
	background:#FCFAF6;
	padding:20px;
}
.verhuman
{
	font-size:2.2em;
}
.verhumanimg
{
	border:1px solid #000;
}

#begin tooltips zsc
#DHTMLgoodies_formTooltipDiv{
        color:#FFF;
        font-family:arial;
        font-weight:bold;
        font-size:0.8em;
        line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
        color:#FFF;
        font-weight:normal;
        font-size:0.7em;
}

/* BEGIN AUTOCOMPLETE */
## Begin autocomplete css
.ac_holder{
        position:relative;
}
.ac_field{      
        background-image:url(/zscautocomplete/autocomplete_leftcap.gif);
        background-position:right center;
        background-repeat:no-repeat;
}
.ac_field_busy{
        background-image:url(/zscautocomplete/autocomplete_spinner.gif);
        background-position:right center;
        background-repeat:no-repeat;
}

div.autocomplete
{
        position: absolute;
        background-image: url(/zscautocomplete/ac_pointer.gif);
        background-position: top left;
        background-repeat: no-repeat;
        padding: 10px 0 0 0;
}

div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
        position: relative;
        height: 6px;
        padding: 0 6px;
        background-image: url(/zscautocomplete/ul_corner_tr.gif);
        background-position: top right;
        background-repeat: no-repeat;
        overflow: hidden;
}
div.autocomplete div.ac_footer
{
        background-image: url(/zscautocomplete/ul_corner_br.gif);
}

div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner
{
        position: absolute;
        top: 0;
        left: 0;
        height: 6px;
        width: 6px;
        /*background-image: url(images/autocomplete/ul_corner_tl.gif);*/
        background-color: #333;
        background-position: top left;
        background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner
{
        background-image: url(/zscautocomplete/ul_corner_bl.gif);
}
div.autocomplete div.ac_header div.ac_bar,
div.autocomplete div.ac_footer div.ac_bar
{
        height: 6px;
        overflow: hidden;
        background-color: #333;
}

div.autocomplete ul
{
        list-style: none;
        margin: 0 0 -4px 0;
        padding: 0;
        overflow: hidden;
        background-color: #333;
}

div.autocomplete ul li
{
        color: #ccc;
        padding: 0;
        margin: 0 4px 4px;
        text-align: left;
}

div.autocomplete ul li a
{
        color: #ccc;
        display: block;
        text-decoration: none;
        background-color: transparent;
        text-shadow: #000 0px 0px 5px;
        position: relative;
        padding: 0;
        width: 100%;
}
div.autocomplete ul li a:hover
{
        background-color: #444;
}
div.autocomplete ul li.ac_highlight a:hover
{
        background-color: #1B5CCD;
}

div.autocomplete ul li a span
{
        display: block;
        padding: 3px 6px;
        font-weight: bold;

}

div.autocomplete ul li a span small
{
        font-weight: normal;
        color: #999;
}

div.autocomplete ul li.ac_highlight a span small
{
        color: #ccc;
}

div.autocomplete ul li.ac_highlight a
{
        color: #fff;
        background-color: #1B5CCD;
        background-image: url(/zscautocomplete/hl_corner_br.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
}

div.autocomplete ul li.ac_highlight a span
{
        background-image: url(/zscautocomplete/hl_corner_bl.gif);
        background-position: bottom left;
        background-repeat: no-repeat;
}

div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
        background-image: transparent;
        background-repeat: no-repeat;
        width: 6px;
        height: 6px;
        position: absolute;
        top: 0;
        padding: 0;
        margin: 0;
}
div.autocomplete ul li a .tr
{
        right: 0;
}

div.autocomplete ul li.ac_highlight a .tl
{
        left: 0;
        background-image: url(/zscautocomplete/hl_corner_tl.gif);
        background-position: bottom left;
}

div.autocomplete ul li.ac_highlight a .tr
{
        right: 0;
        background-image: url(/zscautocomplete/hl_corner_tr.gif);
        background-position: bottom right;
}
div.autocomplete ul li.as_warning
{
        font-weight: bold;
        text-align: center;
}
div.autocomplete ul em
{
        font-style: normal;
        color: #6EADE7;
}
/* END AUTOCOMPLETE */

/* BEGIN TOOLTIPS */

#ajax_tooltipObj

{

        z-index:1000000;

        text-align:left;

}



#ajax_tooltipObj div

{

        position:relative;

}



#ajax_tooltipObj .ajax_tooltip_arrow

{       /* Left div for the small arrow */

        background-image:url('..arrow.gif');

        width:20px;

        position:absolute;

        left:0px;

        top:0px;

        background-repeat:no-repeat;

        background-position:center left;

        z-index:1000005;

        height:60px;

}

#ajax_tooltipObj .ajax_tooltip_content

{

        border:2px solid #10639a;       /* Border width */

        left:18px;      /* Same as border thickness */

        top:0px;

        position:absolute;
        width:180px;    /* Width of tooltip content */
        height:200px;   /* Height of tooltip content */
        background-color:#FFF;
        margin-bottom: 25px;
        /* Background color */
        padding:5px;    /* Space between border and content */
        font-size:0.8em;        /* Font size of content */
        overflow:auto;  /* Hide overflow content */
        z-index:1000001;
}



#DHTMLgoodies_formTooltipDiv{
        color:#FFF;
        font-family:arial;
        font-weight:bold;
        font-size:0.8em;
        line-height:120%;
}

.DHTMLgoodies_formTooltip_closeMessage{
        color:#FFF;
        font-weight:normal;
        font-size:0.7em;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}

        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
.column.big .white-box-large {
     width: 964px !important;
}

.white-box-large {
    margin-bottom: 20px;
}

.white-box-large .top, .white-box-large .bottom-large {
  position:relative;
  background:white;
  margin:0px 4px 0px 6px;
}
.white-box-large .top{
  height:6px;
  border-top:1px solid #D3D8DB;
}
.white-box-large .bottom-large {
  height:5px;
  border-bottom:1px solid #D3D8DB;
}
.white-box-large .top .left-large {
    background: url("corner-tl.png") no-repeat left top;
    left: -6px;
    position:absolute;
    width:6px;
    height:6px;
}

.white-box-large .bottom-large .left-large {
    background: url("corner-bl.png") no-repeat left top;
    left: -6px;
    position:absolute;
    width:6px;
    height:6px;
}

.white-box-large .top .right-large {
    background: url("corner-tr.png") no-repeat right top;
    right: -6px;
    position:absolute;
    width:6px;
    height:6px;
}

.white-box-large .bottom-large .right-large {
    background: url("corner-br.png") no-repeat right top;
    right: -6px;
    position:absolute;
    width:6px;
    height:6px;
}

.white-box-large .box-content-large {
    width: 924px;
    border-left: solid 1px #d3d8db;
    border-right: solid 1px #d3d8db;
    background: #fcfcfc;
    padding: 10px 20px;
}body {
    background-color:#999;
}

/* login popup style  */
.popup {
    background-color:#fff;
    padding:10px;
    position:absolute;
    height:151px;
    margin-left:10px;
    width:280px;
    text-align:left;
}
.popup p {
    margin:-2px 0 5px 0;
}
.popup img {
    clear:both;
    
}
.popup .side-left, .popup .side-right {
    background: transparent url("popup-sides.png") no-repeat scroll;
    height:171px;
    width:10px;
}
.popup .side-left {
    background-position:0 0;
    float:left;
    margin-left:-20px;
    margin-top:-10px;
}
.popup .side-right {
    background-position:-10px 0;
    float:right;
    margin-right:-20px;
    margin-top:-10px;
}
.popup input {
    background: transparent url("inputline.png") repeat-x scroll 0 0;
    border:1px solid #ddd;
    border-top:1px solid #7c7c7c;
    height:14px;
    font-size:12px;
    width:163px;
    color:#888888;
    padding-bottom:4px;
}
.popup .login-username label , .popup .login-password label {
    font-family: Arial, Helvetica ;
    font-size:12px;
    color:#ffa113;
    width:110px;
    display:block;
    float:left;
    margin-top:4px;
}
.popup .login-remember{
    margin-top:-6px;
}
.popup .login-remember input {
    width:10px;
    margin-left:110px;
    float:left;
    margin-top:0px;
    border:none;
}
.popup .login-remember label {
    font-family: Arial, Helvetica ;
    float:left;
    vertical-align:middle;
    font-size:12px;
    color:#5e687b;
    padding-top:5px;
}
.popup .login-submit input {
    /*background: white url("inlogen.jpg") no-repeat scroll 0 0;*/
    width:59px;
    height:15px;
    border:none;
    margin-left:108px;
    cursor:pointer;
}
#whois {
	width: 100%;
}



.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	text-align:left;
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
	color:#202020;
}

.ac_even {
	color:#202020;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.inline_edit
{
        display:inline;
}

.inline_edit input
{
        width:80px;
}
#error {
        padding:10px;
        color: #FF0000;
        background-color: #FFDDDD;
        fontweight:bold;
        border:2px solid #FF0000;
        display:none;
}

#loginerror {
        padding:10px;
        color: #FF0000;
        background-color: #FFDDDD;
        fontweight:bold;
        border:2px solid #FF0000;
}

#error.good
{
        color: #00FF00;
        background-color: #DDFFDD;
        border:2px solid #00FF00;
}

.source, .dest
{
        display:block;
        float:left;
        width:250px;
        margin-right:10px;
}
.source, .alias, aliassen, .domein
{
        clear:both;
}

.domein h3, .dest, .source .email_user
{
        cursor:pointer;
}

.domein h3:hover, .source .email_user:hover, .dest:hover
{
        color:orange;
}
.alias
{
        padding:1px 1px 1px 5px;
}

.domein
{
        margin-top:10px;
}

.narrowitem .fullscreen, .narrowitem .status
{
        display:block;
        color:#CCC;
        background-color:#EEE;
        border:1px solid #CCC;
        border-radius:3px;
        padding:4px 10px;
        float:right;
        margin-left:10px;
        cursor:pointer;
}

.narrowitem .fullscreen[rel='1'], .narrowitem .status[rel='1']
{
        color:#11AA11;
        background-color:#55FF55;
}

div.line {
	float: none;
	position: relative;
	bottom: 19px;
	left: 15%;
}

skyborder tr td {
	border:1px dotted #939393;
}

div.gecos {
	position: relative;
	display: inline;
	left: 10px;
}

div.address {
	position: relative;
	display: inline;
	left: 10px;
}

div.telefoonnr {
	position: relative;
	display: inline;
	left: 10px;
}

div.account {
	position: relative;
	display: inline;
	left: 10px;
}

div.homedir {
	position: relative;
	display: inline;
	left: 10px;
}

div.website {
	position: relative;
	display: inline;
	left: 10px;
}

div.database {
	position: relative;
	display: inline;
	left: 10px;
}

div.mail {
	position: relative;
	display: inline;
	left: 10px;
}

div.maxaliassen {
	position: relative;
	display: inline;
}

div.dbhost {
	position: relative;
	display: inline;
	left: 5px;
}

div.dbuser {
	position: relative;
	display: inline;
	left: 5px;
}

.klap {
	display: none
}

.websitepak {
	cursor:pointer;
}

#aantalpopboxen, #aantaldatabases, #aantalwebsites, #aantalmail, .databasepackage {
	cursor:pointer;
}

input.inputsubmit {
	position: relative;
	left: 30%;
	top: 15px;
	height: 20px;
}

input.inputpassword {
	position: relative;
	left: 7%;
}

input.inputaccount {
	position: relative;
	left: 5%;
}

