@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(webfonts/400.woff) format('woff');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(webfonts/700.woff) format('woff');
}

body {
	padding : 0;
	margin: 8px;
	color: #2f2f2f;
	font-family : Dosis;
	font-size : 11px;
	line-height : 22px;
	text-decoration : none;
	background: #ffffff;
} 
img {
	border:0 ;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
img.icon {
	height: 11px;
	width: 10px;
}
img.serviceflag {
	margin: 0;
	padding:  0;
	vertical-align: top;
}

img.mediumbutton {
	border:0 ;
	margin: 0;
	padding: 0;
	height: 50px;
	vertical-align: middle;
}

img.largebutton {
	border:0 ;
	margin: 6px;
	padding: 0;
	height: 100px;
	vertical-align: middle;
	display: table-cell;
}

form {
	margin: 0;
	padding:  0;
	border-style: none;
}
fieldset {
	margin: 0;
	padding:  0;
	border-style: none;
}



#channelcontent  {
	display: none;
}
#channelcontent div:target {
	display: block;
}
#logobar { 
	width : 100%;
	height : 80px;
	margin: 0 0 20px 0;
}

body.terminallike #logobar {
	height: 20px;
}
#menuBar {
	height: 40px;
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url("image/menubg.png");
	background-repeat: repeat-x;
}
#menuBar ul {
	padding : 0;
	margin : 0;
	list-style : none;
}
#menuBar ul li {
	color: #ffffff;
	padding: 0 0 0 6px;
	margin: 0 0 0 0px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	position: relative;
	float: left;
	width: 145px;
	z-index: 9;
	background-image: url("image/menudiv.png");
	background-repeat: no-repeat;
	background-position: left;
}

#menuBar ul li:first-child {
} 



#menuBar ul li:hover {
	background-image: url("image/menubgactive.png");
	background-repeat: repeat-x;

}

#menuBar ul li a {
	color: #0a0a0a;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size : 14px;
	line-height : 40px;
	height : 40px;
	text-decoration : none;
	position : relative;
	float: left;
}

#menuBar ul li ul  {
	margin: 0;
	padding: 0;
	width: 145px;
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 40px;
	left: 0;
}

#menuBar ul li ul li {
	background-image: url("image/gradiant2.png");
	opacity: 0.90;
	height : 24px;
}

#menuBar ul li ul li:hover {
	background-image: url("image/gradiant3.png");
}

#menuBar ul ul li a {
	color: #0a0a0a;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size : 12px;
	line-height : 24px;
	height : 24px;
	text-decoration : none;
}

#menuBar ul li:hover ul, .menuBar ul a:hover ul {
	z-index:5;
	visibility : visible;
}

#topSelection {
	background: #f0f0f0;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	line-height : 38px;
	height : 38px;
}
.pressButton {
	display: block;
	padding: 8px 8px 8px 8px;
	font-size: 18px;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #ffffff;
	background-color: #8e0f0f;
	border-radius: 15px;
	box-shadow: 0 8px #999;
}
.pressButton:hover {
	background-color: #ae3f3f;
}

.pressButton:active {
	background-color: #8b8b8b;
	box-shadow: 0 4px #666;
	transform: translateY(4px);
}

.boxlist {
	border: solid 1px #000000;
	width: 120px;
	margin: 6px;
	padding: 3px;
	display: inline-block;
}
.boxlistheader {
	color: #ffffff;
	background: #7f7f7f;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	display: block;
}
.boxlistline {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	display: inline-block;
}
div.inline {
	display: inline-block;
}

div.heat {
	width: 14px;
	height: 14px;
	line-height: 18px;
	vertical-align: middle;
	border: solid 1px #c0c0c0;
	margin: 0 4px 0 0;
	display: inline-block;
}
table {
	border: none;
	border-collapse: collapse;
/*	width: 100%;*/
}
table tr td {
/*	padding: 6px;*/
	padding: 0;
	margin: 0;
}
table.login {
	margin: 100px auto 200px auto;
	padding: 12px;
	border-collapse: collapse;
	border: solid 6px #f0f0f0;
}
table.login td {
	padding: 12px;
}
table.calendar {
	margin: 0px;
	border: solid 1px #000000;
}
table.calendar tr td {
	padding: 3px;
}

