/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #3B3229;
	 margin: 5px 0px;
	 padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
 	text-align:left; /* Hack for IE5/Win */
 	overflow: auto;
}

td {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #3B3229;
}

p {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #3B3229;
}

span {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #3B3229;
}

.headline {  
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #231F20;
}

/* ------------------------ Log-in  ------------------------ */

div#login { 
	float: right;
	width: 276px;
	text-align: left;
	font: normal 9px/22px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
}

.login ul {
		padding: 10px 0px 10px 0px;
		margin-bottom: 10px;
	}
			
.login li {	
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 10px;
	margin-left: 10px;
}

.login li b {	
	font-size: 12px;
}

.login-label {
	 /*width: 70px;*/
	 width: 75px;
	 font-size: 12px;
	 font-weight:bold;
	 text-align: right;
	 float: left;
	 margin-right: 5px;
	 margin-bottom: 10px;
}

/* ------------------------ /Log-in  ------------------------ */

/* ------------------------ Cattle Inventory Styles ------------------------ */
.CIheadline {  
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	
}

.CIheadline a:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

.CIheadline a:visited
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

.CIheadline td 
{  
	border-color: #3B3229;
	border-style: solid;
	border-width: 1px;
	
}



.CIheadlineII {  
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #B67F4A;
}

.CIheadlineII a:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

.CIheadlineII a:visited
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

.CIdata {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #EFE6D4;
}

.CIdataWhite {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
}

.CIdataError {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #990000;
}

.CIdataWhiteError {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #990000;
}

.CIdataII {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #f9f3e6;
}

.CItabHead {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #3B3229;
	background-image: url("../images/table_bg.gif");
}

.CIdataCell
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #B67F4A;
	border-color: #3B3229;
	border-style: solid;
	border-width: 1px;
}

.CIdataCellWhite {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
	border-color: #3B3229;
	border-style: solid;
	border-width: 1px;
}

.CIOutsideBorder {
		border-color: #3B3229;
		border-style: solid;
		border-width: 1px;
	
}

.error {
    background: #EFE6D4;
    color: #990000;
    border-color: #990000;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 2px;
    padding-top: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
}

input {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-style: normal;
    color: #3B3229;
}

textarea {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-style: normal;
    color: #3B3229;
} 

select  {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-style: normal;
    color: #3B3229;
} 

.tabfooter {  
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3B3229;
	
}
.tabfooter span {
	color: #B67F4A;	
}

.tabfooter a {
	color: #ffffff;	
}

.tabfooter a:link
{
  color: #ffffff;
  text-decoration: underline;
}

.tabfooter a:hover { 
	text-decoration: none; 
	color: #B67F4A;
	background-color: #3B3229;
	background-image: none;
}

.tabfooter a:visited
{
  color: #ffffff;
  text-decoration: none;
  background-image: none;
  text-decoration: underline;
}

/* ------------------------ /Cattle Inventory Styles ------------------------ */

.menu { 
	background: #EFE6D4;
	color: #3B3229;
	border-color: #3B3229;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	padding-top: inherit;
	padding-right: inherit;
	padding-bottom: inherit;
	padding-left: inherit;
}

.print { 
	background: #ffffff;
	color: #000000;
	border-color: #3B3229;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	padding-top: inherit;
	padding-right: inherit;
	padding-bottom: inherit;
	padding-left: inherit;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
}
.dataWhite {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
}

/*a img {
	border: none;
	background-color: transparent;
}

.a img {
	border: 0px !important;
}/*

/* Dashboard Tabs */
.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 0px;
	border: 1px solid #3B3229;
	color: #3B3229;
	background: #EFE6D4 url("../images/shade.gif") top left repeat-x;
}

.shadetabs li a:visited{
	color: #3B3229;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #3B3229;
}

.shadetabs li.selected{
	position: relative;
	top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url("../images/shadeactive.gif");
	border-bottom-color: #EFE6D4;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.shadetabs img {
	border: 0px none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: baseline;
}

#container {
	display: table;
}

#row  {
	display: table-row;
}

#left, #right, #middle {
	display: table-cell;
	width: 310px;
	padding: 5px;
}

.table{ /*style of tab content container*/
	font: normal 10px Verdana, Arial, Helvetica, Sans-Serif;
	color: #3B3229;
}

.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:49%;
            margin:0 0 10px 1%; padding:10px 0;
            /*height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            .gallery a:hover{
              border-color:#dfdfdf;
            }

.tabcontentstyle{ /*style of tab content container*/
	border: 1px solid #3B3229;
	/*width: 660px; */
	font: normal 10px Verdana, Arial, Helvetica, Sans-Serif;
	color: #3B3229;
	margin-bottom: 1em;
	padding: 2px;
	background-color: #EFE6D4;
}

.tabcontent{
	display:none;
}

@media print {
	.tabcontent {
	display:block!important;
}
}

a:link {
  color: #954B01;
  background-color: transparent;
  text-decoration: none;
  background: url("../images/link_bkg2.gif") 0 10px repeat-x;
  /*border-bottom: 1px dotted black;*/
}

a:visited {
  color: #620202;
  background-color: transparent;
  text-decoration: none;
  /*background: url("../images/link_bkg2.gif") 0 10px repeat-x;*/
  /*border-bottom: 1px dotted black;*/
}

a:hover {
  color: #000000;
  background-color: #e1cf91;
  text-decoration: none;
  border-bottom: 0px;
}

img {
  border: 0px none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}
	
#NV_right { 
	text-align:left;
	padding: 7px;
	float: right;
	font-size: 10px;
	font-style: italic;
	margin-left: 7px;
}
	
#NV_left { 
	text-align:left;
	padding: 7px;
	float: left;
	font-size: 10px;
	font-style: italic;
	margin-right: 7px;
}

#MessagesLabel a:link {
	color: #954B01;
	background-color: transparent;
	text-decoration: underline;
	background: none;
}

#MessagesLabel a:hover {
  color: #990000;
  background-color: transparent;
  text-decoration: underline;
  background: none;
}

#MessagesLabel a:visited {
	color: #620202;
	background-color: transparent;
	text-decoration: none;
	background: none;
}