/** *********************************************************************************************************
										base layout
********************************************************************************************************** */

body{
	font-family: Helvetica, arial, Sans Serif;
	background-color: #FFF;
	color: #333;
	margin: 0;
	padding: 1px;
	font-size: 16px;
	/**font-size: 12pt;	*/
}

ol,
ul{
	padding: 0;
	margin: 0;
}

ol li,
ul li{
	list-style: none;
}

.ALPHA_FEATURE,
.BETA_FEATURE{
	display: none !important;
}

.ALPHA_ACCOUNT .ALPHA_FEATURE,
.BETA_ACCOUNT .BETA_FEATURE{
	display: initial !important;
}

/** *********************************************************************************************************
										base skin
********************************************************************************************************** */

a,
.likeLink{
	color: #014F74;
	text-decoration: none;
}

/** 100% #29abe2, 40% #  , 10% #e9f6fc*/

a:hover,
.likeLink:hover{
	color: #0177AE;
}
	

h3{
	font-size: 21px;
	padding: 16px 0;
	font-weight:normal;
	margin: 0;
}

.emphasized,
.emphasizedBig{
	font-family: palatino, georgia;
}

.emphasizedBig{
	font-size: 150%;
}

.spaced{
	line-height: 140%;
}

.dulled{
	font-size: 8pt;
	color: #999;
}

.error{
	font-weight: bold;
	color: #FF9900;
}


.warn,
.warning{
	color: #FF9900;
}

.good{
	color: #349E18;
}

.singleLine{
	white-space: nowrap;
}

.valueDescription{
	font-size: 80%;
	color: #BBB;
	display: inline;
}

.lightText{
	color: #BBB;
}

.lightSmallText{
	color: #BBB;
	font-size: 90%;
}

/** *********************************************************************************************************
										uservoice label css
********************************************************************************************************** */

#uvTab{
	background: #333 !important ;
	background-image: none !important; 
	width: 25px !important;
}

#uvTab:hover{
	padding: 0 0 0 3px !important;
}

#uvTab #uvTabLabel{
	padding: 0 !important;
	margin: 10px 5px !important;
	height: 145px !important;
	background: transparent url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/uv-feedback-tab.png) scroll 0 0 no-repeat !important ;
}

#uvTab #uvTabLabel img{
	display: none;
}

body #uvw-overlay-background {
	background-color: #EEE;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(Opacity=30);
}

/** *********************************************************************************************************
										pagelayout layout
********************************************************************************************************** */

body div.t-error div.t-banner,
.productionMode .t-console,
.productionMode .t-err,
.productionMode div.t-exception-container{
	display: none;
}
div.t-exception-container{
	z-index: 1000;
}

#all{
	width: 100%;
	height: 100%;
	z-index: 1;
}

#partsContainer{
	padding-right:185px;  
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    min-width: 1131px;
}

.collapsedNav #partsContainer{
    padding-right:35px;
    min-width: 1167px;
}

.restrictedWidthContainer{
	width:800px;
}

.restrictedWidthContainer{
	position: relative;
	float: left;
}

#partsContainer{
	float: left;
}


#all.wide .restrictedWidthContainer{
	width:1165px;
}

.fullPageWidth #all.wide .restrictedWidthContainer,
.fullPageWidth #all.wide #partsContainer{
	width: auto;
	min-width: 1165px;
}

#partsContainer{
	min-height: 100%;
}

/**this will ensure the div background on the footer and header show like they should on iphone/ipad*/
body{
}

#footer{
	width: 100%;
}

#header{
     z-index: 50;
    width: 185px;
	float: left;
	margin-top:0;
	margin-bottom:0;
	background-color: #f1f1f1;
	height: 100vh;
	position: fixed;
}

.collapsedNav #header{
    width: 35px;
}

#pageTopMessages{
    padding: 5px 20px;
}

.secured #header{
	overflow: visible;
}

.secured #header .subMenuLayunder {
	display: none;
}

#header #searchBlock #searchField{
	width: 134px;
	margin: 4px 6px;
}

.expandCollapseNav .showNav,
.expandCollapseNav .hideNav{
    display: none;
}

.expandCollapseNav{
    display: block;
    color: #999;
    float: left;
    height: 18px;
    margin: 8px 10px;
    bottom: 5px;
    position: absolute;
    cursor: pointer;
}

.expandCollapseNav .showHideToggle .fa{
    margin-right: 5px;
}

.collapsedNav #header:hover .expandCollapseNav .hideNav,
.expandCollapseNav .showHideToggle{
    display: none;    
}


.collapsedNav #header:hover .expandCollapseNav .showNav,
#header:hover .expandCollapseNav .hideNav{
    display: block;
}

.collapsedNav #searchBlock .searchButton,
#searchNavigationLink{
    display: none;
}

#searchBlock{
    color: #333;
    float: left;
    width: 100%;
    height: 26px;
    padding: 4px 0;
}

.collapsedNav #searchBlock{
    height: 18px;
    padding: 8px 0;
}

#searchBlock:hover #searchNavigationLink,
#searchBlock:hover,
#searchBlock:hover .searchButton{
    background-color: #333;
    color: #FFF;
}

#searchBlock #searchNavigationLink,
#searchBlock button{
    margin-left: 10px;
    color: #333;
}

#searchBlock button,
#searchBlock input{
    float: left;
}

#searchBlock .searchButton,
.collapsedNav #searchNavigationLink{
    display: block;
}

#searchBlock .searchButton{
    background:none!important;
    border:none; 
    padding:0!important;
    font: inherit;
    cursor: pointer;
}

.collapsedNav #header #searchBlock #searchField{
    display: none;
}

#header #searchBlock .searchButton{
	position:relative;
	top:0.2em;
}

#header #languageSelectionBlock{
	position: absolute;
	right: 1em;
	top: 1em;
	font-size: 90%;
}

#header #languageSelectionBlock,
#header #languageSelectionBlock a{
	color: #FFF;
}

.secured #languageSelectionBlock{
	display: none;
}

body.en #header #languageSelectionBlock a.en,
body.nl #header #languageSelectionBlock a.nl{
	text-decoration: none;
	font-weight: bold;
}

.logoContainer{
    margin: 8px;
}

#headerHomeLink{
	display: block;
	text-decoration: none;
	width: 158px;
	height: 50px;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/yanomo_logo_158.png) no-repeat;
}

.collapsedNav .logoContainer{
    margin: 8px 4px;
}

.collapsedNav #headerHomeLink{
	width: 28px;
	height: 28px;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/yanomo_logo_28.png) no-repeat;
}


.byline{
	color:#FFFFFF;
	float:right;
	font-size:95%;
	font-style: italic;
	position:relative;
	top:-4px;
	right: 6px;
}

.byline .tradeMark{
	font-size: 50%;
	margin-left: 0.5em;
}

.secured #all .logoContainer .byline{
	display: none;
}


#pdfExport #content {
	margin: 0 0 0 0;
	float: left;
	width: 100%;
}

#content{
    margin: -28px -185px 0 0;
    float: right;
    width: 100%;
	position:relative;
	min-height: 99.9vh;
	padding-bottom: 28px;
	min-width: 1125px;
}

.collapsedNav #content{
    margin: -28px -35px 0 0;
}

#contentLayout{
	padding:0px;
	margin: 28px 0 0;
	float:left;
}

#pdfExport,
#contentLayout #singleColumn,
#contentLayout #leftColumn,
#contentLayout #rightColumn,
#contentLayout #nestedLeftColumn,
#contentLayout #nestedRightColumn{
	display:block;
	float:left;
	margin:0px;
	list-style: none;
}

#contentLayout #singleColumn{
	padding: 10px 0;
	margin: 0 20px;
	min-width: 1125px;
	clear: both;
}


#all #contentLayout #crossColumnFooter,
#all #contentLayout #crossColumnHeader{
	padding:20px 20px 0;
	width:48em;
	float: left;
}

#all #contentLayout #crossColumnFooter{
	float: left;
	padding:0 1em 1em;
}

.fullPageWidth #all.wide #contentLayout #singleColumn{
	width: auto;
	min-width: 69em;
}

.fullPageWidth #all.wide #contentLayout #tabbedColumns #singleColumn,
.fullPageWidth #all.wide #tabbedColumns #singleColumn{
	width: auto;
	min-width: 1125px;
}

#all.wide #contentLayout #crossColumnHeader{
	width: 1125px;
}

.fullPageWidth #all.wide #contentLayout #crossColumnHeader{
	width: auto;
	min-width:1125px;
}

#contentLayout #leftColumn{
	padding: 10px;
	width:31em;
}

#contentLayout #tabbedColumns #leftColumn{
	padding: 10px 10px 10px 0;
}

.cornerContainer{
	position: relative;
	display: block;
	float: left;
	overflow: visible;
}

.secured .cornerContainer{
	margin: 0 20px;
	float: left;
}

#tabbedColumns{
	float: left;
}

#tabbedColumns #singleColumn{
	margin: 0;
}

#tabbedColumns:after,
#leftColumn:after,
#rightColumn:after {
	content: "\a0 ";
	display: block; 
	height: 0;
	width: 0;
	clear: both; 
	visibility: hidden;
}

#contentLayout #leftColumn #nestedLeftColumn {
	padding-right:0.5em;
	width:17.5em;
}

#contentLayout #leftColumn #nestedRightColumn {
	padding-left:0.5em;
	width:17.5em;
}

#all.wide #contentLayout #leftColumn{
	width:800px;
}

#all.wide #contentLayout #tabbedColumns #leftColumn{
	width:800px;
}

#contentLayout #rightColumn{
	padding: 16px 0;
	width: 15em;
	float: left;
	margin-left: 10px;
}

#contentLayout #tabbedColumns #rightColumn{
	width:13.8em;
}

#all.wide #contentLayout #rightColumn{
	width:20em;
}

#all.wide #contentLayout #tabbedColumns #rightColumn{
	width: 305px;
}

#content #contentHeader,
#content .contentHeader  {
	float:left;
	width: 100%;
	margin: 0;
}

#crossColumnHeader .contentHeader{
	border-bottom: 1px solid #BBB;
	position: relative;
}

#content,
#rightColumn,
#leftColumn{
	/*position: relative;*/
}


#contentLayout{
	zoom:1;
}

#footer{
    bottom: 0;
    left: 0;
    position: absolute;
	float: left;
	margin-top: 6px;
	padding: 7px 0;
	text-align: center;
	font-size: 90%;
	background-color: #F1F1F1;
	color: #888;
	border-top: 1px solid #BEBEBE;
}

#footer .footerText{
	margin: 0;
}

#footer a{
	color: #888;
	text-decoration: none;
}

#footer a:hover{
	color: #29abe2;
}

/* this is some css to deal with the flush bottom footer on the calendar pages*/

.flushFooter #contentLayout #singleColumn {
    padding: 1em 0 0;
}

.flushFooter #footer {
    margin-top: 0;
    padding: 0.4em 0;
}

.syncLogoContainer.google img{
}
.syncLogoContainer.ical img{
	margin-top: -5px;
}
.syncLogoContainer.twitter img{
	margin-top: 5px;
}

.footerColumns{
	float: left;
	width: 80%;
	margin: 0 10% 1em;
	text-align: left;
}

.footerColumns .footerColumn{
	float: left;
	width: 33%;
}

.footerColumns .footerColumn.features{
	width: 40%;
}
.footerColumns .footerColumn.website{
	width: 30%;
	margin-left: 5%; 
}
.footerColumns .footerColumn.languages{
	width: 5%;
	margin-left: 15%; 
}


.footerColumns .footerColumn .footerColumnHeader{
	margin: 0.3em 0;
	font-weight: bold;
}

.footerColumns .footerColumn .footerColumnItem,
.footerColumns .footerColumn .footerColumnHeader{
	float: left;
	width: 100%;
}

.tabbedSidePanel{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.hidden{
	display: none;
}

/** *********************************************************************************************************
										pagelayout skin
********************************************************************************************************** */

h1,
h1 a{
	color: #333;
	margin: 0;
	font-weight: bold;
}

h2{
	color: #333;
	font-size: 22px;
}

.infoBlock{
	background-color: transparent;
	padding: 0;
	margin: 0 0 40px;
	position: relative;
	float: left;
}

.infoBlock .entityDetails,
.infoBlock .formItems{
	margin: 10px 0 0;
}

.infoBlock .formItems .optionalFields{
	float: left;
	display: block;
	margin-top: 6px;
	padding-top: 6px;
	margin: 12px 0 0 0;
	padding: 6px 0 0 0;
	border: none 0;
	border-top: 1px solid #BBB;
	width: 100%;
}

.infoBlock .formItems .optionalFields.collapsed .formItem{
	display: none;
}

.infoBlock .formItems .optionalFields legend{
	padding: 0 6px 0 0;
	font-style: italic;
	cursor: pointer;
	font-size: 85%;
}

.infoBlock .formItems .optionalFields.collapsed legend .showLink,
.infoBlock .formItems .optionalFields legend .hideLink{
	display: inline;
}
.infoBlock .formItems .optionalFields legend .showLink,
.infoBlock .formItems .optionalFields.collapsed legend .hideLink{
	display: none;
}

.collapsed>*,
.infoBlock.collapsed>*{
	display: none;
}

.infoBlock.collapsed{
    margin-bottom: 10px;
}

.infoBlock.collapsed .blockHeader h3{
    
}

.collapsed>legend{
	display: block;
}

.collapseHandle{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sort_ascending_dark.gif) no-repeat 0 2px;
}
.collapsed .collapseHandle{
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sort_descending_dark.gif) no-repeat 0 -2px;
}

.collapsed .collapseHeader,
.infoBlock.collapsed .blockHeader,
.infoBlock.collapsed .blockHandels{
	display: block;
}

.infoBlock .infoBlockDescription,
.tableBlock .noGridData{
	font-style: italic;
	padding: 10px 0;
	float: left;
	clear: left;
	margin: 0;
}

.infoBlock .infoBlockBottomDescription{
	font-style: italic;
	color: #888;
}


.tableBlock .noGridData{
	width: 100%;
	border-top: 1px dotted #BBB;
}

.tableBlock.spendingTable TBODY{
	/**font-size: 14px;*/
}

table .tableSubHeader .tableSubHeader{
	margin-left: 20px;
}


#all .accountSpendingTable .noProjectAvailable a h1.simpleDisplay.accountHeaderTitle{
	font-size: 85%;
	color: #888;
}

.securedcompany #crossColumnHeader .accountHeaderTitle{
    font-size: 2em;
    color: #333;
    margin: 0 0 10px 3px;
}

#all .accountSpendingTable .noProjectAvailable a h1.simpleDisplay.accountHeaderTitle:hover{
	color: #29abe2;
}

.accountSpendingTable .accountNoteHelp{
	font-size: 16px;
	color: #014F74;
}

.tableBlock TBODY .accountTitle{
	font-size: 16px;
}

.inpagePopupLayer .infoBlock{
	margin: 0;
}

.widePopup .inpagePopupContainer{
	max-width: 68.5em;
	width: 68.5em;
	margin-left: -34.5em;
}

.infoBlock>div.blockHeader{
	margin: 0;
	border-bottom: 1px dotted #BBB;
}

.infoBlock.tableBlock>div.blockHeader{
	border-bottom: 0 none;
}

.infoBlock>div.blockHeader .genericNavigation{
	float: left;
	clear: left;
	padding-bottom: 10px;
}

.infoBlock>div.t-data-grid{
	margin: 0;
}

.infoBlock .groupedReportBlock .inpagePopupContainer .infoBlock .blockHeader,
.infoBlock .blockHeader,
.infoBlock>.blockHandels{
	position: relative;
	float: left;
	top: 0;
	margin: 0;
	padding: 0;
}

.groupedReportBlock .canvasChartContainer{
	float: left;
}

.infoBlock .blockHeader{
	width: 100%;
}

