/*
 * Copyright 2008 IHE International (http://www.ihe.net)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**********************************************
 HTML tag styles                             
**********************************************/

/******* hyperlink and anchor tag styles *******/
a:link, a:visited {
	color: #005FA9;
	text-decoration: none;
}

/************** header tag styles **************/
h1 {
	font: bold 120% Arial, sans-serif;
	margin: 0;
	padding: 0;
}

h2 {
	font: bold 114% Arial, sans-serif;
	color: #069;
	margin: 0;
	padding: 0;
}

h3 {
	font: bold 100% Arial, sans-serif;
	color: #334d55;
	margin: 0;
	padding: 0;
}

h4 {
	font: 100% Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

h5 {
	font: 100% Arial, sans-serif;
	color: #334d55;
	margin: 0;
	padding: 0;
}

/*************** list tag styles ***************/
ul {
	list-style-type: square;
}

ul ul {
	list-style-type: disc;
}

ul ul ul {
	list-style-type: none;
}

label {
	font: bold 1em Arial, sans-serif;
	color: #334d55;
}

input {
	font-family: Arial, sans-serif;
}

/**********************************************
 Layout Divs                                 
**********************************************/
#pagecell1 {
	position: absolute;
	top: 95px;
	left: 10px;
	right: 10px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#tl {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#tr {
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#masthead {
	position: absolute;
	z-index: 50;
	top: 5px;
	left: 10px;
	right: 10px;
	max-height: 80px;
}

#pageNav {
	float: left;
	width: 178px;
	background-color: #F5f7f7;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font: small Verdana, sans-serif;
	padding: 2px;
}

#content {
	margin: 0;
	padding: 5px 5px;
	background: #fff;
	/*position:relative;*/
}

/**********************************************
 Component Divs                              
**********************************************/
#siteName {
	color: #fff;
}

#panelStyle {
	position: absolute;
	left: 2%;
	right: 2%;
	width: 95.6%;
}

/************** utility styles *****************/
#utility {
	z-index: 90;
}

a.topbarLink:link, a.topbarLink:visited {
	color: #FFFFFF;
}

.menuLink {
	color: #000000;
	text-decoration: none;
}

a.menuLink:link, a.menuLink:visited {
	color: #000000;
	text-decoration: none;
}

/************** pageName styles ****************/
#pageName {
	border-bottom: 1px solid #ccd2d2;
	margin: 0;
	padding: 0 0 14px 10px;
}

#pageName h2 {
	font: bold 175% Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

#pageName img {
	position: absolute;
	top: 8px;
	right: 6px;
	margin: 0;
	padding: 0;
}

/************* globalNav styles ****************/
#globalNav {
	/*
position:absolute;
top:34px;
width:100%;
min-width:640px;
height:32px;
background-image:url(/ProductRegistry/img/glbnav_background.gif);
color:#ccc;
margin:0;
padding:0;
*/
	
}

#gnl {
	position: absolute;
	top: 0;
	left: 0;
}

#gnr {
	position: absolute;
	top: 0;
	right: 0;
}

#globalLink {
	
}

a.glink, a.glink:visited {
	font-size: small;
	color: #000;
	font-weight: 700;
	border-right: 1px solid #8FB8BC;
	margin: 0;
	padding: 2px 5px 4px;
}

a.glink:hover {
	background-image: url(../img/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {
	display: none;
}

/************ subglobalNav styles **************/
.subglobalNav {
	position: absolute;
	top: 84px;
	left: 0;
	min-width: 640px;
	height: 20px;
	visibility: hidden;
	color: #fff;
	padding: 0 0 0 10px;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #fff;
}

.subglobalNav a:hover {
	color: #ccc;
}

/*************** search styles *****************/
#search {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 101;
}

#search input {
	font-size: 70%;
	margin: 0 0 0 10px;
}

#search a:hover {
	margin: 0;
}

/************* breadCrumb styles ***************/
#breadCrumb {
	font: small Verdana, sans-serif;
	color: #005FA9;
	padding: 5px 0 5px 10px;
}

#breadCrumb a {
	color: #005FA9;
}

#breadCrumb a:hover {
	color: #005FA9;
	text-decoration: underline;
}

