/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2011, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2011, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

#moduleIcon {
    position: absolute;
    top: -15px;
}

#printHeader {
	position: absolute;
	margin-top: -60px;
	visibility:hidden;
}

 #menu {
	margin-top:-15px;
	margin-left: 140px !important;
 }
 
#menu li.current {
	background-color:darkblue;
}
#menu li a.current--- {
	color:white;
}

 .myprofile {
	margin-top: 15px;
	margin-left: 25px;
	position: absolute;
}

#verticalspacer {
	height: 10px;
	clear:both;
}

.cleardate {
	color: #808080;
	float: right;
	font-weight: bold;
	margin-right: 0px;
	margin-top: 4px;
	cursor: pointer;
}

/** General Style Info **/
body {
	background: #EBECED;
	color: rgba(71, 71, 71, 1);
	font-family:arial;
	font-size:12px;
	margin: 0;
	padding-left:10px;
	padding-right:10px;
}
a {
	color: #003d4c;
	text-decoration:none;
}
a:hover {
	color: #367889;
	text-decoration: underline;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	background:#fff;
	color: #003d4c;
	font-size: 100%;
}
h2 {
	background:#fff;
	color: #e32;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 190%;
}
h3 {
	color: #2c6877;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
}
h4 {
	color: #993;
	font-weight: normal;
}
ul, li {
	margin: 0 0px;
}
p {
	margin: 0 0 1em 0;
}

#breadcrump {
	margin-bottom : 15px;	
}

#breadcrump a {
    color: #4835A2;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

/** Layout **/
#container {
	text-align: left;
}

#header{
	padding: 10px 20px;
}
#header h1 {
	line-height:20px;
	background: #003d4c url('../img/cake.icon.png') no-repeat left;
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	background: #fff;
	clear: both;
	color: #333;
	padding: 10px 20px 40px 20px;
	overflow: auto;
}
#footer {
	clear: both;
	padding: 6px 10px;
	text-align: right;
}

/** containers **/
div.form,
div.index,
div.view {
	float:right;
	width:76%;
	border-left:1px solid #666;
	padding:10px 2%;
}
div.actions {
	float:left;
	width:16%;
	padding:10px 1.5%;
}
div.actions h3 {
	padding-top:0;
	color:#777;
}


/** Tables **/
table.results  {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	font-size : 13px;
	width : 100%;
	*border-collapse: collapse;
}

div.small  {
	width : 500px !important
}
div.medium  {
	width : 700px !important
}
div.large  {
	width : 800px !important
}
div.extralarge  {
	width : 1100px
}

table.results th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding-top:4px;
	padding-bottom:4px;
}



table.results th a {
	display: block;
	padding: 2px 0px;
	text-decoration: none;
	text-align : center;
}
table.results th a.asc:after {
	content: ' ⇣';
}
table.results th a.desc:after {
	content: ' ⇡';
}
table.results tr td {
	background: #fff;
	padding: 4px;
    text-align: left;
	vertical-align: center;
	border-bottom:1px solid #ddd;
	empty-cells:show;
	zoom:1;
}
table.results tr:nth-child(even) {
	background: #f9f9f9;
}



table.results td.actions {
	text-align: center;
	white-space: nowrap;
}
table.results td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

table.results td.number {
	text-align : right;
}

table.total {
    float: right;
    width: 300px;
}

table.total tr.totalTtc {
	font-size : 18px;
	font-weight : bold;
}
table.total tr.totalTtc td {
	border-top : 2px solid #000;
}

/* SQL log */
.cake-sql-log {
	background: #fff;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}




div.actions_icons {
    display: none--;
    height: 16px;
    margin: -16px 0 0;
}

div.actions_icons2 {
    height: 16px;
    margin: 0 0 0;
}

table.results tr td.actions_column2 {
	text-align:center;
}

div.actions_icons a {
	margin-left:5px;
	
}
div.actions_icons2 a img{
	margin-right: 3px;
}

table.results tr:hover td {
	background-color: #E9E8EA;
}

table.results tr:hover div.actions_icons {
	display:block;

}

td.actions_column, th.actions_column { width:60px; padding:0;}
td.actions_column2, th.actions_column2 { width:96px; padding:0; }


#breadcrump {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    height: 24px;
    padding-top: 7px;
    position: absolute;
    top: 55px;
    width: 100%;
    margin-top: -10px;
	margin-left: 140px !important;
}

