/*general:body,p,li,etc...*/
body	
{ 	
	font-family: Arial; 
	font-size: 10pt; 
	margin:0;
}



p,li,ul
{  
font-family: Arial; 
font-size: 8pt; 
color: #000000;
}


.code 
{
	color: #000000;
	background-color: #FFFFFF;
	border-left: medium double #154ead;
	font-family: Arial; 
	margin: 0px;
	padding-left: 1em;
	WIDTH: 700px;

}


p.quote 
{
  float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FEFADE;
  border-left: 5px solid #FEE456;
}



/***********************************************/
/*td, th,headertd,normaltd,etc... */
th	
{ 	
	font-family: Arial; 
	font-size: 8pt; 
}

/*for the tds*/
td	
{ 	font-family: Arial; 
	font-size: 8pt; 
}

.headertd	
{ 	
	font-family: Arial; 
	font-size: 8pt; 
	background-color:#F3F3F3;
	font-weight: bold;
	color:black ;
}

.normaltd	
{ 	
	font-family: Arial; 
	font-size: 8pt; 
	background-color:#FFFFFF;

}

.warningtd	
{ 	font-family: Arial; 
	font-size: 8pt; 
	color:green;
}



/***********************************************/
/*input, textarea, entryfields,etc....*/
/*  controls the text fields (<input type=text>)*/

input	
{ 	
	font-family: Arial; 
	font-size: 8pt;  
	background: #fff; /*white*/
	border: 1px solid #999; /*darker gray*/
}

textarea
{ 	font-family: Arial; 
	font-size: 8pt; 
}


.one_pixel_border 
{
	font-family: Arial; 
	font-size: 8pt;  
	background: #fff; /*white*/
	border: 1px solid #999; /*darker gray*/
}


.one_pixel_border_gray
{
	font-family: Arial; 
	font-size: 8pt;  
	background: #fff; /*white*/
	border: 1px solid #999; /*darker gray*/
	 BACKGROUND-COLOR:#EEEEEE;
}


.entryfields
{
    /*FONT: 11px tahoma, Helvetica, sans-serif; */
    font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#f9f9f9;
    BORDER:1px solid #999999;
}

.entryfields_yellow
{
    /*FONT: 11px tahoma, Helvetica, sans-serif; */
    font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#FFFFCC;
    BORDER:1px solid #999999;
}



/*  used for read only*/
.readonly_entryfields
{
  
    font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:transparent;
    BORDER:0px;
}

.entryfields_checkbox
{
    /*FONT: 11px tahoma, Helvetica, sans-serif; */
    font-family: Arial; 
	font-size: 6pt;
	BACKGROUND-COLOR:transparent;
	BORDER:0;
}

/* used when there is an error checking */
.errorEntryFields
{
    
	font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#ffdede;
    BORDER:1px solid #999999;
}


/* used when there is an warning  checking */
.warningEntryFields
{
    font-family: Arial; 
	font-size: 8pt;
    BACKGROUND-COLOR:#e8f0ff;
    BORDER:1px solid #4AC250;
}

/***********************************************/
/*labels */
.search_label 
{
	width: 90px;
	text-align: right;
}

/* for longer labels such as in quotationreply/quotationmain_form.php */
.search_label_long 
{
	width: 200px;
	text-align: right;
}

/***********************************************/
/*form for errors,notices, */
.formerror 
{
  BORDER: 2px solid #dedeff;
  BACKGROUND-COLOR :#ffdede;
  WIDTH: auto;
  PADDING: 0px 0;
  FONT: 8pt Arial;
  COLOR: black;	
}


/*this is for the warning form */
.formwarning 
{
  BORDER: 1px solid #4AC250;
  BACKGROUND-COLOR :#e8f0ff;
  WIDTH: auto;
  PADDING: 0px 0;
  FONT: 8pt Arial;
  COLOR: black;	
}



/*this is for the form for message */
.formmsg
{
  
  BACKGROUND-COLOR :#e8f0ff;
  WIDTH: auto;
  padding-top:5px;	
  padding-bottom:5px;
  font-family: Arial; 
  font-size: 8pt; 
  color: black;
  font-weight: bold;
}



/*used when displaying a successful message, smaller box
or when use to display an warning */
.formnotice 
{
  BORDER: 2px solid #dedeff;
  BACKGROUND-COLOR :#FFFFCC;
  WIDTH: 100%;
  PADDING: 1px 10;
  FONT: 8px Arial, Helvetica, sans-serif ;
  COLOR: black;	
}



/***********************************************/
/*buttons*/
.box
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: black thin solid;
    COLOR: black;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: transparent
}

.buttongray
{ 	font-family: Arial; 
	font-size: 8pt;
	background-color:#EEEEEE;
    BORDER:1px solid #999999;
}

.buttondarkblue
{ 	font-family: Arial; 
	font-size: 8pt;
	background-color:#B9D3EE;
    BORDER:1px solid #999999;
}

.buttonblue { 
	
    font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#E6E6FA;
    BORDER:1px solid #B0C4DE;
	COLOR: #003366;
}

.buttonorange{ 
	
    font-family: Arial; 
	font-size: 8pt;
	background-color:#ffffff;
    BORDER:1px solid #ffcc66;
	color: orange;
	
}


.buttongreen{ 
	
    font-family: Arial; 
	font-size: 8pt;
	background-color:#ffffff;
    BORDER:1px solid #59BF3F;
	color:#65A852;
	
}




.form_button 
{
	
	
	font-family: Arial; 
	font-size: 8pt;
	border: 1px solid #e8e8e8; /*light gray*/

    BACKGROUND-COLOR:#E6E6FA;
}


