/**
 * Developed by Congos Solutions
 * http://www.congos.nl/
**/

* {
	margin: 0;
	padding: 0;
}

html,body {
	font-family: "tahoma";
	font-size: 10pt;
    height: 100%;
    min-height: 100%;
    background: #f5f6f7 url("../images/header-bg.png") left top repeat-x;
}

div#wrapper {
	padding: 0;
    margin: 0 auto;
    width: 960px; 
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

.push {
    height: 80px;
}

div#header {
    height: 50px;
}

div#logo {
    background: url("../images/cas-logo.png") left 11px no-repeat;
    width: 250px;
    height: 50px;
    float: left;
}

div#title {
    padding-top: 25px;
    float: right;
    color: #FFFFFF;
}

div#user-info {
    background: url("../images/icons/user.png") left 25px no-repeat;
    height: 25px;
    float: right;
    padding-top: 25px;
    padding-left: 21px;
    color: #FFFFFF;
}

div#user-info a {
    color: #ffffff;
}

div#languageChoise {
    float: left;
    margin: 5px 0 0 30px;
}

div#languageChoise .field-select {
    background: #FFFFFF;
    border: none;
}

div#languageChoise select {
    font-weight: bold;
}

div#menu {
    min-height: 30px;
    background: #FFFFFF;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

div#menu ul {
	padding: 0;
	list-style-type: none;
    min-height: 30px;
}

div#menu li {
	float: left;
	display: block;
    height: 30px;
    background: #FFFFFF;
}

div#menu a {
	display: block;
	background-repeat: no-repeat;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 10px;
    border-right: 1px solid #dcdcdc;
}

div#menu a:hover {
    background: #034456;
    color: #FFFFFF;
}

a.menu-active {
   background: #034456;
   font-weight: bold;
   color: #FFFFFF;
} 

div#breadcrumbs {
    padding: 5px 10px 5px 10px;
    line-height: 140%;
}

div#sub-menu {
    height: 20px;
    font-size: 9pt;
}

div#sub-menu ul {
	position: absolute;
	padding: 0;
	list-style-type: none;
    height: 20px;
    border-left: 1px solid #dcdcdc;
}

div#sub-menu li {
	float: left;
	display: block;
    height: 20px;
    background: #FFFFFF;
}

div#sub-menu a {
	display: block;
	background-repeat: no-repeat;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 10px;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

div#sub-menu a:hover {
    background: #034456;
    color: #FFFFFF;
}

div#main {
    background: #FFFFFF;
    border: 1px solid #dcdcdc;
    font-size: 9pt;
}

div.selection-menu {
    padding: 10px 10px 10px 11px;
    float: left;
}

div.selection-menu select.field {
   
}

div.selection-menu input.value {
    width: 150px
}

div.selection-menu input.submit {
    vertical-align: 2px;
}

div.page-actions-menu {
    float: right; 
}

div.page-actions-menu ul {
    list-style-type: none;
    padding: 10px;
}

div#div-action-form {
    padding: 10px;
}

form#form-action-form {
    border: 1px solid #F5F6F7;
    padding: 10px;
}

div.field-select {
    float: left;
    border: 1px solid #DCDCDC;
    margin: 10px 10px 0 0;
    padding: 2px 2px 2px 5px;
    height: 18px;
}

div.field-txt {
    float: left;
    border: 1px solid #DCDCDC;
    margin: 10px 10px 0 0;
    padding: 2px 2px 2px 5px;
    height: 18px;
}

div.field-file {
    float: left;
    border: 1px solid #DCDCDC;
    margin: 10px 10px 0 0;
    padding: 2px 2px 8px 5px;
    height: 18px;
}

div.form-area-label {
    border-bottom: 1px solid #F5F6F7;
    padding: 2px 2px 2px 5px;
    height: 18px;
    color: #636262;
}

div.field-area-label {
    padding: 2px 2px 2px 5px;
    height: 18px;
    color: #636262;
    float: left;
    margin: 10px 15px 0 0;
}

div.field-textarea {
    float: left;
    margin: 10px 10px 0 0;
    padding: 2px 0px 2px 0px;
}

div.field-select input {
    border: none;
}

div.field-submit {
    float: left;
    margin: 10px 10px 0 0;
}

div.field-select input {
}