#breadcrump span.title {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
}

#pagecontent {
	padding-top: 80px;
}

.fieldscolumn {
	float: left;
	width:315px;
}
.largefieldscolumn {
	float: left;
	width:100%;
}


.titleLabel {
	width : 120px;
	float : left;
}

.dataLabel {
	width : 200px;
}

form div {
	margin-top:5px;	
}

.disabled{
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}

div.input  {
	float:left;
}

div.input  label {
	width : 111px;
	float : left;
	text-align : right;
	padding-right : 10px;
}

div.input input,
div.input select,
div.input textarea {
	width : 180px;
}

table div.input input,
table div.input select,
table div.input textarea {
	width : 120px;
	font-size:13px;
}

div.date select {
	width:90px;
}

div.input input.number,
div.input select.number {
	width : 70px;
}



/** Paging **/
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #c73e14;
}


/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 10em;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	padding: 0;
}
fieldset {
	border: none;
	margin-bottom: 1em;
	padding: 16px 10px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}



form div.input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:before {
	color: #e32;
	content: '*';
	display:inline;
}

label {
	width : 100px;
}

#CompanyIndexForm label {
	margin-top: 3px;
    position: absolute;
    text-align: right;
    width: 100px;
}

#CompanyIndexForm #CompanyKeyword {
    left: 20px;
    position: absolute;
    width: 420px;
}

#CompanyIndexForm .submit {
    left: 450px;
    position: absolute;
}

#searchform {
    margin-bottom: 10px;
}

#pagination {
    padding: 3px;
    max-width: 1000px;
	clear: both;
}

#pagination #nav-paging, #pagination #nav-limit {
float:left;

}

#nav-limit .pagination_limit {
    font-size: 10px;
    height: 17px;
    width: 75px;
}
#nav-limit  label {
	width: 60px;
}

#pagination #nav-browsing {
	font-weight : bold;
	float : right;	
}
#pagination #nav-browsing a {
	margin-right : 10px;
	margin-left : 10px;
}

input, select {
	height : 23px;
	font-size: 13px;
}

select {
	clear: both;
	vertical-align: text-bottom;
	
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	float: left;
	margin: 0px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	
	width:auto !important;
	margin: 0px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit] {
	background:#62af56;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 0 10px 4px;
	margin-top : 10px;
	

}

.hidden {
	display:none;
}
.trhidden {
	display : none;
}
.trshown {
	display : table-row;
}

form div.submit {
text-align: center;
max-width: 1000px;
clear: both;
}

form div#action_multiple div.submit {
clear: none;
}

form .submit input[type=submit]:hover {
	background: #5BA150;
}
/* Form errors */
form .error {
	background: #FFDACC;
	-moz-order-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.linefeed {
	clear: both;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/**  Actions  **/
.actions ul {
	margin: 0;
	padding: 0;
}
.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}

/* Buttons and button links */
input[type=submit],
.actions ul li a,
.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}

/** Related **/
.related {
	clear: both;
	display: block;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
	padding: 0;
	position: relative;
}
.cake-debug-output > span {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 6px;
	color: #000;
	display: block;
	float: left;
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
	font-size: 16px;
	line-height: 20px;
	clear: both;
}
.cake-error > a {
	text-shadow: none;
}
.cake-error {
	white-space: normal;
}
.cake-stack-trace {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	margin: 10px 0 5px 0;
	padding: 10px 10px 0 10px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.cake-stack-trace a {
	text-shadow: none;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0px 4px 10px 2px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
.cake-context {
	margin-bottom: 10px;
}
.cake-stack-trace pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px 0 10px 0;
	padding: 1em;
	overflow: auto;
	text-shadow: none;
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
.cake-code-dump .code-highlight {
	display: block;
	background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
.code-coverage-results div.covered span.content {
	background:#cec;
}
.code-coverage-results div.ignored span.content {
	color:#aaa;
}
.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
.code-coverage-results span.line-num strong {
	color:#666;
}
.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
.code-coverage-results div.realstart {
	margin-top:0px;
}
.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
.code-coverage-results span.result-bad {
	color: #a00;
}
.code-coverage-results span.result-ok {
	color: #fa0;
}
.code-coverage-results span.result-good {
	color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
	display:none;
}

#resultscount {
    color: black;
    font-size: 14px;
    font-weight: bold;
}






/* ********************* Contact */


#showQuickSearch,
#showAdvancedSearch {
	max-width: 1000px;
	text-align: center;
}

#advancedsearch {
	display:none;
}