.infoBlock.headless .blockHeader{
	background-color: #FFF;
	background-image: none;
	border-bottom: 1px solid #BBB;
}

.infoBlock.headless .blockHeader h3{
	background-image: none; 
}

.infoBlock .blockHeader{
	white-space: nowrap;
	width: 100%;
}

.infoBlock .blockHeader.subBlockHeader{
	margin-top: 30px;
}

.infoBlock .blockHeader h3{
	float: left;
}

.filterPage .leftColumn .infoBlock .blockHeader h3{
	max-width: 730px;
	white-space: normal;
}

.blockHandels{
	overflow: visible;
}

#pdfExport .infoBlock .blockHandels{
	visibility: hidden;
	position:absolute;
	right:0;
	bottom: 10px;
}

.infoBlock .blockHandels{
	position:absolute;
	right:0;
	bottom: 10px;
}


.infoBlock .blockHandels .blockHeaderNavigation {
	position: relative;
}

.infoBlock .groupedReportBlock .genericNavigation{
	float: left;
	margin: 0 0 10px;
}

.infoBlock .groupedReportBlock .infoBlock .blockHeader{
	float: none;
}

.infoBlock .blockHandels>li,
.infoBlock .blockHandels>div{
	float: left;
}

.infoBlock .notice {
	margin-top: 15px;
	margin-bottom: 10px;
}

.gridExportSettings .inpagePopupContainer{
	left: -140px;
	top: 40px;
}

.gridExportSettings .exportSettingItem{
	clear:both;
	float:left;
}

.infoBlock .blockHandels .blockHandel {
	display:block;
	float:left;
	margin: 0 0 0 0.5em;
	position: relative;
}

.infoBlock .blockHandels .blockHandel a.cancelLink{
	display:block;
}

#leftColumn .infoBlock{
	width:800px;
}

#rightColumn .infoBlock{
	width:18.5em;
}

#rightColumn .infoBlock .formItem{
	width: 295px;
}

#pdfExport .infoBlock {
	width:18cm;
}

#singleColumn .infoBlock,
.filterBlock{
	width:1125px;
}

.fullPageWidth #singleColumn .infoBlock,
.fullPageWidth .filterBlock{
	/** min-width: 1125px; **/
	width: 100%;
}

#all .inpagePopupLayer .infoBlock{
	/*width: 26.5em;*/
	width: 100%;
}

.deleteLink.withText img,
img.deleteLink.withText{
	top: 3px;
	position: relative;
	left: 2px;
}

.nonEditableBlock .blockHandels .cancelLink,
.nonEditableBlock .blockHandels .deleteLink,
.editableBlock .blockHandels .editLink{
	display: none;
}

.inpagePopupContainer .infoBlock .blockHandels .blockHandel {
	margin: 5px 0.5em;
}
.inpagePopupContainer .infoBlock .blockHandels .cancelLink.blockHandel {
	margin: 5px 0.5em;
}

.infoBlock .infoBlockRowHandles{
	position: absolute;
	right: 1em;
	top: 0;
}

.infoBlock .infoBlockRowHandles{
	position: absolute;
	right: 0em;
}

.infoBlock .secondColumn{
	position: absolute;
	right: 6em;
	top: 0.5em;
}

.narrow .infoBlock .secondColumn{
	right: 1em;
}

.showChildContentOnRollover .parentRolloverShowContent{
	display:none;
}

.showChildContentOnRollover:hover .parentRolloverShowContent{
	display:inline;
}

.firstColumnOfTwo,
.secondColumnOfTwo{
	width: 50%;
	float:left;
}

.firstColumnOfThree,
.secondColumnOfThree,
.thirdColumnOfThree{
	width: 33%;
	float:left;
}

.firstColumnOfThree:after,
.secondColumnOfThree:after,
.thirdColumnOfThree:after,
.firstColumnOfTwo:after,
.secondColumnOfTwo:after {
	content: "\a0 ";
	display: block; 
	height: 0;
	width: 0;
	clear: both; 
	visibility: hidden;
}

.filterBlock .secondColumnOfTwo .entityDetails{
	margin-top: 0;
}

.breadcrumbs{
	font-size: 80%;
	color: #888;
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 0.5em
}

.breadcrumbs li{
	float: left;
	margin: 0 0.3em 0 0;
}

.breadcrumbs a{
	text-decoration: none;
	border-bottom:1px dotted #224d6f;
}

.breadcrumbs a:hover{
	border-bottom:1px solid #29abe2;
}

.actionLinks {
	float:left;
	padding:0.5em 0;
	width: 100%;
}
.actionLinks>a,
.actionLinks .disabled,
.calendarHeaderBlock .submitTimeForApprovalLink.editButton,
#submitStartLink,
#approvalZone a.newButton {
	display:block;
	margin: 0 0 10px;
	min-width: 19.5em;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #CACACA;
}

.calendarHeaderBlock .submitTimeForApprovalLink.editButton,
#submitStartLink,
#approvalZone a.newButton {
    padding: 3px 25px;
    min-width: 0;
}

#submitStartLink{
    margin-bottom:0;
}

#all .editButton img.buttonIcon{
	float: left;
	height: 16px;
}

.actionLinks .disabled{
	color: #BBB;
}

.pageNotification{	
	display: block;
	text-align: center;
	width: 1125px;
	color: #349E18;
	padding: 1em 2em 0;
}

.pageNotification.error,
.pageNotification.warn{
	color: #FF9900;
}

.pageNotificationsContainer{
	clear: both;
}

.yanomoLabel,
#content .tableBlock .invoiceStatePrinter .stateOptions a,
#content .tableBlock .invoiceStatePrinter .invoiceTitle,
#content .tableBlock .invoiceStatePrinter h2,
#content .tableBlock .reimburseState{
	color: #FFF;
	font-size: 12px;
	padding: 1px 3px;
	display: inline;
	float:left;
	margin-top: 5px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #BEBEBE;
	white-space: nowrap;
}

.yanomoLabel a{
	color: #FFF;
}

.yanomoLabel:hover a{
	text-decoration: underline;
}

body #content .tableBlock .reimburseState{
	float: none;
}

.yanomoLabel.warn,
#content .tableBlock .toreimburse .reimburseState,
#content .tableBlock .invoiceStatePrinter.overdue h2 {
	background-color: red;
}

.yanomoLabel.good,
.reimbursed .reimburseState,
#all .billableState.billed,
#all .invoiceStatePrinter .markAsPaidLink,
#content .invoiceStatePrinter.paid h2 {
	background-color: #349E18;
}

.securedbilling #content .invoiceControls .invoiceStatePrinter.paid h2{
	background-color: transparent;
}

#all .billableState.unbillable {
	display: none;
	background-color: #DDD;
}

#all tr:hover .billableState.unbillable {
	display: inline;
}

#all a:hover .billableState.billed{
	text-decoration: underline;
}

#all .billableState.unapproved,
#all .billableState.unsubmitted,
#all .billableState.submitted,
#all #content .invoiceTable .invoiceStatePrinter.outstanding h2 {
	background-color: #FF9900;
}

#content .tableBlock .invoiceStatePrinter .markAsUnpaidLink,
#content .tableBlock .invoiceStatePrinter .invoiceTitle,
#content .tableBlock .invoiceStatePrinter.draft h2 {
	background-color: #BEBEBE;
}

/** *********************************************************************************************************
										ajax loader
********************************************************************************************************** **/

.ajaxLoader{
	display: block;
	float: left;
	height: 30px;
	padding: 4px 0 0 30px;
	clear: both;
	background: url("https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/ajax-loader.gif") no-repeat 0 0;
}

.ajaxInProgress #ajaxLoadingIndicator {
	display: block;
}

#ajaxLoadingIndicator{
	position: absolute;
	background: #FFF1A8 url("https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/ajax-loader.gif") no-repeat 0.3em 0.3em;
	z-index: 101;
	width: 5em;
	height: 1.6em;
	position: fixed;
	left: 50%;
	margin-left: -2.5em;
	top: 2em;
	padding: 0.3em 0.3em 0.3em 2.5em;
	display: none;
}

#ajaxLoadingIndicator .loadingText{
	display: block;
	margin-top: 0.2em; 
}

body .secured{
	background-color: #FFF;
}

body div.t-ajax-console{
	z-index: 20;
}

/** the modal window is ccsed to match our native feel */
body #MB_overlay {
	background-color: #000 !important;
	opacity: 0.6 !important;
	-moz-opacity: 0.6 !important;
	filter: alpha(Opacity=6) !important;
}

a.removeRowLink,
a.removeRowLink{
	display:block;
	height:20px;
	overflow:hidden;
	width:12px;
	position: absolute;
	right: -1.5em;
	/**top: 13px;*/
	top: 7px;
}

a.removeRowLink:hover img,
a.removeRowLink:hover img{
	position: relative;
	left: -12px;
}

/** *********************************************************************************************************
										tooltip layout
********************************************************************************************************** **/

.helpItemRollover{
	color: #BBB;
	font-weight: bold;
	margin: 6px 0 0 2em;
	float:left;
}

.helpBaloon{
	width: 200px;
	min-height: 100px;
}

body div.ck_tooltip.infoBlockHelp{
	position: absolute;
	right: -300px;
	top: 60px;
	width: 280px;
}

body div.ck_tooltip{
	border: 1px solid #DDD;
	width: 15em;
	background-color: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px 8px 8px 8px;
	overflow: hidden;
	box-shadow: 2px 2px 7px #555;
}

body div.ck_tooltip .ck_tooltip-title {
	background-color: #DDD ;
	background-image: none;
	color: #555;
	font-weight: normal;
	font-size: 16px;
	padding: 4px 8px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	border-radius: 7px 7px 0 0;
}

body div.ck_tooltip .ck_tooltip-title:first-letter {
    text-transform: capitalize;
}

body div.ck_tooltip .ck_tooltip-content {
	padding: 4px 8px 8px;
	color: #555;
	font-size: 90%;
	background-color: transparent;
}

.progressBlock .canvasChartContainer{
	margin: 0;
	position: relative;
	width: 100%;
	min-height: 16em;
	float: left;
}

/**
 * Delete once we have just google charts
 */
 
.infoBlock .canvasChartContainer.canvasChartContainer_old{
	margin-top: 20px;
}

/** *********************************************************************************************************
										contextual help
********************************************************************************************************** **/

.pageNotificationsContent .pageNotificationSteps a,
.domHilighterTrigger{
	color: #224d6f;
	border-bottom: 1px dotted #224d6f;
}

.domHilighterTrigger:hover{
	color: #29abe2;
	border-bottom: 1px dotted #29abe2;
	cursor: help;
}

.targetHilight,
.targetHilightRingTwo,
.targetHilightRingThree{
	background-color: transparent;
	position: absolute;
}
.targetHilight{
	z-index: 80;
	border : 2px solid #29abe2;
	margin: -2px 0 0 -2px;
}
.targetHilightRingTwo{
	z-index: 79;
	border : 4px solid #29abe2;
	margin: -6px 0 0 -6px;
	padding: 2px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(Opacity=60);
}
.targetHilightRingThree{
	z-index: 78;
	padding: 6px;
	border : 6px solid #29abe2;
	margin: -12px 0 0 -12px;
	opacity: 0.4;
	-moz-opacity: 0.3;
	filter: alpha(Opacity=30);
}

.expandCollapseLink{
	background:url("https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/minus.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:12px;
	position:absolute;
	right:1em;
	top:0.6em;
	width:12px;
}

.collapsed .expandCollapseLink{
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/plus.png);
}

.bigButtonContainer{
	display: block;
	position: relative;
	margin-bottom: 12px;
	float: left;
}

.bigButtonContainer .disabledSubmit,
.bigButtonContainer a{
	text-align: left;
	color: #FFF;
	height: 64px;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 8px 10px 20px;
	width: 200px;
	margin-right: 12px;
	overflow: hidden;
	display: block;
	text-align: center;
	background: transparent url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_green.png) no-repeat scroll 0 -2px;
}

.bigButtonContainer:hover .disabledSubmit,
.bigButtonContainer:hover a{
	color: #FFF;
	text-decoration: none;
	background-position: 0 -86px;
}

.bigButtonContainer:hover .bigButtonRightBorder{
	background-position: -227px -86px;
}

.bigButtonRightBorder{
	position: absolute;
	display: block;
	overflow: hidden;
	right: 0;
	top: 0;
	width: 12px;
	height: 84px;
	background: transparent url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_green.png) no-repeat scroll -227px -2px;
}

.bigButtonContainer.blue a,
.bigButtonContainer.blue .bigButtonRightBorder{
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_blue.png);
}

.bigButtonContainer.light_green a,
.bigButtonContainer.light_green .bigButtonRightBorder{
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_light_green.png);
}

.bigButtonContainer.grey a,
.bigButtonContainer.grey .bigButtonRightBorder{
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_grey.png);
}

#all .bigButtonContainer .disabledSubmit{
	background-position: 0 -86px;
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_grey.png);
}

#all .bigButtonContainer.disabledSubmit .bigButtonRightBorder{
	background-position: -227px -86px;
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/big_action_button_grey.png);
}

.bigButtonSubs{
	font-size: 14px;
	display: block;
	clear: both;
	margin-top:0.3em;
	color: #333;
}


/*************** fixed footer *******************/

