body{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
}

h1{
	font-size: 2em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: 0;
	padding-right: 0;
}

h2{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: 0;
	padding-right: 0;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: 0;
	padding-right: 0;
}

h4{
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: 0;
	padding-right: 0;
}

ul{
	padding-left: 1em;
	padding-top: 0;
	padding-bottom: 1em;
	padding-right: 0;
}

div.navPane{
	background-color: #cccccc;
	border: 1px solid #666666;
	border-radius: 3px;
	font-size: .8em;
	position: fixed;
	bottom: 30px;
	right: 3px;
	padding: .5em;
	padding-bottom: 0;
	margin: 0;
	z-index: 1000000;
}

div.navPane ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

div.navPane ul li {
	padding-left: 1em;
	padding-right: .2em;
	text-indent: -1em;
	padding-top: .1em;
}

div.navPane ul li:before{
	content: '->';
}

div.navPane div.table{
	margin: 0;
	padding: 0;
	border-top: 1px solid #999999;
}

div.navPane div.table .table-row {
	padding: .1em;
}

div.navPane div.table .table-row div.table-cellnl{
	padding: .1em;
	border-left: 1px solid #999999;
}

div.error{
  color: #ff0000;
  border: 1px solid #ff0000;
  margin: 1em;
  padding-left: 1em;
  padding-right: 1em;
	z-index: 1000;
}

div.warning{
	color: #00000;
	background: #b2b4b2;
	border: 1px solid black;
	border-radius: 6px;
	padding-bottom: 1.5em;
	padding-left: .5em;
	padding-right: .5em;
	margin-top: .5em;
	margin-left: 3em;
	margin-right: 3em;
	box-shadow: 0px 0px 5px #ff0000;
	z-index: 1000;
}

div.warningPop{
	position: fixed;
	top: -200px;
	left: -200px;
	width: 45em;
	margin: auto;
	color: #00000;
	background: #b2b4b2;
	border: 1px solid black;
	border-radius: 6px;
	padding-bottom: 1.5em;
	padding-left: .5em;
	padding-right: .5em;
	box-shadow: 0px 0px 5px #ff0000;
	z-index: 1000;
}

div.specialmessage{
	display: inline-block;
	color: #00000;
	background: #fccccc;
	border: 1px solid black;
	border-radius: 6px;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	box-shadow: 0px 0px 5px #686868;
}

div.box{
  border: 1px solid black;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
  margin-left: 1em;
  padding-left: 1em;
  padding-right: 1em;
	z-index: 10;
}

div.popGlobals{
  border: 1px solid black;
  padding-left: 1em;
  padding-right: 1em;
	z-index: 20;
	position: absolute;
	font-size: .8em;
}

div.reportBox{
	border: 4px solid #1d384c;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #000000;
	background: #ffffff;
	margin-left: 1em;
	margin-right: 2em;
	padding: .5em;
	opacity: 1;
	z-index: 99999;
}

div.fadeInForm{
	border: 4px solid #1d384c;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #000000;
	position: fixed;
	top: 50px;
	left: 50px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;
	background: #ffffff;
	opacity: 1;
	z-index: 999;
}


div.fadeInFormSet{
	border: 4px solid #1d384c;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #000000;
	position: absolute;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em;
	background: #ffffff;
	opacity: 1;
	z-index: 999;
	height: 500px;
	width: 800px;
}

div.fadeInFormBody{
	padding-left: 1em;
	padding-right: 1em;
	height: 453px;
	overflow: auto;
}

div.ordDialog{
	border: 4px solid #000000;
	margin: 1em;
	padding: 0;
	border-radius: 4px;
	background: #ffffff;
	opacity: 1;
	z-index: 999;
}

div.odtopmenu{
	background: #000000;
	border: 0;
	color: white;
	font-family: sans-serif;
	font-size: 15px;
	margin: 0;
	padding: .2em;
	z-index: 999;
}

div.ordDialogBody{
	padding: 1em;
}

div.orderMenu{
	text-align: center;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0;
	background: #1d384c;
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: inherit;
	z-index: 10001;
}

div.orderMenu button{
	z-index: 10002;
}
div.arrow{
	z-index: 10003;
}