table.manifestitems {
    border-collapse: collapse;
    border: none !important;
    margin: 0;
    padding: 0;
}

table.manifestitems tr {
    min-height: 10px;
	height: 10px;
}

table.manifestitems th,
table.manifestitems td {
    border: none !important;
	outline: none !important;
    padding: 1px;
    line-height: 9px;
    font-size: 8px;
    vertical-align: middle;
}

table.manifest {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

table.manifest tr {
    min-height: 14px;
	height: 14px;
}

table.manifest td {
	border: solid 1px;
	padding: 2px;
    line-height: 13px;
    font-size: 12px;
	vertical-align: top;
}

table.manifestlarge td {
	font-size: 30px;
	border: solid 1px;
	padding: 3px;
}

table.tight {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: none;
}
table.tight td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

table.tabs {
	margin: 0 auto 0 auto;
	padding: 0;
/*	border-collapse: collapse;*/
	text-align: center;
	vertical-align: top;
}
table.infoboxwrapper {
	margin: 6px auto 0 auto;
	padding: 6px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
}
table.infobox {
	margin: 0 auto 0 auto;
	padding: 0;
	border-collapse: collapse;
}
table.infobox td {
	height: 140px;
	width: 140px;
	min-height: 140px;
	margin: 0;
	padding: 6px;
	border: solid 6px #f0f0f0;
	text-align: center;
	vertical-align: top;
}
table.cleanbox {
	padding: 0;
	border-collapse: collapse;
}
table.cleanbox td {
	margin: 0;
	padding: 4px;
	border: none;
	text-align: left;
	vertical-align: top;
}
table.tabs td {
	padding: 0;
	text-align: center;
	margin: 0 auto 0 auto;
	vertical-align: top;
}
img.logo {
	border: none;
	padding: 0;
	margin: 0;
	height: 80px;
	line-height: 80px;
	width: 300px;
	vertical-align: top;
}
body.terminallike img.logo {
	height: 20px;
	line-height: 20px;
	width: 75px;
}

img.trackingicon {
	border: none;
	padding: 0;
	margin: 0 6px 0 0;
	height: 20px;
	line-height: 20px;
	width: 33px;
	vertical-align: top;
}
table.tracking {
	border: solid 6px #f0f0f0;
	border-collapse: collapse;
	clear: both;
	margin: 0 auto 6px auto;
}
table.tracking tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
	min-height : 50px;
	height : 50px;
}
table.tracking tr.short {
	margin: 0;
	padding: 0;
	vertical-align: top;
	min-height : 20px;
	height : 20px;
	line-height: 20px;
}

table.tracking tr td {
	margin: 0;
	padding: 0 2px 0 2px;
	vertical-align: top;
	min-height : 50px;
	height : 50px;
	line-height : 14px;
}
table.tracking td.listheadleft, .listheadleft {
	color : #8e0f0f;
	text-align: left;
	/*background : #fcfcfc;*/
	text-shadow: 1px 1px 1px #8e0f0f;
}

table.list {
	border: solid 6px #f0f0f0;
	border-collapse: collapse;
	clear: both;
	margin: 0 auto 6px auto;
}
table.nobottommargin {
	margin-bottom: 0;
}