.fixedFooter{
	width: 76em;
	left: 50%;
	margin-left: -38em;
	position: fixed;
	bottom: 0;
	background-color: #FFF;
	border: 1px solid #888888;
	border-bottom: 0 none;
	z-index: 20;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.fixedFooter.down{
	height: 0;
	bottom: -1px;
}

.fixedFooter.down>.dropshadow{
	display: none;
}

.fixedFooterZone{
	margin: 0.5em;
}

.fixedFooter .fixedFooterNavigation{
	left: -1px;
	top: -24px;
	height: 22px;
	position: absolute;
	background-color: #FFF;
	border: 1px solid #888888;
	border-bottom-color: #FFF; 
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.fixedFooter.down .fixedFooterNavigation{
	top: -20px;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem{
	float: left;
	height: 22px;
	padding: 0 6px;
	border-bottom: 1px solid #888; 
	border-right: 1px solid #888; 
	background-color: #EEE;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem:hover{
	background-color: #FFF;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem.first{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem.last{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-right: 0 none;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem.selected{
	background-color: #FFF;
	border-bottom: 0 none; 
}

.fixedFooter.down .fixedFooterNavigation .fixedFooterNavigationItem.selected{
	background-color: #EEE;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem.toggleContainer{
	border-right: 0 none; 
}
.fixedFooter.down .fixedFooterNavigation .fixedFooterNavigationItem.selected a,
.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem a{
	text-decoration: none;
	color: #888;
}

.fixedFooter .fixedFooterNavigation .fixedFooterNavigationItem.selected a{
	color: #000;
}
.fixedFooter .fixedFooterToggle span{
	display: none;
}

.fixedFooter .fixedFooterToggle{
	display: block;
	position: relative;
	height: 1em;
	width: 9px;
	background: url(https://www.yanomo.com/assets/6.7/images/themes/jsportal/sort_ascending.gif) no-repeat scroll 0 8px;
}

.fixedFooter.onTop .fixedFooterToggle{
	background: url(https://www.yanomo.com/assets/6.7/images/themes/jsportal/sort_descending.gif) no-repeat scroll 0 2px;
}

/** *********************************************************************************************************
										forms
********************************************************************************************************** */

.formItems{
}

.entityDetails,
.formItems{
	clear: both;
	float: left;
	width: 100%;
}

#all.wide #singleColumn .formItems{
	width: 69em;
}

/*
.entityDetails:after,
.formItems:after {
	content: "\a0 ";
	display: block; 
	height: 0;
	width: 0;
	clear: both; 
	visibility: hidden;
}
*/

.formItem{
	padding: 0.4em 0 0;
	clear: both;
	float:left;
	width: 100%;
	min-height: 30px;
}

.securedbillinginvoices .formItem.processorSelector .t-autocomplete-menu,
.securedbillinginvoices .formItem.processorSelector .multiAccountSelector{
    width: 100%;
}

.securedbillinginvoices .filterPage .mediumForm .formItem label {
    width: 210px;
}

.formItem label,
.formInputLabel{
	float:left;
	position:relative;
	width: 10em;
	min-height: 18px;
	padding: 11px 0;
	text-align: left;
}

.formItem .formInput label{
    width: 300px;
    margin-left: 5px;
}

.formItem .clearedFormInput{
	clear: both;
}

.usageDefaulsBlock .formItem label,
.globalLicenseSettingsBlock .formItem label{
	width: 15em;
}
.globalLicenseSettingsBlock .inpagePopupContainer .formItem label{
	width: 10em;
}

.editBlock .formItem label,
.editBlock .formInputLabel,
.editableBlock .formItem label,
.editableBlock .formInputLabel{
	padding: 10px 0;
}

.editableBlock .formItem.radioLabelCombo label{
	padding: 6px 0;
}

.longLabel .formItem label,
.longLabel .formInputLabel{
	width: 220px;
}

#all .formItem .formInputLabel.fullWidthLabel,
#all .formItem label.fullWidthLabel{
	width: 100%;
}

.formItem input,
.formInput{
	position: relative;
	display: block;
	float:left;
}

.formInput.emailTemplatePreview{
	padding: 0;
}

.formInput.emailTemplatePreview .emailTemplateContainer{
	float: left;
	padding: 0;
	margin: 10px;
}

.formItem.administrativeIdField .parentIdPrefix{
	float: left;
	font-size: 95%;
	padding: 10px 0 10px 6px;
}

.formItem.administrativeIdField .formInput{
	width: 260px;
	border: solid 1px #888;
}

.widerPopup .formItem.administrativeIdField input[type="text"],
.formItem.administrativeIdField input[type=text]{
	border: none 0;
	float: left;
	width: 150px;
	padding-left: 0;
}

.formItem.administrativeIdField input:focus{
    outline: 0;
}


input[type=checkbox],
input[type=radio]{
	padding: 0;
}

.formInput{
	padding: 11px 0;
	max-width: 630px;
}

.formInput.unpadded{
	padding: 0;
}

.longLabel .formInput{
	max-width: 580px;
}

.formItemDescriptor .formInput{
	font-style: italic;
}

.formInput .workCompletePercentageSymbol{
	padding: 6px 4px;
	float: left;
}

.percentageSelect select{
	max-width: 50px;
}

.formInput.fullWidthFormInput{
	width: 100%;
	clear: both;
}

.percentageCompleteForm .hourFieldLabel{	
	padding: 12px 4px;
	display: block;
	float: right;
}
.percentageCompleteForm .approxHourLabel{
	float: left;
	padding: 11px 4px;
}


.editable .formInput,
.editableBlock .formInput,
.formInput.displayFormItem,
.mediumForm .formInput{
	padding: 0;
}

.staticFormInput,
.editableBlock .formInput.staticFormInput,
.editable .formInput.staticFormInput{
	padding: 10px 0;
}

.formItem .validation-msg{
	clear: both;
	margin: 0;
	font-size: 90%;
	color: #F90;
	float: left;
	width: 100%;
	display: block;
}

.formItem .nextLine,
.formInput.nextLine{
	clear: both;
	margin-left: 0;
	margin-top: 1.3em;
}

.formItem  input[type=text],
.formInput input[type=text],
.formItem input[type=file],
.formInput input[type=file],
.formItem  input[type=password],
.formInput input[type=password],
.formItem  textarea,
.formInput textarea,
.formInput select,
.inpagePopupLayer .formItem iframe,
.inpagePopupLayer .formInput iframe{
	width: 248px;
	font-family: inherit;
	float: left;
	font-size: 14px;
	padding: 10px 6px 8px;
	vertical-align: top;
}

.firefox .formItem  input[type=text],
.firefox .formInput input[type=text],
.firefox .formItem  input[type=password],
.firefox .formInput input[type=password]{
	padding: 12px 6px 6px;
}

body .formItem  textarea,
body .formInput textarea{
	float: none;
}

.formItem  input[type=text],
.formInput input[type=text],
.formItem  input[type=password],
.formInput input[type=password],
.formItem  textarea,
.formInput textarea{
	border: solid 1px #888;
}

.formItem  input[type=text],
.formInput input[type=text],
.formItem input[type=file],
.formInput input[type=file],
.formItem  input[type=password],
.formInput input[type=password]{
	height: 18px;
}

.formItem select.monthSelect,
.formItem select.yearSelect,
.formItem select.currencySelect,
.formItem .formattedCurrencySelect{
	display: block;
	width: 80px;
}

.creditCardFormItems .formItem select.monthSelect,
.creditCardFormItems .formItem select.yearSelect{
	float: left;
	margin-right: 5px;
}

.creditCardBlock .hideVat .vatField{
	display: none;
}

.creditCardFormItems{
	float: left;
	position: relative;
	width: 100%;
}

.creditCardFormItems .deleteCreditCardLink{
	position: absolute;
	right: -200px;
	top: 15px;
}

.formItem.creditCardNameItem{
    margin-bottom: 20px;
    float: none;
}

.creditCardBlock #card-element{
    background-color: #FFFFFF;
    padding: 20px 10px;
    border: solid 1px #888;
}

.creditCardBlock .cardEditButtons{
    float:right;
    margin: 10px 8px;
    float: right;
}

.creditCardBlock .cardEditButtons a{
    float: right;
}

.creditCardBlock #setup-form-fields{
    border: none;
    background-color: #FFF1A8;
    border-radius: 14px;
    padding: 20px;
    margin-top: 20px;
    float: left;
    width: 95%;
}

#all .elementExplenation .elementExplenationTxtCont {
	margin: 10px 8px;
}

.invoicePaymentBlock .formItem select.currencySelect{
	margin: 10px 9px;
}

.formItem select.contactDetailTypeSelect{
	width: 140px;
}

.formattedSelect{
	overflow: auto;
	min-width: 40px;
	min-height: 36px;
	float: left;
	border: 1px solid #BBB;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: 0 6px;
	width: 166px;
	overflow: hidden;
	position: relative;
	
}

.formattedSelect select{
	position: absolute;
	-webkit-appearance: none;
	outline: none;
	border: 0;
	width: 200px;
	height: 100%;
	background-color: transparent;
	top: 0;
	left: 0;
	padding: 10px 16px 10px 6px !important;
	margin: 0 !important;
}

.IE .formattedSelect select{
	width: 176px;
}

.formattedSelect .dropArrow {
    content: '';
    right: 0;
    width: 25px;
    height: 38px;
    position: absolute;
    display: inline-block;
    background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/drop_down_arrow_white_bg.gif) no-repeat right;
    pointer-events: none;
}

.IE .formattedSelect .dropArrow {
    display: none;
}

#all .formInput select{
	padding: 0;
}

/**needed for the textarea resize mixin*/
textarea{
	line-height: 100%;
}

#all .inpagePopupLayer{
	padding: 0.5em 1.5em 1em;
}


.formInput .formValueDescription{
	margin: 0.5em 0;
	display: block;
}

.inpagePopupContainer .formInput .formValueDescription{
	max-width: 16em;
}

.inpagePopupContainer .formItem.descriptionItem{
	width: 26em;
}

textarea{
	font-family: Helvetica, arial, Sans Serif;
	padding: 6px;
}


.inpagePopupContainer .formInput .accountRateSelector{
    width: 262px;
}

.formItem select,
.formInput select {
	width: 263px;
	margin: 10px 0;
}

.formItem .formInputLabel select{
	margin: 0;
}

select {
	font-size: 14px;
}

select#actionDropDown {
 margin: 5px 0 0;
}

select.inactiveForXDaysSelector,
.cronSelector select{
	width: 100px;
	float: none;
  	margin: 0;
}

select.inactiveForXDaysSelector{
	width: 90px;
}

.cronSelector select.periodSelector{
	width: 155px;
}

.cronSelector select.timeSelector{
	width: 65px;
}

.radioLabelCombo{
	clear: both;
	float: left;
	width: 100%;
}

.formItem .radioLabelCombo label{
	width: auto;
	padding: 6px 0;
}

.dashboardSettingsBlock .radioLabelCombo label{
	max-width: 600px;
}

.inpagePopupLayer .formItem .radioLabelCombo input,
.inpagePopupLayer .formInput .radioLabelCombo input{
	width: auto !important;
}

.formItem input[type="radio"]{	
	margin: 8px 10px 8px 0;
}

#all.wide #singleColumn .inpagePopupContainer .formItems{
	width: 26.5em;
	/**width: 29em;*/
}

#rightColumn .inpagePopupContainer .infoBlock .formItem,
.inpagePopupContainer .formItem{
	width: 26.5em;
}

.mediumForm .formItem input,
.mediumForm .formItem textarea,
.mediumForm .formInput input,
.mediumForm .formInput textarea,
.mediumForm .forceAutocompleteFieldContainer,
.narrowForm .formItem input,
.narrowForm .formItem textarea,
.narrowForm .formInput input,
.narrowForm .formInput textarea,
.narrowForm .forceAutocompleteFieldContainer{
	width: 9em;
}

.formItem input.amountField{
	width: 9em;
	text-align: right;
}

.formItem  input[type=checkbox]{
	margin: 12px 3px;
}

.formItem .formInputLabel input[type="checkbox"],
.formItem label input[type="checkbox"] {
	margin: 4px 8px 4px 0;
}

.formItem label.fullWidthLabel {
	width: 100%;
}


.filterPage .mediumForm .formItem input[type="checkbox"],
.mediumForm .formItem input[type=checkbox]{
	width: auto;
}

.narrowForm .formItem label,
.mediumForm .formItem label{
	width: 5em;
}

.narrowForm .formItem label{
	clear: both;
}

.filterPage .mediumForm .formItem label{
	width: 130px;
}
.filterPage .mediumForm .formItem input{
	width: 146px;
}
.filterPage .mediumForm .formItem select{
	width: 160px;
}

.formInput.radioGroupInput{
	padding: 3px 0;
}

.radioLabelCombo{
	display: block;
}

input.secondInputField,
input.thirdInputField{
	margin-top: 0.5em;
	margin-left: 160px;
	clear:both;
}

.formInputDescription{
	font-size: 90%;
	color: #888;
	margin-left: 1em;
}

.formControls{
	display: block;
	clear: both;
	position: relative;
	float:left;
	padding: 1em 0;
	width:100%;
}

.formControls.addRowControls,
.formControls.additionalControls{
	width: auto;
	float: right;
	margin-right:1em;
	padding-bottom: 0;
}

.formControls.additionalControls{
	padding: 0;
}

.formControls li,
.formControls .back,
.formControls .next  {
	display: inline;
}

.formControls .back{
	float: left;
}

.associatedInvoiceExpenses .back .infoBlockDescription{
    padding: 0 0 15px;
    max-width: 750px;
}

.formControls .next{
	float: right;
	text-align: right;
}

.formItems .buttons{
	width: 100%;
	text-align: right;
}

.narrowForm .formItem label,
.narrowForm .formInputLabel{
	clear: both;
}

.singleRadio{
	width: auto;
}

.radioOptions{
	width: auto;
}

.editableBlock .formInput.radioOptions{
	padding: 6px 0;
}

.narrowForm .formInput,
.mediumForm .formInput{
	position: relative;
	display: inline;
	margin-left: auto;
	left: 0;
}

input.formFieldHelpHint{
	color: #DDD;
}

a.linkClass{
   color:black;
}

#all div.t-autocomplete-menu{
	z-index: 11;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #888;
}

#all div.t-autocomplete-menu ul{
	border: 0 none;
	background-color: #FFF;
	max-height: 12em;
	padding: 0;
	overflow: visible;
}


/**#all div.t-autocomplete-menu ul:hover li.selected{*/
#all div.t-autocomplete-menu ul li{
	color: #000;
	font-weight: normal;
	border-bottom: 0 none;
	background-color: #FFF;
}

#all div.t-autocomplete-menu ul li.COMPANY_OWNER{
	border-bottom: 1px dotted #EEE;
}

#all div.t-autocomplete-menu ul li.INACTIVE{
	text-decoration: line-through;
    color: #BBB;
}

#all div.t-autocomplete-menu ul li:hover,
#all div.t-autocomplete-menu ul li.selected,
#all div.t-autocomplete-menu ul:hover li.selected:hover,
#all div.t-autocomplete-menu ul li.focus{
	color: #FFF;
	background-color: #224d6f;
}


#all .t-autoloader-icon{
	position:absolute;
	right: 6px;
	top: 11px;
	background: none;	
	background-color: #FFF;
	z-index: 1;
	display: none;
}

#all div.t-autocomplete-menu ul li.devider,
#all div.t-autocomplete-menu ul li.devider:hover{
	background-color:#FFF;
	color:#888;
}
#all .datePicker{
	z-index:1;
	background-position: 96% center;
	position: relative;
}
/**the fck editor*/
.formItem iframe,
.formInput iframe{
	width: 100%;
}

/** the yui editor **/
.formItem .yui-editor-container {
	float: left;
	width:16.5em !important;
}

/**date picker image for t5components datetimepicker and t5 datefield*/

img.inputExtension{
	left:15em !important;
	position:absolute !important;
	top:0.4em !important;
}

.inpagePopupLayer img.inputExtension{
	left:14.2em !important;
	position:absolute !important;
	top:0.2em !important;
	
}

.t-calendar-trigger{
	position:absolute;
	right: 9px;
	top: 11px;
}

.t-calendar-trigger-arrowUp,
.t-calendar-trigger-arrowDown{
	position:absolute;
	right:32px;
	top: 12px;
}

.t-calendar-trigger-arrowUp:hover,
.t-calendar-trigger-arrowDown:hover{
	cursor: pointer;
}

.t-calendar-trigger-arrowDown{
	top: 17px;
}

/** the calendar item pop up */

BODY .DynarchCalendar{
	background-color: #FFF;
	-moz-box-shadow: 3px 3px 7px #666;
	-webkit-box-shadow: 3px 3px 7px #666;
	box-shadow: 3px 3px 7px #666;
}

BODY .DynarchCalendar-bottomBar,
BODY .DynarchCalendar-topBar,
BODY .DynarchCalendar-focused .DynarchCalendar-bottomBar,
BODY .DynarchCalendar-focused .DynarchCalendar-topBar {
    background-color: #F5F5F5;
}

BODY .DynarchCalendar-dayNames div,
BODY .DynarchCalendar-title div{
	text-shadow: none;
}
BODY .DynarchCalendar-title div{
	color: #333;
}

BODY .DynarchCalendar-day-today{
    color: #349E18;
}

BODY .DynarchCalendar-day-today.DynarchCalendar-day-selected,
BODY .DynarchCalendar-day-selected {
    background-color: #349E18;
	color: #FFF !important;
}


BODY .DynarchCalendar .DynarchCalendar-weekend{
	color: #888;
}

BODY .DynarchCalendar .DynarchCalendar-day-othermonth{	
	color: #BBB;
}

img.t-error-icon {
	margin-left:-1.3em;
	margin-top:0.2em !important;
	position:absolute;
	display: none;
}

body input[type=text].t-error, 
body input[type=text].ng-invalid, 
body input[type=number].ng-invalid, 
body input[type=password].t-error, 
body input[type=checkbox].t-error, 
body textarea.t-error, 
body select.t-error {
	border:2px solid #F90;
	color: #F90;
	font-style: normal;
	border-color: #F90;
}

.datePicker img.t-error-icon {
	display: none;
}

div.t-error {
	border: 0 none;
}

body div.t-error-single{
	background-color:transparent;
	float:left;
	color:#FF9900;
}