.boxTitle {
    background-color: #F8F8F8;
    border: 1px solid #C8C8C8;
    border-radius: 3px 3px 3px 3px;
    padding: 6px;
	margin-bottom: 10px;
	height: 20px;
	width: 100%;
	
}

.Closed {
	margin-bottom: 10px;
}

.boxTitle span.title {
	color: #6F71C6;
    font-size: 16px;
    font-weight: bold;
	float:left;
	
}

.boxTitle span.validity {
    font-size: 15px;
    font-weight: bold;
	width: 60px;
	float: left;
}

.boxTitle span.deadline {
    float: left;
    margin-top: 3px;
    width: 100px;
}

.boxTitle span.units {
    color: #434343;
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
	width: 30px;
	text-align:right;
}

.boxTitle span.amount {
    color: #434343;
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-left: 100px;
    margin-top: 0;
	width: 60px;
	text-align:right;
}
	
.boxTitlePayment span.valid { color: #0EA00C;}
.boxTitlePayment span.invalid { color: #FF0000;}

.divPayment {
	border: 1px solid #C8C8C8;	
	margin-bottom: 10px;
	margin-top: -13px;
}


#total {
    font-size: 16px;
    margin-left: 7px;
    max-width: 1000px;
    text-align: right;
}
#total span {
    color: black;
    font-weight: bold;
}

 #amount {
    border-top: 2px solid black;
    color: black;
    float: right;
    font-weight: bold;
    margin-top: 1px;
    padding-top: 5px;
    width: 100px;
}

#ContactEditForm #ContactNote, #ContactEditForm #ContactNote2 {
    height: 60px;
    margin-bottom: 8px;
	width: 481px !important;
}

#ContactEditForm #ContactNote {
	width:782;
}

#checkall {
	margin-left: 3px;
}

/* **************************** PAYMENT */

#total {
    font-size: 16px;
    max-width: 1000px;
    text-align: center;
}

 #amount {
    color: black;
    font-weight: bold;
}

td.nopadding {
padding:0;
}

input[type="checkbox"], .checkbox {
    font-size: 13px;
    height: 13px;
    width: 13px !important;
	margin-top:0px;
}

div.checkbox label {
	text-align: left;
	margin-top: -14px;
	margin-left: 18px;
}

div.checkbox {
	margin-left: 125px;
}

form .submit input[type="submit"].updateSelection {
    background: -moz-linear-gradient(center top , #A4A2D6, #4B51BA) repeat scroll 0 0 #5358AA;
    float: left;
    margin-left: 10px;	
	

	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

form .submit input[type="submit"].updateSelection:hover {
    background: -moz-linear-gradient(center top , #A4A2D6, #4B51BA) repeat scroll 0 0 #5358AA;
    float: left;
    margin-left: 10px;	
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#action_multiple {
	margin-top: -18px;
}

#action_multiple div.submit {
    float: left;
    margin-left: 14px;
    margin-top: 13px;
	

}

.icon16 {
	height:16px;
}

.arrowUpdateSelection {
    float: left;
    margin-left: 68px;
    margin-top: 15px;
}
.arrowUpdateSelectionSmallMargin {
    float: left;
    margin-left: 10px;
    margin-right: 7px;
    margin-top: 2px;
}

.arrowUpdateSelectionDown {
    float: left;
    margin-left: 12px;
    margin-top: 1px;
}


/* **************************** Mailing */

#MailingContactId {
	width: 260px;
}

.recipients {
	max-width: 770px;
}

#MailingContent, #MailingtemplateContent {
    height: 300px;
    width: 650px;
}

