/*
 * 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:105px;
left:2%;
/left : 2% ;
right:2%;
width:95.6%;
/width:95.6%;

background :#fff;
}

#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:95; 
top:5px;
left:2%;
right:2%;
width:95.6%;
}

#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; 
}


#pagecell1 {
position:absolute;
/*top:105px; */
/*color:#0f0;*/
}

/************** 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; 
}


.commandButton
{
    background-color: #4477AA;
	color: white;
	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;
}

.commandButtonDisabled
{
    background-color: #BBBBBB;
	color: white;
	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;
}

.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;
background-image:url(img/error.gif);
background-repeat:no-repeat;
padding:5px;
vertical-align: middle ;

}

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

.errors {
color:red;
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;
}

.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;
}