.infoBlock div.t-error {
	margin-top: 10px;
	float: left;
}


div.t-error div{
	display: none;
}

body label.t-error,
body div.t-error ul{
	color: #F90;
	background-color: transparent;
}

html body #all div.t-error li{
	margin-left: auto;
}

.securedsettingsBilling .billingSettings label{
	width: 15em;
}

/** ********************the estimation fields ********************** */

.estimationFieldContainer{
	background-color:#F5F5F5;
	color:#888888;
	margin: 0 0.5em 0 9.6em;
	/**background: #EEE url(https://www.yanomo.com/assets/6.7/ctx/static/css/images/themes/jsportal/top_cast_shadow.png) repeat-x scroll 0 -11px;*/
	background-color: #EEE;
}

.estimationFieldAvailable .estimationRelationContainer{
	border-bottom: 1px solid #BBB;
}

.estimationFieldContainer .formItem label,
.estimationFieldContainer .formInputLabel {
	padding-left: 0.5em;
	width: 9em;
}

.estimationFieldContainer .formInput {
	float: right;
}

.estimationFieldContainer input.estimateField{
	margin-right: 0.9em;
}

/* hide the estimate option on mobile for now*/
.mDashboard #all .inpagePopupContainer .estimationFieldAvailable .estimationFieldContainer{
	display: none;
}

.formItem input.durationField, 
.formInput input.durationField, 
.timeEntryFormItems .formItem input.estimateField, 
.timeEntryFormItems .formInput input.estimateField{
	width: 4em;
	text-align: right;
	float:right;
}

.formItem input.durationField
.formInput input.durationField{
	margin-bottom: 0;
	display: block;
	z-index: 2;
	position: relative;
}

.estimationFieldAvailable .formItem.durationFieldContainer{
	border-bottom: 1px solid #BBB;
}

.timeEntryFormItems .formInput{
	max-width: 264px;
}

.estimationFieldContainer{
	display: none;
	margin-left: 0.5em;
	padding: 6px 6px 10px 12px;
	width: 95%;
}

.estimationFieldAvailable .endDateformItem{
	border-bottom: 1px solid #BBB;
	padding-bottom: 0.3em;
}

.budgetDetailsList .estimationFieldContainer,
.estimationFieldAvailable .estimationFieldContainer{
	display: block;
	position: relative;
	min-width: 16.6em;
}

.entityDetails.budgetDetailsList{
	width: 560px;
}

.entityDetails.budgetDetailsList .formItem select.budgetTypeSelect{
	float: right;
	width: 200px;
}

.entityDetails.budgetDetailsList.NONE .formItem select.budgetTypeSelect {
	float: left;
}

.entityDetails.budgetDetailsList.RETAINER_WEEKLY,
.entityDetails.budgetDetailsList.RETAINER_MONTHLY{
	width: 660px;
}

.nonEditableBlock .budgetDetailsList.NONE .formItem label{
	width: 10em;
}

.entityDetails.budgetDetailsList.NONE .staticFormInput{
	width: auto;
}

.entityDetails.budgetDetailsList.NONE .budgetItems{
	display: none;
}

.timeEntryFormItems.estimationFieldAvailable .estimationFieldContainer{
	width: 16.6em;
	margin-left: 10em;
}

img.captchaImage{
	display: block;
	clear:both;
	float:left;
}

#all div.t-palette-title {
	background-color: #F5F5F5;
	color: #8D1433;
	font-weight: normal;
}

.alternativePaymentOptions{
	font-style: italic;
	float: left;
	width: 100%;
}


/** *********************************************************************************************************
										table css
********************************************************************************************************** */


div.t-data-grid{
	width: 100%;
	font-family: Helvetica, arial, Sans Serif;
}

.t-data-grid table.t-data-grid {
	border: 0 none;
	width: 100%;
}

.infoBlock.tableBlock{
	padding: 0;
	float: left;
	width: 100%;
}

.infoBlock.tableBlock .t-data-grid table.t-data-grid {
	clear: both;
}

table.t-data-grid thead tr {
	background-color: #FFF;
	border: 0 none;
	border-top: 0 none;
}

table.t-data-grid thead tr th {
	font-size: 100%;
	font-weight: normal;
	margin: 0 -1em 1em;
	padding: 0.2em 1em;
	color: black;
}

#all table.t-data-grid thead tr {
	border-collapse: separate;
	height: 1em;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/tab_bg.gif) scroll 0 -16px;
	color: #333;
}

#all table.t-data-grid thead tr th,
#all table.t-data-grid thead tr th a{
	color: #333;
}

table.t-data-grid thead tr th{
	border-right: 1px solid #FFF; 
	margin-right: 1px;
}

#all table.t-data-grid thead tr th.t-last{
	border-right: none;
}

.listRow{
  float: left;
  width: 100%;
  padding: 10px 0px;
  display: block;
  position: relative;
}

table.t-data-grid tbody tr,
.listRow{
	border-bottom: 1px dotted #BBB;
}

table.t-data-grid tbody tr.INACTIVE,
table.t-data-grid tbody tr.INACTIVE a{
	color: #888;
}

.licensesTable table.t-data-grid tbody tr.INACTIVE a{
	text-decoration: line-through;
}

.licensesTable table.t-data-grid tbody tr.LOCKED{
	background-color: #fff5f5;
}





.tableCellSubValue,
.tableRowDescriptionContainer{
	width: 100%;
	color: #888;
	font-size: 80%;
	margin-top: 4px;
}

.tableRowDescription{
	width: 20px;
	overflow: visible;
	white-space: nowrap;
	float: left;
	display: block;
}


body .tableRowDescriptionContainer{
	overflow: hidden;
}








table.t-data-grid tbody tr.selected,
table.t-data-grid tbody tr:hover,
table.t-data-grid tbody tr:hover td,
table.t-data-grid thead tr.new-row,
table.t-data-grid tbody tr:hover .tableRowEdit  {
	background-color: #e9f6fc !important;
}

#all table.t-data-grid thead tr.new-row th{
	padding: 25px 7px 100px;
	color: #333;
	font-size: 16px;
	position: relative;
	overflow: display;
	border: 0 none !important;
	background-color: #e9f6fc !important;
}

#all table.t-data-grid thead tr.new-row th a{
	color: #014F74;
	background-image: none;
	display: inline;
	margin: 2px 5px;
}

#all table.t-data-grid thead tr.new-row{
	border-bottom: 2px solid #DDD;
}

table.t-data-grid thead tr.new-row .controllsBlock{
	position: absolute;
	right: 0;
	padding-right: 14px;
	bottom: 25px;
	text-align: right;
}


table.t-data-grid thead tr th {
	border: 0 none;
	margin: 0;
	padding: 5px 8px;
	font-size: 90%;
	color: #888;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/white_hairline.gif) scroll 0 100% no-repeat;
}

table.t-data-grid thead tr th a {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #888;
	text-decoration: none;
	display: block;
	width: 100%;
}

table.t-data-grid thead tr:hover th a {
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sort_unsorted.gif);
}

table.t-data-grid thead tr th a:hover {
	color: #29ABE2;
}

table.t-data-grid thead tr th a.t-sort-column-descending {
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sort_descending.gif);
}

table.t-data-grid thead tr th a.t-sort-column-ascending {
	background-image: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sort_ascending.gif);
}

table.t-data-grid thead tr th a+a {
	display: none;
}

table.t-data-grid thead tr th a img.t-sort-icon,
table.t-data-grid thead tr th img.t-sort-icon {
	display: none !important;
	display: inline;
}

body table.t-data-grid tbody tr td {
	border: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}

table.t-data-grid tbody tr td,
table.t-data-grid tfoot tr td {
	padding: 10px 7px;
}

table.t-data-grid tr.even td,
.listRow.even {
	background: #F4F4F4;
}

div.t-data-grid-pager {
	text-align: right;
}

/** 100% #29abe2, 40% #a9ddf3 , 10% #e9f6fc*/

div.t-data-grid-pager span.current {
	background-color:#29abe2;
	color:white;
	border: 0 none;
}

.pageinationSizeSelector{
	margin: 0 10px;
}

div.t-data-grid-pager a {
	color:#29abe2;
	border: 0 none;
}

div.t-data-grid-pager a:hover {
	color:#29abe2;
	background-color:#a9ddf3;
	border: 0 none;
}

#pagination {
	float: left;
	left: 1em;
	margin-top: -1em;
}

td.money-cell {
	text-align: right;
}

.tableBlock table.t-data-grid tbody tr.warn {
	background-color: #fff5f5;
	color: #333;
}

.tableBlock table.t-data-grid tbody tr.warn:hover {
	background-color: #ffeaea;
}

.tableBlock table.t-data-grid tbody tr.critical {
	background-color: #ffe0e0;
}

.tableBlock table.t-data-grid tbody tr.critical:hover {
	background-color: #ffcfcf;
}

.tableBlock table.t-data-grid tbody tr .tableRowEdit{
	width: 56px;
	height: 21px;
	display: block;	
}
.tableBlock table.t-data-grid tbody tr .tableRowEdit a,
.tableBlock table.t-data-grid tbody tr .tableRowEdit .deleteLink,
.tableBlock table.t-data-grid tbody tr .tableRowEdit .editButton{
	display: none;
}

.tableBlock table.t-data-grid tbody tr:hover .tableRowEdit a,
.tableBlock table.t-data-grid tbody tr:hover .tableRowEdit .deleteLink,
.tableBlock table.t-data-grid tbody tr:hover .tableRowEdit .editButton{
	display: block;
}

.tableRowEdit a,
.tableRowEdit .deleteLink,
.tableRowEdit .editButton,
.tableRowEdit input{
	float: left;
}

.tableCSVDownloadLinkText{
	display: none;
}

/* table styles */

div.t-data-grid .number,
div.t-data-grid .balancebudgetedHours,
div.t-data-grid .balanceactualHoursIncome,
div.t-data-grid .balancevalueBudget,
div.t-data-grid .balancebalancedActualValueIncome {
	white-space: nowrap;
	text-align: right;
}

#all table.t-data-grid thead tr th.balancevalueBudget,
#all table.t-data-grid thead tr th.balancebudgetedHours,
#all table.t-data-grid thead tr th.balancebalancedActualValueIncome,
#all table.t-data-grid thead tr th.balanceactualHoursIncome {
    text-align: right;
}

.spendingTable tbody td,
.taskTableBlock tbody td,
.invoiceTable tbody td{
	vertical-align: top;
}

td.amount,
tfoot td.quantity,
td.overBudget,
td.totalAmount,
td.grossTotalAmount,
td.netTotalAmount,
td.totalVatAmount,
.groupedSpendingTable .groupedByAccountid,
.groupedSpendingTable .groupedByAccountadministrativeId,
.groupedSpendingTable .reservedHoursSpent,
.groupedSpendingTable .reservedLaborSpending,
.groupedSpendingTable .actualLaborSpending,
.groupedSpendingTable .remainingLaborBudget,
.groupedSpendingTable .remainingPhysicalBudget,
.groupedSpendingTable .remainingBudgetHours,
.groupedSpendingTable .remainingBudgetPercentage,
.groupedSpendingTable .spentBudgetPercentage,
.groupedSpendingTable .reservedPhysicalSpending,
.groupedSpendingTable .actualPhysicalSpending,
.groupedSpendingTable .actualHoursSpent,
.groupedSpendingTable .fullBudgetHours,
.groupedSpendingTable .fullBudgetHoursPercentage,
.groupedSpendingTable .capacity,
.groupedSpendingTable .netCapacity,
.groupedSpendingTable .capacityPercentage,
.groupedSpendingTable .billableCapacityPercentage,
.groupedSpendingTable .billablePercentageFromLogged,
.groupedSpendingTable .billableHours,
.groupedSpendingTable .requiredHours,
.groupedSpendingTable .overBudgetHours,
.groupedSpendingTable .nettReservedFinancialInvertedSpending,
.groupedSpendingTable .estimatedFinancialInvertedSpending,
.groupedSpendingTable .costAmount,
.groupedSpendingTable .lastActualSpendingDate{
	text-align: right;
}

.groupedSpendingTable .remainingLaborBudget .negative,
.groupedSpendingTable .remainingPhysicalBudget .negative{
	color: #F90;
}

.accountSpendingTable table.t-data-grid thead tr th {
	border-bottom: solid 2px #BBB;
}

.exportSettingItem.itemName label,
.groupedSpendingTable th.itemName{
	text-transform: capitalize;
}

body #all .groupedSpendingTable table.t-data-grid thead tr th.itemName,
body #all .groupedSpendingTable table.t-data-grid thead tr th.companyfullCompanyName,
body #all .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountadministrativeId,
body #all .show_client_event .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountstate,
body #all .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountid{
	border-bottom: solid 2px #4380D2; 
}

body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.itemName,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.runablefullRunableName,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.projectManagerNames,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountadministrativeId,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountbudgetType,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.projectExecutorfullCompanyName,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountstate,
body #all .show_projects_event .groupedSpendingTable table.t-data-grid thead tr th.groupedByAccountid{
	border-bottom: solid 2px #40C31E;
}


/** indicate these are hour related columns */
.groupedSpendingTable table.t-data-grid thead tr th.actualHoursSpent,
.groupedSpendingTable table.t-data-grid thead tr th.billableHours,
.groupedSpendingTable table.t-data-grid thead tr th.billableCapacityPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.billableCapacity,
.groupedSpendingTable table.t-data-grid thead tr th.billablePercentageFromLogged,
.groupedSpendingTable table.t-data-grid thead tr th.reservedHoursSpent,
.groupedSpendingTable table.t-data-grid thead tr th.remainingBudgetPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.spentBudgetPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.remainingBudgetHours,
.groupedSpendingTable table.t-data-grid thead tr th.fullBudgetHoursHours,
.groupedSpendingTable table.t-data-grid thead tr th.fullBudgetHoursPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.fullBudgetHours,
.groupedSpendingTable table.t-data-grid thead tr th.fullBudgetHoursPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.capacity,
.groupedSpendingTable table.t-data-grid thead tr th.netCapacity,
.groupedSpendingTable table.t-data-grid thead tr th.capacityPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHours,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHoursPercentage,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHoursPercentageFromLogged,
.groupedSpendingTable table.t-data-grid thead tr th.overBudgetHours{
	border-bottom: solid 2px #636;
}


table.t-data-grid thead tr th.amount,
table.t-data-grid thead tr th.overBudget,
table.t-data-grid thead tr th.totalAmount,
table.t-data-grid thead tr th.grossTotalAmount,
table.t-data-grid thead tr th.netTotalAmount,
table.t-data-grid thead tr th.totalVatAmount,
.groupedSpendingTable table.t-data-grid thead tr th.capacity a,
.groupedSpendingTable table.t-data-grid thead tr th.netCapacity a,
.groupedSpendingTable table.t-data-grid thead tr th.actualLaborSpending a,
.groupedSpendingTable table.t-data-grid thead tr th.actualPhysicalSpending a,
.groupedSpendingTable table.t-data-grid thead tr th.actualHoursSpent a,
.groupedSpendingTable table.t-data-grid thead tr th.fullBudgetHoursPercentage a,
.groupedSpendingTable table.t-data-grid thead tr th.capacityPercentage a,
.groupedSpendingTable table.t-data-grid thead tr th.billablePercentageFromLogged a,
.groupedSpendingTable table.t-data-grid thead tr th.billableCapacityPercentage a,
.groupedSpendingTable table.t-data-grid thead tr th.billableCapacity a,
.groupedSpendingTable table.t-data-grid thead tr th.billableHours a,
.groupedSpendingTable table.t-data-grid thead tr th.requiredHours a,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHours a,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHoursPercentage a,
.groupedSpendingTable table.t-data-grid thead tr th.nonBillableHoursPercentageFromLogged a,
.groupedSpendingTable table.t-data-grid thead tr th.lastActualSpendingDate a{
	background-position: 0 50%;
}