div.field-txt input {
    border: none;
}

div.field-textarea textarea {
    border: none;
}

div.field-select select {
    border: none;
}

div.field-submit input {

}

input.date-pick {
    width: 70px;
}

a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	display: block;
	background: url(../images/icons/calendar.png) no-repeat; 
	text-indent: -2000px;
	overflow: hidden;
}

div.table-options-box {
    padding: 5px 5px 5px 11px;
    float: left;
}

div.table-options-box input {
    vertical-align: bottom;
}

div.table {
    font-size: 8pt;
}

div.table table {
   padding: 0 10px 10px 10px;
}

div.table th {
    padding: 5px 5px 2px 5px;
    border: 1px solid #F5F6F7;
    text-align: left;
    white-space: nowrap;
}

div.table td {
    border-bottom: 1px solid #F5F6F7;
    border-right: 1px solid #F5F6F7;
    border-left: 1px solid #F5F6F7;
    word-break: break-all;
}

div.table td a {
    color: #000000;
    text-decoration: none;
}

td.actions {
    padding: 5px;
}

td.td-value-nolink {
    padding: 5px;
}

td.td-value-tree {
    padding: 5px 5px 5px 20px;
}

a.td-value {
    display: block;
    padding: 5px;
    cursor: pointer;
}

div.table td a:hover {
    text-decoration: none;
}

div.table tr:hover {
    background: #dff1f5;
}

table.full-table {
    width: 100%;
}

div.sort {
    float: right;
    padding-bottom: 2px;
    padding-left: 5px;
}

div.th-row {
    float: left;
    display: block;
}

a.sort-asc {
    display: block;
    background: url("../images/icons/bullet_arrow_down.png") -4px no-repeat;
    height: 5px;
    width: 7px;
    padding-top: 2px;
}

a.sort-desc {
    display: block;
    background: url("../images/icons/bullet_arrow_up.png") -4px no-repeat;
    height: 5px;
    width: 7px;
    padding-top: 2px;
}