div.header{
	/*text-align: right;
	background-image: url("/images/spproheader_underlay.jpg");
	background-repeat: repeat-x;*/
	background-color: #1d384c;
	background: -webkit-linear-gradient(left, #1d384c,#1d384c, #ffffff, #ffffff); /* Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Firefox 3.6 to 15 */
	background: linear-gradient(to right, #1d384c,#1d384c, #ffffff, #ffffff);
	margin: 0px;
	padding: 0px;
	height: 70px;
}

div.header div.left{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 1em;
}

div.header div.left img{
	margin: 0px;
	padding: 0px;
}

div.header div.right{
	float: right;
	margin: 0px;
	padding: 0px;
}

div.header div.right img{
	margin: 0px;
	padding: 0px;
}

div.topmenu {
	background-color: #1d384c;
	background: -webkit-linear-gradient(left, #1d384c,#1d384c, #ffffff, #ffffff); /* Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Firefox 3.6 to 15 */
	background: linear-gradient(to right, #1d384c,#1d384c, #ffffff, #ffffff);
	border: 0;
	color: white;
	font-family: sans-serif;
	font-size: 15px;
	text-shadow: 2px 2px 2px #000000;
	padding: 0;
	margin: 0;
	box-shadow: 0px 5px 5px #686868;
	z-index: 1000;
}

.dropDownMenu div {
	min-width: 100px;
	background-color: rgba(255, 255, 255, 0);/*rgba(104,104,104,.4);*/
	border: 1px solid rgba(255, 255, 255, 0);/*rgba(104,104,104,.4); */
	border-radius: 4px;
	transition: .25s;
}

.dropDownMenu div.active {
	background-color: #ccffff;
	color: black;
	border: 1px solid #000000;
	border-radius: 4px;
	transition: .25s;
	text-shadow: 2px 2px #cccccc;
}

.dropDownMenu a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0);/*rgba(104,104,104,.4); */
	border: 1px solid rgba(255, 255, 255, 0);/*rgba(104,104,104,.4);*/
	border-radius: 4px;
	transition: .25s;
}
.dropDownMenu,
.dropDownMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 167px;
	box-shadow: 0px 5px 5px #686868;
}
.dropDownMenu li {
	min-width: 100px;
	position: relative;
	padding: .2em;
}

.dropDownMenu a:hover {
	background-color: #ccffff;
	color: #000000;
	border: 1px solid #ccffff;
	border-radius: 4px;
	transition: .25s;
	text-shadow: 2px 2px #cccccc;
}

/* Level 1 Drop Down */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	/*margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}

/* Level 2 */
.dropDownMenu ul {
	box-shadow: 0px 5px 5px #686868;
}
.dropDownMenu > li > ul {
	text-align: left;
	display: none;
	background-color: #1d384c;
	position: absolute;
	top: 100%;
	left: 0;
	width: 160px;
	border: 1px solid #000000;
	border-radius: 6px;
	box-shadow: 0px 5px 5px #686868;
	z-index: 999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}

/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	display: none;
	background-color: #1d384c;
	position: absolute;
	left: 100%;
	top: 0;
	width: 160px;
	border: 1px solid #000000;
	border-radius: 6px;
	box-shadow: 0px 5px 5px #686868;
	z-index: 9999999;
}

div.content{
	display: none;
}

div.right{
	float: right;
	margin-right: 1em;
}

div.rightbottom{
	position: absolute;
	bottom: 1px;
	right: 1px;
}