#MailingSubject, #MailingtemplateSubject {
    width: 650px;
}

td.empty {
    background-color: #D65C5C !important;
}

input.preview {
	background: -moz-linear-gradient(center top , #A4A2D6, #4B51BA) repeat scroll 0 0 #5358AA !important;
}


td.framed {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-size: 12px;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
}
td.content {
	padding:10px;
}
td.label {
	width: 70px;
}

table.mail {
    font-size: 12px;
    font-weight: bold;
    margin-left: 40px;
    text-align: right;
    width: 600px;
}


/* **************************** Dashboard */

#chart_gauge_1, #chart_gauge_2 {
	margin-left: 8px;
}

.smallDashboardColumn, .mediumDashboardColumn, .largeDashboardColumn, .fullDashboardColumn, #filters, #userData {
	float: left;
	margin:5px;
	padding:5px;
	background-color:white;

}
h1 {
    color: #4835A2;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.smallDashboardColumn { width:135px; }
.mediumDashboardColumn { width:200px; }
.largeDashboardColumn { width:380px;}
.fullDashboardColumn { width:910px;}

#filters { width: 570px; }
#userData { 
	width: 320px;
	font-size: 11px;
	padding-bottom: 0;
}

#filters form div label { width:65px; }
#filters form div.input { float:left; }

.barvalid { background-color: green; }
.barinvalid { background-color: red; }

.barvalid, .barinvalid {
    height: 15px;
	width:100%;
}

.nbvalid {
	color : green;
	text-align: center;
}


.nbinvalid {
	color : red;
	text-align: center;
}

.nbinvalidsmall {
    margin-left: -15px;
    text-align: right;
}

#invalid , #valid {
	float: left;
}

#pcbar { width:100%; }


div.largefieldscolumn div.input select {
    width: 300px;
}

#CheckedTodoIndexForm .submit input[type="submit"] {
    margin-left: 2px;
    margin-top: -10px;
    padding: 0 1px 2px;
}

div#notodo {
    font-style: italic;
    text-align: center;
    width: 100%;
}

span.k-i-calendar {
	margin-top:4px;
}


.autoCompleteDiv    {
     position: absolute;
     border: 1px solid #888;
     margin: 0px;
     padding: 2px;
     display: none;
     background: white;
	 margin-left: 121px;
	 margin-top: 30px;
	 z-index: 1000 !important;
}
.autoCompleteDiv a:hover {
    background: none;
    background-color: darkblue;
    color: white;
    font-weight: normal;
}
.autoCompleteDiv a {
    background: none;
    background-color: white;
    color: black;
    text-decoration: none;
    padding: 2px;
    margin: 0px;
    display: block;
}
.autoCompleteValid, .autoCompleteInvalid, .autoCompleteLink {
	float: left;
    margin-left: 0px;
    margin-top: 8px;
    height: 16px;
    width: 16px;
}
.autoCompleteValid, .autoCompleteInvalid {
	display:none;
}


#linkedcontacts {
	width:500px;
	float:left;
	margin-left:30px;
}

#linkedaddresses {
	width:700px;
	float:left;
}

#WorkoutContactId {
	width:300px;
}

td.quantity input {
	width:30px !important;
}
td.quantity div {
	width:20px;
}
th.checkbox, th.radio  {
	width:20px;
}
td.checkbox div.checkbox label {
	width:0px;
}
td.checkbox div.checkbox {
	margin-left:0px;
}
#AddressNewaddress0 {
	margin-left: 123px;
}
#AddressNewaddress1 {
	margin-left: 23px;
}


#travellinkedcontacts {
	width:970px;
	float:left;
	margin-left:30px;
}

#travellinkedcontacts .autocompletediv {
	margin-left: 0px;
}


