/* culture shock: prozac afternoon by pogy366 - Sept. 2005 */

/******* structure and layout *******/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000; 
background: #ffffff;
margin: 5% 5%;
padding:0 0 0 0;
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 {
display: none;
}

.topnav {
display: none;
}

.container {
width: auto;
	border: 0;
	margin: 5% 5%;
	padding: 0;
        margin-left: 10%;
	float: none !important;
        white-space: nowrap;
}

.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 {
display: none;
}


/******* 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: #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;
}

#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 {
  display: none;
}

#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: #FFFFFF;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: #FFFFFF;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: 2px solid #000000;
  font-size :	9pt;
  margin:	5px;
  width:100%;
}
table.tablelist th{
  border-right: 1px solid #ffffff;
   border: 1px solid #000000;
  padding-left: 1px;
  padding-right:12px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background-color: #ffffff;
  margin-right: 10px;
  white-space: nowrap;
}
table.tablelist td{	
  font-family: verdana, arial, helvetica, sans-serif;
  padding-left: 1px;
   border: 1px solid #000000;
}
table.tablelist tr.even {
  background-color: #fff;
  padding-left: 1px;
   border: 1px solid #000000;
}
table.tablelist tr.odd {
  background-color: #E8F1F8;
  padding-left: 1px;
  border: 1px solid #000000;
}

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 #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;}
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 #000000;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 #000000;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;
 background-color: #D7E5F2;
 border: 1px solid #284279;
 margin-right: 0px;
} 

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

.button {
  cursor: hand;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #ffffff;
  color: #000000;
  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;
}

/* Manju tags end */