.form_button_on 
{
	font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#E6E6FA;


	border-bottom: 1px solid #999; /*darker gray*/
	border-left: 1px solid #ccc;  /*ligther gray*/
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
}

.form_button_down 
{
	font-family: Arial; 
	font-size: 8pt;
	BACKGROUND-COLOR:#E6E6FA;


	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-top: 1px solid #999;
}



/***********************************************/
/*links*/
.linkcursor
{
	 cursor: hand; 
}


A.topnav:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.topnav:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.topnav:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.topnav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.topactive:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.topactive:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.topactive:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.topactive:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline overline
}

/* for the links */
a:link, a:visited, a:active  
{
	text-decoration:underline; 
 	color:green
}
a:hover 
{
 text-decoration:none;
 color:#FF802B
}

/***********************************************/
/*groupings for DIV*/
.groupBorder 
{
	border: 1px solid #CCCCCC;
	background: #f9f9f9;
}


.groupBorderOrange
{
	border: 1px solid #ffcc00;
	 background-color: #ffffcc;
	 color: #000066;
}

.groupHeader 
{
	background: #B0C4DE; 
	color: #003366;
	padding: 3px;
	FONT-WEIGHT: bold;
}

.groupHeaderOrange 
{
	background-color: #ffcc66;
	color:#ffffff;
	padding: 3px;
	FONT-WEIGHT: bold;
}



.groupHeaderGreen 
{
	background-color: #59BF3F;
	color:#ffffff;
	padding: 3px;
	FONT-WEIGHT: bold;
}



.groupDescription 
{
	background: #e9e9e9; /*light gray*/
	border-bottom: 1px solid #ccc;/*lighter gray*/
	padding: 7px;
}



/*
**********************************************
class specially for the header menu displayed in each page
**********************************************
*/
.navtable
{
	margin-top: 2px;
	margin-left: 200px;
}
.navtable .navblock a
{
	height:21px;
	width:115px;
	border-top:4px solid #C6DDA5;
	/*border-bottom:1px solid #CCCCCC;*/
	border-bottom:1px solid #C6DDA5;
	margin:0px;
	padding-top:8px;
	color:#777777;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:10.5px;
	font-weight:bold;
	background-color:#FFFFFF;
	display:block;
	cursor: hand; 
}
.navtable .navblock a:hover
{
	color:#3397D5;
}

.navtable .navblock .selected
{
	color:#3397D5;
	background-color:#F6F6F6;
}


/*
**********************************************
class specially for the explanations or aclarations for the sale peson

class specially for the switch content(explanations or aclarations)
where we can expand and contract the content dyanmically
**********************************************
*/

.showstate
{ 	
	/*Definition for state toggling image */
	cursor:hand;
	cursor:pointer;
	float: right;
	margin-top: 2px;
	margin-right: 3px;
}

.headers
{
	width: 700px;
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: bold;
	border: 2px solid #dedeff;
	background-color: #FFFFCC;
	color: #2489DB;
}

.switchcontent
{
	width: 700px;
	border: 2px solid #dedeff;
	border-top-width: 0;
	font-family: Arial; 
	font-size: 8pt; 
}

.switchcontent p
{
	margin-top: 3px;
	margin-bottom: 0px;
}



/*
**********************************************
It is called in the function cika_system_quotation/fns/display_menu_fns 's
display_menu_header();
It is used to display the banner of Cika in ../quotation folder
**********************************************
*/

.wrap 
{
	position:relative;
	width:800px;
	
	margin-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
	
	background: #ffffff url(images/banner_1.jpg) no-repeat;
	border-left:1px solid #9EB874;
	border-right:1px solid #9EB874;
	border-top:1px solid #9EB874;
}

.header 
{
	margin:85px 0 0 0;
	padding:0 0 0 0;
	background:transparent;
}

.topnav 
{
	position:relative;
	clear:both;
	width:800px;
	height:21px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#cccccc;
	font-size:8pt;
}




/******* top navigation *******/
#nav ul
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	white-space: nowrap;
	font-size:8pt;
	color:#ffffff;
	float:left;
	width:100%;
	background:#ffffff url(images/topnav_bg_grey.gif);
	list-style:none;
}

#nav ul li
{
	display:inline;
	list-style:none;
}

#nav ul li a
{
	margin: 0 0 0 0;
	padding: .25em 2em .3em 1em;
	background:#ffffff url(images/topnav_bg_grey.gif);
	color: #000000;
	text-decoration:none;
	float: left;
	border-right:1px solid #cccccc;
}

#nav ul li a:hover
{
	background:#8DA8D5 url(images/topnav_bg_green_01.gif);
	color: #ffffff;
	text-decoration:none;
	border-right:1px solid #cccccc;
}


/******* workarounds and hacks *******/
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*
**********************************************
It is called in the function cika_system_quotation/fns/display_menu_fns 's
display_menu_footer($table_language)
It is used to display the footer with all the links and the 
aclarations at the bottom of the page
Called from ../quotation folder
**********************************************
*/
#footer 
{
  color: white;
  background-color: #1B9D57;
  font-size:10.5px;
  margin: 0;
  padding: 1.25ex 4mm;
  clear: both;
}

#footer .left 
{
  float: left;
  clear: left;
}

#footer .right 
{
  text-align: right;
}

#footer a 
{
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover 
{
  text-decoration: none;
}

.subFooter 
{
  font-size: 10px;
  line-height: 1.5em;
  margin: 0;
  padding: 1ex 4mm;
  color:#003399;
}


.subFooter a 
{
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: underline;
}

.subFooter a:hover 
{
  text-decoration: none;
}