/**********************************************************************************************************
	RMS IT Application MOBILE Styles -
	
	DATE CREATED: 	9/1/2011
	DATE UPDATED:	9/1/2011
	AUTHOR:			Stefan Walz
	
	PLEASE NOTE
	This style sheet is for handheld and mobile devices.

**********************************************************************************************************/
/**** 8/19/2011 These styles were copied from the BDW application as a starting point ****/


html {
	overflow-x: hidden;
	overflow-y: auto;
}

/**** Custom styles ****/

div.tabContainer {
	overflow:auto;
	overflow-x: hidden;
	}

span.data {
	display:none;
}

#facetAccordion h3 {
	padding: 0.5em 0.5em 0.5em 2.2em;	
}

.facet {
	max-height: 300px;
}

.facet ul {
	padding: 0px; 
	margin: 0px;
}

.facet ul li {
	list-style:disc outside none;
	color:#cccccc;
	padding:0 0 5px 0;
	margin:0;
	font-size:12px;
}

.facet ul li a {
	font-size: 12px;
	vertical-align:text-top;	
}
.editRegionHelp {
	font-size:12px;	
}

.note {
	color:#666666;
	font-style:italic;
	font-weight:normal;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.4;
}

.ui-widget {
	font-size: 100%;
	}

/*
.ui-widget-content {
	border: 0px;
	}
*/

#ico_thumb_up , #ico_thumb_down { 
	margin-bottom: -5px; 
}

h5 {
	color:#666666;
	font:bold 120% Arial, sans-serif;
	margin:5px 0 8px 0;
	padding:0
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color:#551A8B;
}

.bold {
	font-weight: bold;	
}

.italic {
	font-style: italic;
}

p {
	font-size: 12px;
}

#masthead h2 {
	margin: 4px 0px 6px 0px;
	}
	

.statusDialogInfo {
	border: 1px solid #A19BC8;
	width: 97.5%;
	background-color: #DAD5F8;
	padding: 10px;
	margin-bottom: 8px;
}

.statusDialogError {
  border: 1px solid #CF7680;
  width: 97.5%;
  background-color: #F2CED2;
  padding: 10px;
  margin-bottom: 8px;
}
	

div.document_marking_container {
	text-align: center;
 	margin-left: auto;
  	margin-right: auto;
  	margin-bottom: 10px;
  	margin-top: 4px;
	width: 920px;
	height: 30px;
}

div.document_marking_inner {
	text-align: center;
 	margin-left: auto;
  	margin-right: auto;
	width: 920px;
	height: 30px;
	float:left;
}

div.security_marking {
	text-align: center;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #cc0000;
	float:left;
	height: 26px;
}
#raytheon_most_private {
	padding-top: 5px;
	padding-right: 20px;
	margin-right: 20px;
	border-right: solid 1px #ccc;
	font-size: 14px;
	}
#itar {
	padding-top: 2px;
}

.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}

.clear {
	clear:both;
}

#pagecell {
	min-height: 400px;
}

#pagecell-upload {
	min-height: 400px;
	padding:0;
}

div.scroll {
	overflow: auto;
	border: 0px solid #ccc;
	padding: 8px;
	overflow-x: hidden; 
}

.scroll200 {
	overflow: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.scroll250 {
	overflow: auto;
	max-height: 250px;
	overflow-x: hidden; 
}

.scroll300 {
	overflow: auto;
	max-height: 250px;
	overflow-x: hidden; 
}

.scroll400 {
	overflow: auto;
	max-height: 400px;
	overflow-x: hidden; 
}

.sectionHead {
	font-size: 12px;
	font-weight: bold;
	background-color: #dce3eb;
	padding: 5px;
	border-top: solid 1px #7c96a1;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-bottom: 5px;
	min-height: 18px;
	max-height: 18px;
	}
	
.sectionHead a:link, a:visited, a:hover, a:link {
	text-decoration:underline;	
}
	
.sectionContent {
	color: #000000;
	padding: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin:-5px 0 10px 0;
	min-height: 40px;
	font-size: 12px;
	}

.sectionContainer {
	padding: 7px;
	padding-top: 0px;
	/* font-weight: bold; */
}
	
.sectionContent p {
	font-size: 12px;
	}
	
.sectionFooter {	
	font-size: 11px;
	background-color: #eee;
	border-bottom: solid 1px #ddd;
	padding: 5px;
	margin-bottom: 10px;
	}
.sectionWrapper {
	width:19%;
	min-width:150px;
	margin-right:5px;
	float:left;
}
.contentWrapper {
	width:80%;
	float:right;
}
#wrapper {
	width:100%;		
}