table.list tr td {
	margin: 0;
	padding: 0 2px 0 2px;
	vertical-align: middle;
	min-height : 22px;
	height : 22px;
/*	line-height : 34px;*/
}
table.list td.listleft {
	text-align: left;
	/*background : #fcfcfc;*/
	border: none;
}
table.list td.listleftalert {
	text-align: left;
	border-bottom : solid 1px #cccccc;
}
table.list td.listleftwarning {
	text-align: left;
	border-bottom : solid 1px #cccccc;
}
td.listleftgreen {
	font-weight : normal;
	text-align: left;
	color : #000000;
	background : #00ff00;
	border-bottom : solid 1px #cccccc;
}
table.list td.listleftindent {
	text-align: left;
	/*background : #fcfcfc;*/
	border: none;
}
table.list td.listright {
	text-align : right;
	/*background : #fcfcfc;*/
	border: none;
}
table.list tr {
/*	height : 42px;*/
}
table.list tr {
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
/*	border-top: solid 1px #c0c0c0;
	border-bottom: solid  1px #c0c0c0;*/
}
table.list tr.highlight:hover td,table.tracking tr.highlight:hover td {
	background : #cfcfcf;
}
table.list tr td.listbox, table.list tr.listbox, table.list tr td.listshadebox {
	background : #ffffff;
	border: solid 1px #cfcfcf;
}
table.list tr td.listok, table.list tr.listok, table.list tr td.listshadeok {
	color : #000000;
	background : #07cf07;
	border: solid 1px #cfcfcf;
}
table.list tr td.listoff, table.list tr.listoff, table.list tr td.listshadeoff {
	background : #f0f0f0;
	border: solid 1px #cfcfcf;
}
table.list tr td.listalert1, table.list tr.listalert1, table.list tr td.listshadealert1 {
	background : #ffffff;
	border: solid 1px #cfcfcf;
}
table.list tr td.listalert2, table.list tr.listalert2, table.list tr td.listshadalert2 {
	color : #000000;
	background : #ffc000;
	border: solid 1px #cfcfcf;
}
table.list tr td.listalert3, table.list tr.listalert3, table.list tr td.listshadalert3 {
	color: #ffffff;
	background : #cf0f0f;
	border: solid 1px #cfcfcf;
}
table.list tr td.listalert4, table.list tr.listalert4, table.list tr td.listshadalert4 {
	color: #ffffff;
	background : #cf0f0f;
	border: solid 1px #cfcfcf;
}
table.list tr td.listinfo, table.list tr.listinfo, table.list tr td.listinfo {
	color: #ffffff;
	background : #5f8fff;
	border: solid 1px #cfcfcf;
}
fieldset {
	vertical-align: middle;
}
.middle {
	vertical-align: middle;
}
.staging {
	background: #f0f0ff;
}
.tabstate0 {
	background : #cfcfcf;
}
.tabstate1 {
	background : #0ff00f;
}
.tabstate2 {
	background : #ffc000;
}
.tabstate3 {
	background : #cf0f0f;
}
.tabstate4 {
	background : #00007f;
}
.tabtextstate1 {
	color : #ffffff;
}
.tabtextstate2 {
	color : #707070;
}


table tr td.tabactive {
	color: #ffffff;
	background: #000000;
}
table tr td.paddedcell {
	padding: 8px 2px 8px 2px;
}

table tr td.lcell {
	text-align: left;
	padding: 0 6px 0 6px;
}
table tr td.rcell {
	text-align: right;
	padding: 0 6px 0 6px;
}
.blink {
  animation: blinker 4s linear infinite;
}
.blinkfast {
  animation: blinker 1s linear infinite;
}	
	
