/*  
   Common styles for the component/interface system 
	Copyright (c) DoJiggy
*/

/* define the basic fonts here */
body
{
  font-size : 10pt;
  font-family: Arial, Helvetica, Geneva;
  font-weight : normal;
}

/* error handling */
.system_error, .error
 { border: 1px solid #ffcc00; text-align: center; 
 width: 100%; background-color: #ffc; color: red; margin-top: 30 px;  margin-bottom: 50 px; }

.field_error_list { 
	color: red; margin-left: 0; margin-bottom: 0 ; font-weight: bold; font-size: 8pt
}

.validation_error {color: red; font-weight: bold; padding-left: 10px }

/* end error handling */

.subscreen { font-size: 12pt; font-style: italic }

.dataentry_table 	{ 
	background-color: #EFF0EB;
}

.Text500
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
}


.fieldHelp, .field_helptext { 
	color: ##767676; 
	font-size: 11px;
	font-weight: normal; 
	margin-left: 15px;
}


.fieldHelp { font-size: 8pt; font-style: italic; margin-left: 15px; COLOR: #333333;
}

.quickStartNote { font-size: 120%; margin-bottom: 10px}
.dataLabel2 { 
	color: ##767676; 
	font-size: 12px; 
	margin-left: 5px; 
	font-weight: bold 
}

.filterLabel { 
	color: ##767676; 
	font-size: 10px; 
	margin-left: 0px; 
	font-weight: normal;
	width: 10px;
}

.required
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
}

.notrequired
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #EFF0EB;
    width: 20px;
    /*  FONT-FAMILY: 'Arial Black' RJM font-famil changes 10/30/2007 */
}

.CharCount { 
   font-size: 8pt;
  	border: none;
  	font-weight: bold;
   color: red;    
  	background-color: transparent;
}

.dataEntry {
    FONT-SIZE: 11px;
    COLOR: #333333;
	 z-index: 0;
}

.dataLabel2 {  font-size: 12px; margin-left: 5px; font-weight: bold }

.dataEntry_attrib {

    FONT-SIZE: 11px;
    COLOR: #333333;
	 z-index: 0;
}
.dataLabel {
	padding-right: 10;
	background-color: #DDDDDD;
	color: #000000;
	font-size: 9pt;
	font-style: normal;
	line-height: 16px;
	text-align: right
}

.dataLabel a:link, .dataLabel a:active, .dataLabel a:visited, table#stripe1 a.white:hover {
	text-decoration: underline
}

.dataLabel a:hover {
	text-decoration: underline;
	cursor: help
}

INPUT.button {
    FONT-SIZE: 11px;
    /* WIDTH: 80px; */
    COLOR: #333333;
	 cursor: hand
}

.infored {
	color: #FF0B0B;
	background-color: lightyellow;
	font-weight: bold
}

.red {
	color: #FF0B0B;
	background: #FFFFFF;
	font-weight: bold
}

/* notes and messages */

.note {  
	margin-bottom: 10px; 
	padding-left: 15px; 
	font-size: 8pt; 
	font-weight: bold; 
	margin-right: 10px; 
	color:black; 
	font-weight: normal; 
	font-style: normal; 
	color: red; 
}

.userMessage{
	border: 1px;
	background: #FFFFD9;
	border-color: black;
	border-style: dotted;
	padding: 10px;
	margin-top: 10px;
	font-size: 12pt;
	color: #333333;
}   


.infoBox {
		font-size: 10pt;
		padding: 15px;
		border: dotted 1px #C0C0C0;
		background-color: lightyellow;
		color: #000000;
		text-decoration: none;
}

.infoBox_small {
		text-align: left;
		font-size: 9pt;
		padding: 5px;
		border: dotted 1px #C0C0C0;
		background-color: lightyellow;
		color: #000000;
		text-decoration: none;
}
   
/* table styles for lists and index */
table		{
	border-width: 0
}

table td	{
	font-size: 11pt
}

table td input, table td select {
	font-size: 100%
}

table.searchResults tr.hd td.sort			{
	padding: 1px 1px;
   padding-left: 5px;
	cursor: hand;
   font-size: 9pt;
}

td#LargeFont {

	font-size: 1.3em;
	font-weight: bold
}

tr.ev
{
	background-color: #F2F2F2;
   padding-left: 5px;   
   padding-right: 5px;   
}

tr.od
{
	background-color: #FFFFFF;
   padding-left: 5px;
   padding-right: 5px;      
}


tr.hd a
		{
	padding: 3px 3px 3px 3px;
	width: 100%;
	display: block;
	color: #131313;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

tr.hd a:hover
		{
	background-color: #E1E1C2
}

tr.hd td							/* column headings */
		{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
	border-left: 1px solid #FFFFFF;
	padding: 3px 3px 3px 3px;
	background-color: #E8E8E8;
	color: #131313;
	font-weight: bold;
   padding-left: 3px;   
}

tr.hd td.sort
		{
	padding: 3px /* padding will be in the link */
}

/*   CSS Navigation menu sytles */
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(/app/images/css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:60em
} 	
/* H.G.B 30/01/2008 boton que convierte un link a boton */
.enlaceboton {font-family: verdana, arial, sans-serif; 
    font-size: 7pt; 
    font-weight: bold; 
    padding: 4px; 
    background-color: #fff; 
    color: #0d2474; 
    text-decoration: none; 
} 

.enlaceboton:link, 
.enlaceboton:visited { 
    border-top: 1px solid #cccccc; 
    border-bottom: 2px solid #666666; 
    border-left: 1px solid #cccccc; 
    border-right: 2px solid #666666; 
} 
.enlaceboton:hover { 
    border-bottom: 1px solid #cccccc; 
    border-top: 2px solid #666666; 
    border-right: 1px solid #cccccc; 
    border-left: 2px solid #666666; 
} 

/*   END CSS Navigation menu sytles */

/* deprecated - should not be used - has been replaced by css used in the components as above
.housebutton {font-weight: bold;
font-family: Arial, Helvetica, Arial, sans-serif;
font-size: 8pt;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
width: auto}

.housebutton a {padding: 4px;
text-decoration: none;
width: 98%;
display: block;
color: #224059;
background-color: #b5c9e2;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;}

.housebutton a:hover {background-color: #99aabf;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;}
.requiredInput {
	padding-right: 10;
	background-color: #3399CC;
	color: #FFFFFF;
	font-size: 9pt;
	font-family: Arial;
	text-align: right;
	s
   font-style: normal
}

.requiredInput a:visited, .requiredInput a:link, .requiredInput a:active {
	color: #FFFFFF;
	text-decoration: underline
}

.requiredInput a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	cursor: help
}

.requiredInputLeft {
	padding-right: 10;
	background-color: #336699;
	color: #FFFFFF;
	font-size: 9pt;
	font-family: Arial;
	font-style: normal;
	text-align: left
}

.helpText {
	margin-left: 40px;
	color: #000000;
	font-size: 9pt;
	font-family: Arial;
	font-weight: normal;
	font-style: normal
}

.screen_description { 
	font-weight: normal; 
	font-family: arial; 
	font-size: 12pt 
}

END Deprecated */

/* admin only * admin only * admin only * admin only * admin only * admin only * /

/* APPSELECTOR */

SELECT.tabsets {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 1px;
}

TD#toolbar {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    text-align: center;
    background-color:#DDDDDD;
    border-bottom:1px solid #CCCCCC;
    padding-bottom:1px;
}

TD#sLogo {
    background-color:#DDDDDD;
}

.topNavSeparator {
    color:#999999;
}