/* Nav section for left nav on World Customer page */

.navSectionHead {
	background:url('inc/images/glass_5.png') repeat-x scroll 50% 50% transparent;
	color: #212121;
	border: 1px solid #AAAAAA;
	padding: 4px;
	font-size:normal;
	outline:medium none;
	-moz-border-radius:4px 4px 4px 4px;
}

.navSectionHeadSelected {
	text-decoration:none;
}

.navSectionHead a:link, a:visited, a:hover, a:link {
	text-decoration:none;	
}

.navSectionContent {
	margin: 7px;
}


/* table sorter */


table.tablesorter {
	font-family:arial;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #cdcdcd;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url('inc/images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 18px;
	margin-right: 18px;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	/* background-color: #FFF; */
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(inc/images/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 18px;
	margin-right: 18px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(inc/images/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 18px;
	margin-right: 18px;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
span.tableSorterData {
	display:none;
}


.pagination {
	height: 30px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 10px;
}

.pagination ul {
	margin: 0px;
	padding: 0px;
}

.pagination ul li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.pages li {
	float: left;
	padding-left:5px;
}
.pages li a {
	padding-left:5px;
}
.selectedPage {
	padding: 3px 4px 3px 4px;
	font-weight:bold;
	background-color: #DAD5F8;
	border: solid 1px #A19BC8;
	margin-left: 5px;
	margin-right: 3px;
}
.per_page {
	float:right;
	margin-bottom:15px;
}

div.breadcrumbContainer {
	width: 100%; 
	padding-bottom: 0px; 
	margin-top: 10px;
	margin-right: 0px;
	height: 24px;
	background-color: #e7ecf1;
}

div.breadcrumbContainer ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
ul.crumbs {
	height: 22px;
	border: 1px solid #ccc;
	font-size: 12px;
	padding-left: 5px;
	list-style-type: none;
	}
ul.crumbs {
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	}
ul.crumbs li {
	list-style-type: none;
	float:left;
	line-height: 22px;
	color:#333;
	padding: 0px;
	margin: 0px;
	}		
ul.crumbs li a {
	background:url(inc/images/crumbs.png) no-repeat right center;
	display: block;
	padding:0 15px 0 0px;
	margin-left: 12px;
	white-space: nowrap;	
	}
ul.crumbs li a:link,
ul.crumbs li a:visited {
	color: #333;
	text-decoration: none;
	}	
ul.crumbs li a:hover,
ul.crumbs li a:focus {
	color: #666;
	text-decoration: none;
	}


/** These are the styles for the facet filter tags on search.do **/

div.filterSearchContainer {
	width: 100%; 
	padding-bottom: 0px; 
	margin-top: 10px;
	height: 22px;
	margin-right: 0px;
}
div.filterSearchContainer ul li {
	list-style-type:none;
	padding: 0px;
	padding-right: 5px;
	margin: 0px;
}
.facetCrumbs ul {
	margin-right: 0px;
}
.facetCrumbs li {
	float:left;
	line-height: 22px;
	color:#333;
}	
.facetCrumbs li span {
	display:block;
	padding: 0px;
	white-space: nowrap;
	background-color: #ddd;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
}
.facetCrumbs li span a {
	padding-left: 6px;	
}


.aspect_tag_container {
	display:inline;
	font-style: italic; 
	color:#666; 
	margin-top: 3px; 
	margin-bottom: 20px;
	padding-top:0px;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
}

.aspect_tag {
	margin-right: 4px;
	margin-left: 4px;
	margin: 2px 4px;
	background-color: #fff;	
	font-size: 10px;
	padding: 2px;
	border: solid 1px #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
	white-space: nowrap;
}

div.threeCol, div.twoCol, div.twoColRev, div.twoEqualCol { 
	margin:0; 
	padding:0 
}
div.threeCol .leftColumn { 
	float:left; 
	width:250px; 
	margin:0; 
	padding:0; 
	font-size:80%; 
}

div.threeCol .rightColumn { 
	float:right; 
	width:300px; 
	margin:0; 
	padding:0; 
	font-size:80%; 
	min-height: 200px;
}

div.threeCol .middleColumn { 
	margin: 0 300px 0 250px; 
	font-size:80%;	
}


/* Two-column layout config */

div.twoEqualCol .leftColumn , div.twoEqualCol .middleColumn {
	float:left; 
	width:49%; 
	margin:0; 
	padding:0; 
	font-size:80%; 
}

div.twoCol .leftColumn { 
	float:left; 
	width:250px; 
	margin:0; 
	padding:0; 
	font-size:80%; 
}
div.twoCol .middleColumn { 
	margin-left:250px; 
	font-size:80%; 
}
div.twoColRev {
	float:left;
	width:100%;
	background:yellow;
}


div.rightNav .leftColumnWrapper{
	float: left;
	width: 100%;
}

div.leftColumnWrapper .leftFullColumn{
	margin-right: 250px; /*Set right margin to RightColumnWidth*/
}

div.rightNav .rightColumn {
	float: left;
	width: 250px; /*Width of right column in pixels*/
	margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}

.column-in {
	margin:0;
	padding: .5em;
}

/*BEGIN divs for the UPLOAD page*/

.leftColumn-upload {
	float:left; 
	margin:0; 
	padding:0; 
	width:70%;
	font-size:80%; 
}

.twoEqualCol-upload {
	width:100%; 
}

.middleColumn-upload {
	float:left; 
	margin:0; 
	padding:0; 
	width:30%;
	font-size:80%; 
}

.column-in-pin {
	margin:76px 0 0 0;
	padding: .5em;
}

.column-in-upload {
	margin:0;
	padding: .5em;
}

.sectionContent-upload {
	color: #000000;
	padding: 8px 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin:0 0 10px 0;
	min-height: 90px;
	font-size: 12px;
	}
	
.sectionHead-upload {
	background-color:#D1DEEB;
	color:#333333;
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight:bold;
	padding:2px 0 2px 3px;
	text-align:left;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	}
	
/*END divs for the UPLOAD page*/


.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

#article_rating {
	font-size: 12px;
}

/* Aspect management classes for tags */

.sortableAspect { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 60%;
}
.sortableAspect li { 
	margin: 15px;
}
.sortableAspect li span.wordItemContainer {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 15px;
	background-color: #eee;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: move;
}
.sortableAspect li span.wordManualItemContainer {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 15px;
	background-color: #DCE3EB;
	border: dotted 2px #ce1126;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: move;
}
.sortableAspect li span.wordItem {
	font-size: 14px;
	border: 0px;
}

.sortableAspect li span span.wordItemScore {
	font-size: 11px; 
	color:#888; 
	padding:0px;
	padding-left: 5px; 
	padding-right: 4px;
	margin:0px; 
	border: 0px;
}

.sortableAspect li span a.wordItemCloseX {
	color: #888;
	text-decoration: none;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 4px;
	margin-bottom: 6px;
}
.sortableAspect li span a.wordItemCloseX:hover {
	color: #aaa;
}


.xsltItemTitle {
	font-size: 12px; 
	margin-bottom: 0px;
	padding: 5px;
	padding-left: 0px;
	font-weight: bold;
	color: #555;
}
a.xsltItemTitle:link {
	text-decoration:underline;
	color:#0066b0;
}

a.xsltItemTitle:visited {
	text-decoration:none;
}

a.xsltItemTitle:hover {
	text-decoration:none;
	color:#0066b0;
}




/*news related sytles */
.newsArticle, .contentItem {
	font-size: 12px; 
	margin-bottom: 0px;
	padding: 5px;
}

.evenRow {
	background-color:#fff;
}
.oddRow {
	background-color:#eee;
}

.newsViews {
	color:#777;
}
.newsFeedInfo, .contentInfo {
	font-weight: normal;
	font-style: italic; 
	color:#666666;
	padding:2px 0;
}
.newsPreview, .contentPreview {
	font-weight: normal;
	padding:2px 0 3px 0;
}

.contentItemTitle {
	font-weight:normal;
	}

a.contentItemTitle:link {
	text-decoration:underline;
	color:#0066b0;
}

a.contentItemTitle:visited {
	text-decoration:none;
}

a.contentItemTitle:hover {
	text-decoration:none;
	color:#0066b0;
}

#externalHeader {
	background:#fff;
	height:90px;
	min-height:90px;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #A0A0A0;
}

#separator {
	background:none repeat scroll 0 0 #DCE3EB;
	height:2px;
}

