/******* structure and layout *******/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000; 
background: #B4B8B7;
margin:10px 0 0 0;
padding:0 0 0 0;
background: #8E979C url(../images/bg.gif);
background-image:
text-align:center;
}
.header {
position:relative;
clear:none;
width:770px;
height:15px;
margin:0 0 100px 0;
padding:0 0 10px 0;
background:transparent;
color:#000000;
text-align:right;
}

.wrap {
position:relative;
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #f8eac5 url(../images/cattlepost_header.jpg) no-repeat;
border-left:1px solid #D7E5F2;
border-right:1px solid #D7E5F2;
border-top:1px solid #D7E5F2;
}

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

.container {
	position:relative;
	clear:both;
	width:760px;
	margin:10px 10px 0 10px;
	padding:0 0 0 0;
	color:#000000;
	text-align:left;
	background-color: #f8eac5;
}

.news_right {
position:relative;
float:right;
clear:both;
width:200px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#D0DEF6;
color:#465670;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

.news p {
margin:10px 10px;
}

.news_cnr_top {
background:url(../images/cnr_tr.gif) no-repeat top right;
margin:0 -113px 0 -10px;
}

.news_cnr_bottom {
background:url(../images/cnr_br.gif) no-repeat top right;
margin:0 -113px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer {
position:relative;
clear:both;
width:780px;
margin:20px 0 0 0;
padding:4px 0 4px 0;
background:#f8eac5;
font-size:8pt;
text-align:center;
border-top:1px solid #D7E5F2;
border-bottom:1px solid #D7E5F2;
}


/******* top navigation *******/
#nav ul{
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
font-size:8pt;
color:#f8eac5;
float:left;
width:100%;
background:#f8eac5 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: #3670A7;
text-decoration:none;
float: left;
border-right:1px solid #cccccc;
}

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

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

#navPics {
    width: 100%;
    position: relative;
    height: 60px;
}

#navPics img {
	display: block;
	position: absolute;
	top: 10px;
	padding: 30px;
	margin: 50px;
}

#username{
	text-align:right;
	font: arial, helvetica, sans-serif;
	color: #4669A4;
	display:inline;
	font-size: 12px;
	font-weight: bold;
}

#ops{ width: 140px; height; margin-left: 75px;}
#users { width: 90px; margin-left: 75px; }
#animals{ width: 140px; margin-left: 75px;}
#process { width: 90px; margin-left: 85px; border:none;}
#certificates { width: 99px; margin-left: 230px; border:none;}
.navLabel { text-decoration:none;font: bold small Arial, Verdana, sans-serif; padding-left: 5px;}

/******* links *******/

a {
color:#4669A4;
text-decoration:underline;
}

a:hover {
color:blue;
text-decoration:none;
}

#cp_selected {
color:blue;
text-decoration:none;
}
#news a {
color:#D3812D;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer { color: #3670A7 }
#footer a {
color:#3670A7;
text-decoration:none;
}

#footer a:hover {
color:#3670A7;
font-weight:bold;
text-decoration:none;
}

/******* fonts and colors *******/

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
letter-spacing:normal;
}

.header a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
letter-spacing:normal;
text-decoration:none;
}

.header a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
letter-spacing:normal;
text-decoration:underline;
}


.news_title {
font-family:Arial, Helvetica, sans-serif;
color:#465670;
font-size:10pt;
font-weight:bold;
}

.page_title {
font-family:Arial, Helvetica, sans-serif;
color:#4669A4;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}


/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}

/* begin picture/customer layout */
div.pic 
	{	margin: 10px; padding: 0; clear: left; width: 225px; 	}
div.pic a.tn 
	{ 	float: left; 	}
div.pt a.tn
	{ 	width: 183px; margin-left: 17px;	}
div.ls a.tn
	{	width: 200px;	}
/*a.tn img
	{	border: 1px solid #333; border-width: 1px 2px 2px 1px;	} */
a.tn img
{ border: 0; }
div.pic ul
	{	margin: 0 0 0 140px; padding: 0 0 0 2.5em;} 
div.pic li
	{	list-style: none; font-size:small; line-height: 1.2em; margin: 0; padding: 0;	}
div.pic li.company 
	{	font: bold small Arial, Verdana, sans-serif; padding-top: 0.5em; border-bottom: 1px solid; text-align:right; }
