@charset "utf-8";
html { padding:0; margin:0; }
body { border-top: 12px solid #00435f; margin:0; padding:0; width:100%; background:#fff; font-family: arial,helvetica,"Liberation Sans","DejaVu Sans Condensed",sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; }

.main { margin:0 auto; padding:0; }
.resize { width:960px; padding:0; margin:0 auto; }

/* header */
.header { padding:0; margin:0 auto; width:960px; }
.header_name { background:#fff; margin:0; padding:0; }
.header_name_resize { width:960px; margin:0 auto; padding:0; }
.header_name_resize a { text-decoration: none; color: #00435f;}
.header_name_resize p { color: #000;}
.header_name_resize h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; padding:4px; margin:0; }
.header_name_resize img  { float:right; padding:10px 0 0 0; margin:0; }

/* info */
.info { background: url(../../../images/icons/information.png) no-repeat; display: block; margin-top: 7px; margin-left: 2px; width: 24px; height: 24px; float: left; }
.infoP { background: url(../../../images/icons/information.png) no-repeat; display: block; margin-top: 0px; margin-left: 2px; width: 24px; height: 24px; float: left; }

/* language */
.language { margin:0 auto; width:960px; padding:0; position: relative; text-align: right; height: 10px;}
.language a { color: #000; text-decoration: none; }

/* logo */
.logo { float:left; margin:0; margin: 0px 0px 0px 0; padding: 28px 0px 66px 0; width:280px; background: url(../../../images/logo/visolity.png) no-repeat; }

/* body */
.body { background:#fff; border-top:none; margin:0 auto; padding:0; }
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#00435f; padding:5px; margin:0; }
.body h3 { font:normal 16px Arial, Helvetica, sans-serif; color:#000; padding:6px; margin:0; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#515151; line-height:1.8em; padding:3px 5px; margin:0;}
.body p.lite { font:normal 12px Arial, Helvetica, sans-serif; color:#aaa; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#1d8aae; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body p span.lite { color:#aaa; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#00435f; text-decoration:none;}
.body img { float:left; margin:10px 15px 5px 5px; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#a0a0a0; line-height:1.8em;}
.body_resize  { background:#fff; padding:15px; width:930px; margin:10px auto; border:3px solid #f2f2f2; background-image: url('../../../images/visolity/background-visolity.gif'); background-repeat: no-repeat; background-position: center; }

.left { float:left;}
.right { float:right;}
.mainBody {width:700px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.mainIndex { width:160px; margin:10px 5px 10px 0; padding:0 10px; float:right;}
.mainIndex ul {margin: 0 0 5px 0; padding: 0 0 2px 0; list-style-type: none;width:160px;}
.mainIndex li {color: #333; display: block; height: 16px; padding: 4px 0 4px 0px; text-decoration: none;}
.port {width:270px; margin:0; padding:10px 20px; float:left;}
.port img.port { margin:10px 0; padding:0;}
.upper { text-transform:uppercase; }
.lite { color:  #aaa; }
/* footer background */
.fbg_resize { background:#00435f; margin:0; padding:0;}
.fbg { margin:0 auto; padding:10px 0; width:960px;}
.fbg p { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:5px 5px; margin:0;}
.fbg p span { font:bold 14px Arial, Helvetica, sans-serif;}
.fbg img { float:left; margin:5px; padding:0;}
.fbg .block { width:210px; float:left; margin:10px 0 10px 15px; padding:5px;}

.block img { float: left; margin: 15px 15px 15px 0; }
.block span { width: auto; display: block; overflow: hidden; }
.block p { overflow: hidden; height: 110px; padding-left: 64px;}
.block a { margin: 15px 15px 15px 64px; }
.block1 { background: url('../../../images/icons/block1-1.png') no-repeat; background-position: left 0px top 15px; }
.block2 { background: url('../../../images/icons/block2-1.png') no-repeat; background-position: left 0px top 15px; }
.block3 { background: url('../../../images/icons/block3-1.png') no-repeat; background-position: left 0px top 15px; }
.block4 { background: url('../../../images/icons/block4-1.png') no-repeat; background-position: left 0px top 15px; }

/* product */
.product { min-height: 140px; }
.product p { padding-left: 115px; padding-top: 10px; }
.product1 { background: url('../../../images/product/1.png') no-repeat; background-position: left 0px top 15px; }
.product2 { background: url('../../../images/product/2.png') no-repeat; background-position: left 0px top 15px; }
.product3 { background: url('../../../images/product/3.png') no-repeat; background-position: left 0px top 15px; }
.product4 { background: url('../../../images/product/4.png') no-repeat; background-position: left 0px top 15px; }
.product5 { background: url('../../../images/product/5.png') no-repeat; background-position: left 0px top 15px; }
.product6 { background: url('../../../images/product/6.png') no-repeat; background-position: left 0px top 15px; }

/* contact */
#contactform { margin:0; padding:5px; }
#contactform * { color:#605f5f; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:5px 0; padding:0; background:none; border:none; display:block; clear:both; height:30px; }
#contactform li.buttons { margin:5px 0; clear:both; }
#contactform label { margin:0; width:80px; padding:5px 0; color:#605f5f; font:normal 11px Arial, Helvetica, sans-serif; text-transform:capitalize; }
#contactform label span { color:#605f5f; }
#contactform input.text { width:200px; border:1px solid #d2d2d2; margin:0 20px 0 0; padding:5px; height:16px; background:#f2f2f2; float:left; }
#contactform textarea { width:250px; border:1px solid #d2d2d2; margin:0 20px 0 0; padding:5px; background:#f2f2f2; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/* footer */
.footer {padding:10px 0;  margin:0; background:#fff;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#9c9c9c;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#00435f; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 5px 0; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 0 5px 0; float:right;}
.footer_resize { width:950px; margin:0 auto; padding:2px 10px; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg { float:right; clear:both; border-top:1px solid #ececec; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

/* navigation */
#navigation { padding:23px 0px 0px 0; margin:0 ; width:660px; float:right;}
#dropmenu { list-style: none; position: relative; width: 100%; z-index: 400; }
#dropmenu li { list-style: none; position: relative; line-height: 20px; float: left; }
#dropmenu li a { display: inline-block; line-height: 37px; font-size: 11px; text-decoration: none; text-transform: uppercase; padding: 0 12px; color: #888; zoom: 1; *display: inline; }
#dropmenu li:hover a {  color: #fff; }
#dropmenu li:hover { background: #00435f; color: #fff; }
#dropmenu li a:hover { color: #fff; text-decoration: none; }
#dropmenu ul.sub-menu a { color: #888; }
#dropmenu ul.sub-menu { list-style: none; display: none; position: absolute; width: 250px; z-index: 300; top: 37px; left: 0; background: #f9f9f9; padding: 15px 0; -webkit-box-shadow: 5px 5px 3px rgba(0,0,0,.1); -moz-box-shadow: 5px 5px 3px rgba(0,0,0,.1); box-shadow: 5px 5px 3px rgba(0,0,0,.1); }
#dropmenu ul.sub-menu li { position: relative; width: 250px; }
#dropmenu ul.sub-menu li.divider { border-top: dashed 1px #e2e2e2; position: relative; width: 248px; }
#dropmenu ul.sub-menu li a { line-height: 15px; display: block; padding: 10px 25px; }
#dropmenu ul.sub-menu li a:hover { color: #000; }
#dropmenu ul.sub-menu li:hover { background: #eee; }
#dropmenu ul.sub-menu ul.sub-menu { position: absolute; top: -15px; left: 200px; z-index: 299; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
#dropmenu li.current-menu-item > a,
#dropmenu li.current-menu-ancestor > a { color: #fff; background: #00435f; }
#dropmenu li.action { float: right; margin-left: 10px; }
#dropmenu li.action > a { color: #fff; }
#dropmenu ul.sub-menu li.info a { color: #555; font-style: italic; }
#dropmenu ul.sub-menu li.info a:hover { cursor: help; }
#dropmenu ul.sub-menu li.info:hover { background: none; }
#dropmenu > li > ul > li.submenuitemselected { background: #eeeeee; }
#dropmenu > li > ul > li.submenuitemselected a { color: #555; }
.menu li a:hover { color: #fff; text-decoration: none; }

span.menuArrow { display: block; float: right; }
span.menuPlus { margin: 0 0 0 10px; }

/* buttons */
.button { display: inline-block; text-decoration: none; font: bold 12px/12px HelveticaNeue, Arial; padding: 8px 11px; color: #555; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button.white { background: #f5f5f5; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */ background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0); border-color: #dedede #d8d8d8 #d3d3d3; color: #555; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; }
.button.darkblue { background: #a5b8c6; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); /*  IE */  background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); /*  WebKit */ background: -moz-linear-gradient(top,  #becbd6, #88a1b4); border-color: #a2afb8 #8696a1 #6f818f; color: #515f6a; text-shadow: 0 1px 0 #c4d0d9; -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; }
.button:hover { border: 1px solid #b2b2b2; }

/* main image */
.imageMain {padding:10px 0;  margin:0;}
.imageMain_resize { width:950px; margin:0 auto; padding:2px 10px; position:relative; }
.imageMain_resize .text { position:absolute; top:10px; left:30px; width:400px; }
.imageMain_resize .text p { color: #888; font-size: 26px; }
.imageMain_resize .text h1 { color: #555; font-size: 30px; }

.dotted_line { background: transparent url(../../../images/dotted_line.gif) repeat-x bottom; padding: .4em 0 0.8em 0; margin-bottom: 1em; }
.dotted_line span { color: #888; float:right; font-size: 11px; font-weight: bold; }

/* form styles */
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
span.delivered { color: #009f58; font-style: normal; }
span.error { color: #f00; font-style: normal; font-weight: bold; }
span.pending { color: #ffa500; font-style: normal; }
span.undelivered { color: #cb3536; font-style: normal; }
p.error { color: #f00; font-weight: bold; }

p.balance {
    color: #00435f;
    font-size: 20px;
    padding-left: 40px;
}

p.balanceAutomatic {
    color: #00435f;
    font-size: 11px;
}

p.balanceLow {
    color: #f00;
    font-size: 30px;
    font-weight: bold;
    padding-left: 40px;
}

/* map */
#map { height: 300px; margin: 0px auto; width: 370px; }

/* services */
.plain {
    border: 1px solid #4C3C1B;
    float: none;
    padding: 5px;
    width: 260px;
    background-color: #EFEECB;
}

#info p {
    color: #e5b626;
    display: none;
    float: left;
    font-weight: bold;
    text-align:center;
    width: 100%;
}

#infoShow p {
    color: #e5b626;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

div.toolbar {
    position: relative;
    color: #e5b626;
    float: left;
    display: none;
    font-weight: bold;
    text-align:center;
    width: 70%;
}

ul.list li {
    color: #00435f;
}

.ui-autocomplete-loading {
    background: white url('../../../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete {
    max-height: 140px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

* html .ui-autocomplete {
    height: 140px;
}

.ui-widget li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 11px; line-height: 16px; overflow: hidden; border-collapse: collapse; }

div.messageText { max-width: 500px; width: 500px; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; }
div.messageText a { overflow-x: hidden; overflow-y: hidden; max-width: 100px; white-space: nowrap; }

h3.smsHeader { color: #00435f; font-weight: normal; }

div.form-sms input[type="email"], div.form-sms input[type="text"], div.form-sms input[type="password"], div.form-sms input[type="submit"] { border:1px solid #d2d2d2; float: left; font-size: 12px; height: 20px; margin-left: 6px; margin-top: 4px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 6px; vertical-align: top; width: 185px; }
div.form-sms select { -webkit-appearance: menulist-button; float: left; font-size: 12px; height: 28px; margin-left: 4px; margin-top: 4px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; vertical-align: top; width: 206px;}
div.form-sms textarea { margin-left: 4px; height: 120px; resize: none; width: 185px; font-size: 12px; border:1px solid #d2d2d2; margin-top: 4px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 6px; vertical-align: top; }
div.form-sms input.buttonAdd { width: 100px; height: 30px; }
div.form-sms input[type="button"] { height: 30px; }
div.form-sms input[type="submit"] { height: 30px; width: 200px;}
div.form-sms p {min-height: 30px; line-height: 30px; }

input.smsChars {
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 color: #a2a2a2;
}

div.form-sms #counterSms { color: #a2a2a2; }
div.form-sms #scheduledDate, #dateEnd, #dateStart, #emailOnToggle, #emailReplyToggle { display: none; }
div.form-sms input.scheduledHour { width: 30px; border:1px solid #d6d6d6;  height:16px; margin: 0px; font-size: 10px; }
div.form-sms input.scheduledMinute { width: 30px; border:1px solid #d6d6d6;  height:16px; margin: 0px; font-size: 10px; }
div.form-sms select.scheduledDay { width: 65px; height:24px; margin: 0px; font-size: 10px; }
div.form-sms select.scheduledMonth { width: 120px; height:24px; margin: 0px; font-size: 10px; }
div.form-sms select.scheduledYear { width: 80px; height:24px; margin: 0px; font-size: 10px; }
div.form-sms input[type='radio'] { width: 30px; }
div.form-sms input[type='checkbox'] { margin-top: 3px; width: 20px; }
div.form-sms span.form { height: 30px; line-height: 30px; width: 60px; }
div.form-sms .option-be { padding: 0px 0 0px 20px; background-repeat: no-repeat; background-position: 1px 2px; vertical-align: middle; background-image: url(../../../images/icons/icon-be.png); }
div.form-sms .option-nl { padding: 0px 0 0px 20px; background-repeat: no-repeat; background-position: 1px 2px; vertical-align: middle; background-image: url(../../../images/icons/icon-nl.png); }

/* contentlist */
#contentList ul { margin: 0; padding: 0; list-style-type: none; float: left; position: relative; }
#contentList ul li { padding: 0 0 4px 27px; line-height: 12px; }
#contentList .row ul { margin: 0 0 10px 0; float:none; }
#contentList .row ul li { padding-left: 12px; background-position: 0px 3px; }
#contentList .row h2 { margin-bottom: 8px;  }
#contentList .row p  { margin: 0 0 10px 0; }
#contentList .row .row { width: auto; margin-left:0; }
#contentList .row .row div { margin-left: 0; }
#contentList .row .row p { margin-left: 5px; }
#contentList .row div { margin-left: 5px; }
#contentList .row.open  { background: transparent url(../../../images/row_open.png) no-repeat 0px 10px; padding:0 0 10px 25px; cursor: pointer; cursor: hand; }
#contentList .row.closed  { background: transparent url(../../../images/row_close.png) no-repeat 0px 10px; padding:0 0 10px 25px; cursor: pointer; cursor: hand; }
#contentList .row.open h2 { background: transparent url(../../../images/dotted_line.gif) repeat-x bottom; padding: .4em 0 0.8em 0; margin-bottom: 1em; cursor: pointer; cursor: hand; }
#contentList .row.closed h2 { background: transparent url(../../../images/dotted_line.gif) repeat-x bottom; padding: .4em 0 0.8em 0; margin-bottom: 1em; cursor: pointer; cursor: hand; }
#contentList .closed .hide { display: none; }

hr.fade { clear: both; float: none; width: 100%; height: 1px; margin: 1.4em 0; border: none; background: #ddd; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgb(255,255,255)), color-stop(0.1, rgb(221,221,221)), color-stop(0.9, rgb(221,221,221)), color-stop(1, rgb(255,255,255))); background-image: -moz-linear-gradient(left center, rgb(255,255,255) 0%, rgb(221,221,221) 10%, rgb(221,221,221) 90%, rgb(255,255,255) 100%); }

p.chartIcons { margin-left: 30px; }
img.chartIcon { margin: 2px; padding: 0px; }
img.chartIcon:hover { cursor: pointer; }

/* used for antiSpam (contact form) */
.urlWebsite { display: none; }

/* warning */
.warning { margin:0 auto; width:960px; padding:0; position: relative; text-align: right; color: #9f6000; background-color: #feefb3; background-image: url('../../../images/warning.png'); border: 1px solid; padding:15px 10px 15px 50px;  background-repeat: no-repeat; background-position: 10px center; }
.warning p { color: #9f6000; text-align: left; }

/* tabs */
#tabs-min {
    background: transparent;
    border: none;
}
#tabs-min .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#tabs-min .ui-tabs-nav .ui-state-default {
    background: transparent;
    border: none;
}
#tabs-min .ui-tabs-nav .ui-state-active {
    background: transparent url(../../../images/icons/uiTabsArrow.png) no-repeat bottom center;
    border: none;
}
#tabs-min .ui-tabs-nav .ui-state-default a {
    font-size: 15px;
    color: #c0c0c0;
}
#tabs-min .ui-tabs-nav .ui-state-active a {
    font-size: 15px;
    color: #00435f;
}

/* dashboard */
.dashboardHeader { border: 1px solid #f2f2f2; min-height: 28px; text-align: center; background: #f2f2f2; }
.dashboardHeader p { height: 28px; line-height: 28px; color: #555; font-size: 14px; font-weight: bold; }
.dashboardContent { border: 1px solid #f2f2f2; min-height: 28px; text-align: center; }
.dashboardContent p { height: 28px; line-height: 28px; color: #00435f; font-size: 20px; }