@charset "utf-8";
/*
    eProtocol Module
    
    @author charapidis
    Created on 30/10/2007
*/

/*	BASIC SETTINGS
-----------------------------------------------------------------------------
*/

body {
  margin: 5px;
  padding: 5px;
  background-image:url(/eProtocol/images/backgrounds/stripe.png);  	
  background-repeat:no-repeat;
  text-align: left;
  color: #000000;
  background-color: #cdcdcd;
}

a.props {
  font-weight: bold;
  color: navy;
  text-decoration: none;
}
a.props:active {  
  font-weight: bold;
  color: navy;
  text-decoration: none;
} 
a.props:visited {
  font-weight: bold;
  color: navy;
  text-decoration: none;
}
a.props:hover {
  font-weight: bold;
  color: green;
  text-decoration: none;
}

img, img:link,img:visited {
  border: 0px;
}


form {
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
}

/*  POSITIONING
-----------------------------------------------------------------------------
*/

.v-align-Top {        
  vertical-align: top;        
}

.alignTopRight {
  vertical-align: top;
  text-align: right;
}

.centerElements{
  display: block;
  text-align: center;    
}

.zeroMarginPadding{
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.alignLeft{
  text-align: left;
}
.topDiv3 {
  vertical-align: top;
  text-align: left;
  width :33%;
}

.v-align-top-150 {
  width: 150px;
  vertical-align: top;        
}


/*WIDTHS
-----------------------------------------------------------------------------
*/	

.fixed30px{
  width: 30px;
}

.protocolAnalysisFirstColumnWidth{ 
  vertical-align: top;  
  width :20% ;

}

.protocolAnalysisSecondColumnWidth{
  vertical-align: top;  
  width :80% ;

}

.protocolAnalysisInputWidth{
  width :90% ;
}

.paremeterTablesInputWidth{
  width :90% ;
}

.generalParametersFourColumnsFirstColumnWidth{
  width :12% ;
}

.generalParametersFourColumnsSecondColumnWidth{
  width :31% ;
}

.generalParametersFourColumnsThirdColumnWidth{
  width :31% ;
}

.generalParametersFourColumnsFourthColumnWidth{
  width :12% ;
}
.generalParametersFirstColumnWidth{
  width :12% ;
}

.generalParametersSecondColumnWidth{
  width :75% ;
}

.generalParametersInputWidth{
  width :90% ;
}

.columnWidth5bottom{
  width :5% ;
  text-align :center;
  vertical-align:bottom;
}

.columnWidth5{
  width :5% ;
}

.columnWidth5Right{
  width :5% ;
}

.columnWidth10{
  width :10% ;
}

.columnWidth10Right{
  width :10% ;
  text-align :right;
}

.columnWidth10Center{
  width :10% ;
  text-align :center;
}

.columnWidth15{
  width :15% ;
}

.columnWidth20{
  width :20% ;
}

.columnWidth30{
  width :30% ;
}

.columnWidth30Top{
  width :30%;
  vertical-align: top;
}

.columnWidth35{
  width :35% ;
}

.columnWidth40{
  width :40% ;
}

.columnWidth40Top{
  width :40% ;
  vertical-align: top;
}

.columnWidth50{
  width :50% ;
}

.columnWidth50Top{
  width: 50%;
  vertical-align: top;
}

.columnWidth50TopCyan{
  width: 50%;
  vertical-align: top;
  background-color: cyan;
}

.columnWidth50TopGreen{
  width: 50%;
  vertical-align: top;
  background-color: green;
}

.columnWidth60{
  width :60% ;
}

.columnWidth60Top{
  width :60% ;
  vertical-align: top;
}

.columnWidth65{
  width :65% ;
}

.columnWidth70{
  width :70% ;
}

.columnWidth70Top{
  width :70% ;
  vertical-align: top;
}

.columnWidth80{
  width :80% ;
}

.columnWidth90{
  width :90% ;
}

.columnWidth95{
  width :95% ;
}

.colAlignLeft{
  text-align :left;
}

.colAlignRight{
  text-align :right;
}

.colAlignCenter{
  text-align :center;
}

.colAlignCenterBigButton{
  text-align :center;
  width: 130px;
}


/*RICH FACES
-----------------------------------------------------------------------------
*/	
.buttoncenter{
  margin-left:auto;
  margin-right:auto;
}

.tooltip{
  color: #000;
}

.noRowBorders {
  border-bottom-width:0px;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  background-color: transparent;
}
/*.rich-panel-header, .rich-toolbar, .rich-panelbar-header, .rich-panelbar-header-act, .rich-stglpanel-header, .rich-menu-list-bg, .rich-table-header, .rich-mpnl-header {
background-image: none;
}*/

/*
.rich-panel-body input, select{
    font-size: 80%;    
}*/

/* PROTOCOL ANALYSIS
-----------------------------------------------------------------------------
*/	
/*unused*/
.protocolAnalysisLabel{
  font-weight:bold;	
}
/*unused*/
.spinnerInput{
  color: #f00;
}

/* LEFT PANEL
-----------------------------------------------------------------------------
*/	

#leftPanelInclude table img{
  cursor: pointer;
}

/* REPORTS
----------------------
*/

.formReportLabel{
  font-size: 12pt;
  font-weight: bold;
  padding: 0.5cm;
}

.messagesLabel{
  font-size: 12pt;
  font-weight: bold;
  color: #000;
}

.messagesErrorLabel{
  font-size: 12pt;
  font-weight: bold;
  color: #CC0000;
}

.messagesWarningLabel{
  font-size: 12pt;
  font-weight: bold;
  color: #F39814;
}

.reportLeftPanel{
  height:440px;
  overflow:auto;
}

.rich-panel-body{
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
}

legend{
  font-weight: bold;
  letter-spacing: 1px;
}

.size10Label{
  font-size: 10pt;
  font-weight: normal;
  color: #000;
}

.size12Label{
  font-size: 12pt;
  font-weight: normal;
  color: #000;
}

.size10Value{
  font-size: 10pt;
  font-weight: bold;
  color: #000;
}

.size12Value{
  font-size: 12pt;
  font-weight: bold;
  color: #000;
}

.bigButton {
  font-size: 14pt !important;
  padding: 5px 5px 5px 5px !important;
}

.clearButton {
  font-size: 14pt !important;
  padding: 5px 5px 5px 5px !important;
  background-color: transparent !important;
  background-image: none !important;
  color: tomato! important;
  border: 2px solid tomato !important;
  border-radius: 4px !important;
}