.views {
	color:#777777;
}

.article_thumbs {
	color:#777777;
}

.user_article_rating {
	display:inline;
	padding:0;
	margin:0;
}

div.frame_warning {
	font-size:12px;
	font-style:italic;
	color:#ce1126;
	margin:0;
	padding-bottom: 7px;
}

.factbookField {
	padding-bottom:8px;
}

.factbookResult {
	color: #333;
}

/*a.quick_search:hover {
	background:none;
}*/
	
div#logoContainer {
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	padding-bottom: 20px;
	vertical-align: middle; 
	line-height: 8em;
}

div#logoContainerSmall {
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	vertical-align: middle; 
	line-height: 5em;
}

img.logo {
	vertical-align:middle;
	width: 190px;
	border: 0px;
}

img.logoSmall {
	vertical-align:middle;
	width: 100px;
	border: 0px;
}

img.mapImage {
	border: 1px solid #bbb;
	width: 230px;
	}


/* quick search style */

#util_include {
	float:right;
	padding:0 10px 0 0;
	z-index:auto;
}

#util {
	color:#333333;
	font: 75% Arial, Helvetica, Sans-Serif;
	right:2px;
	vertical-align:top;
}

#util a {
	color:#333333;
	font-weight:normal;
	font-size:13px;
}