#travellinkedcontacts .submit {
	clear:none !important;
}

#travellinkedcontacts input[type="submit"] {
	margin-top:4px;
}


form.right div.submit {
	text-align: right;
	width: 1200px;
}

form.right .submit input[type=submit] {
	background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(darkred));
	background-image: -webkit-linear-gradient(top, red, darkred);
	background-image: -moz-linear-gradient(top, red, darkred);
	border-color: #2d6324;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 0 10px 4px;
	margin-top : 10px;
	

}

div.titleFloatLeft {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
}

div.titleFloatLeft h1 {
	text-align: right;
	padding-right: 10px;
	margin: 0;
	line-height: 26px;
}

table.tableFloatRight {
	float: left;
	width: 410px;
	clear: none;
}

#travellinkedcontacts div.titleFloatLeft {
	width:120px;
}
#travellinkedcontacts table.tableFloatRight {
	width:1000px !important;
}

div.checkbox label {
	width:200px;
}

#TraveldetailTraveldetailtypeId {
	width: 180px !important;
}


#generateInvoice {
	max-width:1000px;
	text-align:center;
}

table#invoicefile, table#confirmactions {
	width:400px;
}

table#confirmactions {
	text-align:center;
}

div.warning {
    color: #000000;
    font-size: 17px;
}

div.radio label {
	margin-left: 0;
}

div.radio_options {
    float: left;
    width: 481px;
}

div.radio_options input {
	float:left;
	clear:both;
	margin-right:10px;
}
div.radio_options label {
	width:380px;
	text-align:left;
	float:left;
}

#TotalDisplaytotal {
	margin-top : 10px;
}

#InvoiceDocuments, #OrderDocuments {
	margin-left: 352px !important;
	width: 500px;
	margin-top: -40px;
	margin-bottom: 65px;
}

#ContactaddressEditForm ul.module-actions {
    left: 0;
}

ul.module-actions .preview, ul.module-actions .quickprint, ul.module-actions .pdf {
	display:none---;
}

#PaymentDocuments {
	margin-left: 352px !important;
	width: 500px;
	margin-top: -70px;
	margin-bottom: 65px;
}

table #dateCell {
	width:172px;
}
table #regenerateActionCell {
	width:20px;
}

.obsolete, .obsolete a {
	background-color: red !important;
	color: white !important;
}

#AddressStreet, #AddressCo, #AddressCity, #AddressCountry {
	width:380px !important;
}

#InvoicedetailDesc1, #InvoicedetailDesc2, #InvoicedetailDesc3, #TraveldetailDescription {
	width:350px;
	height:100px;
}

#contactcommissions {
	margin-left: 930px;
	position: absolute;
	top: 535px;
	height: 100px;
}

div#contactcommissions div.titleFloatLeft,
div#contactwebsites div.titleFloatLeft {
	width: 95px;
}
div#contactcommissions div.titleFloatLeft h1,
div#contactwebsites div.titleFloatLeft h1 {
	font-weight:normal;
	color:#444;
	font-size:12px;
	background:transparent;
}
div#contactcommissions div.cardstable,	
div#contactwebsites div.cardstable {
	float:right;
	overflow:auto;
	padding-left: 0px;
	width: 880px;
}



div#contactwebsites div.cardstable {
	width: 1080px !important;
}

#contactwebsites {
	margin-left: 730px;
	position: absolute;
	top: 743px;
}


div#contactwebsites div.cardstable {
	height:300px;
}	
	
#contactcards {
	margin-left: 618px;
	position: absolute;
	top: 384px;
	height: 100px;
}

#contactcards td, #contactcommissions td, #contactcards th, #contactcommissions th, #contactwebsites td, #contactwebsites th {
		font-size : 11px !important;
}

#contactcards img, #contactcommissions img, #contactwebsites img, #LinkedContacts-grid img, #ContactAddresses-grid img {
	height: 18px;
}

#contactcommissions .k-icon, #contactwebsites .k-icon, #Contactcard-grid .k-icon {
	margin-left:0px;
}

#contactcards .k-grid-pager, #contactcommissions .k-grid-pager {
    display: none;
}