.groupedSpendingTable td.billablePercentageFromLogged,
.groupedSpendingTable th.billablePercentageFromLogged,
.groupedSpendingTable td.fullBudgetHoursPercentage,
.groupedSpendingTable th.fullBudgetHoursPercentage,
.groupedSpendingTable td.capacityPercentage,
.groupedSpendingTable th.capacityPercentage,
.groupedSpendingTable td.billableCapacityPercentage,
.groupedSpendingTable th.billableCapacityPercentage{
	width: 20px;
	max-width: 20px;
}

.t-data-grid .totalsDurationValue,
.t-data-grid .totalsCurrencyValue{
	float: right;
	clear: both;
	white-space: nowrap;
}

th.amount a,
tr:hover th.amount a,
th.overBudget a,
tr:hover th.overBudget a,
th.totalAmount a,
tr:hover th.totalAmount a,
th.grossTotalAmount a,
tr:hover  th.grossTotalAmount a,
th.netTotalAmount a,
tr:hover th.netTotalAmount a,
th.totalVatAmount a,
tr:hover th.totalVatAmount a{
	text-align: right;
	background-position: 0 50%;
}

.t-data-grid .totals-row .totals-title-container{
	width: 5px;
	overflow: visible;
	white-space: nowrap;
	float: left;
	display: block;
}

.t-data-grid .totals-row{
	color: #888;
}

.t-data-grid .totals-row .totals-title{
	display: inline;
}

.totals-pagespan-title{
	color: #bbb;
	font-size: 85%;
	display: inline;
}

/** *********************************************************************************************************
										navigation layout
********************************************************************************************************** */

.topNavigation{
    float: left;
    width: 100%;
    font-size: 15px;
}

.topNavigation ul.topNavList{
	position:relative;
	margin: 30px 0;
	overflow: visible;
}

.topNavigation ul.topNavList li a.InvoicesAll{
    padding-left: 11px;
}

/** don't think I need this anymore
ul.topNavList li{
	position: relative;
	display: block;
	padding: 0;
	margin-right: 3px;
}*/

ul.topNavList li.navigationAdditionalContent{
	padding:0.2em;
}

ul.topNavList li.navigationAdditionalContent a,
ul.topNavList li.navigationAdditionalContent span.warning{
	display:inline;
	padding: 0;
}

.securedproject ul.topNavList li.navigationAdditionalContent span.warning{
	margin: 0 10px;
	top: 3px;
	position: relative;
}

ul.topNavList li.navigationAdditionalContent a{
	background: none;
	border: none;
	color: #224d6f;
}

ul.topNavList li.navigationAdditionalContent a:hover{
	color: #29abe2;
}

.topNavigation ul.topNavList li{
    width: 100%;
}

ul.topNavList li a{
	height: 18px;
	border: none 0;
}

ul.topNavList li ul{
	position:absolute;
	left:auto;
	padding:0;
	width: 20em;
	top: 1.9em;
	height: 2.1em;
}

.topNavigation ul.topNavList li,
.topNavigation ul.topNavList li ul li{
	list-style-type:none;
	float:left;
	clear: both;
}

.topNavigation ul.topNavList li.rightItem,
.topNavigation ul.topNavList li ul li.rightItem{
	float:right;
}

.topNavigation ul.topNavList li ul{
	z-index: 1;
}

ul.topNavList li ul{
	display: none;
}


ul.topNavList li.selected ul,
ul.topNavList li:hover ul,
#all ul.topNavList:hover li.selected:hover ul{
	display: block;
}

#all ul.topNavList:hover li.selected ul{
	display: none;
} 

.topNavigation ul.topNavList li.ContactUs ul{
	left:-16em;
	padding-left:7em;
	width:18em;
}

.topNavigation ul.topNavList li.FeaturesOverview ul{
	left: -7em;
}

.integrationsSettingsBlock .formInput{
	width: 100%;
}

.formItem.appAuthenticationItem{
	margin-left: 10em;
	width: auto;
}

.integrationsSettingsBlock .formItem.appAuthenticationItem .formInput{
	width: 480px;
}

.integrationsSettingsBlock .iPhoneCheckContainer{
	float: right;
}

.integrationsSettingsBlock .appDescription{
	float: left;
	width: 500px;
}

.integrationsSettingsBlock .formControls{
	position: relative;
	top: -30px;
	right: 20px;
	float: none;
	padding: 0;
	width: auto;
}

.appIntegrationItem{
	border-bottom: 1px dotted #ddd;
	padding: 15px 0;
	float: left;
	width: 100%;
}

.appIntegrationItem.edit{
	
}



/** *********************************************************************************************************
										navigation skin
********************************************************************************************************** */

.topNavigation .navigationAdditionalContent{
	display: none;
}

.topNavigation .navigationLinkText {
    position: absolute;
    left: 30px;
    font-family: Helvetica,arial,Sans Serif
}

.collapsedNav .loggedUserName .userProfileLink,
.collapsedNav .loggedUserName .loggedAtSign,
.collapsedNav #initiateSwitchLink,
.collapsedNav .topNavigation .navigationLinkText,
.collapsedNav .loggedUserDashboard {
    display: none;
}

.topNavigation ul.topNavList li a,
.secureduser.viewingSelf .topNavigation ul.topNavList li.ContactsAll a,
.topNavigation ul.topNavList li.selected.UserDashboard a{
	color:#333;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-bottom: 0 none;
	
}

.topNavigation ul.topNavList li a{
	display:block;
	padding: 8px;
	position: relative;
	border: 1px solid transparent;
	border-bottom: none;
}

.topNavigation ul.topNavList li .topLeft,
.topNavigation ul.topNavList li .topRight{
	display:none;
}

.topNavigation ul.topNavList li.rightItem a,
.topNavigation ul.topNavList li ul li.rightItem a{
	margin-left:0;
	margin-right:1em;
}

.topNavigation ul.topNavList li ul li a,
#header:hover ul.topNavList li.selected ul li a{
	color: #888;
	background-color: transparent;
}
	
.topNavigation ul.topNavList li.selected ul li.selected>a,
.topNavigation ul.topNavList li ul li:hover>a{
	color: #333;
}

.topNavigation ul.topNavList li.selected:hover ul li a{
	color: #888 !important;
	border: 0 none;
}

.topNavigation ul.topNavList li.selected:hover ul li a:hover{
	color: #333 !important;
}

.topNavigation ul.topNavList>li.selected>a,
.secureduser.viewingSelf .topNavigation ul.topNavList li.UserDashboard>a,
.secureduser .topNavigation ul.topNavList li.ContactsAll>a,
.securedcompany .topNavigation ul.topNavList li.ContactsAll>a,
.securedproject .topNavigation ul.topNavList li.Projects>a,
.securedtask .topNavigation ul.topNavList li.Projects>a,
.securedwork .topNavigation ul.topNavList li.Projects>a,
.securedlabel .topNavigation ul.topNavList li.Projects>a,
.securedlicenses .topNavigation ul.topNavList li.AllLicenses>a,
.securedlicense .topNavigation ul.topNavList li.AllLicenses>a,
.securedbilling .topNavigation ul.topNavList li.InvoicesAll>a,
.securedsettings .topNavigation ul.topNavList li.OurCompany>a{
	background-color: #FFF;
	color: #349e18;
}


.secureduser.viewingSelf .topNavigation ul.topNavList li.ContactsAll>a:hover,
.topNavigation ul.topNavList>li:hover>a,
#header:hover ul.topNavList>li.selected:hover>a,
#all #header .topNavigation ul.topNavList:hover>li.selected:hover>a{
	background-color: #333;
	color: #FFF;
}


.productfeatures ul li.FeaturesOverview ul:hover li.FeaturesOverview a{
	color:#888;
}

.topNavigation ul.topNavList li.selected ul li a,
.topNavigation ul.topNavList li ul li a{
	white-space: nowrap;
	color:#888;
}

/** ***************************** the navigation icons *************************** */

.calendarFullScreenToggle{
	display: none;
}

.securedusertime ul li.WorkWeekCalendar a{
	/*reactivate when calendar expander is working like it should in all browsers padding-right: 2em;*/
}

.securedusertime #tabbedColumns{
    border-top:1px solid #BBB;
}

.securedusertime .licenseStateBanner{
    display: none;
}

.securedusertime #crossColumnHeader .contentHeader{
    border-bottom: 0 none;
}

.securedusertime ul li.WorkWeekCalendar .calendarFullScreenToggle{
	position: absolute;
	top: 0.4em;
	right: 0.7em;
	z-index: 10;
	cursor: pointer;
	display: block;
}


/** *********************************************************************************************************
										in page navigation
********************************************************************************************************** */

.genericNavigation.inPageNavigation{
	float: left;
}

.inPageNavigation>ul,
ol.inPageNavigation{
	float: left;
	display: block;
	margin: 0 0 0 10px;
}

.inPageNavigation>ul li,
ol.inPageNavigation li{
	display: block;
	float: left;
	margin-right: 0.5em;
	position: relative;
	top: 1px;
}

.inPageNavigation>ul li a,
ol.inPageNavigation li a{
	display: block;
	border: 1px solid #bbb;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/tab_bg.gif) scroll 0 -5px;
	padding: 0.3em 0.6em 0.3em;
	position: relative;
	text-decoration: none;
	min-width: 5em;
	text-align: center;
	color: #888;
}

.inPageNavigation>ul li a:hover,
ol.inPageNavigation li a:hover{
	background-color: #FFF;
	background-image: none;
	z-index: 2; 
	color: #888;
}

.panelLinks{
	display: block;
	margin: 1em 0;
}

.panelLinks a{
	margin-right: 0.5em;
	font-size: 90%;
}

.panelLinks.headerRightAligned{
	position: absolute;
	right: 0;
	margin: 0 0.1em;
	padding: 0 0.3em;
	z-index: 1;
	top: 0.4em;
}


/**	user time navigation skin **/

BODY.securedusertimeWorkWeekCalendar a#workWeekView,
BODY.securedusertimeWeekCalendar a#weekView,
BODY.securedusertimeMatrix a#matrixView,
BODY.securedusertimeMonthCalendar a#monthView,
BODY.securedusertimeDayCalendar a#dayView,
BODY.securedusertimeMatrix a#matrixView,
BODY.securedusertimeReport a#reportView,
BODY.securedcompanyOverview a#overview{
	background-color: #EEE;
	color: #000;
}

BODY.securedusertimeMatrix a#matrixView{
	display: block;
}


.inPageNavigation .selected a,
BODY.securedusertime #header .WorkWeekCalendar a,
BODY.securedtwostepsignup #header .UserDashboard a,
BODY.securedusertime #header .WeekCalendar a,
BODY.securedusertime #header .DayCalendar a{
	border-bottom: 1px solid #FFF;
	background-image: none;
	color: #000;
	background-color: #FFF;
	z-index: 1;
}

.inPageNavigation ul li.selected,
BODY.securedusertime .WorkWeekCalendar ul li,
BODY.securedusertime .WeekCalendar ul li,
BODY.securedusertime .DayCalendar ul li{
	z-index: 1;
}

/** deeper non listed public navigation */
.productfeatures .topNavigation ul.topNavList>li.FeaturesOverview>a{
	background-color: #FFF;
	color: #333;
}

.productfeatures .topNavigation ul.topNavList li.FeaturesOverview>ul{
	display:block;
}

.productfeatures #all #header ul.topNavList>li.FeaturesOverview:hover>a{
	background-color: #EEE;
	color: #888;
}

.productfeatures .topNavigation ul.topNavList li.FeaturesOverview a .topLeft,
.productfeatures #all #header ul.topNavList li.FeaturesOverview:hover a .topLeft,
.productfeatures .topNavigation ul.topNavList li.FeaturesOverview a .topRight,
.productfeatures #all #header ul.topNavList li.FeaturesOverview:hover a .topRight{
	display:block;
}

#all #header .topNavigation ul.topNavList:hover>li.selected>a{
	background-color: transparent;
	color: #333;
	border: 1px solid transparent;
	border-bottom: 0 none;
}

.productfeatures .topNavigation ul.topNavList li.FeaturesOverview ul li.FeaturesOverview>a,
.productfeatures #header .topNavigation ul.topNavList li.FeaturesOverview:hover ul li.FeaturesOverview:hover>a{
	color: #333;
}
.productfeatures #header .topNavigation ul.topNavList li.FeaturesOverview:hover ul li.FeaturesOverview>a{
	color: #888;
}


.blockHeaderNavigation .topNavList,
.blockHandels{
	float: left;
}

.blockHandels{
	clear: left;
}

.blockHeaderNavigation .topNavList li {
	float: left;
}

.blockHeaderNavigation .topNavList li.notSelected a{
	display: block;
}

.blockHeaderNavigation .topNavList li a{
	text-decoration: none;
	float: left;
}

.blockHeaderNavigation .topNavList li .tabTotalsNumber{
	font-size:75%;
	display: inline;
	position: relative;
	top: -1px;
}


.blockTabs .blockHandleTab{
	margin:0.2em 0 0 0.5em;
	padding:0.3em 0.6em;
	float: left;
	position: relative;
}

.blockTabs .blockHandleTab:hover{
	background-color: #FFF;
}

.blockTabs .blockHandleTab a{
	color: #888;
	text-decoration: none;
	font-size: 90%;
}

.licenseStateBlock{
	width: 100%;
	text-align: center;
	margin: 1em 0;
}

/******************* BLOCK HANDLE AREA ********************/
.tabButton,
.newButton,
.anyButton,
.editButton {
    border-radius: 15px;
	text-decoration: none;
	height: 18px;
	display: block;
	padding: 5px 0.5em 3px 0.5em;
	position: relative;
	color: #FFF;
	font-size: 80%;
    background: #eee;
    color: #333;
    /* FF Fix */
    line-height: -moz-block-height;

}

/*Rrefresh button in settings/billing*/
#refreshVerificationStateButton {
    display: inline;
    border-radius: 5px;
    padding: 5px 1.5em 3px 1.5em;
    border: 1px solid #bbb;
}

.blockHandels a.newButton,
.blockHandels a.editButton {
    border-radius: 5px;
    border: 1px solid #bbb;
}

.blockHandels a.newButton:hover,
.blockHandels a.editButton:hover {
    border: 1px solid #ddd;
    background: #efefef;
}
/* ---------------- Custom Green buttons ---------------- */
.tableBlock .blockHandels a.newButton {
    background: #37BE0D;
    border-color: #48C120;
    color: #FFF;
    font-weight: bold;
}

/*---Exception for the green color---*/
.tableBlock .blockHandels a.newButton.newBillButton,
.securedcontacts .tableBlock .blockHandels a.newButton,
.securedbilling .tableBlock .blockHandels a.newButton,
.securedsettings .tableBlock .blockHandels a.newButton,
.contactsTable .newLink #startLink,
#invoiceTable #newInvoiceLink {
    border: 1px solid #bbb;
    background: #eee;
    color: #333;
}

.tableBlock .blockHandels a.newButton.newBillButton:hover,
.securedcontacts .tableBlock .blockHandels a.newButton:hover,
.securedbilling .tableBlock .blockHandels a.newButton:hover,
.securedsettings .tableBlock .blockHandels a.newButton:hover,
.contactsTable .newLink #startLink:hover,
#invoiceTable #newInvoiceLink:hover {
    border: 1px solid #ddd;
    background: #efefef;
    color: #0177AE;
}
.tableBlock .blockHandels a.newButton:hover {
    background: #5FD03C;
}
/* ------------------------------------------------------*/

/* ---------------- Custom Blue buttons ---------------- */
#taskTable .blockHandels .newTaskLink {
    background: #0099CC;
    color: #FFF;
    border-color: #006497;
}
/* ------------------------------------------------------*/

#writeTimeButton.newTimeLink {
    background: #5F0066;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

