/* widths */
.b   { font-weight: bold; }
.b10 { font-weight: bold; width: 10px; }
.b20 { font-weight: bold; width: 20px; }
.b30 { font-weight: bold; width: 30px; }
.b40 { font-weight: bold; width: 40px; }
.b50 { font-weight: bold; width: 50px; }
.b60 { font-weight: bold; width: 60px; }
.b70 { font-weight: bold; width: 70px; }
.b80 { font-weight: bold; width: 80px; }
.b90 { font-weight: bold; width: 90px; }
.b100 { font-weight: bold; width: 100px; }
.b110 { font-weight: bold; width: 110px; }
.b120 { font-weight: bold; width: 120px; }
.b130 { font-weight: bold; width: 130px; }
.b140 { font-weight: bold; width: 140px; }
.b150 { font-weight: bold; width: 150px; }
.b160 { font-weight: bold; width: 160px; }
.b170 { font-weight: bold; width: 170px; }
.b180 { font-weight: bold; width: 180px; }
.b190 { font-weight: bold; width: 190px; }
.b200 { font-weight: bold; width: 200px; }
.b210 { font-weight: bold; width: 210px; }
.b220 { font-weight: bold; width: 220px; }
.b230 { font-weight: bold; width: 230px; }
.b240 { font-weight: bold; width: 240px; }
.b250 { font-weight: bold; width: 250px; }
.b260 { font-weight: bold; width: 260px; }
.b270 { font-weight: bold; width: 270px; }
.b280 { font-weight: bold; width: 280px; }
.b290 { font-weight: bold; width: 290px; }
.b300 { font-weight: bold; width: 300px; }

/* widths for specific content */
.bw-date { font-weight: bold; width: 160px; }
.bw-email { font-weight: bold; width: 200px; }
.bw-name { font-weight: bold; width: 160px; } 

/* text alignment */
.tar { text-align: right; }
.tac { text-align: center; }

/* buttons and css hacks */
.clickable { cursor: pointer; }

/* image offsets */
.imgoffset3 img { position: relative; top: +3px; }
.imgoffset5 img { position: relative; top: +5px; }
.imgoffset6 img { position: relative; top: +6px; }

/* table padding */
.table-p3 { border-spacing: 0; } 
.table-p3 > tbody > tr > td { padding-left: 3px; padding-top: 3px; padding-bottom: 3px; padding-right: 3px; }
.table-p5 { border-spacing: 0; } 
.table-p5 > tbody > tr > td { padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;  }
.table-p5 > tbody > tr > td:last-child { border-right: 0px }
.table-p5 { border-left: 0px solid #eeeeee; border-top: 0px solid #eeeeee; }


.table-std { width: 100%; }
.table-std > thead > tr > td { padding: 8px; }
.table-std > tbody > tr > td { padding: 8px;  }
.table-std > tbody > tr > td:last-child { }
.table-std { border-left: 0px solid #eeeeee; border-top: 0px solid #eeeeee; }
.table-std > tbody > tr:nth-child(odd) { background: #fafafa; }
.table-std > thead > tr > td { padding-bottom: 10px; font-weight: bold; }

/* table styles*/
.table-lined > td, .table-lined > tbody > td { }
.table-lined:nth-child(odd) { background: #fafafa; }
.table-vat td { vertical-align: top; } 

/* specialist styles */
.automargins { margin-left: auto; margin-right: auto; }

.pb1em { padding-bottom: 1em; }
.pb05em { padding-bottom: 0.5em; }
.pb025em { padding-bottom: 0.25em; }
.pt1em { padding-top: 1em; }
.pl1em { padding-left: 1em; }
.pr1em { padding-right: 1em; }

.pb2em { padding-bottom: 2em; }
.pt2em { padding-top: 2em; }
.pl2em { padding-left: 2em; }
.pr2em { padding-right: 2em; }


/* history ticker */
.ui-history-ticker { color: #aaaaaa; font-size: smaller; font-weight: normal; }

/* css-hacks */
.ui-sizing-border-box { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text],input[type=input],textarea { 
	box-sizing:border-box;
}/* 
    Document   : site
    Created on : 14-Sep-2013, 01:42:06
    Author     : Mark
    Description:
        Purpose of the stylesheet follows.
*/

.vcm-popup-icon {
	vertical-align: bottom;
	padding-right: 3px;
}

.vcm-popup-item {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
}

.vcm-popup-item:hover {
	background-color: #dadada;
}

.vcm-popup {
	position: absolute;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	box-shadow: 2px 2px 2px #555555;
	color: #222222;
	font-size: 12px;
	min-width: 140px;
}

.vcm-popup-title {
	padding: 8px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 1px;
	text-align: center;
	cursor: default;
}	

.vcm-popup-max {
	position: fixed;
	background-color: #eeeeee;
	color: #222222;
	font-size: 12px;
	min-width: 140px;
	top: 0; left: 0; right: 0; bottom: 0;
	box-sizing: border-box;
	padding: 20px;
}

.vcm-popup-max .vcm-popup-title {
	padding: 8px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 1px;
	text-align: center;
	cursor: default;
}

.vcm-popup-max .vcm-popup-item { 
	padding: 10px;
}


.vcm-popup-max .vcm-popup-title { 
	font-size: large;
	margin-bottom: 0.5em;
}

.vcm-popup-max .vcm-popup-item { 
	font-size: large;
	text-align: center;
	background: #0077CC;
	color: #ffffff;
	padding: 0.5em;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
}

.vcm-popup-max .vcm-popup-item:hover { 
	background: #0088dd;
}
.m3wnd-template { 
	position: absolute;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #aaaaaa;		
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}

.m3wnd-template-inner { 
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
}

.m3wnd-template .m3wnd-toolbar { 
	position: absolute;
	top: 0px; left: 0px; right: 0px;
	height: 25px;
	background: #b0bdc7;
	color: #ffffff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.m3wnd-template .m3wnd-toolbar-table { 
	width: 100%;
	height: 100%;
}

.m3wnd-template .m3wnd-title { 
	font-weight: bold;
	padding-left: 5px;
	cursor: pointer;
}

.m3wnd-template .m3wnd-loading-icon { 
	width: 20px;
	text-align: center;
}

.m3wnd-template .m3wnd-toolbar-button { 
	width: 20px;
	text-align: center;
	cursor: pointer;
}

.m3wnd-template .m3wnd-toolbar-button:hover { 
	background: #dddddd;
}

.m3wnd-template .m3wnd-content-outer { 
	position: absolute;
	top: 25px; left: 0px; right: 0px; bottom: 0px;
}

.m3wnd-template .m3wnd-content-inner { 
	position: absolute;
	top: 10px; left: 10px; right: 10px; bottom: 10px;
	overflow: visible;
}