div#contactcards div.titleFloatLeft {
	width: 95px;
}
div#contactcards div.titleFloatLeft h1 {
	font-weight:normal;
	color:#444;
	font-size:12px;
	background:transparent;
}
div#contactcards div.cardstable {
	float:right;
	background-color:white;
	height:162px;
	overflow:auto;
	margin-left: 10px;
	padding-left: 0px;
	width: 1085px;
}


.airlinelogo img {
    position: absolute;
    top: 115px;
    max-height: 100px;
    left: 442px;
    max-width: 180px;
}

#ContactcardNumber {
	width: 220px;
}
#ContactcardName {
	width:158px;
}

a#mail img {
	margin-top: 7px;
}

#TravelAmountBalance.positive_balance, #InvoiceAmountBalance.positive_balance { color: red }
#TravelAmountBalance.neutral_balance, #InvoiceAmountBalance.neutral_balance { color: green }
#TravelAmountBalance.negative_balance, #InvoiceAmountBalance.negative_balance { color: blue }

#TravelAmountPaid, #TravelTotalAmount, #TravelAmountBalance, #TravelTotalInvoiced,
#InvoiceAmountPaid, #InvoiceTotalAmount, #InvoiceAmountBalance { font-size : 19px }


form#QuickSearchIndexForm, form#QuickSearchDebitForm, form#QuickSearchSplitForm, form#QuickSearchEditForm, form#QuickSearchIdentityForm {
    float: right;
    position: absolute;
    left: 850px;
}
form #QuickSearchKeyword {
	width:120px;
}
form#QuickSearchDebitForm div.submit, form#QuickSearchIndexForm div.submit, form#QuickSearchSplitForm div.submit, form#QuickSearchIdentityForm div.submit, form#QuickSearchEditForm div.submit {
	float:left;
	clear:none;
	margin-left:10px;
	margin-top:0px;
}

form#QuickSearchDebitForm div.fieldscolumn, form#QuickSearchIndexForm div.fieldscolumn, form#QuickSearchSplitForm div.fieldscolumn, form#QuickSearchEditForm div.fieldscolumn, form#QuickSearchIndexForm div.fieldscolumn {
	width:125px;
}

form#QuickSearchDebitForm div.linefeed, form#QuickSearchIndexForm div.linefeed, form#QuickSearchSplitForm div.linefeed, form#QuickSearchIdentityForm div.linefeed, form#QuickSearchEditForm div.linefeed {
	display:none;
}