#writeTimeButton.newTimeLink:hover {
    background: #660666;
}

#all .editButton.linkOnly{
	background: none;
	padding: 0;
	width: 18px;
}
#all .editButton.linkOnly .editButtonText,
#all .editButton.linkOnly .buttonCloser{
	display: none;
}
/***** SPECIFIC CHANGES FOR POPUP OVERLAY BUTTONS *****/
.inpagePopupContainer .newButton.switchTimeTaskLink.newTaskLink:hover {
    background: #0099CC;
    border-color: #006497;
}

.inpagePopupContainer .newButton.switchTimeTaskLink.newTimeLink:hover {
    background: #660666;
    border-color: #660666;
}


/************** TABS AREA **************/
/* Generic Tab style */
.tabButton{
	margin-right: 10px;
	padding: 4px 1em 2px 1em;
}

.tabButton.selected .buttonSelected,
#planningZone .tabButton.selected:after,
#planningZone .tabButton.selected::after {
    width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
    bottom: -5px;
    left: 42%;
    position: absolute;
    content: " ";
}

 a.tabButton,
.tabButton,
.tabButton a {
	color: #333;
}

.tabButton.selected,
.tabButton.selected a,
.tabButton.selected {
	color: #FFF;
	background: #333;
}

.tabSubOptions{
	float: left;
	position: relative;
	clear: both;
	width: 100%;
	margin: 5px 0;
}

.tabSubOptions .tabButton{
	float: right;
}

.buttonCloser{
	display: none;
}

#all .newButton{
	font-weight: bold;
}

.approvalPopup .downloadOptions a{
    top: -4px;
    margin-right: 38px;
}

#all .newButton.disabled,
#all .anyButton.disabled,
#all .editButton.disabled{
	color: #B0B0B0;	
}

#all .newButton img,
#all .anyButton img,
#all .editButton img{
	float: right;
}

#all .newButton .editButtonText,
#all .anyButton .editButtonText,
#all .editButton .editButtonText{
	margin-right: 5px; 
	float: left;
	/* V align fix for FF */
	line-height: 1.4em;
}

#all .disabled.editButton{
	color: #B0B0B0;
}

.tabButton select {
	position: relative;
}

/* Tab Active Variations */
/* Tab Project styles */
li.tabButton.selected.projectsTab,
li.tabButton.selected.projectsTab > a {
    background: #5c5;
    color: #FFF;
}

.tabButton.selected.projectsTab .buttonSelected,
#planningZone .tabButton.projectsTab.selected:after,
#planningZone .tabButton.projectsTab.selected::after{
    border-top: 6px solid #5c5;
}

/* TASK TAB Styles */
.tabButton.selected.tasksTab,
.tabButton.selected.tasksTab > a {
    background: #0099CC;
}

.tabButton.selected.tasksTab .buttonSelected {
    border-top: 6px solid #0099CC;
}

/*Expenses tab styles */
.tabButton.selected.expensesTab {
    background: #333;
}

.tabButton.selected.expensesTab .buttonSelected {
    border-top: 6px solid #333;
}
/* ---------------------- */

.infoBlock.newTimeEntry > div.blockHeader,
.infoBlock.editTimeEntry > div.blockHeader {
	border-bottom: 10px solid #636;
}

.infoBlock.newTask > div.blockHeader,
.infoBlock.editTask > div.blockHeader {
	border-bottom: 10px solid #09C;
}

.signupBlock h3{
	color: #40C31E;
}

.signupBlock{
	line-height: 21px;
}

.signupBlock h3.inviteHeader{
	color: #333;
	margin: 0;
	padding: 11px 0 10px;
}

.signupBlock .inviteDescription{
	line-height: 21px;
}

.signupBlock  .secondColumnOfTwo{
	margin-bottom: 135px;
}


.googleSyncBlock .back a{
	color: #939797;
}


.infoBlock.newRunableBlock > div.blockHeader {
	border-bottom: 10px solid #40C31E;
}

.widerPopup .inpagePopupContainer {
	margin-left: -20em;
	max-width: 45em;
	min-width: 40em;
}

#all.wide #singleColumn .widerPopup .inpagePopupContainer .formItems {
	width: 100%;
}

.widerPopup .inpagePopupContainer .formItem {
	width: 100%;
}

.widerPopup .inpagePopupLayer .formItem iframe{
	width: 430px !important;
}

.widerPopup .formItem select{
	width: 428px;
}
.widerPopup .formItem input[type="text"]{
	width: 414px;
}

.widerPopup .formItem.administrativeIdField .formInput{
	width: 426px;
}

.widerPopup .inpagePopupLayer .runableTeamBlock .formItem .formInputLabel {
	width: 400px;
}

.widerPopup .runableTeamBlock .forceAutocompleteFieldContainer input[type="text"]{
	width:100%;
}

.widerPopup .inpagePopupLayer .runableTeamBlock .forceAutocompleteFieldContainer{
	width: 370px;
}

.widerPopup .runableTeamBlock .roleSelect{
	width: 150px;
}

#all .widerPopup .runableTeamBlock .formInput a.removeRowLink{
	right: -20px;
	left: auto;
}

.profilePicture{
	margin:0 10px 5px 0;
	display: inline;
}

a.profilePictureLink{
	text-decoration: none;
}

.profilePictureLink,
.profilePictureLink .userName,
.profilePicture img{
	display: inline;
}

.profilePicture img{
	vertical-align: middle;
}

.profilePicturePrinter{
	display: block;
	text-decoration: none;
}

.profilePicturePrinter a{
	white-space: nowrap;
	position: relative;
}

a.profilePictureLink .userName{
	text-decoration: none;
}

.messageFeedTable tbody tr.t-first{
	border-top: 1px dotted #BBB;
}

.messageFeedTable tbody tr.emptyRow{
	display: none;
}

.contactsTable .profilePicturePrinter{
	display: inline;
}

.contactsTable td.name .profilePicturePrinter{
	float: left;
}

.contactsTable .inactive .accountTitle {
	color: #BBB;
}


/** *********************************************************************************************************
										progress bar styles
********************************************************************************************************** */

.progressBarContainer{
	min-width: 140px;
}

.progressBarContainer .percentageNumber,
.progressBarContainer .progressBarOuter{
	float: left;
}

.progressBarOuter{
	width: 100px;
	height: 10px;
	background-color: #F5F5F5;
	display: block;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

.progressBarOuter .progressBar{
	height: 100%;
	background-color: #333;
	-moz-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

.progressBarContainer .percentageNumber{
	font-size: 12px;
	margin: -2px 0 0 4px;
}

.copyRunableBlock .infoBlockDescription{
    max-width: 37em;
}



/** *********************************************************************************************************
										AccountHeader
********************************************************************************************************** */
 
 
#content .contentHeader h1.accountHeaderTitle{
	padding: 5px 0 20px;
}

#content .billable{
	font-size: 16px;
	color: #888;
}

#content .contentHeader h1,
#content .contentHeader h1 a {
    font-weight: normal;
    text-decoration: none;
}

.parentsAvailable .accountHeaderTitle{
	/*padding: 0.2em 0 0 0.1em*/
	clear: right;
}

.accountParentName{
	display: block;
}

.accountParentName li{
	padding:0 0 0 0.2em;
	display: inline;
}

.accountParentName.simpleDisplay li{
	padding:0 0 0 0;
}

.accountParentName li.subParentAccount{
	padding: 0 0 0 0.3em;
}

.parentsAvailable .labelIndicator{
	background: url("https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/sub_arrow.gif") no-repeat 0 8px;
	padding: 0 0 0 0.8em;
}

.accountParentName.simpleDisplay li{
	margin: 0;
}

.accountParentName.simpleDisplay li.subParentAccount,
.childAccount.simpleDisplay{
	background: none;
}

li.subParentAccount,
li.subParentAccount a,
.parentItem,
.parentItem a{
	color: #888;
	text-decoration: none;
}

.accountParentName.simpleDisplay li.subParentAccount a,
.simpleDisplay .parentItem a{	
	/* white-space: nowrap; */
}


.accountParentName li.subParentAccount a:hover,
.parentItem a:hover{
	color: #29abe2;
}


.simpleDisplay .parentItem a{
	font-size: 85%;
}

h1.simpleDisplay{
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	color: #000;
	display: inline;
}

a h1.simpleDisplay{
	color: #014F74;
}

a:hover h1.simpleDisplay{
	color: #0177AE;
}


h1.simpleDisplay a{
	color: #014F74;
	text-decoration: none;
	font-weight:normal;
}

h1.simpleDisplay:hover a{
	color: #0177AE;
}

h1 a{
	text-decoration: none;
}

.parentsAvailable{
	display: block;
}

.parentsAvailable h1{
	display: block;
	margin-top: 0 !important;
}

.headerContainer #accountSelectionSearch {
	border:1px solid #FFFFFF;
	font-size: 200%;
	color: #224D6F;
}

.labelIndicator{
	color:#BBB;
}

.parentsAvailable .labelIndicator{
	margin: 0 0.2em 0;
}

.contentHeader .profilePicture{
	height:3.5em;
}

#all .profilePicturePrinter .editButton.linkOnly{
	position: absolute;
	right: 10px;
	top: 0;
	padding: 4px;
	display: none;
	width: 100%;
	height: 100%;
}
#all .profilePicturePrinter .editButton.linkOnly .editButtonText{
	display: none;
}

#all .profilePicturePrinter:hover .editButton{
	display: block;
}

#all #crossColumnHeader .profilePicturePrinter{
	float: left;
	position: relative;
}

#crossColumnHeader .profilePicture{
	position: relative;
	margin-right: 10px;
	display: block;
	float: left;
}

.contentHeader .headerContainer{
	clear: right;
}

.accountStatusMessage{
	font-weight: normal;
}
.securedtwostepsignup #all .inPageNavigation > ul, ol.inPageNavigation,
.secureduser #all .inPageNavigation > ul, ol.inPageNavigation {
	margin: 12px 5px 0 0;
}



/**
 *   AccountStatusheader.css
 */
 
.accountChangeDecr,
.accountStatusForm{
	display: inline;
}

.accountChangeDecr,
.accountStatusMessage,
.accountStatusField{
	color: #BBB;
	font-size: 55%;
}

.accountStatusField{
	border: 0 none;
	border: 1px solid #FFF;
	width: 20em;
}

.accountStatusField:focus,
.accountStatusField:hover{
	border: 1px inset;
}



/** *********************************************************************************************************
										Page notification
********************************************************************************************************** */

.pageNotifications{
	display:block;
	float:left;
	margin:1em;
	position: relative;
	background-color: #e9f6fc;
}

.pageNotifications .pageNotificationsContent{
	display:block;
	float:left;
	padding:1em;
	position: relative;
	border:1px solid #BBB;
	width: 1100px;
}

.pageNotifications .pageNotificationsContent h2{
	margin: 0 0 0.3em;
}

.pageNotifications .pageNotificationsContent .removeRowLink{
	right: 0.5em;
	top: 8px;
}

.pageNotifications .pageNotificationsContent .removeRowTextLink{
	right: 1.8em;
	position: absolute;
	top: 0.55em;
	font-size: 85%;
}

.pageNotifications .pageNotificationsContent .mrYanomoBlock{
	float: right;
	margin: 25px 0 0 25px;
	font-size: 90%;
	text-align: center;
}

.pageNotificationSteps{
	padding-left: 2em; 
	margin: 1em 0;
}
ol.pageNotificationSteps li{
	list-style: decimal;
	margin: 0.5em 0;
}

ul.pageNotificationSteps li{
	list-style: disc;
	margin: 0.5em 0;
}

.dashboardSettingsBlock .deleteLink{
	float:left;
	clear: both;
}

.dashboardSettingsBlock .profileImg{
	max-width: 600px;
}

profilePicturePrinter .profilePicturePrinter{
	margin-bottom: 5px;
}

/** *********************************************************************************************************
										Logged status block
********************************************************************************************************** */
#header #logged{
    width: 100%;
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float:left;
}

#header #logged .loggedUserName,
#header #logged .logonLink{
	display: block;
	color: #888;
	float: left;
	font-size: 85%;
	padding: 4px 4px 4px 9px;
}

#header #logged #logoffLink{
    display: none;
    position: absolute;
    right: 0px;
    top: 2px;
    padding: 2px 4px;
}

#header #logged:hover #logoffLink{
    display: block;
}

#header #logged .logonLink .fa{
    display: none;
}

.collapsedNav #header #logged #logoffLink{
    display: block;
    position: relative;
    right: auto;
    top: auto;
}

.collapsedNav #header #logged .logonLink .loginText{
    display: none;
}

.collapsedNav #header #logged .logonLink .fa{
    display: inline;
}

#header #logged .loggedUserName a {
	color: #888;
}

#header #logged .loggedUserName a:hover {
	color: #29abe2;
}

#loggedActions{
	width: 100%;
	background-color: #F5F5F5;
	position: absolute;
	top: 1.3em;
	left: 0;
	display: none;
	z-index: 5;
}

.loggedStatusName:hover #loggedActions{
	display: block;
}

#loggedActions li{
	display: block;
	position: relative;
	width: 100%;
}

#loggedActions li a{
	width: 100%;
	padding: 0.2em 0.5em;
	text-decoration: none;
	display: block;
	
}

#loggedActions li:hover{
	background-color: #29ABE2;
	color: #FFF;
}

#loggedActions li:hover>a{
	color: #FFF;
}

#header #logged #logon{
	position: absolute;
	top: 7.6em;
	left: 0;
	margin: 0 1em;
	z-index: 10;
	background-color: #EEE;
	padding: 0 1em;
	width: 46em;
}

#header #logged #logon .formItems div.formItem,
#header #logged #logon .formItems div.buttons {
	float: left;
	padding: 0.15em 1em 0.15em 0;
	clear:none;
	width: auto;
}

#header #logged #logon .formItems .stayLoggedCheckbox{
	display: none;
}

#header #logged #logon .formItems div.buttons {
	width: auto;
	padding: 0.35em 0;
}

#switchVCZone .inpagePopupContainer{
    left: 350px;
}

.loggedStatusName,
a.logonLink{
	color: #333;
	text-decoration: none;
}

a.logonLink{
	text-transform: capitalize;
}

#header.logonHover #navigation ul#topNavList li ul{
	display:none;
}

#logged .inpagePopupContainer{
	top: 4em;
}

#bottomMessageBanner{
    float: left;
    width: 100%;
    text-align: center;
}

#topMessageBanner .bannerContent>*,
#browserWarningBanner .bannerContent>*,
#bottomMessageBanner .bannerContent>*{
	padding: 10px 0;
}

#topMessageBanner .bannerContent .bannerSpacer{
    text-align: center;
}

#all.wide #bottomMessageBanner .restrictedWidthContainer,
#all.wide #topMessageBanner .restrictedWidthContainer,
#all.wide #browserWarningBanner .restrictedWidthContainer{
	width: 1125px;
}

#topMessageBanner .bannerContent.warnBanner,
#browserWarningBanner .bannerContent.warnBanner,
#bottomMessageBanner .bannerContent.warnBanner{
	margin-top: 15px;
	background-color: #F90;
	color: white;
	font-weight: bold;
	border-top: solid 1px #FFCB7E;
	border-bottom: solid 2px #CA7900;
	float: left;
    width: 98%;
    border-radius: 8px;
    margin: 10px 1%;
}

.calendarItemContentBlock .bannerContent{
	min-height: 75px;
}

#topMessageBanner .bannerContent.warnBanner a,
#browserWarningBanner .bannerContent.warnBanner a,
#bottomMessageBanner .bannerContent.warnBanner a{
	color: #333;
	text-decoration: underline;
}

#browserWarningBanner{
	margin-bottom: 20px;
}

#bottomMessageBanner .licenseStateBanner .restrictedWidthContainer{
	text-align: center;
}

