/*
Theme Name: Nijm Style
Theme URI: http://www.nijm.nl/
Description: Main CSS stylesheet this is the stylesheets for al style elements within this project
Version: 1.5
Author: Arjan Nijmeijer
*/

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;  }

table{width:100%;}
th{border:none; text-align:left;}
a{color:#231f20;}
input, select, textarea{ max-width:100%; padding: 4px; margin-bottom:2px !important;}

h3{color: #231f20; font-size: 110%;}
.submit{height:30px; background:#86b817; border:1px solid #FFF; color:#FFF;}

input[type="submit"]{     cursor: pointer;
    background: #FF0000 !important;
    border: none;
    border-radius: 20px;
    padding: 8px 24px !important;
    color: #FFF;}
#wrapper{ margin:20px auto; width: 90%; min-width:1180px;  }

#inner_wrapper{ padding-left:20px; padding-right:20px; }

#header{ background: url("../images/hdr.gif") repeat-x scroll 0 0 transparent; color: #999999; font-weight: bold; height: 50px; line-height: 50px; margin-bottom: 20px; border-radius:5px; }
#headerUrl{display:block; height:32px; width:173px; z-index:100000; }

#currentUser{float:right; margin-right:20px; font-weight:normal; font-size:10px;}
#currentUser a{ color:#666; text-decoration:none;}
#currentUser a:hover{ color:#FFF; }

#logo{float:left; background:url("../images/logo.png") no-repeat; width:30px; height:30px; margin:10px 0 0 20px; }
#slogan{float:left; margin-left:10px;  text-transform:uppercase; color:#FFF; font-size:16px; font-weight:normal; }

#menu{ margin-left:300px;}
#menu p { float:left; margin:20px 0 0 130px; font-weight:bold; color:#FFF;}
#menu ul { list-style-type:none; margin:0; width:100%; }
#menu li { float:left; padding-left:0; list-style:none; background: url("../images/nsp.gif") no-repeat scroll right center transparent; }
#menu li a { color:#999999; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0 25px; text-decoration:none; display: block; }
#menu li a:hover { color:#FFF; }
#menu li.active a {  }
#menu ul ul { background-color:#2e2e2e; border-top:1px solid #DDD; }
#menu li li { float:none; background:#2e2e2e; margin-right:0; width:100%; padding:0; height:30px; line-height:30px; width:200px; }
#menu li li a, #menu li.active li a { border-bottom:1px solid #000; color:#999; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; white-space:normal;  }
#menu li.active li a { background:#2e2e2e; }
#menu li li a:hover { background:#333; color:#FFF;}
#menu li:hover li:hover { background:#1a1a1a;}
#menu li.active li.active a { color:#000;  }
#menu ul ul, #menu.noJsMenu li:hover ul ul, #menu li.Hover ul ul, #menu ul ul ul, #menu.noJsMenu li:hover ul ul ul, #menu li.Hover ul ul ul, #menu ul ul ul ul, #menu ul { left:-999em; position:absolute; width:auto;  }
#menu .noJsMenu li:hover ul, #menu.noJsMenu li li:hover ul, #menu.noJsMenu li li li:hover ul, #menu li.Hover ul, #menu li li.Hover ul, #menu li li li.Hover ul, #menu li:hover ul{ left:auto; z-index:9999;  }
#menu .menuButtons{float:right;}

#content{ float:left; clear:both; width:100%; min-height:410px; }
#content #innerContent{ clear: both; }
#content p, #content td{ font-size:90%; }
#content td{ padding: 8px 10px; }
#content h1{ color:#666666; font-size: 197%; }

#footer{padding:0; margin:0; width:100%; clear:both; /*background:#FFF url(../images/footer.jpg) repeat-x;*/ height:330px; }
#footer p{width:960px; margin:0 auto;}

#loginForm{ margin:20px;}
#loginForm input{ height:40px; font-size:20px; width:200px;}
#loginForm .label{ font-weight:bold;}

#submitForm input{height:90px; width:90px; font-size:30px; padding:2px; text-align:center;}
#submitForm table{width:100%;}
#submitForm .table-header{background:none;}
#submitForm .table-header-labels{ font-weight:bold; }
#submitForm tr, #submitForm td{padding:2px 0; margin:0;}
#submitForm .costumer{}
#submitForm .prospect{}
#submitForm .submit{ width:630px; background:#86B817; border:1px solid #333; cursor:pointer; }
#submitForm a.button { background: transparent no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px;  text-decoration: none; }
#submitForm a.button span { background: transparent no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#submitForm a.button:active { background-position: bottom right; color: #000; outline: none; }
#submitForm a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }
#submitForm .hidden {visibility:hidden; display:none;}
#submitForm .view div{padding:2px; height:50px; width:60px; text-align:center; margin:1px; font-size:20px; line-height:40px;}

.errorBox{background:#FFECCE url('../images/error.gif') 12px 12px no-repeat; border: 1px solid #e9c59b; color:#FF0000; padding: 10px 15px 10px 40px; margin: 10px 0; font-weight: bold; overflow: hidden;}
.errorBox p, .successBox p{padding: 0; margin:0; width: 93%; float: left; display: block;}
.successBox{border: 1px solid #BFDE84; background: #EDFBD8 url('../images/success.gif') 12px 12px no-repeat; color: #508600; padding: 10px 15px 10px 40px; margin: 10px 0; font-weight: bold; overflow: hidden;}
.error{background:#FFECCE; border: 1px solid #e9c59b; color:#FF0000; }

#inlogBox{ width:387px; margin:40px auto; }
#inlogBox label { cursor:pointer; font-size:12px;}
#inlogBox dt{ height:40px; line-height:40px; float:left; width:80px; color:#333; text-align: right; font-weight: bold; clear:both;  }
#inlogBox dd{ margin-left: 100px; }
#inlogBox .header{ height:20px;  margin-left:-1px; background:url('../images/bgs/loginHeader.jpg'); font-weight:bold; font-size:16px; padding:15px;}

#logform{ background:#FFF; border:1px solid #AFAFAF; border-color: #CCCCCC #AFAFAF #AFAFAF; border-radius: 0 0 5px 5px; padding:20px; }
#logform input{ width:200px; background:#FFF url("../img/bgs/bg_input.png"); border: 1px solid; border-radius: 1px; border-color:#CCC; color:#666; background-position: center top; background-repeat: repeat-x; font-size:14px; padding:8px; margin-bottom:10px;}
#regform{ display:none;}

#inlogBox .remember{ font-size:12px; font-weight:normal; white-space:nowrap;}
#inlogBox #loginRemember{width:auto; height: auto; margin-left: 126px;  border:none;}
#inlogBox .submit{height:auto; padding: 8px; cursor:pointer; border:1px solid #993B28; border-color: #A6402B #993B28 #803121; font-weight:bold; margin:10px 0 0 125px; border-radius:5px; background:#0f377a;}
#inlogBox .submit:hover{background:#993B28;}


table .actions .view { background-image:url('../images/icons/actions/page_white_find.png'); }
table .actions .edit { background-image:url('../images/icons/actions/page_white_edit.png'); }
table .actions .delete { background-image:url('../images/icons/actions/page_white_delete.png'); }

table .actions li {text-align:right; list-style:none; float:left; }
table .actions li a { background-position: left center;background-repeat: no-repeat;display: block; padding-left:18px; margin-right:10px; color:#000; font-size:10px; text-decoration:none;}
table .actions li a:hover {text-decoration:underline;}

.datatable{border: 1px solid #CCCCCC;}
.datatable thead tr, .datatable tfoot tr, .paging_full_numbers span.paginate_active {background:#03755b; color:#FFF; }
.datatable td{padding-left:10px; border-top: 1px solid #CCCCCC;}
.datatable tr:hover td{ background:#FFF; }
.datatableProducts th{ background:#03755b; }

.odd{ background:#F2F2F2; }
.even{ background:#EBEBEB; }

.tabhead{background: url("../images/bgs/bg_container_top_left.png") no-repeat scroll left top transparent; position: relative;}
.tabheadInner{background: url("../images/bgs/bg_container_top_right.png") no-repeat scroll right 0 transparent; height: 49px; margin-left: 10px; overflow: hidden; z-index: 5;}
.tabheadInner h2{color: #545454; background: url("../images/bgs/bg_container_top_center.png") no-repeat scroll right top transparent; float: left; font-size: 138.5%; margin: 0; padding: 18px 90px 9px 9px; z-index: 10; }

.tab{margin: 0 2px; padding: 20px; background-color: #FFFFFF; border-radius: 0 0 5px 5px; border:1px solid #CCC; clear: both; }
.addMenu{padding: 0.3em; min-width:90px; color:#000; text-decoration:none; line-height:20px; padding: 7px 10px;  border-radius: 5px; float:right; margin-right:3px; border:1px solid #BFBFBF; background:#F2F2F2;}
.addMenu img{float:left; margin-top:2px; margin-right:5px;}

.wizard-steps {border:#D9D9D9 1px solid; border-radius: 5px 5px 5px 5px; height: 55px; line-height: 420%; margin: 0 0 25px; text-align: center; background:#F2F2F2;} 
.wizard-steps li { background-image: url("../images/bgs/bg_wizard.png"); background-position: right top; background-repeat: no-repeat; display: inline-block; font-size: 116%; height: 100%; padding: 0 25px 0 10px; position: relative;  z-index: 89; }
.wizard-steps li a {display:block; text-decoration:none; }
.wizard-steps li span {margin-left: 30%; display:block; width:15px; height:15px; line-height:12px; border: 1px solid; border-radius: 5px 5px 5px 5px; font-size: 100%; line-height: 100%;  padding: 3px 5px;  position: relative;  text-align: center;  top: -6px; color: #666666; background:#F2F2F2;}
.wizard-steps .wizard-step-done span, .wizard-steps .current span{color:#FFF; background:#03755b; }

fieldset{ border:1px solid #CCCCCC; }
form dt{ min-height: 20px;text-align: right; width: 150px; }
form.horizontal-form dd { left: 165px; position: relative; top: -21px; }
.horizontal-form label { cursor: pointer; font-weight: bold; color:#333333;}
.horizontal-form dd input, .horizontal-form dd textarea { width: 75%;}
.horizontal-form dd textarea {padding: 8px; font-family:Arial; font-size:13px;}
legend { font-size: 116%; padding: 0 1em; margin-left:10px; }

.button{ color: #FFF; background: #FF0000; border-radius: 5px 5px 5px 5px; transition:0.4s; border-style: solid; border-width: 1px;  cursor: pointer;  display: inline-block; font-weight: bold;  overflow: visible; padding: 7px 10px; text-decoration: none;  vertical-align: baseline;  white-space: nowrap;  width: auto;}
.button:hover{ background: #c21717 !important; color:#FFF !important; text-decoration:none; transition:0.4s;}
.button-switch {display: block;}
.fright {   float: right; }
.fright li { list-style-type:none;  }

.table{ margin:10px; width:100%; } 
.table th{ background:#03755b; color:#FFF; }

.productFieldset{padding:0 20px 0 0; margin:0 0 30px 0;}
.productFieldset td{padding:0;}
#modem input{width:80px;}
dt{font-weight:bold;}

.visualize-info{width:170px; right: -200px !important; top:0 !important;}
.boldLegend{font-weight:bold;}
.invisible{display:none;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 0 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #8a8a8a;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-left: auto;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}