form div.submit input.contacts {
background-image: -webkit-linear-gradient(top, #D8D8D8, #888888);
background: -moz-linear-gradient(center top , #D8D8D8, #888888);
}
form div.submit input.travels {
background-image: -webkit-linear-gradient(top, #756BBF, #373082);
background: -moz-linear-gradient(center top , #756BBF, #373082);
}
form div.submit input.invoices {
background-image: -webkit-linear-gradient(top, #FAFF71, #E2E215);
background: -moz-linear-gradient(center top , #FAFF71, #E2E215);
color:black;
}
form div.submit input.payments {
background-image: -webkit-linear-gradient(top, #BF6B6B, #823033);
background: -moz-linear-gradient(center top , #BF6B6B, #823033);
}

#pagecontent.Travels {background-color:rgb(199, 213, 230)}
#pagecontent.Invoices {background-color:rgb(252, 239, 145)}
#pagecontent.Payments {background-color:rgb(140, 225, 139)}


form.duplicateform, form.splitform {
	margin-top: -43px;
}
form.splitform {
	margin-left: 90px;
}
form.duplicateform {
	margin-left: 50px;
}


.date_valid { color:green; font-size: 11px;}
.date_warning { color:orange; font-size: 11px; font-weight:bold}
.date_invalid { color:red; font-size: 11px; font-weight:bold}


#LinkedContacts-grid{
	max-width : 700px;
}

#ContactInvoices-grid, #ContactPayments-grid {
	max-width : 1200px;
}


#TravelPayments-grid, #TravelDebitPayments-grid, #InvoiceTravels-grid, 
#InvoicePayments-grid, #ContactTravels-grid, #TravelInvoices-grid, 
#divTraveldetail, #divInvoicedetail {
	width : 99%;
}


#ContactAddresses-grid {
	max-width : 900px;
}

#TravelInvoices-grid.panda-grid,
#traveltodos-grid.panda-grid,
#TravelPayments-grid.panda-grid,
#InvoiceTravels-grid.panda-grid,
#InvoicePayments-grid.panda-grid,
#ContactTravels-grid.panda-grid,
#ContactPayments-grid.panda-grid,

#LinkedContacts-grid.panda-grid,
#ContactInvoices-grid.panda-grid,
#TravelDebitPayments-grid.panda-grid,
#InvoiceDetailsPayments-grid.panda-grid {
   max-height: 300px;
   overflow-y:scroll;
}

#ContactAddresses-grid.panda-grid, #Contactcommission-grid.k-grid, #LinkedContacts-grid.panda-grid, #Contactwebsite-grid.k-grid {
   height: 150px;
   overflow-y:scroll;
}

#AdvancedContactForm .submit {
    margin-top: -42px;
    margin-left: -320px;
}


#TravelInvoices-grid .k-virtual-scrollable-wrap,
#traveltodos-grid .k-virtual-scrollable-wrap,
#InvoiceTravels-grid .k-virtual-scrollable-wrap,
#InvoicePayments-grid .k-virtual-scrollable-wrap,
#TravelPayments-grid .k-virtual-scrollable-wrap,
#ContactTravels-grid .k-virtual-scrollable-wrap,
#ContactPayments-grid .k-virtual-scrollable-wrap,
#ContactAddresses-grid .k-virtual-scrollable-wrap,
#LinkedContacts-grid .k-virtual-scrollable-wrap,
#ContactInvoices-grid .k-virtual-scrollable-wrap,
#TravelDebitPayments-grid .k-virtual-scrollable-wrap{
	height: auto;
}

#traveltodos-grid .k-grid-pager,
#LinkedContacts-grid .k-grid-pager,
#InvoiceTravels-grid .k-grid-pager,
#InvoicePayments-grid .k-grid-pager,
#TravelInvoices-grid .k-grid-pager,
#TravelPayments-grid .k-grid-pager,
#ContactTravels-grid .k-grid-pager,
#ContactPayments-grid .k-grid-pager,
#ContactAddresses-grid .k-grid-pager,
#ContactInvoices-grid .k-grid-pager,
#TravelDebitPayments-grid .k-grid-pager {
	display:none;
}

#traveltodos-grid {
	margin-right: 26px;
}

#traveltodos-grid,
#TravelInvoices-grid, #TravelPayments-grid,
#InvoiceTravels-grid, #InvoicePayments-grid,
#TravelDebitPayments-grid {
	margin-bottom: 10px;
	margin-top: -11px;
	margin-left: 30px;
}

#TravelDebitPayments-grid, #divTraveldetail, #divInvoicedetail {
	margin-top: -10px;
	margin-left: 31px;
}

#TravelEdit, #InvoiceEdit {
	padding : 30px;
}

#DestinationTravels-grid, #stops-grid.small{
    width: 800px;
	
}
#DestinationTravels-grid{
    height: 600px;
	overflow:auto;
}
#stops-grid{
    height: 400px;
}

span.title div.total {
	color: #474747;
	font-weight: normal;
	margin-top: -21px;
	width: 1215px;
}

.text-right {
	text-align:right;
}

#travellinkedcontacts td.actionsCol {
	width: 60px;
}

div.mail a img{
	margin-left: -16px;
	margin-bottom: -5px;
}

#AdvancedEditForm {
	margin-top: -35px;
	margin-left: 150px;
}

#TravelDeleteForm {
    margin-top: -50px;
}


#total {
	float: left;
	top: 100px;
	width: 200px;
	position:absolute;
	margin-left: 1200px;
	text-align:left;
}

#pagecontent.Payments #total {
	top: 155px;
}

#total span {
    color: black;
    font-weight: bold;
}