#all.wide .inpagePopupLayer .restrictedWidthContainer{
	width: 26em;
	float: left;
	clear: both;
	margin: 20px 0;
}

#all.wide .hiddenDefaultNewItemBlock .inpagePopupLayer .restrictedWidthContainer{
	margin: 12px 0 20px;
}




/** *********************************************************************************************************
										Property lists
********************************************************************************************************** */

/** AccountBudgetPropertyList */

.totalLaborBudget,
.totalExpenseBudget,
.budgetPart{
	color: #888;
	width: 100%;
}

.nonEditableBlock .budgetPart .budgetLabel{
	padding-left: 10px;
	margin-right: -10px;
	font-size: 90%;
}

.nonEditableBlock .budgetDetailsList .formItem .formInputLabel ,
.nonEditableBlock .budgetDetailsList .formItem label {
	width: 300px;
}

.budgetPart .formInput{
	width: 100%;
}

.editableBlock .availableBudget .formInput{
	float: right;
}

.totalBudget .formInput .totalsContainer,
.availableBudget .formInput .allocatableParentBudgetContainer{
	width: 165px;
	text-align: right;
	
}

.editableBlock .totalBudget .formInput .totalsContainer,
.editableBlock .availableBudget .formInput .allocatableParentBudgetContainer {
	float: right;
}

.availableBudget label,
.availableBudget .formInput .allocatableParentBudgetContainer .number{
	color: #BBB;
}

.nonEditableBlock .budgetDetailsList .formInput{
	width:10em;
	text-align: right;
}

/** InvoiceItemsPropertyList */

.invoiceItemPropertyList .formItem,
.invoiceItemPropertyList .totalsRow,
.invoiceItemPropertyList .totalsRows{
	position: relative;
	width: 1085px;
	float: left;
	min-height: 15px;
}

.editableBlock .invoiceCreationDetailsList .addRowLinkControl{	
	position: relative;
	top: -43px;
	left: 10px;
}

.editableBlock .invoiceCreationDetailsList .totalsRowDescription{	
	display: none;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .formItem,
.invoiceCreationDetailsList .invoiceItemPropertyList .totalsRow,
.invoiceCreationDetailsList .invoiceItemPropertyList .totalsRows{
	width: 100%;
}

.invoiceItemPropertyList .formItem{
	padding: 11px 0px;
}

.invoiceItemPropertyList .totalsRow{
	padding: 0.2em 0;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .totalsRow {
	padding-top: 12px;
}

.subTotalRow{
}

.invoiceItemsHeader{
	float: left;
	width:100%;	
	border-bottom: 1px solid #F9F9F9;
	color: #888;
}


.nonEditableBlock .subTotalRow .totalsRowValue{
	margin-right: 0;
}


.invoiceItemPropertyList .vatTotalsRow{
	color: #888;
}

.nonEditableBlock .invoiceItemPropertyList .vatTotalsRow .totalsRowValue{
	right: 0;
	display: block;
	position: absolute;
}

.invoiceItemPropertyList .taxRows{
	float: left;
	position: relative;
}

.invoiceItemPropertyList .totalsRows{
	border-top: 1px solid #888;
	display: block;
	float: left;
	position: relative;
	margin: 0.5em 0;
}

.invoiceItemPropertyList .totalsRow.overallTotalRow{
	color: #000;
}

.invoiceItemPropertyList .totalsRow .totalsRowDescription{
	float: left;
}

.invoiceItemPropertyList .totalsRow .totalsRowValue{
	float: right;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .totalsRow .totalsRowValue{
	margin-right: 26px;
}

.nonEditableBlock .invoiceCreationDetailsList .invoiceItemPropertyList .totalsRow .totalsRowValue{
	margin-right: 0;
}

.invoiceItemPropertyList .emptyListBlock{
	float: left;
	clear: both;
	margin: 1em;
}

/** invoice item printer **/

.invoiceItemsBlock .formItemsContainer,
.invoiceItemsBlock .formItemsContainer>*,
.invoiceCreationDetailsList .formItemsContainer,
.invoiceCreationDetailsList .formItemsContainer>*{
	float: left;
	display: block;
	margin-left: -100px;
	padding-left: 100px;
	width: 100%;
}

.invoiceCreationDetailsList .formItemsContainer .dragHandle,
.invoiceItemsBlock .formItemsContainer .dragHandle{
	width: 6px;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/row_grip_bg.png) 0 1px;
	position: absolute;
	left: 0;
	height: 40px;
	display: none;
	cursor: move;
}



.invoiceCreationDetailsList .formItemsContainer .formItem:hover .dragHandle,
.invoiceItemsBlock .formItemsContainer>*:hover .formItem .dragHandle{
	display: block;
}

.invoiceItemPropertyList .dateField,
.invoiceItemPropertyList .formItem input.dateField,
.invoiceItemPropertyList .descriptionField,
.invoiceItemPropertyList .formItem input.descriptionField,
.invoiceItemPropertyList .itemUnitCostField,
.invoiceItemPropertyList .formItem input.itemUnitCostField,
.invoiceItemPropertyList .itemQuantityField,
.invoiceItemPropertyList .formItem input.itemQuantityField,
.invoiceItemPropertyList .itemAmount,
.invoiceItemPropertyList .formItem input.itemAmount,
.invoiceItemPropertyList .vatAmountField,
.invoiceItemPropertyList .formItem select.itemVatSelect{
	display: none;
}

.invoiceItemPropertyList.ITEM_DATE .dateField,
.invoiceItemPropertyList.ITEM_DATE .formItem input.dateField,
.invoiceItemPropertyList.DESCRIPTION .descriptionField,
.invoiceItemPropertyList.DESCRIPTION .formItem input.descriptionField,
.invoiceItemPropertyList.ITEM_PRICE .itemUnitCostField,
.invoiceItemPropertyList.ITEM_PRICE .formItem input.itemUnitCostField,
.invoiceItemPropertyList.QUANTITY .itemQuantityField,
.invoiceItemPropertyList.QUANTITY .formItem input.itemQuantityField,
.invoiceItemPropertyList.AMOUNT .itemAmount,
.invoiceItemPropertyList.AMOUNT .formItem input.itemAmount,
.invoiceItemPropertyList.VAT_TYPE .vatAmountField,
.invoiceItemPropertyList.VAT_TYPE .formItem select.itemVatSelect{
	display: block;
}


.invoiceItemPropertyList input.itemUnitCostField,
.invoiceItemPropertyList .itemUnitCostField{
	position: absolute;
	right: 350px;
	text-align: right;
	width: 70px;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .invoiceItemsHeader .itemUnitCostField {
	width: 115px;
	text-align: right;
}

.invoiceCreationDetailsList .invoiceItemPropertyList input.itemUnitCostField,
.invoiceCreationDetailsList .invoiceItemPropertyList .itemUnitCostField{
	width: 103px;
}

.invoiceCreationDetailsList .invoiceItemPropertyList input.itemUnitCostField, 
.invoiceCreationDetailsList .invoiceItemPropertyList .itemUnitCostField {
	right: 20px;
}

.nonEditableBlock .invoiceItemPropertyList input.itemUnitCostField,
.nonEditableBlock .invoiceItemPropertyList .itemUnitCostField{
	right: 250px;
}

.nonEditableBlock .invoiceCreationDetailsList .invoiceItemPropertyList .itemUnitCostField{
	right: 0;
}

.invoiceItemPropertyList .dateField{
	float: left;
	width: 100px;
}

.invoiceItemPropertyList input.descriptionField,
.invoiceItemPropertyList .descriptionField{
	float: left;
	width: 600px;
}

.editableBlock .invoiceItemPropertyList input.descriptionField,
.editableBlock .invoiceItemPropertyList .descriptionField{
	width: 590px;
}

.nonEditableBlock .invoiceItemPropertyList .descriptionField{
	width: 730px;
}

.invoiceItemPropertyList .descriptionField .yanomoLabel{
	float: none;
}

.invoiceItemPropertyList input.itemQuantityField,
.invoiceItemPropertyList .itemQuantityField{
	position: absolute;
	right: 280px;
	width: 50px;
	text-align: right;
}

.invoiceItemPropertyList .invoiceItemsHeader .itemUnitCostField,
.invoiceItemPropertyList .invoiceItemsHeader .itemQuantityField{
	text-align: left;
}

.nonEditableBlock .invoiceItemPropertyList input.itemQuantityField,
.nonEditableBlock .invoiceItemPropertyList .itemQuantityField{
	right: 160px;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .dateField{
	width: 116px;
	margin-right: 5px;
}

.invoiceCreationDetailsList .invoiceItemPropertyList .dateField input{
	width: 100px;
}

.editableBlock .invoiceCreationDetailsList .invoiceItemPropertyList .dateField{
	margin-left: 10px;
	position: relative;
}


.invoiceCreationDetailsList .invoiceItemPropertyList input.descriptionField,
.invoiceCreationDetailsList .invoiceItemPropertyList .descriptionField{
	width: 510px;
}

.invoiceCreationDetailsList a.removeRowLink {
	right: 0px;
	top: 22px;
}

.invoiceItemPropertyList .quantityLink{
	position: absolute;
	right: 260px;
	width: 20px;
	text-align: right;
	background: url(https://www.yanomo.com/assets/6.7/images/themes/jsportal/time_money.png) no-repeat scroll 2px 4px;
	display: block;
	height: 20px;
}

.nonEditableBlock .invoiceItemPropertyList .quantityLink{
	right: 160px;
}

.invoiceItemPropertyList .quantityLink span{
	display: none;
}

.invoiceItemPropertyList .invoiceItemCurrency{
	float: left;
	display: block;
	width: 40px;
	margin: 3px 5px 0 0;
}

.invoiceItemPropertyList .vatAmountField{
	text-align: right;
	position: absolute;
	right: 0;
	width: 140px;
	color: #888;
}

.nonEditableBlock .invoiceItemPropertyList .vatAmountField{
	width: 40px;
}

.nonEditableBlock .invoiceItemPropertyList .vatAmountField{
	width: 40px;
}

.invoiceItemPropertyList .itemAmount{
	text-align: right;
	position: absolute;
	right: 140px;
	width: 100px;
}

.invoiceItemsBlock.editableBlock .invoiceItemPropertyList .vatAmountField,
.invoiceItemsBlock.editableBlock .invoiceItemPropertyList .itemAmount{
	padding: 6px 0;
}

.nonEditableBlock .invoiceItemPropertyList .itemAmount{
	right: 40px;
}

.nonEditableBlock .overallTotalRow .totalsRowValue{
	right: 0;
}

.overallTotalRow .totalsRowValue{
	font-weight: bold;
}


.invoiceItemPropertyList select.itemVatSelect{
	width: 120px;
	margin: 6px 5px 0 0;
	position: absolute;
    right: 0;
}

.timeExpenseZone{
	float: left;
	margin: 0;
}

.timeExpenseSelecorContainer{
}

.invoiceItemTimeExpenseSelector{
	position: relative;
	display: block;
	float: left;
}

.invoiceItemTimeExpenseSelector .infoBlock.tableBlock.spendingTable{
	padding-top: 50px;
}

#all .invoiceItemTimeExpenseSelector .entityDetails{
	width: 20em;
}

.invoiceItemTimeExpenseSelector .infoBlock h3{
	padding-left: 10px; 
}

.invoiceLang_de .nonEditableBlock .invoiceItemPropertyList .vatAmountField{
	width: 50px;
}

.invoiceLang_de .nonEditableBlock .invoiceItemPropertyList .itemAmount{
	right: 50px;
}



.invoiceItemTimeExpenseSelector .infoBlock .noGridData{
	width: 996px;
	padding-left: 10px; 
}

.invoiceItemTimeExpenseSelector .infoBlock .blockHeader{
	position: absolute;
	top: 0px;
	border-bottom: 0 none;
}

.invoiceItemTimeExpenseSelector .infoBlock .blockHandels{
	right: 15px;
	top: 10px;
}

.invoiceItemTimeExpenseSelector .formControls .next{
	margin: 12px 0;
}

.formControls .next.addRowLinkControl{
	margin-right: 0.4em;
}


.invoiceItemTimeExpenseSelector .entityDetails,
#singleColumn .printPage .invoiceItemsBlock .invoiceItemTimeExpenseSelector .formControls{
	float: left;
	clear: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.invoiceItemTimeExpenseSelector .entityDetails{
}

#all .invoiceItemTimeExpenseSelector .formControls{
	float: left;
	padding: 4px 0 0 ;
	margin-left: 20px;
}

#all .invoiceItemTimeExpenseSelector .spendingTable.tableBlock .entityDetails{
	width: 100%;
	margin-bottom: 10px;
}

.invoiceItemTimeExpenseSelector .formItem{
	float: left;
	clear: none;
	width: 10em;
}

.invoiceItemTimeExpenseSelector .formItem.searchItem{
	width: 13em;
}

.invoiceItemTimeExpenseSelector .infoBlock{
	margin:0;
}

.invoiceItemTimeExpenseSelector .formItem label{
	margin: 4px 10px;
	width: auto;
}

.invoiceItemTimeExpenseSelector .sortInvoiceExpensesSelecorContainer{
	clear: both;
	width: 100%;
}

.invoiceItemTimeExpenseSelector .sortInvoiceExpensesSelecorContainer label{
	float: none;
}

.invoiceItemTimeExpenseSelector .sortInvoiceExpensesSelecorContainer select{
	margin: 10px 6px;
	width: 150px;
}

#all .invoiceItemTimeExpenseSelector .formItem input[type="text"]{
	width: 80px;
}

#invoiceItemsZone .infoBlock.editableBlock{
	margin-bottom: 0; 
}

.expensesShown .selectExpensesLink,
.hideExpensesLink{
	display: none;
}

.expensesShown .hideExpensesLink{
	display: block;
}

.invoiceItemPropertyList .formControls .back{
	margin-left: 0;
}

.timeExpenseZone .infoBlock.headless .blockHeader,
.timeExpenseZone{
	float: left;
	background-color: #F5F5F5;
}


.workedRequiredHoursBlock .workedRequiredHoursStatus{
	float: right;
	clear: both;
	color: #888;
	font-size: 80%;
	margin-top: 4px;
}

.workedRequiredHoursBlock .workedRequiredHoursStatus .missing{
	color: #CC483D;
}


/** runable team property list */

.colorBlock{
	display: block;
	width: 1em;
	height: 1em;
}

/** label details property list */

.runableTeamBlock.editableBlock{
}

.runableTeamBlock .forceAutocompleteFieldContainer{
	width: 90%;
}

.inpagePopupLayer .runableTeamBlock .forceAutocompleteFieldContainer {
	width: 260px;
}

.inpagePopupLayer .runableTeamBlock .formItem .formInputLabel {
	width: 285px;
}

.runableTeamBlock .forceAutocompleteFieldContainer input{
	width: 100%;
}

.runableTeamBlock .formItem .formInputLabel{
	padding: 0;
}

.runableTeamBlock .formItem .formInput{
	padding: 6px 0;
}

.runableTeamBlock .accountSelectorField{
	width: 10em;
}

.accountSelectorContainer {
	text-align: left;
}

.accountSelectorContainer .nameAddition{
	font-size: 12px;
	color: #888;
}


.multiAccountSelector{
	float: left;
	width: 420px;
	border: 1px solid #888;
	padding: 3px 0 0 0;
}

.multiAccountSelector .parentsZoneContainer{
	float: left;
	margin: 5px 5px 0;
}


.multiAccountSelector .forceAutocompleteFieldContainer .handleAnchor .forceAutocompleteHandler{
	right: 0;
	bottom: 9px;
	position: absolute;
	margin-left: 0;
	top: auto;
}

.multiAccountSelector .forceAutocompleteFieldContainer .t-autoloader-icon{
	display: none;
}

#all .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.multiAccountSelector .removeAccountLink{
	position: absolute;
	right: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/remove_x.png) no-repeat;
}

