body {
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10pt;
	color : Black;
/*	border : solid green;*/
	border-width : 2px 2px 2px 2px;
    background  : url("../images/picto_bovin.gif") no-repeat center;
}
A{
	text-decoration: none;
	color: blue;
	font-size : 9pt;
}
A:Hover{
	color: red;
	text-decoration: underline;
}
.a-result-mouseout{
	text-decoration: none;
	color: blue;
	font-size : 9pt;
}
.active {
    background-color : #ECF5FF;
}
.form{
    width : 90%;
    font-size: 10pt;
    text-indent : 5px;
    margin-left : 1px;
    margin-top : 1px;
    color : Black;
}
.grid{
    width : 100%;
    font-size: 10pt;
    text-indent : 1px;
    margin-left : 1px;
    margin-top : 1px;
    color : Black;
}
.grid_footer{
    border-top:1px solid #6699CC;
}
.filter{
    width : 100%;
    font-size: 10pt;
    background-color : #D6D3CE; /*white;*/
}
.normal {
}
.page{
    background-color : white;
}
.recnum {
    font-size : 9pt;
}
.title{
    background-color : #3163CE;
    font-weight : bold;
    color : white;
}
.bar-window{
    background-color : #00618E;
    font-weight : bold;
    color : white;
    font-family : verdana;
}
.error{
    font-size: 10pt;
    color : red;
}

/* titlr - bar*/
.bar-info{
	background-color : #99CCFF;
	color : Blue;
	font-size : 12pt;
	font-weight : bold;
	margin-left : 1px;
	margin-top: 1px;
	padding : 10px 10px 10px 10px;
	vertical-align : middle;
	height : 40px;
	width:100%;
	border : solid #6699CC;
	border-width : 0 0 2px 0;
}
.bar-tree{
	background-color : #FFFFCE;
	color : green;
	font-size : 10pt;
	font-weight : bold;
	margin-left : 1px;
	margin-top: 1px;
	padding-bottom : 1px;
	vertical-align : baseline;
	height : 30px;
	border : solid green;
	border-width : 0 0 2px 0;
}
.bar-title{
      	/*background-color :  #FFFFCE;*/
	color : Blue;
	font-size : 12pt;
	font-weight : bold;
	margin-left : 1px;
	margin-top: 1px;
	padding : 10px 10px 10px 10px;
	vertical-align : middle;
	height : 60px;
	width:100%;
	border : solid #6699CC;
	border-width : 0 0 2px 0;
}
.bar-logo{
	background-color :while;
	color : white;
	font-size : 10pt;
	font-weight : bold;
	margin-left : 1px;
	margin-top: 1px;
	padding-bottom : 1px;
	vertical-align : middle;
	height : 75px;
	border : solid green;
	border-width : 0 0 2px 0;
}
/* Style for all text boxes with long charaters */
.input {
	border: 1px solid Gray;
	font-size: 10pt;
	width : 312pt;
}
.input-label{
	border:  Gray;
	font-size: 10pt;
	background : #e6e6e6;
}
/* Style for all combo boxes */
.combo-special{
	border : 1px solid Gray;
	width : 150pt;
	background : #E6E6E6;
}
.combot{
	border : 1px solid Gray;
	width : 80pt;
}
/* Style for all date fields */
.date{
	border : 1px solid Gray;
	width : 60pt;
	text-align : center;/*  */
}
.combo{
	border : 1px solid #BBBBBB;
	background : #D6D3CE;
	font-family : verdana;
	font-size: 10pt;
      	width: 150px;
}
/* Style for all buttons */
.button, .button-mouseout{
	border : 1px solid #BBBBBB;
	background : #D6D3CE;
	font-family : verdana;
	font-size: 10pt;
	width: 100px;
        cursor : hand;
	}
.button-mouseover{
	border : 1px solid #003366;
	background : #B1BAC9;
	font-family : verdana;
	font-size: 10pt;
	width: 100px;
	cursor : hand;
}
.button-submit, .button-submit-mouseout{
	border : 1px solid black;
	background : #D6D3CE;
	font-family : verdana;
	font-size: 10pt;
	width: 100px;
        cursor : hand;
	}
.button-submit-mouseover{
	border : 1px solid #003366;
	background : #B1BAC9;
	font-family : verdana;
	font-size: 10pt;
	width: 100px;
	cursor : hand;
}
.lbutton, .lbutton-mouseout{
	border : 1px solid #BBBBBB;
	background : #D6D3CE;
	font-family : verdana;
	font-size: 10pt;
	width: 175px;
	}

.lbutton-mouseover{
	border : 1px solid #003366;
	background : #B1BAC9;
	font-family : verdana;
	font-size: 10pt;
	width: 175px;
	cursor : hand;
}
/* */
.sbutton, .sbutton-mouseout{
	font-family: Verdana;
	font-size: 10pt;
	width: 50px;
	border : 1px solid #BBBBBB;
	background : #D6D3CE;
	}
