html {
    font-size:62.5%;
}

body 
{
    font-family:'Open Sans',​Helvetica,​Arial,​sans-serif;
	color:#525252;
	line-height:1.4em;
	background-color:#FFF;
    font-style:normal;
    font-size:1.4em;
    font-weight: 400;
    -webkit-print-color-adjust: exact;
}

strong,b,.bold{font-weight:bold;}
p{margin:12px 0;}
i{font-style:italic;}
fieldset, .fieldset{position:relative; padding:50px 16px 8px 16px; margin:16px 0 8px 0; border:1px solid #D2D2D2; clear:both; background-color:#FFF;}
fieldset.expandable {padding:40px}
legend, .legend {position:absolute; top:10px; left:16px; font-size:1.4em; font-weight:300;  min-width:80px; background: none repeat scroll 0 0 #FFF; padding:6px 0 8px 0; border: 0 none; color:#08C ; margin:0 4px 16px 0;  }
tbody{ font-family:'Open Sans';}
table { font-size: 0.9em; width: 98%; margin-bottom: 4px; }
table thead tr {border-bottom: 1px solid #EEE; background:#FFF; color:#666;}
table.clickable tr:hover{cursor:pointer; }
table.clickable tr th.notsortable{cursor:default;}
table.notsortable tr.clickable{cursor:pointer;}
table.clickable tr:hover td{border-top:2px solid #08C; border-bottom:2px solid #08C; padding-top:3px; padding-bottom:3px;}
table.clickable tr:hover td:first-child{border-left:2px solid #08C; padding-left:3px;}
table.clickable tr:hover td:last-child{border-right:2px solid #08C; padding-right:3px;}
textarea {font-family:'Open Sans'; color:#000; font-size: 1.1em; border: 1px solid #CCCCCC; border-radius:0; padding:4px 2px 4px 8px;}
select {border:1px solid #CCCCCC; border-radius:0; padding:4px; font-family:'Open Sans';  color:#000; font-size:1.1em; }
em { font-style: italic;}

#notice table {margin: 9px;}
tr{}
th{background:#DDD; font-size:1.1em; border-bottom: 1px solid #EEEEEE; padding:8px; color:#000;}
th:first-child {border-left:1px solid #DDD}
th:not(:first-child) {border-left:1px solid #FFF}
th.sortable:hover {cursor:pointer;}
th.sortedAsc{background: url('images/sortedAsc.gif') no-repeat scroll right center #F5F5F5;}
th.sortedDesc{background: url('images/sortedDesc.gif') no-repeat scroll right center #F5F5F5;}
td{border: 1px solid #DDD; padding:4px;}
ul.bulleted{list-style: disc; padding-left:16px; margin:8px;}
ul{list-style:none; padding:0; margin:0;}
ul.child{font-size:0.9em; padding-left:16px; list-style:none;}
ol {list-style:decimal; padding:0 0 0 32px; margin:8px;}
input[type='button'].btn-danger:hover, input[type='button'].btn-warning:hover, button.btn-danger:hover{background-color:#D14836; color:#FFF; border-color:#D14836;}
input[type='button'].btn-green:hover, input[type='button'].btn-warning:hover{background-color:#006400; color:#FFF; border-color:#006400;}
input[type='button']:hover,input[type='submit']:hover,input[type='reset']:hover, input[type='button'].buttonIntend:hover, button:hover{cursor:pointer; border-color:#08C; background-color:#FFF; color:#08C; }
input[type='submit'][disabled], input[type='button'][disabled]{background:#DDD; color:#AAA !important; border-color:#DDD }
input[type='button'][disabled]:hover, input[type='submit'][disabled]:hover {background:#EEE; color:#AAA; border-color:#AAA; cursor:inherit;}
input[type='button'],input[type='submit'],input[type='reset'], button:not(.ui-widget):not(.ui-dialog-titlebar-close) {background:#295E8F; color:#FFF; padding:7px 12px 7px 12px; margin:2px 1px 2px 1px; font-family:Verdana; font-size:0.9em; min-width:80px; border:1px solid #295E8F ; border-radius:3px; }
input[type='button'].buttonIntend{background-color:#006400;color:#FFF; border-color:#006400;}
input[type='text'], input[type='password'], input:not([type]), input.text-box{border: 1px solid #CCCCCC; border-radius:0; padding:4px 4px 4px 8px; font-family:'Open Sans'; font-size:1.1em; color:#000;}

a{color:#0088CC;}
.dataRow a{color:#0088CC;}

/*button.ui-state-default {background:#EEE !important; font-family:inherit !important;}*/

tr:nth-child(odd) td{background-color:#FFF;}
tr:nth-child(even) td{background-color:#F5F5F5; }

.table { display: table; width: 100%; margin-bottom: 8px; }
.tableHead { display: table-header-group; }
.tableBody { display: table-row-group; }
.tableRow { display: table-row; }
.tableCell { display: table-cell; }

.tableBody .tableRow .tableCell{padding:4px; border-left:1px solid #DDD; border-bottom:1px solid #DDD; font-size:0.9em;}
.tableHead .tableRow .tableCell{padding:8px; border-top:1px solid #DDD;  border-bottom:1px solid #DDD; font-size:1.1em; background:#DDD; color:#222;}
.tableHead .tableRow .tableCell:not(:first-child) {border-left:1px solid #FFF;}

.tableCell:last-child, td:last-child {border-right:1px solid #DDD; }
.tableCell:first-child, td:first-child {border-left:1px solid #DDD;}  
.tableBody .tableRow:nth-child(odd) .tableCell {background-color:#FFF;}
.tableBody .tableRow:nth-child(even) .tableCell {background-color:#F5F5F5; }
.table.clickable .tableHead .tableRow .tableCell:not(.notsortable) {cursor:pointer;}
.table.clickable .tableHead .tableRow .tableCell:not(.notsortable) label {cursor:pointer;}
.table.clickable .tableBody .tableRow:hover .tableCell{border-top:2px solid #08C; border-bottom:2px solid #08C; padding-top:3px; padding-bottom:3px; }
.table.clickable .tableBody .tableRow:hover .tableCell:first-child{border-left:2px solid #08C; padding-left:3px; }
.table.clickable .tableBody .tableRow:hover .tableCell:last-child{border-right:2px solid #08C; padding-right:3px; }

.table.clickable .tableRow:hover{cursor:pointer; }
.table.clickable .tableRow .tableCell{cursor:pointer; }
.table.clickable .tableRow .tableCell .notsortable{cursor:default;}
.table.clickable .tableRow .notsortable{cursor:default;}

.table.fixed { table-layout: fixed; display: table; }
.table.fixed .tableRow .tableCell { overflow: hidden; }

.tableCell.normal { white-space: normal; }
.tableCell.nowrap { white-space: nowrap; }
.tableCell.text-left { text-align: left; }
.tableCell.text-center { text-align: center; }
.tableCell.text-right { text-align: right; }

.tableHead .tableRow .tableCell.sortable { cursor: pointer; }
.tableHead .tableRow .tableCell.sortedAsc{background: url('images/sortedAsc.gif') no-repeat scroll right center #F5F5F5; border-color:#F5F5F5;}
.tableHead .tableRow .tableCell.sortedDesc{background: url("images/sortedDesc.gif") no-repeat scroll right center #F5F5F5; border-color:#F5F5F5;}
.tableTitle{ display: none;}
.tableCell.header:not(.notsortable){cursor:pointer; }

.sanction                    { font-weight: bold; }
.sanction.sanction-high      { color: #FF0000; }
.sanction.sanction-medium    { color: #FF6600; }
.sanction.sanction-low       { color: #AA2A61; }
.sanction.sanction-potential { color: #C69C04; font-weight: normal; }

.sanction                    .sanction-tag { display: inline-block; color: #FFFFFF; font-weight: bold; font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 4px; }
.sanction.sanction-high      .sanction-tag { background-color: #FF0000; }
.sanction.sanction-medium    .sanction-tag { background-color: #FF6600; }
.sanction.sanction-low       .sanction-tag { background-color: #AA2A61; }
.sanction.sanction-potential .sanction-tag { background-color: #C69C04; }

#main{min-height:800px; position:relative}
#centre{float:left; width:81%; margin:10px 0 0 0; height:100%;}
#left{width:12%;  min-height: 800px; float:left; margin:0 10px 0 0; background-color:#F5F5F5; font-size:0.9em; padding:16px; border-right:1px solid #D2D2D2; margin-bottom: -15000px; padding-bottom: 15000px; box-sizing: border-box;}
#left li { padding:5px 0 5px 0; border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px}
#left li.endOfSection {border-bottom-color:#444; border-bottom-style:solid; border-bottom-width:1px}
#left li a.current{ color:#08C; background: url("images/arrow-right.png") no-repeat scroll 0% center transparent; padding-left:15px;}
#left li a{text-decoration:none; color:#444;}
#left li a:hover{color:#C2C5B9;}
#left ul{margin:0 0 16px 0;  }
#menu{font-size:0.8em; color:#666;}
#menu a{color:#666;}
#menu li {float:left;}
#left li a.current+.navLevel3 {display:block;}
#left ul.navLevel3{display:none; margin-left:16px}
#left li a.current+.navLevel3 li a{color:#666; font-size: 0.9em;}
#left li a.current+.navLevel3 li a.current{ color:#08C;}

#left li a.current+.navLevel4 {display:block;}
#left ul.navLevel4{display:none; margin-left:16px}
#left li a.current+.navLevel4 li a{color:#666; font-size: 0.8em;}
#left li a.current+.navLevel4 li a.current{ color:#005689;}
#left ul.navLevel3 li { border: none; padding:3px 0 3px 0}
#left ul.navLevel4 li { border: none; padding:2px 0 2px 0}
#left ul.child li{ border: none;}

input[type='button'].action{font-family:Arial; font-size:0.9em; }
input[type='button'].excelButton{margin:16px 0;} /*TODO: Excel icon?*/

.menuHeader{color:#08C; font-size:1.3em; padding:4px 15px 8px 0;border-bottom-color:#444; border-bottom-style:solid; border-bottom-width:1px}
.throbber{position:absolute; opacity:0.5; filter:alpha(opacity=50);  display:none; z-index:10000; width:100%; height:100%; top:0; left:0; background:#DDD;}
#throbberInner {position:fixed; left:45%; top:45%; background: url('Images/throbber.gif') no-repeat scroll center center #DDD; height:100px; width:100px; }
.validationHint{visibility:hidden; color:#888; background:#FAFAFA; font-size:0.85em; display:block;}
.floatLeftHalf {float:left; width:47%; margin-right:12px}
.floatLeft {float:left;}

.header{}
footer{background:#295E8F; color:#EEE; padding:8px; text-align:center; z-index:600; position:relative; margin-top:16px;}
#termsLink a{color:#FFF;}

ul.login{}
ul.login li{float:left;}
ul.login li a{float:left;margin:0 8px; color:#525252;} 
/*#login{font-size:0.8em; color:#666; }*/
h1, h2, h3, h4, h5, h6 { margin:8px 0 16px 0; font-weight:300; }
h1{ font-size:2.2em; color:#005689;}
h2{ font-size:1.8em !important; color:#08C;}
h3{ font-size:1.4em; color:#005689;}
h4{ font-size:1.3em; color:#08C;}
h5{ font-size:1.2em; color:#005689;}
h6{ font-size:1.1em; color:#08C;}

div.spacer{height:16px;}
.clear{clear:both;}
div.codeBlock{font-family:Courier; font-size:0.8em; color:#666;}

#top {background:#295E8F; color:#EEE; margin-top:70px; height:40px}
.headerTitle {width:100%; text-align:center; padding-top:2px}
.headerTitle h2 {color:#FFFFFF;}
.logoHolder{ background: url('images/UNGM-logo.png') no-repeat scroll 0 0 transparent;float:left;height:69px; width:245px;}
.logoHolder:hover{cursor:pointer;}
.menuHolder{float:right;}
#background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-repeat:no-repeat; background-position: center center;}
#helpHolder {float:right; border: none}

.tasBanner { display: table; margin-top: 12px;  padding:4px; cursor: pointer; background-color:#5292C9; width: 65%; margin-left:auto; margin-right: auto; }
.tasBanner span { color: #fff; margin:auto; display:table; text-align: center; margin-top: 20px; }
.tasBannerLeftImg { float: left; background: url('images/TasBanner/KnowledgeCentre_banner-size.jpg') no-repeat scroll 0 0 transparent; width: 126px; height: 101px; }
.tasBannerRightImg { float: right; background: url('images/TasBanner/ContractAwards-banner_size.jpg') no-repeat scroll 0 0 transparent;  width: 126px; height: 101px; }

.temporaryInfo {background-color:#EBF7FF; width:100%; margin: 0 0 0 0; padding-top:3px; padding-bottom:3px; border-top:1px solid #005689;  border-bottom:1px solid #005689; color:#005689; text-align:center;}

div.vtuRegistrationArea {font-size:1.2em; margin:8px 0; color:#005689; }
div.cta{background-repeat: no-repeat; background-position: center center; background-image:url('images/home/bg.jpg'); margin:8px; vertical-align:top; height:240px; width:300px; display:inline-block; text-align:left; zoom: 1; *display: inline;}
div.cta:hover {opacity:1; cursor:pointer;    }
div.cta div.ctaLink a{text-decoration:none; color:#FFF; font-size:2em; line-height:1.2em;}
div.cta a:hover{text-decoration:underline;}
div.cta-body{}
div.cta-spacer {width:2%; float:left; height:1px;}
div.cta-hovertext {display:none; margin:8px; padding:8px; font-size:1.3em; line-height:1.3em;}
div.cta-overlay {height:100%; width:100%; background:#333; opacity:0.5; display:none; }
div.ctaLink {padding:4px 8px;}

div.cta:hover {background-color:#FFF; color:#539DDC; background-image:none !important;}
div.cta:hover div.ctaLink a {color:#539DDC;    }
div.cta:hover div.cta-hovertext{display:block;}

#cta-outer {text-align:center;}
#cta-holder {text-align:center; margin:auto; width:95%; max-width : 1200px}
#cta-register{background-position: 0 0; }
#cta-notices{background-position: -300px 0;}
#cta-tas{background-position: -600px 0;}
#cta-un{background-position: -900px 0;}
#cta-io{background-position: -600px 0;}
#cta-ca{background-position: 0 -240px;}
#cta-knowledge{background-position: -300px -240px;}
#cta-about{background-position: -600px -240px;}
#cta-terms{background-position: -900px -240px;}
#cta-scamalert{background-position: 0 -480px;}

div.info{border:1px solid #005689; color:#005689; background:url('images/info.png') no-repeat scroll 8px center #EBF7FF; border-radius:2px; padding:16px 8px 16px 52px;  margin:4px 0 8px 0;  }
div.warning{border:1px solid #965D0D; color:#965D0D; background:url('images/warning.png') no-repeat scroll 8px center #FFFFD6; border-radius:2px; padding:16px 8px 16px 52px;  margin:4px 0 8px 0;  }
div.error{border:1px solid #8F0000; color:#8F0000; background:url('images/error.png') no-repeat scroll 8px center #FDD; border-radius:2px; padding:16px 8px 16px 52px; margin:4px 0 8px 0; }
div.success{border:1px solid #29512A; color:#29512A; background: url('images/success.png') no-repeat scroll 8px center #DED;  border-radius:2px; padding:16px 8px 16px 52px; margin:4px 0 8px 0; }

div.info.floating{float:left;}
div.info.floating#ql2{margin-left:4px;}
div.info input[type='button'] {position:relative; top:-7px;}
div.success{background: url('images/success.png') no-repeat scroll 8px center #DED; border:1px solid #29512A; border-radius:2px; padding:12px 8px 12px 52px; margin:4px 0 8px 0; color:#29512A;}
div.messageInner{}
div.smallinfo{background: #EEEEEE; border-radius: 8px; color: #000000; font-size: 0.9em; margin:4px; padding:0 8px;}

div.formRow {margin:4px 0; padding:8px; font-size:0.9em; min-height:24px; clear:both;}
div.formRow label:not(.radioButton){ display:block; width:160px; float:left; padding-top:6px;}
div.formRowInline label{ display:inline; width:160px; float:left; padding-top:6px; padding-left: 8px}
div.formRow input[type='text'], div.formRow input[type='password'], div.formRow input:not([type]), div.formRow input.text-box{ width:200px; min-height:20px; font-size:1.1em; }
div.formRow select{ font-size:1.1em; width: 215px; min-height:30px;}
div.formRow textarea {width:200px; min-height:60px;}
div.formRow.focus {background:#FAFAFA;}
div.formRow.highRow{height:50px;}
div.formRow.Wide input { width:100%; }
div.formRow div.file{ width: 210px; float:left;}
div.formRow div.lnkBtn label{ width: auto; float:left;}
div.formRow > div { width: auto; float:left; margin:0 0 12px 0;}
div.formRow.Display {margin:1px 0; padding:1px; font-size:1em; min-height:24px;}
div.formRow.Display label{ display:block; width:160px; float:left;}
div.formRow.Display label.wide{ width:200px;}

div.formRow.formRowWithCheckbox input[type='checkbox'] {float:left; width:auto;}
div.formRow.formRowWithCheckbox label {width:auto;}

div.formRow.formRowWithRadioButton input[type='radio'] {float:left; width:auto;}
div.formRow.formRowWithRadioButton label {width:250px;}

div.optionsRow {margin:4px 0; padding:8px;  min-height:24px; clear:both;}
div.optionsRow label{display:block; width:160px; float:left;}
div.optionsRow span label{width:auto; margin-right:20px;}
div.optionsRow input[type='radio'], div.optionsRow input[type='checkbox']{float:left; margin-left:0; margin-right:4px;}
form div.optionsRow {min-height:24px; font-size:0.9em;}
div.formRow.optionsRow label {padding-top:0}
div.formRow .clear{float:none !important;}

div.divLeftFloat {float: left;}

.field-validation-error { display:block; font-size: 0.85em;}
.validation-summary-errors{clear:both;}
.validation-summary-errors, .field-validation-error{color:#E22;}
.field-validation-valid{display:none;}
span.valid{background:url('images/valid.gif') no-repeat scroll 0 0 transparent;}
span.invalid{/*background:url('images/invalid.gif') no-repeat scroll 2px 3px transparent;*/}
span.validationIcon{display:inline-block; height:16px; width:16px; margin:0 4px;}
span.validationIcon.invalid {height:0px; width:0px;}

.filter {background:#F5F5F5; padding:4px 8px 4px 8px; margin:4px 0 8px 0; border:1px solid #D2D2D2;}
.filterFooter {background:#F5F5F5; padding:8px 8px 8px 18px; border-top:1px solid #D2D2D2;}
.filterRow{margin: 4px; padding-left: 6px; overflow: auto;}
.filterRow label { display:block; width:160px; float:left; font-size:0.8em; padding-top:3px; color:#444;}
.filterRow span label{width:90px;  font-size:0.9em;}
.filterRow input[type='checkbox'] {margin-top:6px;}
.filterRow label.nonFixed{width:auto; margin:0 8px;}
.filterRow input{float:left;}
.filterRow input[type='text'], .filterRow input:not([type]) {padding:2px 8px 2px 4px; font-size:0.9em; width:170px;}
.filterRow input[type='text'].dateField {width:100px;}
.filterRow input[type='text'].narrow { width: 46px; padding:2px 8px 2px 4px; font-size:0.9em;}
.filterRow input[type='button'] {padding:2px 8px 2px 4px; margin:0 4px;font-size:0.9em;}
.filterRow select { padding: 2px 8px 2px 4px; margin: 0 4px 0 0; font-size: 0.9em; }
.filterCheckboxList{clear:both; padding:0 0 0 8px;}
.filterCheckboxList input[type='checkbox'] {}
.filterCheckboxList label { font-size:0.7em;   }
.filterCheckboxListItem {float:left;}
.filterRadioButtonListItem { float: left; }
.filterDatePair {float:left; }
.filterDatePairLabel {float:left; min-width:150px;}
.dateField {width:84px;}
input.countryPicker {width:170px;}
div.filter div.optionsRow {margin:4px; padding:0 0 0 6px;}
div.filter div.optionsRow label {font-size:0.8em;}

.filterBasic, .filterLeft {width:45%; float:left;}
.filterAdvanced, .filterRight {width:40%; float:left; }
.filterAdvanced {display: none;}
.filterExpandHolder {float:right;}
.expandAllFilter{display: none;}
.content {background:#FFF; padding:0}

fieldset.collapsed *:not(legend) {display:none;}
fieldset.collapsed {padding:40px 12px 15px 20px;}
legend.expandable, .legend.expandable {padding-right:30px;}

/*Raw Html defaults*/
.raw ol li { list-style: decimal inside;}
.raw ul li {list-style: disc inside;}
.raw em { font-style: italic;}

#UNGMvalidation, #UNGMEmailValidation, .ValidationMessage{color:#E22;}

#noticeFilter{ padding:16px;}
/*Public Notice Search*/
#notices, #feedback{margin-top:0; height:auto; overflow:auto;}
#Notices { margin-top: 8px; }
div.contractAwardsStandaloneTotal{position:fixed; top:0; background:transparent; font-size:0.9em; left: 240px; margin: 6px 0 0;padding: 0; position: fixed;top: 0; z-index: 900; color:#005689; border:0}
#noticeFilter .filterRow .noticeTypeLabel {display: block;float: left;padding-right: 10px;white-space: nowrap; width: auto;}
#noticeFilter .filterRow .filterDiv span{ }
#noticeFilter .filterRow a span{font-size:0.9em;}
#tblNotices,#tblContractAwards{width:100%;}
#tblNotices .tableBody .tableRow .tableCell {padding:12px}
#tblContractAwards .tableBody .tableRow .tableCell {padding:12px}
/*Development Log*/
#tblLog { margin-top: 10px}

/*Videos*/
#tblVideos { margin-top: 10px}
.videoTitle {font-size:2em; color:#005689;}
.videoTitle:hover{text-decoration:underline;cursor:pointer;}
hr {margin-top: 8px; margin-bottom: 8px; border:none; border-top:2px solid #08C; height:1px;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; margin-left: auto; margin-right: auto;}
.video-container iframe, .widgetVideoPlaceholder { position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.videoCenter { width: 80%; margin-left: auto; margin-right: auto; max-width: 850px; }

/*Evaluations*/
#evaluationFilter .filterRow span{font-size:1.3em;}
#evaluationFilter .filterRow .filterDiv .noticeSelectedCountry span{}
#evaluationFilter .filterRow a span{font-size:0.9em;}
#evaluateAddressLeft {float:left; width:30%;}
#evaluateAddressRight {float:left; width:65%; height:300px;}
#mapCanvas {height: 100%;}
.ExportToExcel { text-align: right; padding: 0 0 5px 0; margin-top: 10px }
.filterDiv {border-left: 1px solid #CCCCCC; margin: 0 0 0 4px; padding: 0 0 0 8px; color:#888; font-size:0.8em; clear:both;}
.filterDiv div{ display:block;}
.formRow .filterDiv { min-width: 200px; float: left; font-size:1.2em; margin: 8px 0;}
.filterDiv.documentFilename {min-width: 400px;}
.resultsCount {background-color: transparent; border: 1px solid #D2D2D2; margin: 8px 0; padding: 8px; font-size:0.9em;}
.resultsCount label.searchTotal {font-weight:bold;}

/*Contract Award Search*/
#contractAwardFilter{margin:4px 0; border:1px solid #ddd;}
#contractAwards{margin-top:0px; height:auto; overflow:auto;}
#contractAwardFilter .filterRow .noticeTypeLabel {display: block;float: left;padding-right: 10px;white-space: nowrap; width: auto;}
#contractAwardFilter .filterRow .filterDiv span { }
#contractAwardFilter .filterRow a span{font-size:0.9em;}

.reportRow{padding:8px 0; font-size:0.9em; clear:both;}
.reportRow .label, .reportRow label { border-right: 1px solid #CCCCCC; color: #000000; float: left; margin-right: 8px; width: 200px;}
.reportRow.wide label { width: 400px;}
.reportRow .value{float:left; color:#666;}
.reportRow .value label {float:left; color:#666; border-right:none}
.reportRow .filterDiv { min-width: 200px; float: left; font-size:1.2em; margin: 0 0;}
.reportRow .noLabel {border-left: 1px solid #cccccc; margin-left: 200px; padding-left:8px;}

/*Public Vendor Search*/
#Vendors{}
#VendorsSelected {text-align:right; padding:0 0 0 0; margin: 8px 0 8px 0}
#VendorsSelected span{font-size:0.9em;}
#VendorFilter .filterRow .VendorTypeLabel {display: block;float: left;padding-right: 10px;white-space: nowrap; width: auto;}
#VendorFilter .filterRow .filterDiv span { display:block; float:left; }

/* Admin vendor search */
.agencyDiv {max-height:20px; }
.agencySpan {font-weight:bold; width:100px; display:inline-block; overflow:hidden; white-space: nowrap}
.levelSpan {width:85px; display:inline-block; overflow:hidden; white-space: nowrap}

/* language selection */
.menuHolder section {float:right; margin-left:50px;}
.menuHolder section li{display: inline; }
#language li{margin-right:20px; float:left;}
#englishMessage{text-decoration:none; color:#444; font-size:0.9em; float:right; cursor:pointer;}
#englishMessage:hover{text-decoration:underline; font-size:0.9em; float:right; cursor:pointer;}

/*datepicker overrides */

.ui-widget {font-family:inherit; font-size:1em;}
.ui-datepicker {border:1px solid #D2D2D2; padding:0; border-radius:0;}
.ui-datepicker th{background-color:#FFF !important; border:none; border-bottom:1px solid #D2D2D2; color:#08C; font-weight:normal; padding:4px;}
.ui-datepicker td{border:none; border-bottom:1px solid #D2D2D2;background-color:#FFF !important; padding:0;}
.ui-datepicker td a.ui-state-default{border:none; background-color:#FFF;}
.ui-datepicker td a.ui-state-active{background:#D2D2D2; border-left:2px solid #08C; border-right:2px solid #08C;}
.ui-datepicker td a.ui-state-hover{background-color:#D2D2D2;}
.ui-datepicker td a.ui-state-highlight{background-color:#F5F5F5;}
.ui-datepicker td.ui-state-disabled  span.ui-state-default{background-color:#FFF; border:none;}
.ui-datepicker table{margin:0; }
.ui-datepicker .ui-datepicker-title {font-weight:normal; font-family:inherit;}
.ui-datepicker a.ui-state-hover {border:none;}
.ui-datepicker-header {min-height:28px;}
.ui-datepicker-calendar {position:relative; top:1px;}
a.ui-slider-handle {font-size:1em !important; border-radius:100%; background:#D2D2D2 !important; border:1px solid #aaaaaa !important;}
div.ui-slider-horizontal {font-size:0.8em !important; border-radius:10px; }
.ui-timepicker-div {padding:4px 12px 4px 12px;}
.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label, .ui_tpicker_millisec_label {color:#08C; margin-top:8px;}
.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider, .ui_tpicker_millisec_slider {margin-bottom:8px;}
.ui-widget-header {background:#295E8F; color:#FFF; border:none; border-radius:0;}
.ui-dialog-title{font-weight:normal;}
.ui-widget-overlay {
	background: #000;
 }
 .ui-widget.ui-autocomplete{font-size:0.8em; z-index:10000;}
 
 /*dialog box overrides*/
.ui-dialog .ui-dialog-title { white-space: normal; }
.ui-dialog {padding:0; border:1px solid #AAA; border-top:4px solid #08C; border-radius:0;}
.ui-dialog .ui-dialog-titlebar{z-index:600; border-radius:0; background-color:#F5F5F5; color:#08C; padding:0; border-bottom:none; color:#000; font-size:1.4em;}
.ui-dialog-titlebar span.ui-dialog-title {padding:16px;}

 #tasVoucherListHolder,#inboxHolder{ height:auto; overflow-y:auto; overflow-x:hidden;}
 #myEmailsHolder{ height:200px; overflow:auto;}
 #errorLogHolder{ }
 /*Evaluation Queue Search*/
 #evaluationQueueHolder{ margin:12px 0; min-height:200px;}
 /*LTA Search*/
 #ltasTotal{}
 #ltasTotal label{}
 #ltas .tableRow{height: 30px;}

 #profileNotComplete{}
 #divProfileSubmit{margin:12px 0px;}
 /*tabs*/
 
 .tabs{}
 .tabHeaders{}
 .tabBodies{clear:both;}
 .tabHeader{position:relative; top:1px; float:left; color:#666; font-size:1.3em; min-width:80px; background: none repeat scroll 0 0 #f5f5f5; padding:12px 10px 10px 12px; text-align:center; border: 1px solid #ddd; margin:2px 2px 0 0; }
 .tabHeader:hover{cursor:pointer; background-color:#ddd; }
 .tabHeader.activeTab{ z-index:2; border-bottom:0 none; background-color:#FFF; color:#000; }
 .tabHeader:not(.step).activeTab {border-top:4px solid #08C; padding-top:10px;}
 .tabHeader.step {margin:4px 22px 0 0; background-color:#f5f5f5; background-repeat:no-repeat;  border-radius:0; padding: 10px 10px 12px 10px;}
 .tabHeader.step:not(.lastStep)::before {content:" "; position: absolute; z-index: 4; background-image:url('images/NextIcon.png'); width: 20px; height: 24px; right:-20px; /*background-position: calc(100% + 10px), center;*/}
 .tabHeader.step.activeTab, .tabHeader.tabComplete.activeTab, .tabHeader.tabIncomplete.activeTab{background-color:#FFF; border-bottom:1px solid #FFF; padding-top:12px;}
 .tabHeader.step.activeTab {padding-top:10px; }
 .tabHeader.step.noThickBorderTop {padding-top:13px; }
 .tab{padding:8px 16px 8px 16px; display:none; border:1px solid #ddd; background-color:#FFF;}
 .tabDisabled,.tabDisabled:hover{cursor:not-allowed;}
.tabHeader.tabComplete, .tabHeader.tabComplete.activeTab {border-top:4px solid #00B800;}
.tabHeader.tabIncomplete, .tabHeader.tabIncomplete.activeTab {border-top:4px solid #FF0000;}
#tabHeaderAgencies {border-radius:0;}

 /*progress bar*/
.progressBarHolder{margin:8px 0; }
.progressBarInner{ background: none repeat scroll 0 0 #4A7FE0;color: #FFFFFF;padding: 4px 0;text-align: center;}
.zeroPercent{color: #4A7FE0;}
.progressBarOuter{ border:1px solid #222; background:#FFF; width:25%; min-width:250px; margin:8px 0;}


/*manage users */
#userRoleForm{display:none;}
.roleOption{background:#E8F4FF; border-radius:4px; padding:8px; width:150px; margin:8px; float:left; border:1px solid #AAA;}
#resultsHolder{position:relative; height:30px;}
.resultsCount .right {position:absolute; right:4px; top:7px;}
.resultsCount .left {position:absolute; left:20px; top:13px;}


/*manage resources */
#resourceFilter{margin:12px 0;}
#resources{height:500px; overflow:auto;}
.branch{padding-left:16px; display:none;}
.areaName, .controllerName, .viewName{color:#666;}
.elementDefault:hover, .elementEmpty:hover{cursor:pointer; text-decoration:underline;}
.elementTranslations{color:#005689; font-size:0.9em; margin-left:8px;}
.translation{margin:0 4px;}
.elementFrench, .elementSpanish, .elementPortuguese{display:none;}
#editorTemplate{display:none;}
.formSection{float:left; margin:8px;}
.formSection label{display:block;}
.expandable, .dashboardExpandable{background: url("images/arrow-right.png") no-repeat scroll 98% 55% transparent;}
.expandable:hover, .expanded:hover{cursor:pointer; opacity:0.5;}
.dashboardExpanded:hover, .dashboardExpandable:hover  {cursor:pointer; background-color:#ddd; color:#000;}
.expanded, .dashboardExpanded{background: url("images/arrow-down.png") no-repeat scroll 98% center transparent;}

.areaName, .viewName, .controllerName{max-width:150px; padding:4px 16px 4px 4px; border:1px solid #DDD; margin:4px 0}
#btnExpandAll{margin-right:8px;}
.expandButtons{font-size:0.8em;}
.resourceAreas{font-size:0.8em;}
.resourceRowEditor{display:none;}
.resourceTableButtons{display:none;}
.resourceTextarea
{height:80px; width:400px; color:#444; background-color: transparent; resize: none; font-family: Verdana,Arial,sans-serif; font-size:1em;
}
#tblResources .options input[type='button'] {margin:4px;}

/*manage email templates */
.wideText{width:100%; }
.templateEditArea{width:100%; height:450px; padding-top:10px;}
.wordList{float:left;width:300px;background:#fff; margin:0 0 0 0px;}
li.dynamicField{margin-top:5px; border:1px solid #000; color:#000; text-align:center;}
.languageTabs{margin:0 0 0 5px;float:left;}
.shadow 
{
	border:1px solid #999;
		-moz-box-shadow: 3px 3px 4px #999;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
html.forceScrollbars{
	   overflow-y: scroll;
}

/* registration */
#usernameExists{color:#E22; display:none;}
#nonUNAccount{color:#E22; display:none;}
#CompanyNameExists {color:#E22; display:none;}
#regHolder {padding:16px;}
/* VendorRegistration */
#companyExists,#noVendorFound{color:#E22; display:none;}
.companyExists{color:#E22; display:none;}
.noChangeinCompanyName{color:#E22; display:none;}
.requiredDocument{color:#E22; display:none;}
#countryRequired{color:#E22; display:none;}
#telephoneCountryRequired{color:#E22; display:none;}
.displayTextarea{height:100px; width:400px; border:none; color:#444; background-color: transparent; resize: none; font-family: Verdana,Arial,sans-serif; font-size:1em;}
#registrationTabLegend, #noticeTabLegend, #qualificationTabLegend { font-size:0.8em; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; margin: 8px 0; padding: 8px;}
.legendRow {float:left; margin-right:12px;}
.legendColour {float:left; width:25px; height:6px; clear:both; margin:6px; border-bottom: 4px solid;}
.legendLabel {float:left; margin:4px 0;}
.legendComplete {border-color:#00B800;}
.legendIncomplete {border-color: #FF0000;}
#eligibilityDiv {padding:8px 16px;}
input[type='button'].btnSubmitQualification {margin:8px;}
.countriesHolder { max-height: 400px; overflow:auto;}

/* Upgrade registration*/
#UpgradeRegistrationDiv { padding: 10px 0px 16px 0px; margin-top: 10px}

/* ContractAward */
#emailExists, #awardDateIssue, #domainExists{color:#E22; display:none;}

/* forgot password */
#PassworsdStep ul.steps {
	margin-bottom: 20px;
}
#PassworsdStep ul.steps li {
	height: 100%;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 25px;
}
#PassworsdStep ul.steps li.step1 {
	background: url("Images/bullets/blue_1_small.png") no-repeat scroll 0 0 transparent;
}
#PassworsdStep ul.steps li.step2 {
	background: url("Images/bullets/blue_2_small.png") no-repeat scroll 0 0 transparent;
}
#PassworsdStep ul.steps li.step3 {
	background: url("Images/bullets/blue_3_small.png") no-repeat scroll 0 0 transparent;
}

div.formRow .fieldTip {
	color: #888888;
	display: block;
	font-size: 12px;
}


/*UNSPSC */
.unspscChildren { padding-left: 16px; }
.unspsc { min-height: 200px; }
.unspsc:not(.noBorder) { border: 1px solid #AAA; }
.nodeName { padding: 0 24px 2px 0; }
.nodeName.filtered { color: #8f8f8f; }
.unspscFilterChildren { }
.unspscSectionHeader { background: #F5F5F5; border-bottom: 1px solid #DDD; padding: 8px; }
.unspscSelectedCodes { float: left; width: 30%; overflow: auto; }
.unspscSelectedCodeTree { font-size: 0.8em; padding: 8px; min-height: 300px; overflow: auto; }
.unspscSaveSelectedCodes { margin: 16px 8px; }
.unspscSelector { float: left; width: calc(70% - 1px); border-left: 1px solid #DDD; }
.unspscSelector:not(.leftBorderOnly) { border: 1px solid #DDD; }
.unspscSearchBar { border-bottom: 1px solid #DDD; font-size: 1.2em; padding: 8px; }
.unspscSearchResults { font-size: 0.8em; padding: 16px; display: none; height: 400px; overflow: auto; }
.unspscNoResults, .unspscNoCodes { background-color: #E8F4FF; padding: 16px; display: none; margin: 8px; }
.unspscTree { font-size: 0.8em; padding: 16px; max-height: 400px; overflow: auto; }
.txtSearchUnspsc { width: 60%; font-size: 1.2em; }
.lnkRemoveUnspsc, .lnkRemoveUnspscFilter, .lnkRemoveNotice, .lnkRemoveAgency, .lnkDetachParentAgency, .lnkRemoveDocument, .lnkShowDocument, .lnkUspscSelectChildren, .lnkUspscRemoveChildren, .lnkRemoveSanctionReason, .lnkOptions { font-size: 0.8em; margin: 0px 4px; }
a.lnkRemoveUnspsc, a.lnkRemoveUnspscFilter, a.lnkRemoveNotice, a.lnkRemoveAgency, a.lnkDetachParentAgency, a.lnkRemoveDocument, a.lnkShowDocument, .lnkUspscSelectChildren, .lnkUspscRemoveChildren, a.lnkRemoveSanctionReason, .lnkOptions { color: #0088CC !important; cursor: pointer; }
.lnkShowDocument { font-size: 1.2em; text-decoration: underline; line-height:2em; margin-left:0}
.lnkShowDocumentSearch {line-height:2.5em; color: #08C !important;}
.unspscDeleted { color: #f00; }
.unspscDeletedInfo { color: #f00; font-size: 0.8em; }
.lnkUspscRemoveAll, .lnkExpandAll, .lnkCollapseAll { font-size: 0.8em; margin: 0 4px; float: right; }

/*Vendor Emails */
.emailpreviewVendorsHeader{float:left; width:30%; overflow:auto; }
.emailPreviewHeader{float:left; width:69%; border-left:1px solid #DDD;}
.emailpreviewSectionHeader{ background: #EEEEEE;border-bottom: 1px solid #AAAAAA; padding: 8px;}
.info button{display: block;}
.successnormalpadding .options{display: none;}
div.successnormalpadding{background: #DED;border-radius:4px; padding:4px;}
.editableListItem.successnormalpadding {padding:16px;}
.emailVendorList{overflow-y:auto; height:410px; padding-right:5px;}
.clickableContactDetails{margin:10px 0; cursor:pointer; padding:4px; font-size:0.8em;}
#emailPreviewSubject{margin:10px; padding:3px; width:98%; height:1.5em; border:1px solid #CCC}
#emailPreviewBody{margin:10px; padding:3px; width:98%; height:350px; border:1px solid #CCC}
#emailHighlightInfo{float:right}
#cmdSendEmails{margin:5px;}
.emailVendorDetails {border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; margin: 8px 0;padding: 8px;}

/* AgencyPreferences*/
.countriesSelectedList { overflow:auto; font-size:0.8em;}
.lnkCountrySelectAll{font-size:0.8em; margin:0 4px;}
.lnkCountryRemoveAll{font-size:0.8em; margin:0 4px; }

/*Autocomplete suggestions*/
.autocomplete-suggestions {font-size:0.8em; border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../Content/themes/base/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.autocomplete-suggestions strong { font-weight:normal; color: #3399FF; }

/*manage agencies */
.spacerow{width: 100%;}
#addagencies{height:40px;padding:4px;}
#agencyFilter {margin:12px 0;}
#agencyFilterLeft {float:left; width:35%; margin:0 8px;}
#agencyFilterRight {float: left; width: 35%;}

/*Reporting*/
#suggest{font-size: 0.8em; position:absolute; background:#FFF; color:#000; padding:8px;  z-index:100; border:1px solid #AAA;  margin-top:-9px; border-top:none; }
.suggestion{}
.suggestion:hover{cursor:pointer; text-decoration:underline;}
.suggestion.active{background:#DDD;}
#reporter{height:400px; overflow:auto;}
#txtQuery{margin:8px 0; width:98%; font-size:1.6em; padding:8px; border:1px solid #AAA;}
.reportingMenuItem{float:left; margin:4px 0; padding:4px 12px;  min-width:80px; text-align:center; border-right:1px solid #ccc;}
.reportingMenuRightItem{float:right; font-size: 0.8em; margin: 0 8px;}
.reportingMenuItem:hover{cursor:pointer;  background-color:#579; color:#FFF; border-color:#579;}
#reportingMenu{border-bottom:1px solid #AAA; background:#EEE; color:#222;}
#reporting{ border:1px solid #AAA; }
#reportingBody{padding:8px;}
#reportingChartHolder{float:left; width:40%; border:1px solid #EEE; margin:8px; padding:8px;}
#reporter.breakdown{float:left;  border:1px solid #EEE; margin:8px; padding:8px 24px;}

#savedQueries{position:fixed; right:12px; top:46px; background:#000; opacity:0.8; color:#FFF; min-height:400px; min-width:200px; width:15%; height:50%; border-radius:16px;  }
#savedQueries:hover{cursor:move;}
#savedQueriesHeader{font-size:1.4em; background:#444; padding:8px; border-radius: 8px 8px 0 0}
#savedQueriesBody{font-size: 0.8em; padding:8px;}
.savedQuery{}
.queryText a{color:#FFF; margin-right:4px;}

.buttonActionLink{border:0; background:#DDD; color:#222; padding:6px 14px; font-family:Arial; font-size:0.9em; border-radius:4px; margin:0 4px 0 0; min-width:80px; border:1px solid #AAA;text-decoration:none}
#UNGMNo { float: Right;}

#countriesHolder { max-height: 400px; overflow:auto;}

/*use expandableListItem instead of this*/
.listItem { margin:8px;}
div.editableListItem {padding:12px; padding-bottom:18px; margin:8px 0 8px 0; border:1px solid #D2D2D2; border-radius:3px; background:#F9F9F9; box-shadow:0 0 5px #DDD; vertical-align: middle;}
div.editableListItem span.options {float:right;}
div.editableListItem input[type='button']{ padding:4px 8px 4px 8px; margin:0 1px 1px 0;}   
.info span.options {float:right;    }
div.editableListItem span.options a {font-size:0.8em; margin:0 4px 0 0;    }
.listContainer {margin:10px 0 5px 0;}
.clickableListItem {}
.clickableListItem:hover {cursor:pointer; background:#EEE;}
input.editableListButton {font-size:0.8em; min-width: 60px; padding: 4px;}
div.editableListItem.average {background:#DDDDDD; }
div.editableListItem.currentUser {background:#EDEDED; }

/*expandableListItem*/
div.expandableListItem {width:100%; margin:10px 0 5px 0;}
div.expandableListItem span.options {float:right; margin-right:4px;}
div.expandableListItem span.options.expanded {margin-top:3px;}
div.expandableListItem input[type='button']{ font-size:0.8em; min-width: 60px; padding: 4px; margin:0 4px 0 0; border-top-left-radius:0; border-top-right-radius:0;}
div.expandableListItem .btnDetails {width:100px;}
div.expandableListItem .title {background-color:#f5f5f5; color:#444; font-size:1.3em; border:1px solid #D2D2D2; padding:15px 10px 15px 16px;}
div.expandableListItem .title.expanded{ border-bottom:none; border-top:4px solid #08C; color:#000;}
div.expandableListItem .body {background-color:#FFF; overflow:auto; border:1px solid #D2D2D2; border-top:none; padding:8px 16px 8px 16px; }
div.expandableListItem .expandable, div.expandableListItem .expanded{background-image:none;}
div.expandableListItem .expandable:hover, div.expandableListItem .expanded:hover{cursor:pointer; background-color:#ddd; color:#000; opacity:1;}

/*manage ineligible vendors */
#inEligibleVendors{ margin:12px 0;}
#inEligibleVendors .DataSource {display:none;}
#inEligibleVendors .DataSourceType {display:none;}
.UngmNumber{font-size:0.9em;}
#inEligibleVendors .unscsl label {cursor:pointer;}
#sanctionsHolder .reportRow .filterDiv { font-size:0.85em; border-left:none; padding-left:0; }

/* Feedback */
#imgSatisfaction1 { float:right; background-image: url('Images/Feedback/Smiley_disappointed.jpg'); display:none; width: 50px; height: 50px; } 
#imgSatisfaction2 { float:right; background-image: url('Images/Feedback/Smiley_average.jpg'); display:none; width: 50px; height: 50px; }
#imgSatisfaction3 { float:right; background-image: url('Images/Feedback/Smiley_satisfied.jpg'); display:block; width: 50px; height: 50px; }
#imgSatisfaction4 { float:right; background-image: url('Images/Feedback/Smiley_delighted.jpg'); display:none; width: 50px; height: 50px; }
#fbtransparency{
	-moz-box-shadow: 0 0 4px 4px #000;
	-webkit-box-shadow: 0 0 4px 4px #000;
	box-shadow: 0 0 4px 4px #000; /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#000000');
}
#fbcloseico { padding:4px; }
#fbtransparency { position: absolute; background-color: #4A8FCD; opacity: 0.1; }
.radAllOrMatching{ margin-left: 20px; }
#cmdReverse{ margin-left: 20px; }
#Comments {width:80%; min-height:200px;}

/*TAS*/
.tasContact:hover, .email:hover {cursor:pointer;}
.notReceivingTas {opacity:0.7;}
#tasCountryPickerHolder, #exportToCountryPickerHolder {margin:8px 0;}
#tasCountryPickerHolder input, #exportToCountryPickerHolder input{width:300px; font-size:1.1em;}
.tasRenewOptions {margin:8px; padding:8px;}

/*Contract award*/
#awardCountriesHolder { max-height: 400px; overflow:auto;}

/*My email templates*/
#myTemplatesDynamicFields {clear:both;}
#myTemplatesDynamicFields .dynamicField {margin:8px 12px 16px 0; border:1px solid #000; color:#000; text-align:center; float:left; padding:4px;}
#myTemplatesDynamicFields .dynamicField:hover {cursor:pointer; border-color:#555;}
div.formRow input.subjectText {width:590px;}
#saveUserEmailTemplate {margin:8px 0;}

/*My Note and Help*/
#sideBtnHolder{position:fixed; right:30px; top:45%; width:49px; height: 195px}
input[type='button'].btn-side{font-size:1em; font-family:Verdana; border-radius:5px ; border: 0 none; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); overflow:visible; position:absolute;  color:#FFF;  width:150px; height:35px; left:-10px; padding: 4px 12px 10px 35px;}
#btnMyNote{bottom:0; background: url('images/note-white.png') no-repeat scroll 8% 35% #295E8F;}
#btnFeedback{top:0; background: url('images/help-white.png') no-repeat scroll 8% 35% #295E8F; z-index: 500;}
#btnMyNote:hover, #btnFeedback:hover {cursor: pointer; border: 1px solid #08C; background-color:#FFF; color:#08C}
#btnMyNote:hover {background-image: url('images/note-blue.png');}
#btnFeedback:hover {background-image: url('images/help-blue.png');}
.formRow.editScreenshot.focus {background:transparent;}
#rbHideHighlight label {padding: 0;}
#rbHideHighlight span.validationIcon {display:none;}
/*My Note UNUser*/
.textArea {   -moz-appearance: textfield-multiline;-webkit-appearance: textarea;border: 1px solid gray;height: 50%;overflow: auto;padding: 2px;resize: both;width: 100%; }
.UserNoteButton{float: right}
.Notedate{font: medium -moz-fixed;float: right}
/*MyAgencyNotices, MyLTAs, MyContractAwards UNUser*/
#myAgencyNoticeTableScroll, #myLTAsHolder, #myContractAwards, #myContractAwardsVendorsToBeRated{margin-top:0px; height:300px; overflow:auto;}

/*Bulk vendor upload*/
#bulkVendorUpload {}
#uploadButtonHolder {margin:12px 0;}
.syncHighContainer {margin-top:30px; margin-bottom:20px;}
tr.uploadSuccess td {background-color:#DED;}
tr.uploadFailure td {background-color:#EDD;}

#conversationSubject {padding-top: 12px; padding-bottom:8px;}
.emailBody { margin: 20px 0px;}
.emailDestinataries { padding: 20px 0px; float: left;}
.emailSummary {padding-bottom: 5px; }

/*Agency Preferences*/
div .formRow .thresholdLabel{float: left; width: 100px; text-align:right; margin-right:5px}
div .formRow .threshold{float: left; width: 100px; text-align:right}
.validation{display:none; color:#FF0000}

.checkingAvailability{display:none;}
.checkingAvailability > span{padding:10px; background: url('Images/smallthrobber.gif') no-repeat scroll center center;}

#evaluatorPickerHolder {min-height:200px;}

/*Reactivation*/
#chkAcceptReactivate {float:left; margin:4px;}
.content ul {list-style:disc; padding:8px 0 8px 0;}
.reactivationClause div.formRow label {width:50%;}
#reactivation .content {padding:16px; margin:8px;}

/*Feedback admin*/
#tblFeedback td.Admin-Feedback-FeedbackType-VendorLoginProblems {background-color:#FFFDDB;}
#tblFeedback td.Admin-Feedback-FeedbackType-VendorRegistrationProblems{background-color:#BFBEAB}
#tblFeedback td.Admin-Feedback-FeedbackType-VendorProcurement{background-color:#C7656A;}
#tblFeedback td.Admin-Feedback-FeedbackType-VendorTAS{background-color:#B0CEC5;}
#tblFeedback td.Admin-Feedback-FeedbackType-VendorTender{background-color:#CEE6DF;}
#tblFeedback td.Admin-Feedback-FeedbackType-VendorOther{background-color:#FFE7DB;}
#tblFeedback td.Admin-Feedback-FeedbackType-UNUserLogin{background-color:#a6aebe;}
#tblFeedback td.Admin-Feedback-FeedbackType-UNUserRights{background-color:#C2B4D0;}
#tblFeedback td.Admin-Feedback-FeedbackType-UNUserUsingUNGM{background-color:#C0CBE7;}
#tblFeedback td.Admin-Feedback-FeedbackType-UNUserFeedback{background-color:#D8F8D5;}
#tblFeedback td.Admin-Feedback-FeedbackType-UNUserOther{background-color:#E8D2F3;}

.smallBox {width:50px;}

#vendorReport .progressBarHolder {clear:both;}
#vendorReport .reportRow label {font-weight:normal; width:inherit;}
#vendorReport .vendorReportSummary {font-size:1.8em; font-weight:normal; padding:20px;}
#evaluatorReport .reportRow label {width: 400px; }
.reportButtons {margin:12px 0;}
.reportButtons input[type ='button'] {margin:0 4px;}
#tasDashboard .reportRow label {width: 430px; }
#tasDashboard .reportRow .value {width: 20px; text-align:right;}

/*Assisted Registration*/
#AssistedRegistrations{margin-top:0px; height:500px; overflow:auto;}
.convertOptions {float: right;}
.feedbackOptions {float: right;}
#txtEvaluatorReportUser {width:400px;}

/*Vendor rating*/
.star { float:left; }
#dlgRating .editableListItem > div:not(.clear){float:left; width:100%;}
.ratingText{float:left;}
.ratingStars{float:right;}
.ratingStars label{width:30px; display:inline-block; text-align:right;}
#dlgRating .btnContainer{margin-top:20px;}

/*File upload*/
#fileUploadTableContainer {display:inline; float:left; width:100%;}
.btn.use {font-size:1em;}
tr.template-download:hover td {background-color: #DDD;  cursor:pointer; }
tr.template-download:hover td button.btn.use:not([DISABLED]){background-color: #557799;    border-color: #557799;    color: #FFFFFF;    cursor: pointer;}
.row.lowerBar {margin:12px 12px 12px 0;}

/* Workspace */
span.published{background:url('images/valid.gif') no-repeat scroll 0 0 transparent;}
span.unpublished{background:url('images/invalid.gif') no-repeat scroll 2px 3px transparent;}

#navIconMobile {position: absolute; background-color:#295E8F; background-image:url('images/NavIcon.png'); background-repeat:no-repeat; background-position:50% 50%; background-size: 40px 40px; background-origin:content-box; top: 0; left: 0; display: none; bottom: -1px; overflow: hidden; z-index:100;}
#menuIconMobile {position: absolute;top: 0;right: 0;display:none;background-color:#295E8F;background-image:url('images/SettingsIcon.png');background-repeat:no-repeat;background-position:50% 50%; background-size: 40px 40px; background-origin:content-box; overflow: hidden; z-index:100;}
#wholePage { position: relative; overflow-x: hidden; overflow-y: hidden; }
#mobileSettingsMenu div {background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; color: #222222; font-size: 0.9em;margin: 8px;width: 80px;padding: 4px 8px;}

/*Styles for screen 768px and lower*/
@media only screen and (max-width : 768px) {
	/*Table to list*/
	.tableTitle{ display: block; background-color:#295E8F; color:#FFF; font-size:1.4em; width:100%; padding-top:15px; padding-bottom:15px; padding-left:5px}    
	.table{display:block;}
	.tableHead{display:block; }
	.tableBody{display:block;}
	.tableRow{display:block; border-top: 1px solid #555}
	.tableCell{display: none;}
	.tableCell.resultTitle, .tableCell.resultTitle span{display: block; font-size:1.2em; color:#295E8F; padding-left:5px} 
	.tableCell.resultAgency{display: block; font-size:1em; color:#295E8F} 
	.tableCell.resultInfo1{display: block; font-size:1em; color:#295E8F;  padding-left: 5px; }
    .tableCell.resultAgency span, .tableCell.resultInfo1 span, .tableCell { padding-left: 5px; }
	.tableBody .tableRow .tableCell{padding:0px; border:0px;  }
	.tableCell.resultInfo1:before { content: attr(data-description)": " ; padding-left:5px }
	.tableBody .tableRow:nth-child(odd) .tableCell {background-color:#EEE;}
	.tableBody .tableRow:nth-child(even) .tableCell {background-color:#FAFAFA; }
	.table.clickable .tableBody  .tableRow:nth-child(odd):hover .tableCell{background-color:#DDD  }
	.table.clickable .tableBody  .tableRow:nth-child(even):hover .tableCell{ background-color:#DDD }
	.table.clickable .tableRow:hover{cursor:pointer; }
	.table.clickable .tableRow .notsortable{cursor:default;}

	/*Mobile navigation menu restyle*/
	#left, nav ul { list-style: none; background: #295E8F; height: 100%; margin:0; }
	#left ul { margin: 0; }
	#left li, nav ul li { display: block; color:#000; margin:0px; }
	nav div.menuHeader {color: #fff; text-shadow: -1px -1px 1px #579; padding: 9px 3px 5px 9px; border-bottom: 1px solid #303c4a; }
	#left li a, nav ul li a { position: relative; display: block; border-bottom: 1px solid #303c4a; padding: 9px 3px 9px 13px; color: #fff; text-shadow: -1px -1px 1px #579; text-decoration: none; }
	#left li a.current, nav ul li a.current { background: #555555; margin-left:0px; padding-left:13px; color:#fff }
	#left li a:hover, nav ul li a:hover { color: #cad0e6; text-decoration: none; }
	nav ul li a::after {content: '';display: block;width: 6px;height: 6px;border-right: 3px solid #d0d0d8;border-top: 3px solid #d0d0d8;position: absolute;right: 6px;top: 40%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	nav ul li a:hover::after { border-color: #cad0e6; }
    #btnFeedback { display: none; }

	/*High level div and property resizing*/
	#centre { max-width:100%; width: 100%;}
	#top{padding: 0px; margin:0;}
	#main{position:relative; padding-top: 120px; left: 0; max-width: 768px; z-index:90; min-height:320px} 
	body{background-color: #FFF;}
	#left {position:absolute;left:-200px;width:199px;height: auto; padding:0px;}
    textarea { width: 100%; }
	h2{font-size: 1.4em;margin:2px 0px 2px 0px;}
	.ui-dialog, .ui-dialog-content, .tab { padding: 0px  !important; z-index:1000 }
    fieldset { padding: 5px; margin: 2px; }
	/*Lower level resizing*/
	.tabHeader.activeTab{float:none; background:#666; padding:8px; text-align:center; border-radius:0 0 0 0; margin:4px 0px 0px 0;background-image:url('images/less_up.png'); background-repeat:no-repeat; background-position:right 50%; background-size: 20px 20px; background-origin:content-box;}
	.tabHeader:not(.activeTab){float:none; background:#DDD; padding:8px; text-align:center; border-radius:0 0 0 0; margin:4px 0px 0 0;background-image:url('images/more_down.png'); background-repeat:no-repeat; background-position:right 50%; background-size: 20px 20px; background-origin:content-box;}
	.tabHeader:hover{cursor:pointer}
	.unspscSelectedCodes { width: 100%; }
	.unspscSelector { width: 100%; }
	.filterRow label:not(.nonFixed){ float:none; }
	 div.info {padding: 2px 2px 2px 38px;margin: 3px 0;background-color:#C2D9FC;background-image:url('images/info.png');background-repeat:no-repeat;background-position: 1%;background-size: 30px 30px;color: #000;font-size:0.8em;}
    footer { font-size: 0.8em; padding:1px }

	/*Menu and header reorganisation*/
	#w #nav {background: #475566;height: 100%;display: block;position: fixed;width: 300px;left: 0px;top: 0px;z-index: 0;}
	.headerTitle{padding:20px; width:80%; top:62px;}
	.menuHolder{display: none;}
	#navIconMobile, #menuIconMobile {display:block;width: 60px;height:60px;}

	/*Search filters*/
	.expandAllFilter{display: block;}
	.filterCheckboxList{width:90%;}
	.filterBasic, .filterLeft, .filterAdvanced, .filterRight {width:100%; float:none;}
	.filterExpandHolder {float:none;}
	.filterAll { display: none; }

	/*misc*/
	.dateField { width: 107px; }
    .filterRow label.nonFixed { margin: 4px 2px; }
    input[type='button'], input[type='submit'] {width:90%; height:35px; margin: 2px 5% 2px 5% !important;}

    .ui-autocomplete-input, input[type=text]:not(.dateField) { width: 90%; margin-left: 0%; margin-right: 0%; font-size: 1.1em; }
    div.formRow input[type=password], div.formRow input[type=text] { width: 90%; margin-left: 0%; margin-right: 0%; font-size: 1.5em; }
    .dateField { font-size:1.1em;}
	.expandFilter, .clearFilter, .expandAllFilter {width:100%; margin-left:0%; margin-right:0%; margin-bottom:5px}
    span.options { width: 100%; }
    #tasCountryPickerHolder input, #exportToCountryPickerHolder input{width:90%; font-size:1em;}
    .resultsCount {display:none !important;}

    /*bigger checkboxes on mobile*/
    input[type='checkbox'] {-webkit-appearance:none;width:30px;height:30px;background:white;border-radius:0px;border:1px solid  #ABADB3; margin-top:-5px}
    input[type='checkbox']:checked {background: url('images/tick.png') no-repeat scroll center center #FFF;background-size:100% 100%}

    #topMenu {display:none;}
    div.cta-body {display:none;}
    
     #ltas .tableRow{height: auto;}
    
    .tasBanner { display: table; padding:4px; cursor: pointer; background-color:#5292C9; width: 100%; }
    .tasBannerLeftImg { float: left; background: url('images/TasBanner/KnowledgeCentre_banner-size.jpg') no-repeat scroll 0 0 transparent; width: 126px; height: 101px; }
    .tasBannerRightImg { display: none; }
}

/*Styles for screen 400px and lower*/
@media only screen and (max-width : 400px)
{
	#logoPic{height:50px; width:50px; margin-top:5px; padding:0px; background-size:50px 50px;}
	#logoText{height:60px; width:150px; background-size:150px 60px; margin-top:0px; margin-left:-6px; overflow:hidden}

    .tasBanner { display: table; padding:4px; cursor: pointer; background-color:#5292C9; width: 100%; }
    .tasBannerLeftImg { display: none; }
    .tasBannerRightImg { display: none; }
}


/*Styles for screen 320px and lower*/
@media only screen and (max-width : 320px) {

    /*High level div and property resizing*/
    h2 { font-size: 1.2em; margin: 2px 0px 2px 0px; }
    #main { padding-top: 70px; }
    .reportRow .label, .reportRow label { width: auto; font-size: 80%; }
    /*Menu and header reorganisation*/
    #navIconMobile, #menuIconMobile { width: 30px; height: 30px; padding: 5px; }
    #navIconMobile { background-size: 20px 20px; }
    .headerTitle { margin: 0px; width: 100%; top: 25px; float: left; }

}

/*tool tip*/

body .ui-tooltip {
	border-width: 2px;
}
.ui-tooltip {
	box-shadow: 0 0 5px #AAAAAA;
	max-width: 300px;
	padding: 8px;
	position: absolute;
	z-index: 9999;
}
span.glossary {
	border-bottom:1px dashed #005689;
}

/* Glossary & FAQ*/
#glossaryTerms {float:left; width:20%; padding:8px; border-right:1px solid #DDD;}
#glossaryDefinition {float:left; width:65%; padding:8px 8px 8px 24px;}
#glossaryTable {margin-bottom:20px;}
#faqTable {margin-bottom:20px;}
#faqLeft {float:left; width:30%;}
#faqRight {float:left; width:69%; }
.faqQuestion {font-weight:bold;}
.faqQuestionAnchor {font-size: 0.9em;}
div.formRow input[type="text"].txtFaqQuestion {width:500px;}
#glossaryDefinition p, #glossaryDefinition span, #glossaryDefinition font{font-family:inherit !important; font-size: inherit !important; color:inherit !important;} /*Ckeditor is really determined to put crappy styles in*/

/*Top bar*/
#topMenu {color:#525252; background-color:#FFF; position:fixed; top:0; width:100%; font-size:0.8em;  z-index:600; height:70px; border-bottom:1px solid #005689; box-shadow: 0 0 3px #005689;}
#topMenu a {text-decoration:none;}
#topMenu a:hover {text-decoration:underline;}
.topMenuItem {float:right; padding:25px 12px 6px 15px; background-repeat:no-repeat; background-position:6px center;}
#settingsMenuItem {padding:25px; }
#inboxMenuItem {padding:25px 12px 0; border-left:0;  }
#searchMenuItem {padding-top: 22px;}
#languageMenuItem {border-left:0; border-right:1px solid #FFF;}
#txtSearchUngm {padding-left:10px; width: 150px; height: 25px; border: 1px solid #C2C5B9}
#loginMenuItem {float:right; padding-left:12px;}
#ungmNumberMenuItem {padding-left:8px;}
#settingsButton {margin:1px 0 -4px 0;}
#inboxCount {position:relative; bottom:5px;}
#agencyName {font-weight:bold; float:left;}
#login {float:left;}

.topBarDropdown  { background: url("images/arrow-down.png") no-repeat scroll right center transparent; padding: 0 16px 0 0; position:relative}
.topBarDropdown:hover {cursor: pointer;}
.topBarDropdown .ddSelection {}
.topBarDropdown .ddOptions{display:none; background-color: #FFFFFF; border: 1px solid #DDD; position: absolute; left:auto; right:0}
.topBarDropdown .ddOptions .ddOption {margin: 2px; padding: 4px 8px 4px 8px;}
.topBarDropdown .ddOptions .ddOption a {color: #666}
#altLanguages .ddOption:hover span{text-decoration:underline;}
#altLanguages {margin:6px 0 0 -11px;}

@media only screen and (max-width : 1200px) {
    .topMenuItem {background-image: none !important; padding-left:6px !important;}
}

/*Search*/
#searchResults {
    display:none;
    background:#FFF; opacity:0.9; border:1px solid #C2C5B9;
    height:500px;
    overflow:auto;
    width:50%;
    position:absolute;
    left:auto;
    right:0;
    margin-top:-1px;
    margin-right:12px;
    color:#000;
    z-index:100000;
}

    #searchResults a {color:#0088CC;}
.searchResult { background:#EEE; margin:8px; padding:8px; border-radius:4px;}
.searchResultGroup {}
.searchResultGroupName {color:#005689; font-size:1.6em; margin:4px;}

/* Password strength*/
#pwindicator { margin-top: 0px; width: 200px; margin-left:170px; min-height:15px;}

.bar { height: 2px; }

.pw-very-weak .bar { background: #d00; width: 40px;}
.pw-very-weak .label { color: #d00; font-size:0.6em;margin-top:-3px }

.pw-weak .bar { background: #d00; width: 80px; }
.pw-weak .label { color: #d00; font-size:0.6em }

.pw-mediocre .bar { background: #FF8800; width: 120px; }
.pw-mediocre .label { color: #FF8800; font-size:0.6em }

.pw-strong .bar { background: #f3b31a; width: 160px; }
.pw-strong .label { color: #f3b31a; font-size:0.6em }

.pw-very-strong .bar { background: #0d0; width: 200px; }
.pw-very-strong .label { color: #0d0; font-size:0.6em }

.condition {font-size: 0.9em;}

/*Dashboard*/
.dashboard { width:100%;}
.dashboardGroupRight { float: right; width: 20%; }
.dashboardGroupLeft { float: left; width: 78%; }
.dashboardTile{ width: 100%; margin-bottom: 8px; margin-top: 8px; padding-left: 10px; }

.tileTitle {background-color:#f5f5f5;  padding:12px; color:#444; font-size:1.3em; border:1px solid #D2D2D2; padding: 15px 10px 15px;}
.tileTitle.dashboardExpanded, .tileTitle:not(.dashboardExpandable){ border-bottom:none; border-top:4px solid #08C; padding:15px 10px 15px; color:#000; padding-top:13px;}
.tileBody {background-color:#FFF; padding:8px;  min-height:300px; overflow:auto; border:1px solid #D2D2D2; border-top:none; }

.browserWarning {background:url("images/warning.png") no-repeat scroll 8px center #FFFFDD; padding: 8px 0 0 56px; margin-top:36px;}

.pdfContainer {overflow: hidden; height: 100%;}
.pdfFrame {width: 100%; height: 800px;}

/*Add New UNSPSC*/
.selectAsParent a{color:#0088CC;}
#unspscCodeExists{color:#E22; display:none;}
#unspscCodeExistsInMaster{color:#E22; display:none;}
#parentIdRequired{color:#E22; display:none;}

/*TAS bank transfer*/
#btnSubmitTasPaymentByBank{margin-top:10px;}

/*LTA feedback comment*/
#ltaFeedbackFrom #Comment {width:40%; min-height:100px;}
#ltaFeedbackFrom div.formRow label{ display:block; width:200px; float:left;}

/*LTA additional information*/
.ltaRequiredInformation {font-size: 0.85em;color:#E22; display:none;}
#LTATermsAndConditions div.formRow label { float:left; width: 260px; display:block}
#LTATermsAndConditions div.formRow select{ width: 400px; }
.ltaTextarea { height:80px; width:400px; color:#444; background-color: transparent; resize: none; font-family: Verdana,Arial,sans-serif; font-size:1em; }
.editableListHolder {border-left: 1px solid #cccccc; margin-left: 160px; padding: 6px; margin-bottom: 10px;}

.faqContent{display: none; padding-bottom: 30px; }
.contractAwardVendorCompanyNames{list-style-type: disc; list-style-position: inside;}

/*Shorten/Extend subscription*/
.tasLeftOptions{float:left; width:25%; overflow:auto; }
.tasRightOptions{float:left; width:74%; border-left:1px solid #DDD;}
.tasSave{margin:0 28px;}
.tasShortenSubscription{background-color:#E8F4FF; padding:16px; margin:8px; }
div.formRow.formRowWithRadioButton.tasShortenOrExtend span.validationIcon {display:none}
div.formRow.tasShortenOrExtendReason label {width:230px; padding:0 20px}
div.formRow.tasShortenOrExtendReason textarea {height:60px; width:200px}

/*Custom Error Message*/
.customErrorMessage {color:#E22; display:none; font-size: 0.85em; display:block;}

/*Knowledge center*/
#layoutHolder{position:relative;}
.gridster li.widget {overflow:hidden;}
.gridster {position:relative; left:-5px; top:-10px; float:left; width:100%;}
#btnManageLayout {position:relative; top:-10px;}
.procurement-reports {position:relative; top:-5px;}
.no-resize .gs-resize-handle-both{ display:none; }
.btnEditWidget{padding:6px !important; min-width:0 !important; margin:0 !important; position:absolute; left:8px; top:8px; display: none;}
.btnDeleteWidget{padding:6px !important; min-width:0 !important; margin:0 !important; position:absolute; left:60px; top:8px;display: none;}
input[type='button'].btnDeleteWidget:hover{background-color:#D14836; color:#FFF; border-color:#D14836;}
.btnAddWidget{display: none;}
.topLeftCorner{padding:6px !important; min-width:0 !important; margin:0 !important; position:absolute; left:8px; top:8px;}
.topRightCorner{padding:6px !important; min-width:0 !important; margin:0 !important; position:absolute; right:8px; top:8px;}
.widthPercentageText{ font-size: 4em;color: #666;}
div.widget, .sortableWidgetPlaceholder{margin:0.5% 0.5% 0.5% 0.5%; vertical-align:top; text-align:left; zoom: 1; *display:inline; display:inline-block;float: left; box-sizing: border-box;}
div.widgetTitle{font-size:1.4em; padding:0 0 6px 0; color:#08C; font-weight:300;}
div.tileWidget {margin:0; height:100%; width:100%; background-repeat: no-repeat !important; background-position: center center !important;  background-color:#E0E0E0; position:relative; overflow:hidden}
div.tileWidget > a {position: absolute;top: 0; bottom: 0; left: 0; right: 0;}
a.tile-link{text-decoration:none;}
div.tile-title{ color:#FFF; font-size:1.8em; line-height:1.2em; font-weight:300;}
div.tile-content { height:100%; width:100%;}
div.tile-content.no-background-image {background:#549AD4;}
div.tile-content:hover {opacity:0.8; cursor:pointer;}
.tileWidget .tile-text, .procurement-category {padding:12px 16px;}
div.tile-text.with-background-image {background:rgba(0, 86, 137, 0.5);}
div.tile-description {margin-top:10px; font-size:1.1em; line-height:1.3em; color:#FFF !important;}
div.formRow input[type='text'].widget-document-name { font-size: 0.9em; width: 315px; }
.widget-document-name-empty { display: block; font-size: 0.85em; color: #E22; }
div.rectangle-content {width:100%; background-color:#549AD4; height:100%; padding:10px; box-sizing:border-box;}
div.procurement-category {width:100%; height:100%; background-color:#549AD4; box-sizing:border-box;}
div.rectangle-content:hover, div.procurement-category:hover {opacity:0.8; cursor:pointer; }
div.rectangle-image {margin-right:16px; height:100%; width:25%; margin-right:16px; box-sizing:border-box; background-position: center center !important; background-color:white; background-repeat: no-repeat; float:left;}
div.freeWidget {margin:0; height:auto; width:100%;  background-repeat: no-repeat !important; background-position: center center !important; position:relative;}
div.noticeWidget {margin:0; width:100%;  background-repeat: no-repeat !important; background-position: center center !important; position:relative;}
div.scrollableCheckboxes {max-height:100px; overflow-y:scroll; border:1px solid #CCCCCC; padding:4px;}
div.scrollableCheckboxes input[type='checkbox'] {clear:both;}
.widgetEditMode {border: 2px dashed #C2C5B9; box-sizing:border-box; min-height: 50px; overflow:hidden !important; position: relative;}
.widgetEditMode .widgetContent{opacity: 0.6; filter: alpha(opacity=60); }
.wideWidgetHolder {width: 99%;}
.mediumWidgetHolder {width: 49%;float: left;}
.mediumWidgetHolder .widget.agency-layout { width: 98%; margin:1%;}
.mediumWidgetHolder .tileWidget {height:0; padding-bottom:100% !important;}
.mediumWidgetHolder .rectangle-content {height:0; padding-bottom:20% !important;}
.narrowWidgetHolder {width: 33%;float: left;}
.widget ul { list-style: circle; padding: 6px 6px 6px 32px;}
.kcControlPanel {background:#F5F5F5; padding:0 8px 4px 8px; border:1px solid #D2D2D2; margin:10px 10px 5px 0; position:relative; top:-10px;}
.kcControlPanel input[type='text'] {width:350px; margin-right:10px;}
.kcControlPanel label {width:100px;}
.kcControlPanel span.options {float:right; margin-right:4px;}
.kcControlPanel span.options input[type='button'] { font-size:0.9em; min-width: 60px; padding: 4px; margin:0 4px 0 0; border-top-left-radius:0; border-top-right-radius:0;}
.gridster .move *:not(.btnEditWidget):not(.btnDeleteWidget):not(.gs-resize-handle){ cursor: move;}
.sortableWidgetPlaceholder { border: 1px dashed #888;display: inline-block; min-height: 130px; min-width:290px;background-color: #cee2f3;}
.move iframe { display: none;}
.widgetVideoPlaceholder { display: none; }
.move .widgetVideoPlaceholder { display: inline-block; }
.videoMask { position: relative; float: right; clear: none; right: -3px; top: -3px; width: 66%; margin:0 0 0 0.5%;}

.float-right { float: right; }
.widget-with-border { border:1px solid #D2D2D2; box-sizing:border-box;}
.gridster .widget-with-border { height:100%;} 
.widget-with-scrollbar {overflow:auto;}
.widget-with-padding { padding:6px 10px; }
.widget .unspscSelector {width:100%; box-sizing:border-box;}
.tile-layout {height:210px;}

/* For widgets that need to be autoresized in the gridlayout, remove all margins and use padding only or a fake margin (faux-margin) as we need to get the actual height of the content and margin is not included in the height */
.no-margin { margin:0 !important; }
.faux-margin { height:6px; }

/* Button Print KC page */
#btnPrintPage { background:url('images/printer.png') no-repeat scroll center 1px #295E8F; min-width:0; min-height:0; position:absolute; top:0px; right:7%; height:20px;}
#btnPrintPage:hover {cursor: pointer; border: 1px solid #08C; background-color:#FFF; color:#08C}
#btnPrintPage:hover {background: url('images/printer-blue.png') no-repeat scroll center 1px #FFF;}

/* Forum */
.moderated-forum-info {background: #f9f9f9; border: 1px solid #d4d4d4; display: inline-block; color: #888; padding:4px;}
.discussion .parent { border-bottom: #888 solid 2px; margin: 8px 0px; padding: 8px 8px; }
.discussion .parent .action { float: right; }
.discussion .parent .created-by { font-weight: bold; }
.discussion .parent .created-at { font-size: 0.8em; }
.discussion .parent .description { margin: 8px 0px 0px 0px; padding: 8px 8px; }

.discussion .child { background-color: #DDD; margin: 8px 0px; padding: 8px 8px; }
.discussion .child .created-by { font-weight: bold; }
.discussion .child .replied-at { font-size: 0.8em; }
.discussion .child .is-updated-by-moderator { font-size: 0.8em; font-style: italic; }
.discussion .child .moderation-pending-message { background-color: #FF9; font-weight: bold; padding: 2px 4px; }
.discussion .child .moderation-accepted-message { background-color: #9F9; font-weight: bold; padding: 2px 4px; }
.discussion .child .content { background-color: #FFF; margin: 8px 0px 0px 0px; padding: 8px 8px; overflow-wrap: break-word; }

/*Online ASR*/
.mapCanvasContainer{height: 600px;width: 100%;}
.executiveSummaryContainer{display: inline-block; width: 100%;margin-top: 20px;}
.fullReportContainer{width: 26%; float: right;}
.executiveSummaryHolder{width: 70%; float: left;}
.pdfContainer{width: 100%; height: 800px;}
#ddlReportsForDownload{width: 300px;}
.pdfViewer { background-color: #fff;}
#mapLegend { display: inline-block;display: none;}

/* ASR upload */
.asrYearPublishButton { width: 200px; height: 50px;}
.asrUnspscMappingError { max-height: 240px; overflow: auto; }
.search-filters {margin-top:12px !important}
.plainInfoMessage{color:#005689; margin:4px 0 8px 0; display:inline; background-color:#EBF7FF; background-repeat:repeat; }

/* Breadcrumbs */
.breadcrumb { margin-bottom: 5px; background-color:#F5F5F5;  position:relative; left:-10px; top:-10px; width:200%; padding:3px 10px;}
.breadcrumb li { padding: 4px; display: inline;}
.breadcrumb a{ text-decoration: none }
.breadcrumb li:before {content:url("images/arrow-right.png"); padding-right: 10px; }

/*LTA WebApi Test App*/
#LTAWebApiTest label {width:400px !important;}

/*IL White List*/
#WordAndWhiteListTypeCombinationExists {color:#E22; display:none;}