/************** feature styles *****************/
.feature {
	font-size: 80%;
	min-height: 200px;
	height: 200px;
	padding: 0 0 10px 10px;
}

/*** html>body .feature {height: auto;} ***/
.feature h3 {
	font: bold 175% Arial, sans-serif;
	color: #000;
	padding: 30px 0 5px;
}

.feature img {
	float: left;
	padding: 0 10px 0 0;
}

/*************** story styles ******************/
.story {
	font-size: 80%;
	padding: 10px 0 0 10px;
}

.story h3 {
	font: bold 125% Arial, sans-serif;
	color: #000;
}

.story p {
	padding: 0 0 10px;
}

.story a.capsule {
	font: bold 1em Arial, sans-serif;
	color: #005FA9;
	display: block;
	padding-bottom: 5px;
}

td.storyLeft {
	padding-right: 12px;
}

/************** siteInfo styles ****************/
#siteInfo {
	clear: both;
	font-size: small;
	color: #005fa9;
	margin-top: 0;
	padding: 0 0;
	/*top:20px;*/
	/*left:2%;
right:2%;
width:95.6%;*/
	width: 100%;
	position: relative;
	-position: fixed;
	-z-index: -1000; /* for IE6 */ /
	z-index: -1000; /* for IE7 */
}

#siteInfo a {
	color: #FFF;
}

#siteInfo img {
	vertical-align: middle;
	padding: 4px 4px 4px 0;
}

#sectionLinks h3 {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 2px 10px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-image: url(../img/bg_nav.jpg);
	font-weight: 700;
	color: #21536A;
	padding: 3px 0 3px 10px;
}

#sectionLinks a:hover {
	border-top: 1px solid #ccc;
	background-color: #DEF;
	background-image: none;
	font-weight: 700;
	text-decoration: none;
}

/************* relatedLinks styles **************/
.relatedLinks {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0 0 10px 10px;
}

.relatedLinks h3 {
	padding: 10px 0 2px;
}

/**************** advert styles *****************/
#advert {
	padding: 10px;
}

/********************* end *********************/
input, textarea {
	border: 1px solid #BBBBBB;
	font-size: 10px;
	background: #F0F8FF;
	color: black;
}

a:hover.commandButtonRed, a:hover.commandButtonGreen, a:hover.commandButtonBlue,
	a:hover.commandButtonOrange, a:hover.commandButtonGrey, a:hover.commandButtonDisabled
	{
	text-decoration: none;
	color: white;
}

.commandButton, input[type="submit"], input[type="file"] {
	background-color: #4477AA;
	color: white;
	cursor: pointer;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: gray;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
}