#util_links {
	float:left;
	margin:5px 0 0 10px;
	padding:0 0 0 10px;
}

#quicksearch {
	color:#444444;
	float:left;
	font-weight:bold;
	margin:4px 15px 0 0;
	padding:0;	
}

#quicksearch label {
	visibility:hidden;
}

#quicksearch input {
	font:95% Arial, Helvetica, Sans-Serif;
	height:12px;
}

#quicksearch img {
	padding: 0 0 0 2px;
	/*position:absolute;*/
	vertical-align:middle;
}

div.restrictedTo {
	font-weight: normal;
	color: #555;
	margin-bottom: 5px;
	margin-left: 3px;
}

/* More... link style */

.details {
	padding-bottom:5px;	
}

a.more:link {
	/*font-weight:bold;*/
	color:#666465;
	text-decoration:none;
}

a.more:hover {
	font-weight:bold;
	color:#666465;
	text-decoration:underline;
}

/* Upload Page Styles */

#tabheader li {
	float:left;
	font-size:75%;
	}
	
#tabheader a {
	padding:4px 8px 0 4px;
	cursor:pointer;
}

#tabheader .current {
	
}

.mouseHover {
	background-color: lightblue;
}

.selectedSort {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 1px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}


/* styles for the nav on the left on the search page */

.facet_li {
	list-style:disc outside none;
	color:#cccccc;
	padding:0 0 5px 0;
	margin:0;
	font-size:12px;
}

/* styles for the 'Content Details' popup */
#chunkInfoWindowId .rightPanelHelp {
	font-size:12px;
	padding:2px;
	margin:7px 0 0 8px;
}

.rightPanel {
	width:415px; 
	float:left; 
	max-height:500px;
}

.leftPanel {
	width:410px;
	float:left; 
	max-height:510px;
	padding-left: 10px;
	border-right: 1px solid black;
}

#chunkInfoWindowId .leftPanelTop {
 	height:220px; 
 	padding: 10px;
}

#chunkInfoWindowId .chunkWordCloud {
	text-align: center; 
	height: 240px; 
	padding: 10px; 
	padding-bottom: 0px; 
	width:360px;
}

#chunkInfoWindowId .chunkWordCloudHelp {
	font-size:12px;
	padding-left:5px;
}

/* aspect/keyword editor styles */
.aspectTagHelp {
	font-size: 12px;
	padding-left:5px;
	margin:15px 0 0 5px;	
}

div.wordCloudDisplayContainer {
	border: solid 1px #ddd; 
	padding: 0px 8px 0px 8px; 
	background-color:#eee; 
	word-wrap: break-word;
}

.financeDiffHighlight {
	background-color: yellow;
}

#aspectPinList li img { 
	padding:0 3px;
	margin:0;
}
#aspectPinList {
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
}

#aspectPinList li {
	font-size: 1.2em;
	padding:2px 0;
}

/* auto complete styles */


/* my styles above */

.ac_results {
	padding: 0px;
	border: 1px solid #cccccc;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 3px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	
	font-size: 14px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 15px;
	overflow: hidden;
}