div.footer{
	background-color: #1d384c;
	background: -webkit-linear-gradient(left, #1d384c,#1d384c, #ffffff, #ffffff); /* Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #1d384c,#1d384c, #ffffff, #ffffff); /* Firefox 3.6 to 15 */
	background: linear-gradient(to right, #1d384c,#1d384c, #ffffff, #ffffff);
	/*text-align: right;
	background-image: url("/images/spprofooter_underlay.jpg");
	background-repeat: repeat-x;*/
	margin: 0px;
	padding: 0px;
	height: 60px;
	box-shadow: 0px -5px	5px #686868;
}

div.footer div.left{
	float: left;
	margin: 0px;
	padding: 0px;
}

div.footer div.left img{
	margin: 0px;
	padding: 0px;
}

div.footer div.right{
	float: right;
	margin: 0px;
	padding: 0px;
}

div.footer div.right img{
	margin: 0px;
	padding: 0px;
}

div.standardhead{
	width: 95%;
	background-color: #1d384c;
	border: 1px solid #1d384c;
	border-radius: 6px 6px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	margin: 0px;
	box-shadow: 2px 2px 5px #000000;
}

div.menu{
	width: 95%;
	background-color: #ffffff;
	border: 1px solid #1d384c;
	border-radius: 0px 0px 6px 6px;
	padding: .2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 1em;
	border-collapse: collapse;
	box-shadow: 2px 2px 5px #000000;
}

div.menu ul{
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	margin: 0px;
}

div.table{
	display: table;
	border: 0;
	border-collapse: collapse;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.orderbox{
	margin-left: 1em;
	margin-right: 1em;
}

div.orderlines{
  box-sizing: border-box;
  display: table;
  border: 0;
  width: 100%;
  border-collapse: collapse;
  padding-left: 1em;
  padding-right: 1em;
}

.table-row, form.table-row, .table-roword, .table-rowordobs{
	display: table-row;
}

.table-rowordobs{
	text-decoration: line-through;
	color: #ff0000;
}

div.table-caption-bottom{
	display: table-caption;
	caption-side: bottom;
	border: 1px solid #000000;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .1em;
	padding-top: 0;
}

.table-row-hidden{
	display: none;
	overflow: hidden;
}

div.fixedrow{
	position: fixed;
	top: 0;
}

.table-rowconf{
	display: table-row;
	border: 1px solid #000000;
	margin: 1em;
}

div.table-cellnl{
	display: table-cell;
	border: 0;
	border-collapse: collapse;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .1em;
	padding-top: 0;
	vertical-align: top;
}

div.table-cellord{
	display: table-cell;
	border: 0;
	border-collapse: collapse;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .1em;
	padding-top: 0;
	vertical-align: top;
	line-height: 125%;
}

div.table-cell, form.table-cell{
	display: table-cell;
	border: 1px solid #000000;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
}

div.table-cellg, form.table-cellg{
	display: table-cell;
	background-color: #eeeeff;
	border: 1px solid #000000;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
}

div.table-cell-hidden, form.table-cell-hidden{
	display: none;
}

div.table-cellnlh{
	display: table-cell;
	border: 0;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .5em;
	vertical-align: top;
}

div.table-cellnh{
	display: table-cell;
	border: 1px solid #000000;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
}

div.ordlinehead{
	display: table-cell;
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #000000;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
	font-weight: bold;
	text-align: center;
}

div.table-cellhide{
	display: table-cell;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
	opacity: 0;
	transition: .6s;
}

div.table-cellhidefadein{
	display: table-cell;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
	transition: .6s;
	opacity: 1;
}

div.table-cell:hover, form.table-cell:hover, div.table-cellnlh{
	cursor: pointer;
}

div.table-cellord:hover{
	cursor: pointer;
}

div.thstandard{
	display: table-cell;
	background-color: #1d384c;
	border-radius: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	padding-left: .5em;
	padding-right: .5em;
	margin: 0px;
}

div.thstandardleft{
	display: table-cell;
	background-color: #1d384c;
	border-radius: 6px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	margin: 0px;
}

div.thstandardright{
	display: table-cell;
	background-color: #1d384c;
	border-radius: 0px 6px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	margin: 0px;
}

div.thstandardbottomleft{
	display: table-cell;
	background-color: #1d384c;
	border-radius: 0px 0px 0px 6px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	margin: 0px;
}

div.thstandardhead{
	display: table-cell;
	background-color: #1d384c;
	border-radius: 6px 6px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	border-top: 0px;
	padding: .2em;
	margin: 0px;
}

div.folderContainer {
	overflow: auto;
}

div.folder, .parent {
    width: 200px;
    height: 122px;
    margin: 1em;
		margin-bottom: 0;
    position: relative;
    background-color: #ffee99;
    border-radius: 0 6px 6px 6px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
		text-align: center;
		border: 1px solid #000000;
		float: left;
}

div.folder:hover, .parent:hover {
	cursor: pointer;
}

div.folder:before, .parent:before {
    content: '';
    width: 50%;
    height: 12px;
    border-radius: 20px 20px 0 0;
    background-color: #ffee99;
    position: absolute;
    top: -12px;
    left: -1px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
}

div.folderName {
	color: #000000;
	text-shadow: 2px 2px 4px rgba(255, 255, 255, 1);
	width:95%;        // +1 to @RonM
	position: absolute;
	text-align: right;
	padding-top: 25%;
	/*-webkit-transform: translateY(-50%); /* child now centers itself relative to the midline based on own contents */
	/*-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(Dx=0,Dy=0)'; /*IE8 */
	/*filter: progid:DXImageTransform.Microsoft.Matrix(Dx=0,Dy=0); /*IE6, IE7*/
	/*transform: translateY(-50%);*/
}

div.paper,div.note {
    width: 200px;
    height: 117px;
    margin: 1em;
		padding: .5em;
    position: relative;
    background-color: #ffffff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
		border: 1px solid #000000;
		float: left;
		font-size: 12px;
}

div.incContainer {
	overflow: auto;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
}

div.incentive {
		height: 400px;
		width: 300px;
    margin: 1em;
		padding: .5em;
    position: relative;
    background-color: #ffffff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
		border: 1px solid #000000;
		float: left;
}

img.incImg {
	border: 0;
}

img.incImg:hover{
	cursor: pointer;
}

div.incentive div.inclab{
	position: absolute;
	bottom: 0;
}

div.paper:hover,div.note:hover{
	cursor: pointer;
}

div.globalFolderView {
	background-color: #ffffff;
	z-index: 1000;
	border: 1px solid #000000;
	font-size: 12px;
}

div.globalFolderHead {
	background-color: #1d384c;
	color: #ffffff;
	font-weight: bold;
}

div.globalFolderHead a {
	color: #ffffff;
	decoration: none;
}

div.headerForFolder {
	color: #ffffff;
	background-color: #1d384c;
	margin-left: -1em;
	margin-right: -1em;
	padding: .2em;
}

div.context-menu {
	background-color: #1d384c;
	border: 1px solid #000000;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
	padding: .2em;
	color: #ffffff;
	font-size: 12px;
  display: none;
  position: absolute;
  z-index: 20000;
}

div.context-menu--active {
  display: block;
}

div.context-head {
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
	text-align: center;
}

div.context-menu ul {
	margin: .2em;
	padding: .2em;
	list-style-type: none;
}

div.context-menu ul li:hover {
	cursor: pointer;
}

.sticky-top {
	position: fixed;
	top: 0;
	z-index: 50000;
}

span.warn{
	color: red;
}

span.rightalign{
 float: right;
 position: relative;
}

form.inline {
	display: inline;
}

a {
	color: #464646;
	text-decoration: none;
}

:focus{
  background: #ccffff;
  outline: none;
}

body:focus{
  background: #ffffff;
}

::-moz-focus-inner {
	border:0;
}

input{
	margin-bottom: .2em;
}

select{
	margin-bottom: .2em;
}

input[type=submit]{
	background-color: #1d384c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #ffffff;
    font-family: sans-serif;
    text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
    cursor: poiner;
    border: 2px outset #222222;
	margin: .2em;
}

input[type=submit]:focus{
	background: #ccffff;
	color: #000000;
}

button.normal {
	background-color: #1d384c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #ffffff;
    font-family: sans-serif;
    text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
    cursor: pointer;
    border: 2px outset #222222;
	margin: .2em;
}

button.normal:focus{
  background: #ccffff;
  color: #000000;
}

button.link {
	background-color: #ffffff;
	color: #1d384c;
	text-decoration: none;
	cursor: pointer;
	border: 0;
}

button.small {
	border: 0;
	padding: 0;
	display: inline;
	background: none;
	text-decoration: underline;
	color: #464646;
	font-size: x-small;
}

button.small:focus{
	background: #ccffff;
}

button.small:hover {
	cursor: pointer;
}

button.folderview{
	border: 0;
	padding: 0;
	margin: 0;
	display: inline;
	text-decoration: none;
	color: black;
	font-size: normal;
	font-weight: normal;
	background: #FFFFFF;
}

button.folderview {
	cursor: pointer;
}

button.chart{
	border: 0;
	padding: 0;
	margin: 0;
	font-size: normal;
	text-decoration: underline;
	color: black;
	font-weight: normal;
}

button.chart:hover{
	cursor: pointer;
}

hr {
	display: block;
	border: 1px inset #1d384c;
	border-collapse: collapse;
}

pre {
	white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

p {
	padding-top: .5em;
	padding-bottom: .5em;
}

select {
	background-color: #ececec;
}

input {
	background-color: #ececec;
}

textarea {
	background-color: #ececec;
}

input[type=submit]{
	background-color: #1d384c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #ffffff;
    font-family: sans-serif;
    text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
    cursor: poiner;
    border: 2px outset #222222;
	margin: .2em;
}

input[type=submit]:focus{
	background: #ccffff;
	color: #000000;
}

input[type=checkbox]{
	background-color: #ececec;
}

input[type=checkbox]:focus{
	background: #ccffff;
	outline: 5px solid #ccffff;
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
	background-color: #ffffff;
    overflow: hidden;
	z-index: 1;
}

ul.tab li {
	float: left;
	padding: .4em;
	z-index: 1;
}

ul.tab li a {
    display: inline-block;
    color: #1d384c;
	text-shadow: 2px 2px 2px #cccccc;
    text-align: center;
    transition: .6s;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	padding: .4em;
	margin-bottom: -.5em;
	box-shadow: -2px 0 2px #cccccc;
	font-size: 12px;
	position: relative;
	bottom: -.4em;
	z-index: 1;
}

ul.tab li a:hover {
	background-color: #ccffff;
	padding: .2em;
	border: 1px solid #000000;
	color: #000000;
	text-shadow: 0px 2px 2px #666666;
	border: 1px solid #000000;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	padding: .4em;
	margin-bottom: -.5em;
	box-shadow: -2px 0 2px #888888;
	font-size: 15px;
	bottom: 0;
	z-index: 1;
}

ul.tab li a:focus, ul.tab li a.active {
	background-color: #1d384c;
	color: #ffffff;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	box-shadow: -2px 0 2px #000000;
	text-shadow: 0px 2px 2px #88cccc;
	padding: .4em;
	font-weight: bold;
	margin-bottom: -.4em;
	font-size: 15px;
	bottom: 0;
	z-index: 1;
}

#ajaxBusy {
	display: none;
	padding: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
}

.globalChoice {
	min-width: 160px;
	display: table-cell;
	padding: .2em;
}

.globalSelect{
	min-width: 158px;
}

.menuRad{
	color: white;
	display: inline-block;
	background-color: #000000;
	border: 1px solid #ffffff;
	border-radius: 4px;
	font-size: 12px;
	padding-left: .2em;
	padding-right: .4em;
	min-width: 160px;
}

.menuRad:focus{
	background: #ccffff;
  color: #000000;
}

.menuRad:hover{
	cursor: pointer;
}

.menuText{
	display: inline-block;
	background-color: #000000;
	font-size: 12px;
	padding-left: .2em;
	padding-right: .4em;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-bottom: 10px solid #ffffff;
}

.arrow-up:hover {
	cursor: pointer;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #ffffff;
}

.arrow-down:hover {
	cursor: pointer;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-left: 10px solid #ffffff;
}

.arrow-right:hover {
	cursor: pointer;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-right:10px solid #ffffff;
}

.arrow-left:hover {
	cursor: pointer;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	background-color: #1d384c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #ffffff;
    font-family: sans-serif;
		font-size: .85em;
		padding: 1px 6px;
    text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
    cursor: poiner;
    border: 2px outset #222222;
	margin: .2em;
}

.inputfile:focus + label {
	background: #ccffff;
  color: #000000;
}

.inputfile + label:hover {
	cursor: pointer;
}

div.loginbox {
	background-color: #1d384c;
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%, 0);
	border: 3px solid #000000;
	border-radius: 5px;
	color: white;
	padding: 2em;
}

#contentWindow {
	font-size: small;
}

#contentWindow ul li {
	list-style-type: none;
}