#all .chosen-container-multi .chosen-choices li.search-choice:hover .search-choice-close,
.multiAccountSelector .selectedMultiAccount:hover .removeAccountLink{
	display: block;
	background-position: -12px 0;
}

.multiAccountSelector .forceAutocompleteFieldContainer{
	float: left;
}


.multiAccountSelector .accountSelectorContainer,
.multiAccountSelector .forceAutocompleteFieldContainer,
.multiAccountSelector .accountSelectorField[type=text]:focus,
.multiAccountSelector .accountSelectorField[type=text]{
    outline: 0;
	border: 0 none;
	width: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

.multiAccountSelector .forceAutocompleteFieldContainer .accountSelectorField[type=text]:focus,
.multiAccountSelector .forceAutocompleteFieldContainer .accountSelectorField[type=text]{
	width: 390px;
	padding: 10px 5px;
	left: -1px;
	background-color: transparent;
}

.multiAccountSelector .accountSelectorContainer,
.multiAccountSelector .selectedMultiAccount{
	float: left;
	clear: none;
}


.multiAccountSelector .selectedMultiAccount{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	position: relative;
	padding: 3px 20px 3px 3px;
	border: 1px solid #DDD;
	background-color: #EEE;
	margin: 0 0 3px 3px;
	max-width: 44%;
}

#all .chosen-container-multi .chosen-choices li.search-choice:hover,
.multiAccountSelector .selectedMultiAccount:hover{
	background-color: #e9f6fc;
	border: 1px solid #bbb;
}

.multiAccountSelector .selectedMultiAccount input[type=checkbox] {
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	margin:2px;
}

.filterPage .runableTeamBlock .mediumForm .roleSelect,
.runableTeamBlock .roleSelect{
	width: 100px;
	margin: 4px 6px 4px 10px;
}


.runableTeamBlock .formInput.accountSelectorContainer{
	padding: 0;
}

.runableTeamBlock a.removeRowLink, a.removeRowLink {
    top: 11px;
}

.runableTeamBlock .formItem{
	min-width: 18em;
}

#all .runableTeamBlock .formInput a.removeRowLink{
	left:7.5em;
}

/** in the wiz the width need some ajusting */
.inpagePopupLayer .formItems.runableTeamBlock{
	margin: 0;
}

.inpagePopupLayer .editableBlock .runableTeamBlock .entityDetails{
	margin: 1em;
	width:27em;
}

/** runable time line property list */

.continuousRadioGroup{
	display: block;
}

.continuousRadioContainer input{
	float: left;
}


/** time entry property list */

#all .estimationFieldAvailable .estimationFieldContainer .formInputLabel.budgetLeftLabel{
	width: 9.5em;
}

.estimationFieldContainer .budgetLeftLabel,
.estimationFieldContainer .budgetLeftContainer{
	display: none;
}

.budgetValueAvailable .estimationFieldContainer  .budgetLeftLabel,
.budgetValueAvailable .estimationFieldContainer .budgetLeftContainer{
	display: block;
}

.estimationFieldContainer .budgetLeftContainer {
	margin-right: 1em;
}

#all .estimationFieldAvailable .estimationFieldContainer .formInputLabel {
	width: 9em;
}

#all .estimationFieldAvailable .estimationFieldContainer .warn{
	color: #CC483D;
}

#all .inpagePopupContainer .estimationFieldAvailable .estimationFieldContainer{
	display: block;
	min-width: 3em;
	width: 15.5em;
	margin-left: 10em;
}

.taskCompletionWarning{
	color: #343434;
	float: left;
	clear: both;
	font-size: 80%;
	display: none;
	margin: 0.5em 0.8em;
}

.taskSelected.zeroEstimate .taskCompletionWarning{
	display: block;
	
}

/** user access preference property list */

img.checkImage{
	margin: 0 8px 2px 0;
	vertical-align: middle;
}

img.checkImage.nonLabeled{
	float: left;
}




/** *********************************************************************************************************
										AccountSelector
********************************************************************************************************** */

.accountSelectorParent,
.accountSelectorTitle{
	font-size: 80%;
	color: #888;
	margin: 0 0.6em 0.3em 0;
}

.parentsNotAvailable{
	display: none;
}

.accountSelectorParent.selectableParent:hover{
	text-decoration: underline;
	cursor: pointer;
	color: #29abe2;
}


body .forceItemCreation input{
	border: 2px solid #349E18;
}

.fieldFavourite {
	overflow: visible;
}

.fieldFavourite .fieldFavouriteLink{
	width: 1px;
	height: 32px;
	position: absolute;
	background: transparent;
	right: 5px;
	top: 8px;
	display: block;
	cursor: pointer;
}

.favouritedField.favourited .fieldFavouriteLink,
.favouritedField.favourited:hover .fieldFavouriteLink{
	z-index: 3;
	width: 25px;
	background: transparent url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/favourite_star.png) no-repeat 100% 3px;
	
}

.favouritedField:hover .fieldFavouriteLink {
	width: 25px;
	height: 29px;
	background: transparent url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/favourite_star_none.png) no-repeat 100% 3px;
}

.favouritedField.forceAutocompleteFieldContainer .fieldFavouriteLink {
	right: 30px;
}

.forceAutocompleteFieldContainer:hover{
	z-index:12;
}

.favouriteItems{
	position: absolute;
	background-color: #FFF;
	display: none;
	width: 300px;
	overflow: auto;
	height: 215px;
	z-index: 10;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-radius: 0 0 8px 8px;
	box-shadow: 2px 2px 7px #555;
}

.favouriteItems .favouritesTitle{
	padding: 5px;
	margin: 0;
	border-bottom: 1px dotted #BBB;
}


.favouritedField .fieldFavouriteLink:hover .favouriteItems{
	display: block;
}

.favouriteItems .favouriteItem{
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	padding: 8px 0;
}
.favouriteItems .favouriteItem .favouriteItemCont{
	padding: 0 5px 0 27px;
	min-height: 25px;
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/favourite_star.png) no-repeat 5px 0px;
}

.favouriteItems .favouriteItem:hover{
	background: #e9f6fc
}
.favouriteItemCont{
	float: left;
}

.favouriteItemRemove{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 2px;
	top: 5px;
}

.hasFavourites .noFavourite{
	display: none;
}

.noFavourite{
	padding: 5px;
}

.favouriteItem:hover .favouriteItemRemove{
	background: url(https://www.yanomo.com/assets/6.7/ctx/static/images/themes/jsportal/bin_closed.png) no-repeat;
}

/** chosen overwrite styles **/

.chosen-container .chosen-results {
	float: left;	
}

.formItem .chosen-results,
.formInput .chosen-results {
	width: 255px;
}

#all .chosen-container .chosen-results li.highlighted {
  background-color: #224d6f;
  background-image: none;
}

#all .chosen-container-single .chosen-container-multi,
#all .chosen-container-single .chosen-single{
	 border-radius: 0;
	 border: 1px solid #888;
	 background: none;
}


#all .chosen-container .chosen-choices{
	box-shadow: none;
	border: 1px solid #888;
	background: transparent url(https://www.yanomo.com/assets/6.7/jst/mixins/drop_down_arrow.gif) no-repeat 542px 10px;
}

#all .chosen-container-multi .chosen-choices li.search-choice{
	font-size: 16px;
	line-height: 16px;
	color: #444;
	background-image: none;
	box-shadow: none;
	background-color: #EEE;
	border: 1px solid #DDD;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px 0 3px 3px;
}


#all .chosen-container-multi .chosen-choices li.search-field input[type="text"]{
	color: #BBB;
	font-size: 14px;
	padding: 10px 8px;
	height: 18px;	
}

/* fix for the tag selector */
#calendarItemForm .timeEntryFormItems .chosen-container {
    width: 262px !important;
}

#calendarItemForm .timeEntryFormItems .chosen-container input {
    width: auto !important;
}

#calendarItemForm .timeEntryFormItems .chosen-container .chosen-choices {
    padding: 0 3px 0;
}

/* fixes bad aligment of the selection box in the dropdown*/
.chosen-container-multi .chosen-results {
    width: 100%;
}

.securedPlanning .spendingBlock .multiAccountSelector{
	width: 562px;
}

.securedPlanning .spendingBlock .multiAccountSelector .forceAutocompleteFieldContainer .accountSelectorField[type=text] {
	width: 552px;
}

.securedPlanning .spendingBlock .formControls {
	width: 427px;
}

.time-entry > textarea {
    display: none;
}

.time-entry.selected_true > textarea {
    display: block;
}

.invoiceCreationDetailsList .estimateLink{
	color: #333;
}

.multicurrencyprinter{
	display: block;
}

.multicurrencyprinter .number{
	display: block;
	float: right;
	clear: both;
}

#all #content tr.completed .parentname h1.simpleDisplay a,
#all #content tr.completed .parentname .parentItem a,
.completed .taskName,
.completed .taskDescription,
.accountTitle .completed{
	text-decoration: line-through;
}

#all table.t-data-grid thead tr:hover th a.selectAllLink,
#all table.t-data-grid thead tr:hover th a.selectNoneLink,
#all table.t-data-grid thead tr th a.selectAllLink,
#all table.t-data-grid thead tr th a.selectNoneLink,
#all table.t-data-grid thead tr th a.selectAllGridRows{
	display: inline;
	background: none;
	background-image: none !important;
	width: auto;
	background-position: 0 0;
	padding: 0 !important;
	color: #224D6F;
	text-decoration: underline;
}

#all table.t-data-grid thead tr:hover th a.selectAllLink:hover,
#all table.t-data-grid thead tr:hover th a.selectNoneLink:hover,
#all table.t-data-grid thead tr th a.selectAllLink:hover,
#all table.t-data-grid thead tr th a.selectNoneLink:hover{
	color: #29ABE2;
}

.bulkSelectContainer{
	display: inline;
}

#all table.t-data-grid thead tr.selectedRowsHeader {
	background: none;
	background-color: #FFF1A8;
	border-bottom: 1px solid #DDD;
}

/** hide for now as pdf export does not fully work yet */
/*
body .tableCSVDownloadLinkContainer .downloadOptions.showOptions .tablePDFDownloadLink{
	display: none;
}
*/

/* fix for svg being negative in report page 
#chartPlaceHolder.pie svg {
    padding-left: 280px;
    overflow: visible !important;
}

/* fix for safari and the pie chart */
_::-webkit-:not(:root:root), #chartPlaceHolder.pie svg {
   position: absolute;
   right: -280px;
   overflow: visible !important;
   padding: 0;
   right: -280px;
}
*/

.integrationsSettingsBlock .formItem .formInput label {
    width: 40px;
}

.securedReporting select#actionDropDown {
    width: 215px;
}
/* INPUT BUTTONS */
.controlls input[type=submit],
.formControls input[type=submit],
.mb-confirm button {
    padding: 5px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #eee;
    font-size: 80%;
    border-radius: 5px;
    cursor: pointer;
}

.mb-confirm button {
    margin: 0 10px 0 0;
}


.formControls input[type=submit]:hover,
.mb-confirm button:hover {
    color: #0177AE;
    border: 1px solid #ddd;
}

.newTimeEntry .formControls input[type=submit] {
    background: rgb(102, 51, 102);
    color: #fff;
}

.newTask .formControls input[type=submit] {
    background: rgb(0, 153, 204);
    color: #fff;
}

#content table td,
#content .tableBlock TBODY .invoiceItemsDescriptionContainer {
    font-size: 80%;
}

table td .invoiceLink {
    font-size: 16px;
}

.#all table thead tr th.invoiceDate {
    width: 65px;
}

/* new buttons arrangment for invoices */
.invoiceTable table td {
    padding: 0;
    position: relative;
}

.invoiceTable table td form > input[type=checkbox],
.invoiceTable table td a.invoiceLink {
    top: 7px;
    position: absolute;
    left: 7px;
}

/* for selectable invlices add a padding */
.invoiceTable.selectable table td a.invoiceLink {
    top: 8px;
    left: 22px;
}

.invoiceTable table td .invoiceStateContent {
    position: absolute;
    bottom: 2px;
}

/* Invoice actions styles */
.invoiceTable .invoiceTable .invoiceStatePrinter .stateOptions {
    top: 0 !important;
    margin: 0 !important;
}

.invoiceTable #all .invoiceTable .invoiceStatePrinter .stateOptions a.markAsPaidLink {
    float: none;
    margin: 0;
    position: relative;
    clear: none;
    display: inline;
}

.invoiceTable .invoiceStatePrinter .invoiceStateContent:hover .stateOptions {
     float: right;
     width: initial;
     display: inline-block;
     left: 0;
     height: 15px;
     margin-left: 3px !important;
}

.invoiceTable .invoiceStatePrinter .invoiceStateContent .stateOptions a.markAsPaidLink,
.invoiceTable .invoiceStatePrinter .invoiceStateContent .stateOptions a.markAsUnpaidLink {
    display: inline-block;
    margin-left: 1px;
    overflow: hidden;
    margin: 0;
    padding: 1px 3px;
}

.invoiceTable table tr td .invoiceStateContent {
    display: inline;
    position: absolute;
    padding: 2px 0;
    line-height: 15px;
    top: 26px;
    font-size: 10px;
    overflow: hidden;
    color: #FFFFFF;
    left: 6px;
    width: initial;
    border-radius: 1px;
    height: 16px;
}

.invoiceTable table tr td .invoiceStateContent > span,
.invoiceTable table tr td .invoiceStateContent > ul.actionList {
    display: inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    padding: 0 10px;
}

.invoiceTable table tr td .invoiceStateContent ul.actionList {
    animation: linear 100ms;
    -webkit-transition: top 0.2s, bottom 0.2s;
    transition: top 0.5s, bottom 0.5s;
    max-width: 110px;
    top: -10px;
    position: relative;
    width: 0;
    padding: 0;
    border-left: 1px solid #fff;
}

.invoiceTable table tr:hover td .invoiceStateContent ul.actionList {
    width: auto;
    padding: 0 10px;
}

.invoiceTable table tr td .invoiceStateContent span.status {
    /* I need to change this, is not final */
    line-height: 17px;
}

.invoiceTable table tr td .invoiceStateContent a {
    color: #fff;
    cursor: pointer;
    background: none !important;
}

.invoiceTable table tr td .invoiceStateContent:hover ul.actionList {
    top: -45px;
}

.invoiceTable table tr td .invoiceStateContent:hover ul.actionList.items-1 {
    top: -10px;
}

.invoiceTable table tr td .invoiceStateContent ul.actionList li {
    padding: 10px 0;
}

.invoiceTable table .sequentialIdsequenceId  {
    width: 200px;
}

/* invoice actions colour codes */
.invoiceTable td .outstanding .invoiceStateContent {
    background: #FF9900;
}

.invoiceTable td .paid .invoiceStateContent {
    background: #349E18;
}

.invoiceTable td .overdue .invoiceStateContent {
    background: #FF0000;
}

.invoiceTable td .draft .invoiceStateContent {
    background: #BEBEBE;
}

.invoiceTable td .draft .invoiceStateContent .actionList {
    display: none;
}

.invoiceTable .receiverfullAccountName .accountTitle {
    width: auto;
    float: right;
    padding-top: 2px;
}

/* styles for the dashboard - expenses */
.secureduserDashboard .invoiceTable .accountHeaderTitle .actualHeader {
    font-size: 12px;
}

.secureduserDashboard .invoiceItemsDescription {
    min-width: 300px;
    max-width: 340px;
    width: 420px\9;
}

/* fix for the license view */
.securedsettings .invoice .invoiceStateZone
.securedlicense .invoice .invoiceStateZone {
    min-width: 200px;
}

/* patch to make more place in the invoice view of the licenseOverview screen */
.securedlicenseOverview #leftColumn .tableBlock.invoiceTable {
    width: 1118px;
}