#total_amount, #total_invoiced, #total_commission, #total_paid, #total_balance {
    font-size: 16px;
	width: 200px;
	float:left;
}

#total_amount span, #total_invoiced span, #total_commission span, #total_paid span, #total_balance span {
	float : right;
}

#amount {
    color: black;
    font-weight: bold;
}

.positive_balance { color: red }
.neutral_balance { color: green }
.negative_balance { color: blue }

#TravelAmountPaid, #TravelTotalAmount, #TravelAmountBalance, #TravelTotalCommission, #TravelTotalInvoiced,
#InvoiceAmountPaid, #InvoiceTotalAmountTax, #InvoiceAmountBalance { 
	font-size : 19px; 
	text-align:right;
}

ul.module-actions
{
position: absolute;
display: inline;
margin-left: 1000px;
margin-top: 10px;
padding: 0;
list-style-type: none;
text-align: center;
}

ul.module-actions li { display: inline; }


ul.module-actions {
    margin-left: 1010px;
}

div#id-picture {
	margin-left: 20px;
}


#TravelRef {
	position: absolute;
	top: 103px;
	width: 50px;
	margin-left: 251px;
}

label[for=TravelRef] {
	display:none;
}

.autoCompleteLink{
    margin-left: -17px;
}

#addresses-grid  #columns-menu, #segments-grid #columns-menu {
	display:none;
}

#segments-grid .k-grid-toolbar {
    padding-left: 10px;
}

#ContactlinkLinkAb,
#ContactlinkLinkBa,
#ContactlinkLinkBa1,
#ContactlinkLinkAb1,
#ContactlinkLinkBa2,
#ContactlinkLinkAb2,
#ContactlinkLinkBa3,
#ContactlinkLinkAb3,
#ContactlinkLinkBa4,
#ContactlinkLinkAb4,
#ContactlinkLinkBa5,
#ContactlinkLinkAb5,
#ContactlinkLinkBa6,
#ContactlinkLinkAb6,
#ContactaddressLink {
	text-transform: uppercase;
}




.floatright {
	float:right;
}

#TodoTitle, #TodoDescription {
	width:782px;
}

#options-grid #columns-menu, #options-grid .k-pager-wrap {
	display:none;

}

#available-options-grid {
    float: right;
    position: absolute;
    top: 151px;
	left: 900px;
	width: 700px;
	display:none;
}


.moveleft { 
	cursor: pointer;
	text-decoration: none;

}




span.bold { font-weight:bold; }
span.underline { text-decoration: underline; }
span.italic { font-style: italic; }

span.view-actions-icons:before { content:url('../img/icons/16/wrench_orange.png'); opacity: 0.3;}
span.view-actions-icons:hover .action-icons { display:block }
span.view-actions-icons:hover .action-icons:before { content:url('../img/icons/32/wrench_orange.png'); opacity: 0.1; margin-right:10px;}
span.action-icons { 
	display: none;
	position: absolute;
	padding-left: 5px;
	padding-right: 11px;
	padding-top: 6px;
	padding-bottom: 0px;
	background-color: white;
	margin-top: -29px;
	margin-left: -8px;
	border:1px solid lightgrey;
	z-index:2 !important;
}

span.action-icons a {
	cursor:pointer;
}
span.action_underline {
	margin-left:8px;
	margin-right:7px;
}
span.action_bold {
	margin-left:11px;
}
span.action_underline:before { content:url('../img/icons/32/text_underline.png'); }
span.action_italic:before { content:url('../img/icons/32/text_italic.png'); }
span.action_bold:before { content:url('../img/icons/32/text_bold.png'); }
span.action_up:before { content:url('../img/icons/32/arrow_up.png'); }
span.action_down:before { content:url('../img/icons/32/arrow_down.png'); }
span.action_left:before { content:url('../img/icons/32/arrow_left.png'); }
span.action_right:before { content:url('../img/icons/32/arrow_right.png'); }


.k-edit-field .view-actions-icons {

    display:none;
}

#options-grid span {
	font-size:8px !important;
}