#contentWindow ul li.header {
	padding-left: none;
	margin-left: none;
}

#contentWindow ul li.link {
	text-decoration: none;
}

#contentWindow ul li.text {
	text-decoration: none;
	padding-left: 0;
	margin-left: -1em;
}

#contentWindow ul li.link a {
	text-decoration: none;
}

#contentWindow ul li.link:hover {
	cursor: pointer;
}

#contentWindow a.admin {
	color: #ff0000;
}

div.table-cellcontadm {
	display: table-cell;
	border: 1px solid #ffffff;
	border-collapse: collapse;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .1em;
	padding-top: 0;
	vertical-align: top;
	background-color: #cccccc;
}

@media screen {
	#printTitle { display: none !important; }
}

@media print {
	body { font-size: 12px !important; line-height: 16px !important; }
	#mainPage { margin-top: 1em !important; }
	.header * { display: none !important; visibility: collapse !important; }
	.topmenu * { display: none !important; }
	#printTitle { display: block !important; }
	#addItems * { display: none !important; }
	#orderNextSteps * { display: none !important; }
	.footer * { display: none !important; }
	.ordlinehead { background-color: #ffffff !important; border: 1px solid #000000 !important; color: #000000 !important; }
	#catWarnSpan { display: none !important; }
}

option:disabled {
	color: #aaaaaa;
	text-decoration: line-through;
}

button.optbutton {
	background-color: #ffffff;
	color: #a9431d;
	border: 0;
	border-radius: 5px;
	margin: .7em;
}

button.optbutton:hover{
	cursor: pointer;
}