/* General */
html, body{padding:0px; margin:0px; }
html { -ms-text-size-adjust: none;}
form { padding:0px; margin:0px;}
body { background-color:white; min-width:63em; font-size:100%; font-weight:400;line-height:1.5em;}
html, body, form, p, th, td, input, select, textarea { font-family: 'Open Sans', 'Segoe UI', Arial;}
p, th, td, input, select, textarea, li, span { font-size:1em;}
h1, h2, h3, h4 { font-family: 'Lato', sans-serif; font-weight:700;}
h1 { padding: 0em 0em 0.75em 0em; margin:0em 0em 0em 0em; font-size:1.5em; }
h3 { font-size: 1.1em; font-weight:600;}
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
input[type=checkbox]{margin-right:0.5em;}
#resolutionInfo:after { content: "default"; font-size:12px;margin:2px;color:#666666;font-family:'Lucida Console';}

/* Links */
a, a:active, a:visited { color: #333; text-decoration: none; }
a:hover { color: #563D11; text-decoration: underline; }
a[disabled] { color: #666666; }
a[disabled]:hover { text-decoration:none; }

a.textLink, a.textLink:active, a.textLink:visited{color: #563D11; text-decoration: underline;}
a.textLink:hover{color:#7A5618;}

/* Navigation */
div.mainMenu {
	background-color:#ffffff;
	margin:0px;padding:0px;
	min-height:1.75em; min-width:63em;
	width:100%; display:table;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.9);
	position:fixed;
	top:0em;
	z-index:1000;
}
.mainMenu a, .mainMenu a:active, .mainMenu a:visited, .mainMenu a.username, .mainMenu a.logout, .mainMenu a.settings{
	display: block; float: left;
	padding:0.375em 0.125em 0.125em 0.125em;
	text-align:center;
	min-height:1.75em;
	border-bottom:none;
	border-collapse:separate;
	font-family: 'Lato', sans-serif;
	font-size:1.25em;
	line-height:1em;
	font-weight:400;
	color:#333333;text-decoration:none;
}

.mainMenu a{transition: background-color 0.2s}

.mainMenu a, .mainMenu a:active, .mainMenu a:visited {border-right:1px solid #aaa;}
.mainMenu a.username, .mainMenu a.logout, .mainMenu a.settings{border-right:none;}
.mainMenu a.logout, .mainMenu a.settings, .mainMenu a.username {border-left:1px solid white; }

.mainMenu div.logo{display: block; float: left; background-repeat:no-repeat;background-position:left top;min-height:2.2em;font-size:1em;border-right:1px solid white;border-bottom:none;}

.mainMenu a.fixedWidth, .mainMenu a.fixedWidth:active, .mainMenu a.fixedWidth:visited { width: 4.5em; }
.mainMenu a.flexWidth, .mainMenu a.flexWidth:active, .mainMenu a.flexWidth:visited { padding-left:0.75em; padding-right:0.75em; }

.mainMenu a.username, .mainMenu a.username:active {float:right; padding-left:1em; padding-right:1em;}
.mainMenu a.logout, .mainMenu a.settings {float:right; padding-left:0.75em; padding-right:0.75em;}
.mainMenu a.home { font-weight:700; width:9em;}
.mainMenu a:hover { text-decoration: none; background-color: #eeeeee; border-bottom:0.25em solid #243CB5; padding-bottom:0em; }
.mainMenu a.active { background-color: #eeeeee; color: #000; border-bottom:0.25em solid #3BAF97; padding-bottom:0em; }

.subMenu {display:inline-block; width:100%; border-color: #B78624; border-width:2px 0px 1px 0px; border-style:solid; padding:0.5em 0em 0.5em 0em;margin-bottom:-1px;}
.subMenu>a, .subMenu>div>a { margin-right: 2em; font-weight:600; }
.subMenu > span.separator { margin-right: 2em; }
.subMenu > a.active { color: #666666; }

.tileContainer { display:inline-block; width:100%;}
a.tile {
	display:table;
	font-weight:600;
	float:left; 
	clear:none;
	color:#222222;
	margin:0em 0.25em 0.25em 0em;
	background-color:#dddddd;
	height:5em;
	text-align:center;
	border-radius:0.125em;
}
a.tile:hover {color:#444444; background-color:#e9e9e9; text-decoration:none; }
a.tile:hover .tileIcon {color:#B78624;}
a.tile{transition: background-color 0.2s;}
a.tile .tileIcon{transition: color 0.5s;}
a.tile1 { width: 6.75em; }
a.tile2, a.tile22 { width: 13.6em; }
a.tile22 { height: 10em; }
a.tile .tileIcon { font-size: 1.5em; }
a.tile > div { display: table-cell; vertical-align: middle; }
a.softButtonWhite{display:inline-block;border-radius:0.25em;line-height:1em;padding:0.25em 0.25em 0.25em 0.25em;min-height:1.5em;min-width:1.5em;text-align:center;}
.bigIcons > a.softButtonWhite, a.softButtonWhite.bigIcons{padding-top:0em;}
a.softButtonWhite:hover, a.softButtonWhite.active{background-color:#ffffff;}

/* Content Area */
#mainContent {
	margin:0em; padding: 3.5em 1em 1em 0em;
	min-height:20em;
	min-width:61em;
}

/* Colors */
.red, a.red, a.red:active, a.red:visited { color: #ff0000; }
a.red:hover { color: #ff4444;}

.darkRed {color:#aa0000; }

.grey { color: #999999; }

.green { color: #00AA00; }

/* default grid layout, use this for TDs, DIVs, Labels etc*/
.col025 { width: 1.75em; min-width: 1.75em; max-width: 1.75em; }
.col033 { width: 2.33em; min-width: 2.33em; max-width: 2.33em; }
.colHalf { width: 3.5em; min-width: 3.5em; max-width: 3.5em; }
.col066 { width: 4.66em; min-width: 4.66em; max-width: 4.66em; }
.col1 { width: 7em; min-width: 7em; max-width: 7em; }
.col15 { width: 10.5em; min-width: 10.5em; max-width: 10.5em; }
.col2 { width: 14em; min-width: 14em; max-width: 14em; }
.col25 { width: 17.5em; min-width: 17.5em; max-width: 17.5em; }
.col3 { width: 21em; min-width: 21em; max-width: 21em; }
.col35 { width: 24.5em; min-width: 24.5em; max-width: 24.5em; }
.col4 { width: 28em; min-width: 28em; max-width: 28em; }
.col45 { width: 31.5em; min-width: 31.5em; max-width: 31.5em; }
.col5 { width: 35em; min-width: 35em; max-width: 35em; }
.col55 { width: 38.5em; min-width: 38.5em; max-width: 38.5em; }
.col6 { width: 42em; min-width: 42em; max-width: 42em; }
.col7 { width: 49em; min-width: 49em; max-width: 49em; }
.col75 { width: 52.2em; min-width: 52.2em; max-width: 52.2em; }
.col8 { width: 56em; min-width: 56em; max-width: 56em; }
label.colHalf,label.col066, label.col1, label.col2, label.col3, label.col4,
span.colHalf, span.col066, span.col1, span.col2, span.col3, span.col4,
a.colHalf, a.col066, a.col1, a.col2, a.col3, a.col4 { display: inline-block; }

/* Tables */
table.dgTable{border-width:1px 0px 1px 0px;border-style:solid;border-color:#B78624;border-spacing:0px; width:100%;clear:both;}
table.dgTable.fixedWidth{width:58em;}
table.dgTable.noBorder{border-style:none;}
table.dgTable.noTopBorder{border-top-style:none;}
table.dgTable.noBottomBorder{border-bottom-style:none;}
table.dgTable.borderTopLight{border-top:1px solid #ccc;}
table.dgTable.borderBottomLight{border-bottom:1px solid #ccc;}
table.dgTable.bottomBorderDouble{border-bottom-width:3px; border-bottom-style:double;}
table.dgTable td.sortAsc a::before, table.dgTable td.sortDesc a::before, table.dgTable td a.sortAsc::before, table.dgTable td a.sortDesc::before{font-family:icomoon2;font-style:normal;margin-right:0.5em;}
table.dgTable td.sortAsc a::before, table.dgTable td a.sortAsc::before{content: "\ea4c"; }
table.dgTable td.sortDesc a::before, table.dgTable td a.sortDesc::before{content: "\ea4d";}
table.dgTable>tbody>tr>td{padding:0.125em 0.25em;vertical-align:top;border-color:#aaaaaa;overflow:hidden;}
table.dgTable>tbody>tr.dgRow>td{background-color:#ffffff;}
table.dgTable>tbody>tr.active>td{font-weight:600;}
table.dgTable>tbody>tr.dgAlternatingRow>td{background-color:#FFF9ED;}
table.dgTable>tbody>tr.dgActiveRow{ }
table.dgTable>tbody>tr.dgHeader>td, table.dgTable>tbody>tr.dgHeader>th{font-style:italic; font-weight:400; text-align:left;padding-top:0.25em; padding-bottom:0.25em; background-color:#FFEDC9;}
table.dgTable>tbody>tr.dgHeader>td>a:hover{text-decoration:none !important;}
table.dgTable>tbody>tr.dgFooter>td{padding-top:0.25em; padding-bottom:0.25em;border-top:1px solid #B78624;background-color:#FFCC99;}
table.dgTable>tbody>tr.dgPager>td{border-top:1px solid #B78624;padding:0.25em; text-align:center;}
table.dgTable>tbody>tr.dgRow>td>a, table.dgTable>tbody>tr.dgAlternatingRow>td>a {display:block;}
table.dgTable>tbody>tr>td.noPadding{padding: 0em;}
table.dgTable>tbody>tr>td.noLeftBorder{border-left-style: none !important;}
table.dgTable>tbody>tr>td.noRightBorder{border-right-style: none!important;}
table.dgTable>tbody>tr>td.overflow{overflow:visible;}
table.dgTable>tbody>tr.dgPager>td>a, table.dgTable>tbody>tr.dgPager>td>span{display:inline-block; padding:0em 0.4em;}
table.dgTable>tbody>tr.dgPager>td>span{color:#333333;text-decoration:none;font-weight:bold;border:1px solid #dddddd;background-color:#eeeeee}
table.dgTable div.divBorder, table.formTable div.divBorder { border-bottom-width:0.25em; border-bottom-style: solid; margin-bottom:-0.125em;}

table.dgTable.colorless{border-color:#999999;}
table.dgTable.colorless>tbody>tr.dgAlternatingRow>td{background-color:#eeeeee;}
table.dgTable.colorless>tbody>tr.dgHeader>td, table.dgTable.colorless>tbody>tr.dgHeader>th{border-color:#999999;background-color:#dddddd;}

table.dgTable.borderCells>tbody>tr.dgHeader>td{border-style:solid;border-width:1px 0px;}
table.dgTable.borderCells>tbody>tr>td{border-style:solid;border-width:1px;}
table.dgTable.borderCells>tbody>tr.dgPager>td{border-width:1px 0px; border-color:#B78624 !important;}

div.dgFilter{border-width:1px 0px 0px 0px;border-style:solid;border-color:#B78624;border-spacing:0px; width:100%;background-color:#FFF9ED;}
div.dgFilter.borderBottom{border-bottom-width:1px;}

div.pager{display:block; padding:0.5em;text-align:center;border-bottom: 1px solid #B78624;}
div.pager a{display:inline-block; padding:0em 0.4em; min-width:2em; color:#333333;text-decoration:none;border:1px solid #dddddd;background-color:#eeeeee}
div.pager a.active{font-weight:600;}

table.formTable{border-spacing:0px}
table.formTable>tbody>tr>td{ padding: 0.25em 0em; height:2.25em; vertical-align:top;/* white-space:nowrap;*/}
table.formTable>tbody>tr>td.noPadding{padding: 0em;}
table.formTable>tbody>tr>td.paddingTop{ padding-top:0.4em ! important;}/* use this, if there is just text in the second col. The label has more top padding usually, this will move col 2 content a bit down */
table.formTable>tbody>tr>td.paddingTopBig{ padding-top:1.75em ! important;}/* use this, if you have a selector control (with tabs) in one colum and an input field in this column. */
table.formTable>tbody>tr>td.paddingTopBigger{ padding-top:2.0em ! important;}/* use this, if you have a selector control (with tabs) in one colum and just text, chechboxes etc. in this column. */
table.formTable>tbody>tr>td>div.marginTop{ display:block;margin-top:0.15em ! important;} /* use this an an alternative to paddingTop, if you just need to move down some, but not all content */
table.formTable>tbody>tr>td>span.marginTop{ display:inline-block;margin-top:0.15em ! important;} /* use this an an alternative to paddingTop, if you just need to move down some, but not all content */
table.formTable>tbody>tr>td.label{ font-style:italic;padding-right:1.25em;padding-top:0.4em;overflow:visible;white-space:nowrap; }

table.paddingTable, table.helperTable{padding: 0em; margin: 0em; border-spacing:0em;border:none; }
table.paddingTable>tbody>tr>td{padding:0.25em 0em;}

table.helperTable>tbody>tr>td{ padding: 0em; margin: 0em; }

th.center, td.center, a.center { text-align:center !important;}
th.right, td.right { text-align:right !important;}
th.bottom, td.bottom { vertical-align: bottom; }

/* Boxes, Divs etc.*/
.searchBox { float: right; display: inline-block; clear:right;vertical-align:middle; height:2.25em;line-height:2.25em; }
/* The tableSearchBox is displayed on the upper right of a dgTable, while in the dom it is positionned before the table */
div.tableSearchBox { }
div.tableSearchBox>div { position:relative; float:right;display:block;margin-top:0.15em;margin-bottom:-2em; }
table.formTable div.tableSearchBox>div{float:none;display:inline-block;margin:0em;}

.titleBar {font-weight:600; margin:0em; padding: 0.25em 0.75em; border-bottom:1px solid #B78624; color:#222222; background-color: #dddddd;}

.dialogBox {
	display:table; width:58em; min-width:58em; 
	background-color:#ffffff; 
	border-width:1px;border-color: #cccccc; border-style: solid; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em;
	overflow:visible;
}
.dialogBox.inline{margin:0.5em auto 1em auto; box-shadow:0.15em 0.15em 0.4em -0.1em rgba(55,55,55,0.5);}
.dialogBox .dragFooter {height:1.5em; background-color:white; width:100%; float:left;}
.dialogBox.draggable{box-shadow:0.15em 0.15em 0.25em 0.25em rgba(55,55,55,0.5); position:absolute !important; z-index:100; margin-bottom:2em;}
.dialogBox.draggable .draggable_handle {cursor:move; }
.dialogBox .titleBar .closeIcon { float:right;}
.dialogBox div.hr { width:55.75em;margin:0.5em 1em;}
.dialogBox div.buttons {background-color: #cccccc; padding: 0em; }
.dialogBox div.buttons > div { padding-top: 0.4em; padding-bottom: 0.25em; } 

.detailViewContainer{width:56em; padding:0em; margin:0em 1em;}
.detailViewContainer .floatingBox{display:block;float:left;}
.detailViewContainer .box1{width: 7em;}
.detailViewContainer .box2{width:14em;}
.detailViewContainer .box3{width:21em;}
.detailViewContainer .box4{width:28em;}
.detailViewContainer .box5{width:35em;}
.detailViewContainer .box6{width:42em;}
.detailViewContainer .box7{width:49em;}
.detailViewContainer .box8{width:56em;}

#divDataItemHistoryInfo{height:5em;}

/*we use this for elements that should appear in front of the rest. foreground3 is in front of foreground2 etc.*/
.foreground1{z-index:3;}
.foreground2{z-index:4;}
.foreground3{z-index:5;}
.foreground1 .foreground1{z-index:3;}
.foreground1 .foreground2{z-index:4;}
.foreground1 .foreground3{z-index:5;}
.foreground2 .foreground1{z-index:13;}
.foreground2 .foreground2{z-index:14;}
.foreground2 .foreground3{z-index:15;}
.foreground3 .foreground1{z-index:23;}
.foreground3 .foreground2{z-index:24;}
.foreground3 .foreground3{z-index:25;}

.dialogBox.draggable .foreground1{z-index:103;}
.dialogBox.draggable .foreground2{z-index:104;}
.dialogBox.draggable .foreground3{z-index:105;}
.dialogBox.draggable .foreground1 .foreground1{z-index:103;}
.dialogBox.draggable .foreground1 .foreground2{z-index:104;}
.dialogBox.draggable .foreground1 .foreground3{z-index:105;}
.dialogBox.draggable .foreground2 .foreground1{z-index:113;}
.dialogBox.draggable .foreground2 .foreground2{z-index:114;}
.dialogBox.draggable .foreground2 .foreground3{z-index:115;}
.dialogBox.draggable .foreground3 .foreground1{z-index:123;}
.dialogBox.draggable .foreground3 .foreground2{z-index:124;}
.dialogBox.draggable .foreground3 .foreground3{z-index:125;}

.headerContainer{padding:0px 0px 0px 1em;}

.contentContainerFull, .contentContainerHalf{margin:0px;padding:0px 0px 0px 1em; display:inline-block;vertical-align:top;}
.contentContainerFull{width:100%;}
.contentContainerHalf{width: 50%;float:left;}

.contentBox  { display: inline-block;  width: 100%; border: 1px solid #cccccc; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; box-shadow:0.15em 0.15em 0.4em -0.1em rgba(55,55,55,0.5); }
.contentBox .titleBar { font-size: 1.25em;  }

.contentBox.flat{box-shadow:none; border-radius:0px; }

div.itemMenu {height:2.25em;min-height:2.25em; display:block; background-color:#cccccc;padding:0em 0.75em;}
div.itemMenu>a, div.itemMenu>a:visited, div.itemMenu>a:active, div.itemMenu>div, div.itemMenu>a[disabled], div.itemMenu>a[disabled]:hover, div.itemMenu>a.active[disabled], div.itemMenu>a.active[disabled]:hover {display:inline-block;height:2em;width:3em;line-height:1.825em; background-color:#dddddd;margin:0.125em;text-align:center;vertical-align:middle;}
div.itemMenu>a[disabled], div.itemMenu>a[disabled]:hover {  color:#bbb; cursor:auto; }
div.itemMenu>a{transition: color 0.5s, background-color 0.2s;}
div.itemMenu>a.active{background-color:white;}
div.itemMenu>a:hover, div.itemMenu>a.selected {background-color:#e8e8e8; text-decoration:none;width:3.25em;height:2.25em;margin:0em; text-decoration:none;line-height:2.125em;}
div.itemMenu>a:hover{color:#B78624;}
div.itemMenu>a.selected{background-color:white;}
div.itemMenu>a.right { float: right; }

.pnlFeedback > div, .pnlFeedback > span { margin: 0.75em; }

div.feedbackGood, div.feedbackBad, div.feedbackInfo, div.feedbackWarning, span.feedbackGood, span.feedbackBad, span.feedbackInfo, span.feedbackWarning{
    display:block; clear:both; padding:0.2em 0.75em; border-width: 1px 1px 1px 0.5em; border-style:solid; text-align:left; color:#000000;
}
div.feedbackGood.hidden, div.feedbackBad.hidden, div.feedbackWarning.hidden, div.feedbackInfo.hidden, div.feedbackNeutral.hidden{display:none;}
div.feedbackGood, span.feedbackGood{border-color:#23B223; background-color:#E6F7E6; }
div.feedbackBad, span.feedbackBad{border-color:#AF2323; background-color:#F7E6E6; }
div.feedbackInfo, span.feedbackInfo{border-color:#222EAD; background-color:#E6E7F7; }
div.feedbackWarning, span.feedbackWarning{border-color:#AA6D22; background-color:#F7EFE6; }

div.feedbackGood.timid, div.feedbackWarning.timid{position:fixed; width:50%; min-height:3em; top:2em; right:1em; z-index:3;}
div.feedbackGood.timid  a.close, div.feedbackWarning.timid a.close{display:inline-block; float:right;color:#666;}

.chartBox{height:30em; display:block; }
.chartWaitBox{ }
.chartErrorBox{border: 1px solid #AF2323;}
.chartWaitBox, .chartErrorBox{background-color:#eee; text-align:center; padding-top:4em;}

.smartPanel {float:left; overflow:visible; background-color:#dddddd; border:1px solid #666666; margin-right:0.25em; }
.smartPanel > .content { margin:0em 0.125em 0.125em 0.125em; padding:0.25em; background-color:white; display:block; }

.dataItemInfoBox {padding:1em; text-align:center; border-width:0.125em 0.125em 0.5em 0.125em; border-style:solid; }

/* Inputs */
.inputHalf{width:  3.25em; }
.input066{ width:  4.41em; }
.input1  { width:  6.75em; }
.input15 { width: 10.25em; }
.input2  { width: 13.75em; }
.input25 { width: 17.25em; }
.input3  { width: 20.75em; }
.input35 { width: 24.25em; }
.input4  { width: 27.75em; }
.input45 { width: 31.25em; }
.input5  { width: 34.75em; }
.input55 { width: 38.25em; }
.input6  { width: 41.75em; }
.input65 { width: 45.25em; }
.input7  { width: 48.75em; }
.input8  { width: 55.75em; }

.inputHalf, .input066, .input1, .input15, .input2, .input25, .input3, .input35 .input4, .input45, .input5, .input55, .input6, .input65, .input7, .input8, input.fullWidth, textarea.fullWidth { margin-right: 0.25em; }
input.noMargin { margin-right: 0em; }
/*input, select { line-height:1.0em;}*/
input[type=text], input[type=submit], input[type=button], select, textarea { height:1.75em;}
input[type=radio]{margin-right:0.5em;}
input.error, select.error, textarea.error { border-color: #AF2323; background-color: #F7E6E6; }
span.error>input { outline:1px solid #ff0000;}
input[type=text]::-ms-clear {display: none;}
input[readonly=readonly]{background-color:#dddddd; border:1px solid #999; color:#666;}
.suggestTextBox { padding-right: 0.125em; }
textarea.high{height:10em;}
textarea.twoRows{height:3em; max-height:9em;}

/* Lists */
ul.nestedList, ul.nestedList ul {margin:0em; padding:0em 0em 0em 0.75em;}
ul.nestedList li { margin:0em 0em 0em 0em;padding:0em 0em 0em 0.75em;}
ul.nobullet { list-style: none; }
ul.noindent, ul.noindent>li { padding: 0em; }
ul.vertSpace, ul.vertSpace>li {margin-top:0.5em; margin-bottom:0.5em; }

/* Tabs */
.tabContainer { display:table-cell;height:3em; position:relative;vertical-align:bottom;padding-bottom:1.75em;}
div.tabstrip2 {margin-bottom:-1px;position:relative;display:block;padding-left:0.25em;}
div.tabstrip2 > .tab {background-color:#dddddd; border-color: #999999;border-style: dotted;border-width:1px 1px 0px 1px; padding:0em 0.5em; margin-right:0.125em; margin-bottom:1px; display:inline-block; border-top-right-radius:0.25em; border-top-left-radius:0.25em; }
div.tabstrip2 > .tab.active {background-color:white; margin-bottom:0px;border-style:solid;border-color:#666666; border-bottom:1px dotted #999999;}

/* AutoComplete */
.completionList{background-color:White; list-style-type:none;margin:0em;padding:0em;border:1px solid black;}
.completionListItem, .completionListHighlightedItem{margin:0px;padding:0.2em;border-bottom:1px solid #CCCCCC;}
.completionListItem{background-color:#ffffff;}
.completionListHighlightedItem{background-color:#CCCCCC;}

/* symbols */
.icomoon.symbolLeft, .symbolLeft:before {padding-right:0.5em; }
.icomoon.symbolRight, .symbolRight:before {padding-left:0.5em; }
.symbolRaised:before {top:-0.1em; position:relative; }
.inputIconTight, .inputIconMiddle {position:absolute;z-index:2;display:inline-block;margin-top:0.125em; background-color:rgba(255,255,255,0);}
.dialogBox.draggable .inputIconTight, .dialogBox.draggable .inputIconMiddle{z-index:101;}
.inputIconTight {margin-left:-1.25em;margin-right:0.25em;width:1em;}
.inputIconMiddle {margin-left:-1.5em;margin-right:0.5em;width:1em;}
.inputIconMiddle.second { margin-left:-3em;width:1.25em;}
.closeLeft { margin-right: -0.125em; }
.closeLeft2 { margin-right: 0.125em; }
.closeRight { margin-left: -0.125em; }

a.iconLink, a.boxLink { display: inline-block; height: 1.75em; text-align: center; background-color: #dddddd; color: #666666; border:1px solid #666666; }
a.iconLink:hover, a.boxLink:hover { text-decoration:none; border-color:black; background-color:#eeeeee;}
a.iconLink.active, a.boxLink.active { background-color: white; color:black; border-color:black;}

a.iconLink { width: 1.75em;}
a.iconLink:hover {color:#B78624; }
a.iconLink.active {  }

a.boxLink { padding:0em 0.5em 0em 0.5em;}
a.boxLink:hover {color:#666666; }
a.boxLink.active {  }

a.bigRoundLink{ border:0.1em solid #666; font-size:1.5em; height:2em; width:2em; border-radius:1em; background-color:#eee; text-align:center; vertical-align:middle; display:table-cell;
				box-shadow:0.0625em 0.0625em 0.0625em 0em rgba(55,55,55,0.5);}
a.bigRoundLink:hover{text-decoration:none; color:#666666;}
a.bigRoundLink.active{box-shadow:inset 0.0625em 0.0625em 0.0625em 0.0625em rgba(55,55,55,0.5);padding:0.125em 0em 0em 0.125em;}

a.bigRoundLink.green {border-color:#23B223;color:#333333;}
a.bigRoundLink.green:hover {color:#666666;}
a.bigRoundLink.green:hover, a.bigRoundLink.green.active{background-color: #E6F7E6;}

a.bigRoundLink.yellow{border-color:#AA6D22;color:#333333;}
a.bigRoundLink.yellow:hover {color:#666666;}
a.bigRoundLink.yellow:hover, a.bigRoundLink.yellow.active{background-color: #F7EFE6;}

a.bigRoundLink.red{border-color:#AF2323;color:#333333;}
a.bigRoundLink.red:hover {color:#666666;}
a.bigRoundLink.red:hover, a.bigRoundLink.red.active{background-color: #F7E6E6;}

a.bigRoundLink[disabled="disabled"]{border-color:#666 !important ;}
a.bigRoundLink{transition: background-color 0.2s, color 0.2s;}

.quickLinks{display:inline-block; position:relative; width:50%;margin-bottom:1.5em;vertical-align:top;}

/* TreeView */
/* Styles for UL based treeview */
ul.rcTreeView {padding-left: 0em; margin-left: -0.5em;}
ul.rcTreeView > li.rcTreeItemIndent {padding-left:2.25em;}
.rcTreeOpenLink {/* dummmy class used to bind events. */ }
.rcTreeCloseLink {/* dummmy class used to bind events. */ }
ul.rcTreeView > li > .rcTreeOpenLink, ul.rcTreeView > li > .rcTreeCloseLink {cursor:pointer; margin-right:0.5em; }
/* Styles for table based treeview */
.rcTreeItemLabel {  }
span.rcTreeIndent, i.rcTreeIndent, a.rcTreeIndent { display:inline-block; width:1em; margin-right:0.5em; }
span.rcTreeIndent.noMargin{ margin-right:0em; padding-right:0em; }
.rcTreeMarginLeft{margin-left:1.5em;}

/* expand/collapse panel showing one line or all lines of text */
.expandContainer>.textContainer{height:1.5em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.expandContainer>.textContainer{height:1.5em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.expandContainer.expanded>.textContainer{height:auto;overflow:visible; text-overflow:inherit; white-space:inherit;}
.expandContainer .collapseLink{display:none;}
.expandContainer .expandLink{display:inline-block;}
.expandContainer.expanded .collapseLink{display:inline-block;}
.expandContainer.expanded .expandLink{display:none;}
.expandContainer .content{display:none;}
.expandContainer.expanded .content{display:block;}
.editForm.expandContainer .header {display:block; padding:0.25em 1em; background-color:#fff9ed; border-top:1px solid #B78624; }

/* Utils */
.floatingLeft{float:left;}
.tag{background-color:#eee; border:1px dotted #bbb; border-radius:0.25em; padding:0em 0.25em; margin:0.125em 0.5em 0.125em 0em; display:inline-block;}
.dgFilter .tag{background-color:#fff;}

.strong { font-weight: 700; }
.semiBold { font-weight: 600; }
.italic { font-style:italic; }

.marginTopNone{margin-top:0em;}
.marginTop, .marginAll { margin-top: 0.75em ! important; }
.marginTopSmall { margin-top: 0.25em ! important; }
.marginTopBig { margin-top: 2em ! important; }
.marginBottom, .marginAll { margin-bottom: 0.75em ! important; }
.marginBottomBig { margin-bottom: 2em ! important; }
.marginBottomSmall { margin-bottom: 0.25em ! important; }
.marginLeftRight, .marginAll { margin-left: 1em ! important; margin-right: 1em ! important; }
.marginLeft { margin-left: 1em ! important; }
.marginLeftSmall { margin-left: 0.25em ! important; }
.marginRight { margin-right: 1em ! important; }
.marginRightSmall { margin-right: 0.25em ! important; }
/*div.marginRight, span.marginRight { display: inline-block; float: left; clear: none; }*/

.paddingTop { padding-top: 0.75em ! important; }
.paddingBottom {padding-bottom:0.75em !important; }
.paddingRight { padding-right: 0.75em ! important; }
.paddingAll { padding: 0.75em; }
.paddingAllSmall { padding: 0.25em; }

.darkBorder { border: 1px solid #666666; }
.darkBorder.noTopBorder{border-top-width:0px;}
.darkBorderTop { border-top: 1px solid #666666; }
.lightBorderTop { border-top: 1px solid #bbb; }
.whiteBg { background-color: white !important; }
.noBg { background-color: rgba(255,255,255,0); }

.hidden{display:none;}
.ellipsisSpan, .ellipsisSpan>[display="block"]{display:block; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

.right { text-align: right; }
div.center{margin-left:auto !important; margin-right:auto !important; }
a.right { float: right; }
.errorMessage {font-family:'Courier New';font-size:0.9em; }
div.hr { height:1px; border-top:1px solid #aaa; }
.block { display: block !important; clear:both;}
.inlineBlock{display:inline-block !important;}
.sup { font-size: 75%;line-height:1em; vertical-align: top; }
.smaller { font-size: 0.75em; }
.line1 { line-height: 0.8em; }
.overline { border-top: 1px solid black; }
.fullWidth { width: 100%; }

.fadeIn{} /* elements with this class will be faded in onDocumentReady, see common.js */


/* AJAX Accordion */

.ajax_accordion {border:1px solid #aaaaaa;margin:1em 0.25em;}
.ajax_accordionHeader, .ajax_accordionHeaderSelected {font-weight:600; padding:0.75em;background-color:rgba(0,0,0,0.1);}
.ajax_accordionHeaderSelected {}
.ajax_accordionContent {padding:0.75em; overflow:hidden ! important;}
.ajax_accordionHeader>.iconExpand, .ajax_accordionHeader>.iconCollapse, .ajax_accordionHeaderSelected>.iconExpand, .ajax_accordionHeaderSelected>.iconCollapse {
	float:right;
}

.ajax_accordionHeader>.iconCollapse, .ajax_accordionHeaderSelected>.iconExpand {
	display:none;
}


/* AJAX Calendar */
.rc_calendar .ajax__calendar_container {padding:0.25em;cursor:default;width:14.5em;font-size:1em;line-height:1em;text-align:center;font-family:'Open Sans';}
.rc_calendar .ajax__calendar_container TD {line-height:1.25em;}
.rc_calendar .ajax__calendar_body {height:11.5em;width:14em;position:relative;overflow:hidden;margin:auto;}
.rc_calendar .ajax__calendar_days, .rc_calendar .ajax__calendar_months, .rc_calendar .ajax__calendar_years {top:0px;left:0px;height:10.5em;width:14em;position:absolute;text-align:center;margin:auto;}
.rc_calendar .ajax__calendar_container TABLE {padding:0px;margin:0px;font-size:1em;}
.rc_calendar .ajax__calendar_container TD {padding:0px;margin:0px;font-size:1em;}
.rc_calendar .ajax__calendar_header {height:1.75em;width:100%;}
.rc_calendar .ajax__calendar_prev {cursor:pointer;width:1.25em;height:1.25em;float:left;background-repeat:no-repeat;background-position:50% 50%;}
.rc_calendar .ajax__calendar_next {cursor:pointer;width:1.25em;height:1.25em;float:right;background-repeat:no-repeat;background-position:50% 50%;}
.rc_calendar .ajax__calendar_title {cursor:pointer;font-weight:bold; margin-left:1.25em; margin-right:1.25em;}
.rc_calendar .ajax__calendar_footer {height:1.5em;}
.rc_calendar .ajax__calendar_today {cursor:pointer;padding-top:0.25em;}
.rc_calendar .ajax__calendar_dayname {height:1.5em;width:1.75em;text-align:right;padding:0em 0.25em;}
.rc_calendar .ajax__calendar_day {height:1.5em;width:2em;text-align:center;cursor:pointer;}
.rc_calendar .ajax__calendar_month {height:3.5em;width:3.5em;text-align:center;cursor:pointer;overflow:hidden;}
.rc_calendar .ajax__calendar_year {height:3.5em;width:3.5em;text-align:center;cursor:pointer;overflow:hidden;}

.rc_calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.rc_calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.rc_calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.rc_calendar .ajax__calendar_day {border:1px solid #ffffff;}
.rc_calendar .ajax__calendar_month {border:1px solid #ffffff;}
.rc_calendar .ajax__calendar_year {border:1px solid #ffffff;}

.rc_calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.rc_calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.rc_calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.rc_calendar .ajax__calendar_today .ajax__calendar_day {border-color:#0066cc;}
.rc_calendar .ajax__calendar_today .ajax__calendar_month {border-color:#0066cc;}
.rc_calendar .ajax__calendar_today .ajax__calendar_year {border-color:#0066cc;}

.rc_calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.rc_calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.rc_calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.rc_calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.rc_calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.rc_calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.rc_calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* styles for invalid dates as defined by startDate and endDate*/
.rc_calendar .ajax__calendar_invalid .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.rc_calendar .ajax__calendar_invalid .ajax__calendar_month {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.rc_calendar .ajax__calendar_invalid .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.rc_calendar .ajax__calendar_invalid .ajax__calendar_today  {visibility:hidden; cursor:default;}

/* Tooltip */
.ui-tooltip { padding:0.25em !important; -webkit-box-shadow: 0 0 0.25em #aaa; box-shadow: 0 0 0.25em #aaa; border-width:1px !important; background-color:white; }
.ui-tooltip-content {font-family: 'Open Sans';  }
.ui-widget { font-size: 1em!important; font-weight:400 !important;}