div.pic li.website 
	{ color: #776; text-align: right; }
div.pic li.location
	{ color: #776; text-align: right; font-style:italic;}
/* end picture/customer layout */


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

/* Added By Manju */
.message{color: #FF3333;font-family: Arial, Helvetica, Geneva, sans-serif;font-weight: bold;text-align: center; }
.successmessage{color: green;font-family: Arial, Helvetica, Geneva, sans-serif;font-weight: bold;text-align: center; }


.label  {
  float: left;
  width: 100px;
  text-align: left;
  }

.formbutton {
  cursor: hand;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #D7E5F2;
  color: #4669A4;
  margin-left: 12px;
  margin-top: 3px;
  margin-bottom: 2px;
  float:center;
}

#options {
	margin:0px 100px 50px;
	padding:20px;
	color:black;
	background-color:#f2f7fb;
	border:1px dashed #D7E5F2;
	}
#options p {
	font-size:11px;
	line-height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	margin:0px 0px 12px 0px;	
	}
#options>p {margin:0px;}
#options>p+p {text-indent:30px;}

#options a {
	color:#09C;
	/* font-size:11px; */
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
#options a:link {color:#09c;}
/* #options a:visited {color:#07a;}*/
#options a:hover {background-color:white;}

#options h1 {
	color:#333;
	font:20px/20px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	}
#options h2 {
	color:#333;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:700;
	margin:18px 0px 3px 0px;
	}
#options h3 {
	color:#666;
	font-size:11px;
	font-weight:800;
	margin:6px 0px 3px 0px;
	}