.commandButtonRed {
	background-color: #FF4136 !important;
	background-image: none !important;
	color: white !important;
	cursor: pointer;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: black;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.commandButtonGreen {
	background-color: #2ECC40 !important;
	background-image: none !important;
	color: black !important;
	cursor: pointer; 
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: black;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.commandButtonBlue {
	background-color: #0074D9 !important;
	background-image: none !important;
	color: white !important;
	cursor: pointer; 
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: black;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.commandButtonOrange {
	background-color: #FF851B !important;
	background-image: none !important;
	color: white !important;
	cursor: pointer; 
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: black;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.commandButtonGrey {
	background-color: #AAAAAA !important;
	background-image: none !important;
	color: white !important;
	cursor: pointer; 
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: black;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.commandButtonDisabled {
	background-color: #BBBBBB;
	color: white;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-color: gray;
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.tableControl, .actionButtons {
	width: 100%;
}

.tableControl {
	text-align: right;
}

.footer {
	text-align: center;
	font-size: 10px;
}

.columnHeader:hover {
	color: #F60;
}

.message {
	border: 1px solid #FC0;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F0F8FF;
	font-size: 12px;
	padding: 5px;
}

.rowEditTemplate {
	height: 27px;
}

.name {
	vertical-align: middle;
	font-weight: 700;
	width: 125px;
}

.nameColumn {
	text-align: left;
}

.value {
	vertical-align: middle;
	padding: 5px;
	-border-top: 10px;
}

.error {
	float: left;
	margin-left: 20px;
	padding: 5px;
	vertical-align: middle;
}

.errorsNoBorder {
	color: red;
	vertical-align: middle;
	vertical-align: middle;
}

.errors {
	color: red;
	vertical-align: middle;
}

.valid {
	color: ForestGreen;
	padding-left: 10px;
	font-weight: bold;
	vertical-align: middle;
}

.required {
	color: red;
	padding-left: 2px;
}

.tableEditTemplate {
	border-width: 0px;
}

.nameColumn {
	width: 135px;
}

/*********** Add Icons  : jchatel **********/
.iconHome {
	margin-top: 10px;
	height: auto;
}

.iconHome img {
	height: 120px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/********* richfaces*********************/
.rich-table {
	width: 100%;
}

.rich-inplace-select-list-decoration {
	background-color: #ecf4fe;
}

/*.rich-inplace-select-shadow {
background-color:#ecf4fe;
}*/
.rich-inplace-select-field {
	font: 1em Arial, sans-serif;
	color: #334d55;
}

.rich-inplace-select-selected-item {
	font: 1em Arial, sans-serif;
	color: #334d55;
}

.rich-calendar-tool-btn {
	font-family: Arial, Verdana;
}

a:hover, #utility a:hover, .story a.capsule:hover {
	text-decoration: underline;
}

form, #sectionLinks {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#utility a, #search a:link, #search a:visited {
	color: #fff;
}

.relatedLinks a, #advert img {
	display: block;
}

.errors input, .errors textarea {
	border: 1px solid red;
}

/********* Tooltip for help (from http://livedemo.exadel.com/richfaces-demo/richfaces/toolTip.jsf;jsessionid=08B5F56E1258799B9CE7C79B1300E858?c=toolTip )*********************/
.tooltip {
	background-color: #{richSkin.generalBackgroundColor};
	border-width:3px;
	padding:10px;
	color:#000000;
}
.tooltip-text {
	width: 350px;
	height: 80px;
	cursor: arrow;
	display: table-cell;
	vertical-align: middle;
	margin-left: 10px;
}

.tooltipData {
	font-weight: bold;
}

.panelForCriteria {
	font: 140% white;
	/* background-color: green;    Color used to work on layout (to determinate your css/panel sizes)*/
	background-color: none;
	background: none;
	padding: -8px -8px -8px -8px;
	margin-left: -8px;
	margin-right: 0;
	margin-top: -12px;
	margin-bottom: -10px;
	padding-left: -8px;
	border: 0;
	/* font-size: 10px;
				color: black; 
				
dvdstore/view/screen.css:        
			background: url(img/nav.tab.left.gif) no-repeat left top;
			background: url(img/nav.tab.right.gif) no-repeat right top;
	*/
}

.imageRemoveCriteriaForPanelInAdvancedSearch {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 2px;
	cursor: pointer;
	border: 0;
}

.imageAddCriteriaForPanelInAdvancedSearch {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 2px;
	cursor: pointer;
	border: 0;
}

.coloredBarForCriteriaAdvancedSearch {
	/*background: url(../img/blueBarStripe.gif) repeat; background-size: auto ;*/
	/* grey - background-color : #ACA9AC ; */
	background-color: #4A76B5;
	padding-top: 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*background-color: grey;*/
	width: 800px;
	height: 40px;
}

.coloredBarForCriteriaEasySearch {
	/*background: url(../img/blueBarStripe.gif) repeat; background-size: auto ;*/
	/* grey - background-color : #ACA9AC ; */
	background-color: #4A76B5;
	/** blue ciel - background-color : #88B8DD; */
	padding-top: 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 800px;

	/*background-color: grey;*/
	/*jrc height: 140px;*/
}

.whiteDivForButtonsDuringSearch {
	/*background: url(../img/blueBarStripe.gif) repeat; background-size: auto ;*/
	/* grey - background-color : #ACA9AC ; */
	background-color: white;
	/** blue ciel - background-color : #88B8DD; */
	padding-top: 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #4A76B5;
	/*background-color: grey;*/
	width: 800px;
	/*jrc height: 140px;*/
}

.radiusStyleInCorners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.radiusStyle25InCorners {
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

.crawlerGreenPanel {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 5px solid #55D400;
}

.crawlerRedPanel {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 5px solid red;
}

.crawlerSummary {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 180px;
	border: 2px solid grey;
	background-color: #FFFFFF;
	padding: 0px;
}

.importButton {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 150px;
	border: 2px solid #3265FA;
	background-color: #FFFFFF;
	padding: 0px;
}

.test {
	font-style: italic;
}

.commandButtonWhite {
	background-color: #FFFFFF;
	color: #4A76B5;
	margin: 5px; /
	margin: 3px; /* for IE 7 */ /
	padding-left: 5px; /* for IE 7 */ /
	padding-right: 5px; /* for IE 7 */
	-margin: 3px; /* for IE 6 */
	-padding-left: 5px; /* for IE 6 */
	-padding-right: 5px; /* for IE 6 */
	border-color: gray;
}

.coloredBarForCriteriaLeft {
	padding-top: -3px;
	padding-bottom: 14px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -20px;
	height: 100%;
	background-color: none;
	background: none;
	/*background: url(../img/corners_criteria_bar_left.gif) no-repeat left top;*/
}

.coloredBarForCriteriaRight {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -5px;
	margin-bottom: -10px;
	margin-right: -15px;
	height: 100%;
	background-color: none;
	background: none;
	/*background: url(../img/corners_criteria_bar_right.gif) no-repeat right top; */
	/*background-color: green; */
}

.dataListForNewCriteriaInAdvancedSearchPR {
	/*margin-top:-44px; */
	list-style-type: none;
}

.dataListForAllSelectedCriteriasInAdvancedSearchPR {
	list-style-type: none;
}

.panelForActionButton {
	font: 140% white;
	background-color: green;
	/* Color used to work on layout (to determinate your css/panel sizes)*/
	/*background-color: none;*/
	background: none;
	padding: -8px -8px -8px -8px;
	margin-left: -8px;
	margin-right: 0;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-left: -8px;
	border: 0;
}

.panelForPRHomePage {
	margin: -5px;
	padding: -10px;
	background-color: none;
	background: none;
	border: none;
}

.panelStyleForFileUpload {
	margin: -5px;
	padding: -10px;
	background-color: none;
	background: none;
	border: none;
}

/** Style for Tree */
.rich-tree {
	text-align: left;
}

/** Style for modal panel */
/* = Downloads modal dialog styles (this has replaced stylesheet: modal.css) */
#modallayer {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
	text-align: left;
	background-image: url(/theme/images/common/background_trans.gif);
}

#dialog {
	position: relative;
	width: 440px;
	min-height: 100px;
	margin-top: 100px;
	border: 1px solid #94aebd;
	background-color: #f3f3f3;
	background-image: url(/theme/images/common/modaldialog_infoicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	text-align: left;
}

#modallayer>#dialog {
	position: fixed;
}

#modallayer h4 {
	background-image: url(/img/modal/modaldialog_hdrbkg.gif);
	background-repeat: repeat-x;
	background-color: #d5d5d5;
	font-weight: bold;
	font-size: 15px;
	color: #243446;
	height: 28px;
	text-indent: 20px;
	margin: 0px;
	padding-top: 15px;
}

#modallayer p {
	padding: 2px 10px 2px 110px;
}

#modallayer #buttonrow {
	background-image: url(/img/modal/modaldialog_footrbkg.gif);
	background-repeat: repeat-x;
	background-color: #d5d5d5;
	color: #243446;
	height: 33px;
	padding-left: 110px;
	padding-top: 10px;
	margin: 0px;
	border-top: none;
}

#modallayer #buttonrow ul {
	padding-left: 0px;
	margin-left: 0px;
	display: inline;
}

#modallayer #buttonrow ul li {
	list-style: none;
	display: inline;
	padding-right: 4px;
}

#modallayer #buttonrow .hrefbuttons {
	background-color: #4A5D75;
	border-color: #94AEBD #233345 #233345 #94AEBD;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 10px;
	text-decoration: none;
}

.ti-row1 {
	background-color: #EDEBEB;
}

.ti-row2 {
	background-color: #ffffff;
}

.row-red {
	background-color: #FFCCCC;
}

.row-blue {
	background-color: #EAF0F8;
}

.row-yellow {
	background-color: #FFFF66;
}