a.autonumb {
  background: url("../images/icons/control_equalizer.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.add { 
  background: url("../images/icons/add.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.pdf { 
  background: url("../images/icons/page_white_acrobat.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
  margin-bottom: 5px;
}

a.add-payment {
  background: url("../images/icons/money_add.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.remove-payment {
  background: url("../images/icons/money_delete.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.credit {
  background: url("../images/icons/calculator_error.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.edit {
  background: url("../images/icons/pencil.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.edit-top { 
  background: url("../images/icons/pencil.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.delete-top { 
  background: url("../images/icons/delete.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.images {
  background: url("../images/icons/images.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.rights {
  background: url("../images/icons/report_key.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.videos {
  background: url("../images/icons/film.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.products {
  background: url("../images/icons/box.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.newsletter {
  background: url("../images/icons/application_view_gallery.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.parameters {
  background: url("../images/icons/application_xp_terminal.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.text {
  background: url("../images/icons/page_white_go.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.poll {
  background: url("../images/icons/text_list_bullets.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.print {
  background: url("../images/icons/printer.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.password {
  background: url("../images/icons/key.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.delete {
  background: url("../images/icons/delete.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.delete-document {
  background: url("../images/icons/page_delete.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;    
}

a.add-document {
  background: url("../images/icons/page_add.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;    
}

a.export {
  background: url("../images/icons/table_go.png") left top no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.password-reset {
  background: url("../images/icons/key.png") no-repeat;  
  height: 16px;
  display: block;
  padding-left: 21px;
  cursor: pointer;
}

a.comments {
  background: url("../images/icons/comments.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.categories {
  background: url("../images/icons/folder.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.options {
  background: url("../images/icons/page_white_gear.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 2px 0 2px;
}

a.orderoverview {
  background: url("../images/icons/application_form_magnify.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.history {
  background: url("../images/icons/clock_go.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left; 
}

a.send {
  background: url("../images/icons/newspaper_go.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
}

a.add-item {
  background: url("../images/icons/textfield_add.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;    
  margin-right: 5px;
}

a.add-status {
  background: url("../images/icons/tag_blue_add.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;    
  margin-right: 5px;
}

a.bill {
  background: url("../images/icons/calculator.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;    
  margin-right: 5px;
}

a.invoice {
  background: url("../images/icons/script_add.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;
}

a.copy {
  background: url("../images/icons/page_white_copy.png") no-repeat;  
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;
}

div.page-info-menu {
    background: url("../images/icons/table.png") left top no-repeat;
    float: right;
    padding: 2px 10px 5px 21px;
}

div.page-menu {
    background: url("../images/icons/page.png") left top no-repeat;
    float: right;
    padding: 2px 10px 10px 21px;
}

div.read-more-button-nl a {
    background: url("../images/read-more-button-nl.png") left top no-repeat;
    width: 85px;
    height: 28px;
    display: block;
    float: right;
}

div.read-more-button-nl a:hover {
    background-position: -0px -28px;
}

div.read-more-button-en a {
    background: url("../images/read-more-button-en.png") left top no-repeat;
    width: 85px;
    height: 28px;
    display: block;
    float: right;
}

div.read-more-button-en a:hover {
    background-position: -0px -28px;
}

div.read-more-button-es a {
    background: url("../images/read-more-button-es.png") left top no-repeat;
    width: 85px;
    height: 28px;
    display: block;
    float: right;
}

div.read-more-button-es a:hover {
    background-position: -0px -28px;
}

div.back-button-nl a {
    background: url("../images/back-button-nl.png") left top no-repeat;
    width: 85px;
    height: 28px;
    display: block;
    float: left;
}

div.back-button-nl a:hover {
    background-position: -0px -28px;
}

div#footer-holder {
    height: 80px;
}

div#footer {
    height: 30px;
    background: #FFFFFF;
    width: 958px;
    margin: 0 auto;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    color: #636262;
}

div.footer-spacer {
    clear: both;
    height: 49px;
}

div#footer-content {
    line-height: 30px;
    padding: 0 10px 0 10px;
}

.default_value {
    font-style: normal;
    color: #000000;
}

.txt_default {
    font-style: italic;
    color: gray;
}

.form-notice {
    float: left;
    padding: 0 0 0 10px;
}

.table-notice {
    padding: 10px;
}

.error {
    color: red;
    font-size: 9pt;
}

.success {
    color: green;
}

.spacer {
    height: 10px;
    clear: both;
}

.hide {
    display: none;
}

.clear {
    clear: both;
}

p {
    line-height: 140%;
    margin-bottom: 10px;
}

a {
    outline: none;
    color: #31a8ba;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-size: 9pt;
    float: left;
}

input.checkbox {
    vertical-align: middle;
}

.tree {
    width: 5px;
}

div.field-captcha {
    float: left;
    border: 1px solid #DCDCDC;
    margin: 10px 10px 0 0;
    padding: 2px 2px 2px 5px;
}

div.field-captcha label {
    display: block;
}

div.field-captcha input {
    border: 1px solid #DCDCDC;
    margin-bottom: 3px;
}

img#captchaRefresh {
    padding-top: 3px; 
    padding-right: 3px;
}

/* Styles for verification */
#pswd_info {
	position:absolute;
	width:250px;
	padding:15px;
	background:#fefefe; 
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	display:none;
}

#pswd_info ul {
    list-style: none;
}

#pswd_info:before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:10pt;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}
#pswd_info h4 {
	margin:0 0 10px 0; 
	padding:0;
	font-weight:normal;
    font-size: 10pt;
}

.invalid {
	background:url(../images/icons/cross.png) no-repeat 5px 50%;
	padding-left:25px;
	line-height:24px;
	color:#ec3f41;
    width: 262px;
}
.valid {
	background:url(../images/icons/tick.png) no-repeat 5px 50%;
	padding-left:25px;
	line-height:24px;
	color:#3a7d34;
    width: 262px;
}

.reset {
	background:url(../images/icons/cross.png) no-repeat 5px 50%;
	padding-left:25px;
	line-height:24px;
	color:#ec3f41;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

div.print-menu {
    padding: 0 10px 0 11px;
    float: left;
}

div.imgholder {
    height: 50px;
    overflow: hidden;
}

div.imgholder img {
    width: 50px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inTableSubmit {
    padding: 5px;
    display: block;
    float: right;
    margin: 5px 10px 5px 0;
}

.home h2 {
    color: #034456;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    line-height: 100%;
}

.home .table {
    margin-bottom: 10px;
}