.sbutton-mouseover{
	border : 1px solid #003366;
	background : #B1BAC9;
	font-family : verdana;
	font-size: 10pt;
	width: 50px;
	cursor : hand;
}
.button-select, .button-select-mouseout{
	border : 1px solid #6699CC;
	background : #6699CC;
	}
.button-select-mouseover{
	border : 1px solid #003366;
	background : #B1BAC9;
	cursor : hand;
}
.box{
	font-size: 10pt;
	text-indent : 5px;
	color : Black;
	margin-left : 30px;
	border : 1px solid black;
}

/* Create form to input or display data */
TD.form.form-left {
	background-color : #99CCFF;
	padding : 1px 10px 1px 0px;
	vertical-align : top;
	text-align : right;
	width : 180px;
}
TD.form.form-right{
	background-color : #E6E6E6;
	padding : 1px 0px 1px 10px;
	vertical-align : top;
}
TD.form.form-footer-left {
	background-color : white;
	padding : 5px 10px 5px 0px;
	text-align : right;
	width : 180px;
}
TD.form.form-footer-right {
	background-color : white;
    padding : 5px 0px 5px 10px;
}
/* Style for all links in the page */
A.table-click{
	text-decoration:none;
	color: red;
	font-size : 10pt;
}

A.table{
	text-decoration:none;
	color: black;
	font-size : 10pt;
}
.a-table-mouseout{
	text-decoration: none;
	color: black;
	font-size : 10pt;
}
.a-table-mouseover{
	color: red;
	text-decoration: underline;
	cursor:hand;
}
.grid-title{
	font-size : 10pt;
	font-weight : bold;
	color : Black;
	margin-left : 1px;
}
/* Style for column title of the grid */
TD.grid.grid-row-title{
	font-weight : bold;
	background : /*#6699CC;*/ #D6D3CE;
/*	vertical-align : text-top;*/
	color : black;
	padding-left : 5px;
}

TD.grid.grid-row-data{
	vertical-align : text-top;
	padding-left : 5px;
}

TR.grid.mouseover{
	background : #EFEFEF;
}

TR.grid.mouseout{
	background : White;
}
TR.grid-mouseover{
	background : #EFEFEF;
}
TR.grid-mouseout{
	background : White;
}
/* */
.form-select{
	width : /*99.6%;*/ 600px;
	font-size : 10pt;
	margin-left : 1px;
	/*margin-top : 20px;*/
	background-color : #E6E6E6;
	border : 2px solid #6699CC;
	border-collapse: collapse;
}
.selectbox{
	width : 195pt;
	font-size : 10pt;
	text-transform : capitalize;
}
.menu-mouseout{
	text-align : center;
}
.menu-mouseover{
	text-align : center;
	border-left : 1px solid White;
	border-top : 1px solid White;
	border-right : 1px solid Gray;
	border-bottom : 1px solid Gray;
}
A.menu {
	padding-left : 5px;
	padding-right : 30pt;
	padding-top : 1px;
	padding-bottom : 1px;
	border : 1px solid white;
}
/* A.menu:Active */
A.menu:Hover{
	background : #E5E5E5;
	text-decoration : none;
	border : 1px solid #999286;
	color : Black;
	width : 100pt;
}
.Clicked-menuitem{
	padding-left : 5px;
	padding-right : 30px;
	padding-top : 1px;
	padding-bottom : 1px;
	background : #E5E5E5;
	text-decoration : none;
	border : 1px solid white;
	color : Black;
	width : 100pt;
}
.msgErr{
	font-size: 10pt;
	color : Red;
	width : 70%;
	margin-left : 1px;
	font-weight : bold;
	background : #E6E6E6;
}
/* Style for login form*/
.form-login{
	font-family : Verdana, sans-serif;
	font-size: 10pt;
	font-weight : bold;
	width : auto;
	margin-top : 5%;
	border : 2px solid #6B8E23;
	color:#6B8E23;
}
.menu-navi{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : White;
	/*padding-left : 4px;
	padding-right :4px;*/
	border : 2px solid #02027A;
}
.menu-navi-hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : Black;
	/*padding-left :4px;
	padding-right :4px;*/
	cursor: hand;
	background : #CCCDB4;
	border : 2px solid #000000;
}
.span-mouseover{
	background-color : #f1f1f1;
}
.span-mouseout{
	background-color : White;
}
LABEL {
	font-size: 12pt;
      	color : red;
}
.label1{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 20pt;
	font-weight : bold;
	color : #6B8E23;
}
.label2{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18pt;
	font-weight : bold;
	color : #6B8E23;
}
.label3{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #6B8E23;
}