.ac_loading {
	background: #fff url("../images/ajax-loader-small.gif") right center no-repeat;
}

.ac_odd {
	background-color: #fff;
}

.ac_over {
	background-color: #D1DEEB;
	color: #000;
	cursor: pointer;
}


/* end autocomplete styles */

#chunkAutoAspect {
	font-size: .8em;
	margin:8px 0 0 10px;
}

/* role form styles */
.roleUserName {
	width: 345px;
}

.roleUserId {
	width: 200px;	
}

.roleAction {
	width: 64px;	
}

.roleIsBd {
	width: 35px;	
}
/* end role form styles */


.gray {
	color: #777;
	}

.lightGray {
	color: rgb(136, 136, 136);
	padding-left:2px;
}

.tab {
	padding:4px; 
	padding-left:6px; 
	padding-right:6px; 
	font-size: 13px;
}

.headerRow {
	background-color: #ccc; 
	text-align:center; 
	font-weight:bold;
}

.lineItem {
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.lineItemFirstRow {
	border-top: solid 3px black;	
}

.lineItemLastRow {
	border-bottom: solid 3px black;	
}


#ribbonBanner {
	position: fixed; 
	right:0px; 
	top:0px; 
	margin:0px; 
	padding:0px;
	visibility: visible; 
	opacity: 0.95;
	height:125px;
	width:125px;
}

.browseSelectedItem {
	font-weight: bold;
	border: 1px solid #A19BC8;
	background-color: #DAD5F8;
	padding: 5px;
	margin-bottom:5px;
}

input.primaryButton {
	/* color: blue; */
}

.customerProductModelHash {
	display:none;
}


/** fix hidden tabs issue with flash **/
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.underlinedHyperlinks a {
	text-decoration:underline;
}

#breadcrumb_box {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    margin: 0 0 8px;
    min-height: 25px;
    min-width: 650px;
    padding: 8px 0 0;
    width: 100%;
}

#breadcrumb_label {
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    padding: 2px 5px 0 10px;
}

#breadcrumb_actions {
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 4px 1px;
}

#breadcrumbListDiv {
    float: left;
    font-size: 0.75em;
    margin: -1px 0 0;
}

#breadcrumb_actions input {
    font-size: 90%;
}

/* Set breadcrumb links to be
grey and padded two pixels on the left */
#breadcrumbListDiv a {
	color: #999;
}

/* Set font size for breadcrumbs */
#breadcrumbListDiv {
	margin: -1px 0 0 0;
	font-size: 0.75em;
	float: left;
}

/* Remove bullets/numbers from the
ordered list that outputs the
breadcrumbs */
#breadcrumbListDiv ol {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbListDiv ol li {
	display: inline;
	padding: 0 8px 0 0;
}

/* Display the breadcrumb list items
in a row rather than stacked */
#breadcrumbListDiv ol li ol {
	display: inline;
}

/* Display nested breadcrumb list items
in a row rather than stacked */
#breadcrumbListDiv ol li ol li {
	display: inline;
	padding: 0 2px 0 0;
}

/* Make the names of dimensions in the
breadcrumbs be brown */
#breadcrumbListDiv .breadcrumbLabel {
	color: #4488cd;
}

div.noteAuthorTime {
	font-style: italic;
	color: #555;
	font-size: 11px;
	margin: 3px 0px 5px 30px;
}

ul.knownClient {
	list-style-type:none;
}
ul.knownClient li span a img {
	position:relative;
	top:3px;
}
.required {
	background-image: url(inc/images/required-field.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;
	/*IE7 hack*/
	display: inline-block;
}
.error {
	background-color: yellow;
}

td.gwiInputCell {
	margin: 0px !important;
	padding: 0px !important;
}

input.gwiInput {
	border: none;
	background: none;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	display:table-cell;
	width: 90%;
}

input.gwiInput:focus {
	border: solid #bbb 1px;
}

input.gwiUnsavedChange {
	background-color: yellow !important;
	border: solid gold 1px;
}

input.gwiRecentlyChanged {
	background-color: #b1d28f;
	border: solid #77b753 1px;
}

.verticalText {
	white-space:nowrap;
	font-weight:normal;
	display:block;
	width: 18px;
	margin-bottom: 5px;
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: top middle;
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: bottom left;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	writing-mode: tb-rl;
}

#dodProcurementSnippetTable, #dodResearchSnippetTable {
	font-size:80%;
}