@keyframes blinker {  
    0%  {background: #cf0f0f;color : #ffffff;}
    50%  {background: #ffffff;color : #000000;}
}


p.head {
	color : #8e0f0f;
	background : #ffffff;
	text-shadow: 1px 1px 1px #8e0f0f;
}
select {
 	margin: 0 6px 6px 6px;
	height: 26px;
	min-height: 26px;
	padding: 0;
	vertical-align: middle;
}
select option {
	margin: 0;
	padding: 0;
}

table.list td.listhead {
	color : #8e0f0f;
	/*background : #fcfcfc;*/
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadcentre {
	color : #8e0f0f;
	/*background : #fcfcfc;*/
	text-align: center;
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadleft {
	color : #8e0f0f;
	text-align: left;
	/*background : #fcfcfc;*/
	/*line-height: 9px;*/
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadlefthigh {
	color : #8e0f0f;
	text-align: left;
	/*background : #fcfcfc;*/
	line-height: 19px;
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadbox {
	padding: 0;
	color : #8e0f0f;
	background : #ffffff;
	text-shadow: 1px 1px 1px #8e0f0f;
	border: solid 1px #cfcfcf;
}
table.list td.listheadboxleft {
	color : #8e0f0f;
	text-align: left;
	background : #ffffff;
	text-shadow: 1px 1px 1px #8e0f0f;
	border: solid 1px #cfcfcf;
}
table.list td.listheadboxright {
	color : #8e0f0f;
	text-align : right;
	background : #ffffff;
	text-shadow: 1px 1px 1px #8e0f0f;
	border: solid 1px #cfcfcf;
}
table.list td.listheadright, .listheadright {
	color : #8e0f0f;
	text-align : right;
	/*background : #fcfcfc;*/
	/*line-height: 9px;*/
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadrighthigh {
	color : #8e0f0f;
	text-align : right;
	/*background : #fcfcfc;*/
	/*line-height: 19px;*/
	text-shadow: 1px 1px 1px #8e0f0f;
}

table.list td.listboldleft {
	color : #0f0f0f;
	text-align: left;
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listboldright {
	color : #0f0f0f;
	text-align : right;
	text-shadow: 1px 1px 1px #8e0f0f;
}



table.list td.listleftshade {
	text-align: left;
	background : #f0f0f0;
}
table.list td.listleftshadeindent {
	text-align: left;
	background : #f0f0f0;
}
table.list td.listrightshade {
	text-align : right;
	background : #f0f0f0;
}
table.list td.listheadleftshade {
	color : #0f0f0f;
	text-align: left;
	background : #f0f0f0;
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.list td.listheadrightshade {
	color : #0f0f0f;
	text-align : right;
	background : #f0f0f0;
	text-shadow: 1px 1px 1px #8e0f0f;
}
table.leftborder {
	border-left: solid 6px #f0f0f0;
}
table.rightborder {
	border-right: solid 6px #f0f0f0;
}
table.topborder {
	border-top: solid 6px #f0f0f0;
}
table.noleftborder {
	border-left: none;
}
table.norightborder {
	border-right: none;
}
table.notopborder {
	border-top: none;
}
table.list tr td.borderright {
	border-right: solid 1px #0f0f0f;
}
table.list tr.aligntop {
	vertical-align: top;
}
table.list tr td.aligntop {
	vertical-align: top;
}
table tr td.bottomborder {
	border-bottom: solid 6px #f0f0f0;
}
table.nobottomborder {
	border-top: none;
}


a {

}
a.link {
/*	color: #2f2f2f;*/
	text-decoration: none;
	color: inherit;

}
a.link:hover {
	text-decoration: underline;
}
a.miniinline {
	font-family : inherit;
	border: 1px solid #000000; 
	margin: 1px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 12px;
	height: 16px;
	min-height: 16px;
	background-image: url("image/buttonbg.png");
	background-repeat: repeat-x;
	background-position: left center;
	box-sizing: content-box;
} 
a.miniinline:hover {
	text-decoration: underline;
}
hr {
	width: 100%;
	height: 6px;
	background: #f0f0f0;
	margin: 0;
	padding: 0;
	border: none;
}
p {
	padding: 0;
	margin: 0;
	font-size : 15px;
}
p.info {
	display: block;
	height : 50px;
	line-height : 50px;
	font-size: 24px;
	vertical-align: middle;
	color: #2f2f2f;
	font-weight : bold;
	width: 100%;
	margin: 0;
	padding: 0 0 0 40px;
	clear: both;
	background: #f0ff00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image : url("image/msg_info.png");
	background-repeat : no-repeat;
	background-position : left center;
}
body.terminallike p.info {
	font-size: 14px;
}
p.done { 
	display: block;
	height : 50px;
	line-height : 50px;
	font-size: 24px;
	vertical-align: middle;
	color: #2f2f2f;
	font-weight : bold;
	width: 100%;
	margin: 0;
	padding: 0 0 0 40px;
	clear: both;
	background: #f0ff00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image : url("image/msg_done.png");
	background-repeat : no-repeat;
	background-position : left center;
}
body.terminallike p.done {
	font-size: 14px;
}
p.error { 
	display: block;
	height : 50px;
	line-height : 50px;
	font-size: 24px;
	vertical-align: middle;
	color: #2f2f2f;
	font-weight : bold;
	width: 100%;
	margin: 0;
	padding: 0 0 0 40px;
	clear: both;
	background: #f0ff00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image : url("image/msg_error.png");
	background-repeat : no-repeat;
	background-position : left center;
}
body.terminallike p.error {
	font-size: 14px;
}
p.query { 
	display: block;
	height : 50px;
	line-height : 50px;
	font-size: 24px;
	vertical-align: middle;
	color: #2f2f2f;
	font-weight : bold;
	width: 100%;
	margin: 0;
	padding: 0 0 0 40px;
	clear: both;
	background: #f0ff00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("image/msg_query.png");
	background-repeat: no-repeat;
	background-position: left center ;
}
body.terminallike p.query {
	font-size: 14px;
}
p.small,a.small,div.small,td.small {
	color: #2f2f2f;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
}
.medium,p.medium,a.medium,div.medium,td.medium {
	color: #2f2f2f;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
}

p.mediumhead,a.mediumhead,div.mediumhead,td.mediumhead {
	color : #8e0f0f;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #8e0f0f;
}

p.large,a.large,div.large,td.large,span.large {
	color: #2f2f2f;
	font-size: 26px;
	line-height: 28px;
	text-decoration: none;
}
span.largered {
	color: #bf0a0a;
	font-size: 26px;
	line-height: 28px;
	text-decoration: none;
}

p.largehead,a.largehead,div.largehead,td.largehead {
	color : #8e0f0f;
	font-size: 26px;
	line-height: 30px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #8e0f0f;
}

p.larger,a.larger,div.larger,td.larger {
	color: #2f2f2f;
	font-size: 28px;
	line-height: 30px;
	text-decoration: none;
}
p.verylarge,a.verylarge,div.verylarge,td.verylarge {
	color: #2f2f2f;
	font-size: 48px;
	line-height: 52px;
	text-decoration: none;
}
a.plus { 
	height : 30px;
	display: block;
	color: #2f2f2f;
	text-decoration: none;
	text-align: left;
	float: right;
	line-height : 30px;
	font-weight : bold;
	margin: 0;
	padding : 0 0 0 34px;
	clear : both;
	background-image : url("image/plus.png");
	background-repeat : no-repeat;
	background-position : left center ;
}
a.download { 
	height: 30px;
	width: 100px;
	display: block;
	color: #2f2f2f;
	text-decoration: none;
	line-height : 30px;
	font-weight : bold;
	margin: 0 auto 0 0;
	padding : 0 0 0 34px;
	clear : both;
	background-image : url("image/download.png");
	background-repeat : no-repeat;
	background-position : left center ;
}
a:hover { 
	text-decoration: underline;
}
input[type=checkbox] {
	margin: 5px 1px 4px 1px;
	width: 10px;
	line-height: 22px;
	padding: 0;
	vertical-align: middle;
}
input[type=submit],input[type=button] {
	font-family : inherit;
	border: 1px solid #000000; 
	margin: 1px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 12px;
	height: 16px;
	min-height: 16px;
	background-image: url("image/buttonbg.png");
	background-repeat: repeat-x;
	background-position: left center;
	cursor: pointer;
	box-sizing: content-box;
} 
input[type=submit]:hover,input[type=button]:hover {
	text-decoration: underline;
}
input[type="text"],input[type="password"],input[type="number"],textarea {
	padding: 6px;
	background-color: #fcfcfc;
	border: solid 1px #f0f0f0;
	box-shadow: inset 1px 1px 2px 0 #707070;
}
.tightlist {
	font-size: 13px;
	line-height: 14px;
	padding: 1px;
}

.aligntop {
	vertical-align: top;
}

.background-grey {
	background: #c0c0c0;
}
.background-lightgrey {
	background: #f0f0f0;
}
.background-green {
	background: #d7ffe7;
}
.background-blue {
	background: #dfefff;
}
.background-yellow {
	background: #f9f9cf;
}
.verysmall {
	font-size: 9px;
}
.indicator {
	margin: 0px 1px 2px 5px;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
	border: none;
	width: 140px;
	margin: -25px auto auto -150px;
	background: #ffffff;
	border: solid 4px #f0f0f0;;
    padding: 0;
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
	color: #000000;
    visibility: visible;
}
.container {
	display: block;
	padding: 0;
	float: left;
}
.halfcontainer { 
	width: 50%;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
.bigbuttoncell {
	width: 14%;
	margin: 4px 4px 8px 8px;
	padding: 3px 3px 6px 6px;
}
.padding2 {
	padding: 2px;
}
.padding3 {
	padding: 3px;
}
.padding12 {
	padding: 32px;
}
.paddingtop6 {
	padding-top: 6px;
}
.margintop6 {
	margin-top: 6px;
}
.margin3 {
	margin: 3px;
}
.margin5 {
	margin: 5px;
}
.margin6 {
	margin: 6px;
}
.marginleft30 {
	margin-left: 30px;
}
.marginright6 {
	margin-right: 6px;
}
.marginright8 {
	margin-right: 8px;
}
.marginright10 {
	margin-right: 10px;
}
.marginright12 {
	margin-right: 12px;
}
.marginright16 {
	margin-right: 16px;
}
.marginright18 {
	margin-right: 18px;
}
.marginright20 {
	margin-right: 20px;
}
.marginright30 {
	margin-right: 30px;
}
.marginbotton6 {
	margin-left: 40px;
}
.marginbottom8 {
	margin-bottom: 8px;
}
.nobottommargin {
	margin-bottom: 0;
}
.width1 {
	width: 1px;
	min-width: 1px;
}
.width10 {
	width: 10px;
	min-width: 10px;
}
.width20 {
	width: 20px;
	min-width: 20px;
}
.width30 {
	width: 30px;
	min-width: 30px;
}
.width40 {
	width: 40px;
	min-width: 40px;
}
.width50 {
	width: 50px;
	min-width: 50px;
}
.width60 {
	width: 60px;
	min-width: 60px;
}
.width61 {
	width: 61px;
	min-width: 61px;
}
.width62 {
	width: 62px;
	min-width: 62px;
}
.width64 {
	width: 64px;
	min-width: 64px;
}
.width65 {
	width: 65px;
	min-width: 65px;
}
.width66 {
	width: 66px;
	min-width: 66px;
}
.width70 {
	width: 70px;
	min-width: 70px;
}
.width72 {
	width: 72px;
	min-width: 72px;
}
.width76 {
	width: 76px;
	min-width: 76px;
}
.width80 {
	width: 80px;
	min-width: 80px;
}
.width82 {
	width: 82px;
	min-width: 82px;
}
.width85 {
	width: 85px;
	min-width: 85px;
}
.width90 {
	width: 90px;
	min-width: 90px;
}
.width95 {
	width: 95px;
	min-width: 95px;
}
.width100 {
	width: 100px;
	min-width: 100px;
}
.width120 {
	width: 120px;
	min-width: 120px;
}
.width130 {
	width: 130px;
	min-width: 130px;
}
.width150 {
	width: 150px;
	min-width: 150px;
}
.width160 {
	width: 160px;
	min-width: 160px;
}
.width180 {
	width: 180px;
	min-width: 180px;
}
.width200 {
	width: 200px;
	min-width: 200px;
}
.width210 {
	width: 210px;
	min-width: 210px;
}
.width220 {
	width: 220px;
	min-width: 220px;
}
.width250 {
	width: 250px;
	min-width: 250px;
}
.width290 {
	width: 290px;
	min-width: 290px;
}
.width300 {
	width: 300px;
	min-width: 300px;
}
.width350 {
	width: 350px;
	min-width: 350px;
}
.width380 {
	width: 350px;
	min-width: 350px;
}
.width400 {
	width: 400px;
	min-width: 400px;
}
.width420 {
	width: 420px;
	min-width: 420px;
}
.width500 {
	width: 500px;
	min-width: 500px;
}
.width600 {
	width: 600px;
	min-width: 600px;
}
.width700 {
	width: 700px;
	min-width: 700px;
}
.width800 {
	width: 800px;
	min-width: 800px;
}
.width870 {
	width: 870px;
	min-width: 870px;
}
.width954 {
	width: 954px;
	min-width: 954px;
}
.width1000 {
	width: 1000px;
	min-width: 1000px;
}
.width1024 {
	width: 1024px;
	min-width: 1024px;
}
.width1200 {
	width: 1200px;
	min-width: 1200px;
}
.width1240 {
	width: 1240px;
	min-width: 1240px;
}
.width1260 {
	width: 1260px;
	min-width: 1260px;
}
.width1280 {
	width: 1200px;
	min-width: 1200px;
}
.width8pc {
	width: 8%;
}
.width14pc {
	width: 14%;
}
.width25pc {
	width: 25%;
}
.width80pc {
	width: 80%;
}
.width90pc {
	width: 90%;
}
.width100pc {
	width: 100%;
}
.width12_5pc {
	width: 12.5%;
}
.width8_33pc {
	width: 8.33%;
}
.width10pc {
	width: 10%;
}
.height2 {
	height: 2px;
	min-height: 2px;
}
.height6 {
	height: 6px;
	min-height: 6px;
}
.height14 {
	height: 14px;
	min-height: 14px;
	line-height: 14px;
}
.height20 {
	height: 20px;
	min-height: 20px;
}
.height22 {
	height: 22px;
	min-height: 22px;
}
.height28 {
	height: 28px;
	min-height: 28px;
	line-height: 28px;
}
.height30 {
	height: 30px;
	min-height: 30px;
}
.height40 {
	height: 40px;
	min-height: 40px;
}
.height60 {
	height: 60px;
	min-height: 60px;
}
.height200 {
	height: 200px;
	min-height: 200px;
}
.height300 {
	height: 300px;
	min-height: 300px;
}
.height360 {
	height: 360px;
	min-height: 360px;
}
.height400 {
	height: 400px;
	min-height: 400px;
}
.height500 {
	height: 500px;
	min-height: 500px;
}
.height100pc {
	min-height: 100%;
	height: 100%;
}


.opacity {
	opacity: 0.4;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.strikethrough {
	text-decoration: line-through;
	color: #c00000;
}
.centre {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.border1 {
	border: solid 1px #000000;
}
.bordertop1 {
	border-top: solid 1px #000000;
}
.bordertop1grey {
	border-top: solid 1px #7f7f7f;
}
.borderbottom1grey {
	border-bottom: dashed 1px #7f7f7f;
}
.loader {
	border-top: 16px solid #f0f0f0;
	border-right: 16px solid #8e0f0f;
	border-bottom: 16px solid #f0f0f0;
	border-left: 16px solid #000000;
	border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.debug {
	background: #0000ff;
}
.red {
	color: #bf0a0a;
}
.grey {
	color: #f0f0f0;
}
.green {
	color: #0a8e0a;
}
.amber {
	color: #efb04f;
}
.alertborder {
	border: dotted 4px #efb04f;
}
.lineheight12 {
	line-height: 12px;
}



@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}