/* Display Tags*/
div.exportlinks {font-family: "lucida grande", Arial, Helvetica, sans-serif;font-size: 12px;background-color: #FFFFFF;border: 1px #999;padding: 2px 4px 2px 4px;margin: 0px 0 10px 0;width: 90%;}
span.export {padding: 0 4px 1px 20px;display:inline;display:inline-block;cursor: pointer;}
#span.excel {background-image: url('./../images/ico_file_excel.png');}
#span.csv {background-image: url('./../images/ico_file_csv.png');}
#span.xml {background-image: url('./../images/ico_file_xml.png');}
span.pagebanner {font-family: "lucida grande", Arial, Helvetica, sans-serif; text-align: right;font-size: 12px;background-color: #f8eac5;border: 1px #999;padding: 2px 4px 2px 4px;width: 99%;margin-top: 10px;display:block;border-bottom: none;}
span.pagelinks {font-family: "lucida grande", Arial, Helvetica, sans-serif; text-align: right;font-size: 12px;background-color: #f8eac5;border: 1px  #999;padding: 2px 4px 2px 4px;width: 99%;display:block;border-top: none;margin-bottom: 0px;}
.pagelinks {color: #999999; margin: 5px;}
.pagelinks img {vertical-align: middle;}


/* Table List */
/*
table.tablelist{width:100%;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
table.tablelist td{border-top:1px solid #CCCCCC;}
table.tablelist th{font-weight: bold;color: white;background-color:#000066;border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF;}
table.tablelist tr.even{background-color: #fff;}
table.tablelist tr.odd{background-color: #E8F1F8;}
table.tablelist th.sorted a, th.sortable a {background-position: right;display: block;}
table.tablelist th.sortable a {	background-image: url(../images/arrow_off.png);background-repeat:no-repeat;}
table.tablelist th.order1 a {background-image: url(../images/arrow_down.gif);background-repeat:no-repeat;}
table.tablelist th.order2 a {background-image: url(../images/arrow_up.gif);background-repeat:no-repeat;}
table.tablelist thead tr {background-color: #C4D8EA;}
table.tablelist th.sorted {background-color: #000066; color:white;}
table.tablelist th a,th a:visited {color: white;}
table.tablelist th a:hover {text-decoration: underline;	color: black;}
*/
table.tablelist{	
  background-color: white;
  border: 1px solid #000066;
  font-size :	9pt;
  margin:	5px;
  width:100%;
}
table.tablelist th{
  border-right: 1px solid #c8c8ff;
  padding-left: 2px;
  padding-right:12px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background-color: #000066;
  margin-right: 10px;
  white-space: nowrap;
}
table.tablelist td{	
  font-family: verdana, arial, helvetica, sans-serif;
  padding-left: 2px;
}
table.tablelist tr.even {
  background-color: #fff;
}
table.tablelist tr.odd {
  background-color: #E8F1F8;
}

table.tablelist th a, table.tablelist th a:visited {
  text-align: left;
  color: white;
  text-decoration: none;
}

table.tablelist th a:hover {
  color: #ffcc00;
  background-color: transparent;
}

table.tablelist th.order1 {
  background-position: right;
  background-image: url(../images/arrow_up.gif);
  background-repeat: no-repeat;
}
table.tablelist th.order2 {
  background-position: right;
  background-image: url(../images/arrow_down.gif);
  background-repeat: no-repeat;
}

table.tablelist tr.rowMouseOver {
	background-image: url(../images/selected.gif);
	background-repeat: repeat-x;
	background-color: #ffff99;
}

/* Table List */
table.tablereview{width:100%;border-top:1px solid #D7E5F2;border-bottom:1px solid #D7E5F2;border-left:1px solid #D7E5F2;border-right:1px solid #D7E5F2;}
table.tablereview th{font-size: 12px;font-weight:bold;background-color:#E5E5E5; border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF;}
table.tablereview tr.even{background-color: #fff;}
table.tablereview tr.odd{background-color: #f2f7fb;}
table.tablereview a {text-decoration:none;font-weight:bold}

table.formtable {width: 85%;border: 1px solid #D7E5F2;background-color: #F9FBFD;color: #000000;}
table.formtable tr td{font-family: "lucida grande",Arial, Helvetica, sans-serif;font-size: 12px;padding: 3px 8px;}

table.formtable1 {width: 100%;border: 1px solid #D7E5F2;background-color: #F9FBFD;color: #000000;}
table.formtable1 tr td{font-family: "lucida grande",Arial, Helvetica, sans-serif;font-size: 12px;padding: 3px 8px;}
table.formtable1 .rowhead {font-family: "lucida grande",Arial, Helvetica, sans-serif;font-size: 14px;background-color: #f2f7fb;}

 /* Begin General Form Styles */

.labelcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #3670A7;
 background-color: #f2f7fb;
 width: 35%;
}

.requiredcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #FF3333;
 background-color: #f2f7fb;
 width: 35%;
}

.fieldcell {
 background-color: #F2F7FB;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
 width: 65%;
}

.fieldcell input {
 width: 200px;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 border: 1px solid #284279;
 margin-right: 0px;
} 

.fieldcell select {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #102132;
 border: 1px solid #284279;
}

.button {
  cursor: hand;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #D7E5F2;
  color: #102132;
  margin-left: 12px;
  margin-top: 3px;
  margin-bottom: 2px;
  float:center;
}

/* End General Form Styles */

.page_header {
  font-family:Arial, Helvetica, sans-serif;
  color:#4669A4;
  font-size:14pt;
  font-weight:bold;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#newcert {
  position: relative;
  margin:0px 10px 0px;
  padding:5px;
  color:black;
  background-color:#ccc;  
}

#tagallocate {
  position: relative;
  margin:0px 10px 0px;
  padding:5px;
  color:black;
  background-color:#ccc;  
}
#ordertags {
  position: relative;
  margin:0px 10px 0px;
  padding:5px;
  color:black;
  background-color:#ccc;  
}

.tipText
{
  border-bottom: 1px dotted #377ED0;
  line-height:15px;
}

/* Subscription Compare Page **/
table.subscription{	
  background-color: white;
  border: 1px solid #000066;
  font-size :	9pt;
  margin:	5px;
  width:100%;
  BORDER-COLLAPSE: collapse

}
.odd {
  background-color: #F2F2F2; BORDER-BOTTOM: #d6d6d6 1px dotted

}
.even {
  background-color: white;BORDER-BOTTOM: #d6d6d6 1px dotted
}

table.subscription td{
  font-family: verdana, arial, helvetica, sans-serif; 
  vertical-align: middle;  
  border-bottom: dotted ;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  
}

.planName {
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  color: #336699;
  background-color: #DEEBF5;
  }

.feature {
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  background-color: #DEEBF5;
  }

span.check {
	DISPLAY: block; BACKGROUND: url(../images/check.gif) no-repeat; MARGIN: auto; WIDTH: 27px; HEIGHT: 26px
}

td.showmoreodd {
  background-color: #F2F2F2; BORDER-BOTTOM: #d6d6d6 1px dotted

}
td.showmoreeven {
  background-color: white;BORDER-BOTTOM: #d6d6d6 1px dotted
}


td.showmoreeven SPAN {
	DISPLAY: block; BACKGROUND: url(../images/more2.gif) no-repeat; MARGIN: 5px auto; WIDTH: 61px; HEIGHT: 37px
}

td.showmoreeven span A{
	DISPLAY: block; WIDTH: 61px; TEXT-INDENT: -5000em; HEIGHT: 22px
}

td.showmoreodd SPAN {
	DISPLAY: block; BACKGROUND: url(../images/more2.gif) no-repeat; MARGIN: 5px auto; WIDTH: 61px; HEIGHT: 37px
}

td.showmoreodd span A{
	DISPLAY: block; WIDTH: 61px; TEXT-INDENT: -5000em; HEIGHT: 22px
}



td.priceodd {
  background-color: #F2F2F2; BORDER-BOTTOM: #d6d6d6 1px dotted

}
td.priceeven {
  background-color: white;BORDER-BOTTOM: #d6d6d6 1px dotted
}


td.priceeven SPAN {
	DISPLAY: block; BACKGROUND: url(../images/buy.jpg) no-repeat; MARGIN: 5px auto; WIDTH: 68px; HEIGHT: 22px
}

td.priceeven span A{
	DISPLAY: block; WIDTH: 61px; TEXT-INDENT: -5000em; HEIGHT: 22px
}

td.priceodd SPAN {
	DISPLAY: block; BACKGROUND: url(../images/buy.jpg) no-repeat; MARGIN: 5px auto; WIDTH: 68px; HEIGHT: 22px
}

td.priceodd span A{
	DISPLAY: block; WIDTH: 61px; TEXT-INDENT: -5000em; HEIGHT: 22px
}

/* Manju tags end */