/********************************************************************************************************* 
First make sure we remove many lines from Panels and Grids.
*/

.cleanPanel {
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}
.cleanPanel div {
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.cleanPanelGrid {
	margin: 0px;
	padding: 0px;
	border: 0px !important; 
}
.cleanPanelGrid tbody tr {
	margin: 0px;
	padding: 0px;
	border: 0px !important; 
}

.cleanPanelGrid tbody tr td {
	margin: 0px;
	padding: 0px;
	border: 0px !important; 
}

.dropdown {
	width: 225px !important;
	padding: 0px !important;
	vertical-align: middle;
}

/********************************************************************************************************* 
Styling for the TWO main columns: menuPanel and dataPanel.
*/

.menuPanel {
	width: 320px !important;
	font-size: 12px;
	vertical-align: top;
}

.dataPanel {
	width: 680px !important;
	padding: 0px !important;
	margin: 0px !important;
	vertical-align: top;
}

/********************************************************************************************************* 
Styling for category menu.
*/


/* Filter Level */
.menuNode {
	border-top: 2px solid #BFBFBF !important;
	margin: 1px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.menuNode span {
	font-weight: bold;
	font-size: 14px;
	color: #5F5F5F !important;
}

.menuNode span.ui-state-hover {
	box-shadow: none !important;
	color: #E0922F !important;
	font-weight: bold !important;
	background-color: white !important;
	background-image: none !important;
}

.menuNode .ui-state-highlight {
	background-color: yellow !important;
	color: #E0922F !important;
	background: white !important;
	text-shadow: none !important;
	font-weight: bold !important;
}

/* Category Level */
.menuNode .menuNode {
	border-top: 1px solid #BFBFBF !important;
	margin-left: 10px !important;
}

.menuNode .menuNode span {
	font-weight: bold;
	font-size: 12px;
}

/* SubCategory Level */
.menuNode .menuNode .menuNode {
	
}	
.menuNode .menuNode .menuNode span {
	font-weight: normal;
}

.menuNode .menuNode .menuNode span.ui-state-hover {
	font-weight: normal !important;
}

.menuNode .menuNode .menuNode .ui-state-highlight {
	font-weight: normal !important;
}


/********************************************************************************************************* 
Styling for input panel.
*/
.smallInputPanel {
	background: none repeat scroll 0 0 #DDECED !important;
	border-radius: 10px 10px 10px 10px !important;
	color: #4F4F4F;
	font-size: 12px;
	width: 680px;
}
.smallInputPanel  {
	padding-top: 20px !important;
}
.smallInputPanel tbody tr td {
	padding-left: 10px !important;
	padding-right: 10px !important;	
	background: none repeat scroll 0 0 #DDECED !important;
}

.inputLabel {
	width: 115px;
}

.inputValue {
	width: 305px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	text-align: left;
}

.inputValue div {
	vertical-align: middle !important;
}
.inputValue input {
	background-color: white !important;
	width: 70px;
}

.inputEnd {
	width: 160px;
}

.cleanPanelInput {
	background: none repeat scroll 0 0 #DDECED !important;
}

.buttonPanel {
   	border: 0px !important;
   	background-color: transparent !important;
   	width: 100%;
   	margin-bottom: 10px !important;
}
.inputPanelSpacing {
	height: 5px !important;
	background: none repeat scroll 0 0 #DDECED !important;
}

/********************************************************************************************************* 
Styling for input elements.
*/

.keywordInput {
	border: 1px darkgray solid !important;
	width: 225px !important;
	font-weight: normal !important;
}

.searchButton {
	float: right !important;
    background-position: 0px -138px !important;
}

.searchButton:hover {
    background-position: 0px -188px !important;
}

.clearButton {
	float: left !important;
	margin-right: 15px;
}

/********************************************************************************************************* 
Styling for the searchresult table.
*/


.searchResultTable div {
	border: 1px  #A8A8A8 solid !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
	width: 680px !important;
}
.searchResultTable div table thead tr th {
	font-weight: normal !important;
	font-size: 12px;
}
.searchResultTable div table thead tr th select {
	margin-top: 5px;
	font-weight: normal !important;
	font-size: 12px !important;
}

.searchResultTable div table tfoot tr td {
	font-weight: normal !important;
	font-size: 12px;
}

.searchResultTable div table {
	border: none !important;
}


.searchResultTable div table tbody  {
	border: none !important;
}


.searchResultTable div table thead tr th {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}
.searchResultTable div table tfoot tr td select {
	margin-top: 5px;
	font-weight: normal !important;
	font-size: 12px !important;
}
.searchResultTable div table tbody tr td {
	font-size: 12px;
	color: #5F5F5F !important;
}

.searchResultTable div table tbody tr:hover {
	box-shadow: none !important;
}

.searchResultTable div table tbody tr:hover td {
	color: #E0922F !important; 
}

.searchResultTable div table tbody tr.ui-datatable-odd {
	background-color: #F2F5F9;
}

.searchResultTable div table tbody tr.ui-datatable-odd:hover {
	background-color: #F2F5F9;
	background-image: none;
}

.searchResultTable div table tbody tr.ui-datatable-even:hover {
	background-color: white;
	background-image: none;
}

.searchResultTable div tr  td {
	padding: 5px !important;
}

.searchResultTable div tr.ui-state-highlight td {
	text-shadow: none;
}

.ui-paginator-rpp-options {	
	float: left !important;
	width: 60px !important;	
}


/********************************************************************************************************* 
Styling for the details page.
*/

.imageTitle {
	text-decoration: underline !important;
	font-style: italic;
}

.breadCrumb {
	width: 150px !important;
	color: #5F5F5; //#80c2c8;
	font-weight: bold !important;
}

.detailsLink {
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration: underline;
	float: right !important;
	width: 60px !important;
}

.value {
	width: 320px !important;
	color: #5F5F5F !important;
	padding-right: 10px !important;
	font-size: 12px;
	vertical-align: top;
}

.value label {
	font-weight: bold;
	margin-top: 8px;
}

.value h1 {
	font-size: 16px !important;
}

.value h2 {
	font-size: 14px !important;
	color: #E0922F; 
}

.value div {
	border: 0px;
}

.value div {
	border: 0px;
	
}

.value div table {
	width: 250px;
}

.value div table thead tr th {
	border: 0px !important;
	background-image: none !important;
	background-color: white !important;
	text-align: left;
}
.value div table thead tr th {
	border: 0px !important;

}

.value div table tbody {
	border: 0px !important;
}

.value div table tbody tr   {
	border: 0px !important;
}

.value div table tbody tr td {
	border: 0px !important;
	background-color: white !important;
	color: #594f52;
}

.value div table tbody tr td div {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.vendorDetails h1 {
	font-size: 16px !important;
	font-weight: bold;
}

.vendorDetails h2 {
	font-size: 14px !important;
	color: #E0922F;
}

.valuePanel {	
	border: 0px !important;
	padding: 0px !important;
	
}
.valuePanel div{	
	margin: 0px 0px 8px 0px !important;
}

hr {
	height: 1px !important;
}

.1vendorDetails div h3  {
	background-color: transparent !important;
	background-image: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid lightgrey !important;
	
	padding-left: 0px !important;
}

.1vendorDetails div h3:hover  {
	box-shadow: none !important;
}


.vendorDetails div h3 a {
	color: #E0922F !important;
	padding-left: 0px !important;
	font-size : 14px !important;
}

.1vendorDetails div h3 {
	line-height:20px !important;
}

.vendorDetails div span {
    display: none;
}


.vendorDetails div h3:hover a {
	text-decoration: underline;
}

.vendorDetails div div {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}


/********************************************************************************************************* 
Styling for the popup dialogs.
*/

.accessrhPopup {
	font-size: 12px !important;
}
.accessrhPopup div table {
	border: 0px !important;
}
.accessrhPopup div table tbody tr {
	border: 0px !important;
}
.accessrhPopup div table tbody tr td {
	border: 0px !important;

}

.accessrhPopup .ui-dialog-titlebar {
	background-image: none;
	background-color: #9dc5c9 !important;
	text-decoration: none !important;
	text-shadow: none;
	font-size: 16px !important;
	color: white !important;
    font-family: Helvetica, sans-serif !important;
}
.radioOptions tbody tr td {
	margin-right: 10px !important;
	padding-right: 10px !important;
}

.pdfLink {
    background: url("../images/button.png") no-repeat transparent !important;
    border: 0px !important;
    color: #FFFFFF;
    cursor: pointer;
    font: 16px/22px 'PMNCaeciliaW02-75Bold',Georgia,serif;
    height: 34px;
    padding: 0px 25px 5px 7px !important;
    width: 200px;
}

.pdfLink div {
	padding-top: 5px !important;
	padding: 6px 25px 5px 7px !important;
    color: #FFFFFF;
    font: 16px/22px 'PMNCaeciliaW02-75Bold',Georgia,serif;
}

.pdfLink:hover {
    background: url("../images/button_hover.png") no-repeat transparent !important;
}






/********************************************************************************************************* 
Styling for the Vendor table.
*/

.vendorInputPanel {
	background: none repeat scroll 0 0 #DDECED;
	border-radius: 10px 10px 10px 10px;
	color: #4F4F4F;
	font-size: 12px;
	width: 680px;
}
.vendorInputPanel  {
	padding-top: 20px !important;
}
.vendorInputPanel tbody tr td {
	padding-left: 10px !important;
	padding-right: 10px !important;	
}

.vendorInputPanel tbody tr td input {
	background-color: white;
}

.vendorResultTable {
	border: 0px  white solid !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.vendorResultTable tbody tr td {
	font-size: 12px;
}

.vendorColumn1 {
	width: 40px;
}

.vendorColumn2 {
	width: 145px;
}
.vendorColumn3 {
	width: 470px;
}