BODY {
    FONT-SIZE: 11px;
    MARGIN: 0px;
    padding:0px;
    FONT-FAMILY: TAHOMA
}
#Preview
{
	background:#f0f0f0;
	text-align:right;
	height:2px;
}
TD.Menu{
	padding:0;
}
#Table{
	width:1004px;
	border-spacing:0;
	border-collapse: collapse; 
	margin:0 auto;
}

#Head{
	height:50px;
	width:300px;
	background:#F1F1F7
}
#Head div{
	margin:10px 10px 10px 40px;
	font-size:13px;
	font-weight : bold;
}
#Message {
	height:30px;
	width:400px;
	background:#f0f0f0;
}
#Body {
	padding:10px;
	text-align:-moz-center;
	text-align:expression('center');
}
#Body Table
{
	text-align:expression('left');
}
#Body div.BodyDiv
{
	
}
.PopBody {
   MARGIN: 0px;
   padding:5px;
   Text-align:center;
}
TD {
    FONT-SIZE: 11px;
    FONT-FAMILY: TAHOMA
}
.FormField,.formfield {
    BORDER: #d8d8d8 1px solid;
    FONT-SIZE: 11px;
    FONT-FAMILY: TAHOMA
}
.FormField:disabled,.formfield:disabled {
	BACKGROUND-COLOR: #ccc;
	border:#aaa 1px solid
}
.FormButton ,.formbutton{
    FONT-SIZE: 11px;
    BORDER: gray 1px ridge;
    FONT-WEIGHT: bolder;
    COLOR: #FCFCE0;
    FONT-FAMILY: TAHOMA;
    BACKGROUND-COLOR: #66CC33;
    padding:3px;
}
label.Field{
	display:block;
	margin:2px 4px 6px 0;
}

.DeleteButton {
    FONT-SIZE: 11px;
    BORDER: gray 1px ridge;
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-FAMILY: TAHOMA;
    BACKGROUND-COLOR: RED;
    padding:3px;
}
.FormNote, .formnote{
	color:#603913;
	line-height:16px;
}

.TRTitle TD, TD.TDTitle {
    FONT-WEIGHT: bolder;
    COLOR: #000;
    BACKGROUND-COLOR: #DFEFAF
}

.TRTitle2 TD ,TD.TDTitle2{
    FONT-WEIGHT: bolder;
    COLOR: #000;
    BACKGROUND-COLOR: #8CCE63
}

.TRHead TD , TD.TDHead {
    FONT-WEIGHT: bolder;
    COLOR: #000066;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}

.TRPlain TD , TD.TDPlain {
    COLOR: #000;
    BACKGROUND-COLOR: #f2f2f2
}

.TRMarked TD , TD.TDMarked{
    COLOR: #000;
    BACKGROUND-COLOR: #FcFcFc
}
.FormNew TD.TDOther
{
    COLOR: #000;
    BACKGROUND-COLOR: #FcFcFc
}
/********************************/
A 
{
    COLOR: #333333;
    TEXT-DECORATION: none
}
A:hover {
    TEXT-DECORATION: underline
}

.TRMarked A {
    COLOR: #000066
}
.TRPlain A {
    COLOR: #000066
}
.TRTitle A {
    FONT-WEIGHT: bolder;
}
.TRTitle2 A {
    FONT-WEIGHT: bolder;

}

.PageTitle {
    DISPLAY: block;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 200px;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    max-width: 200px;
    padding:2px;
}

.PagePath {
    DISPLAY: block;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 350px;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    max-width: 350px;
    padding:2px;
}

.BuilderVer {
    FONT-SIZE: 9px;
    COLOR: #666666
}
.NoButton {
    BORDER: silver 1px ridge;
}

.IndexButton {
   FONT-FAMILY:arial;
   BORDER:none; 
   BACKGROUND-COLOR: transparent;
   color:orange !important;
   cursor:pointer;
   padding:.1em .1em .1em .1em;
   height:15px;
   text-decoration :none;
}
.IndexButton:hover {
   text-decoration :none;
}

.Expand {
   FONT-FAMILY:arial;
   BORDER:none; BACKGROUND-COLOR:transparent;
   color:silver;
   text-decoration:none;
}

.Expand:hover {
   text-decoration:none;
}

.PCol1 	{ width:16px;}
.PCol1s { width:14px;}
.PCol2 	{ padding:0; width:200px;height:35px}
.PCol3 	{ padding:0; width:350px;}
.PCol4 	{ width:65px;}
.PCol5 	{ width:40px;}
.PCol51	{ width:32px; text-align:center}
.PCol51s{ width:36px; text-align:center}
.PCol52	{ width:22px;}
.PCol52s{ width:22px;}
.PCol6 	{ width:44px;}
.PCol6s { width:46px;}
.PCol7 	{ width:30px;}
.PCol8 	{ width:55px;}
.PCol9	{ width:70px;}
.PCol9s	{ width:52px;}

.FilterTable {
	border:silver 1px solid;
	margin:4px;
}
/** MSG **/
.MessageDiv {
	border:1px solid gray;
	color:#333333;
	display:none;
	font-size:11px;
	margin:4px;
	padding:5px 3px 5px 44px;
	width:500px;
	line-height:20px; 
	overflow:auto;
	float:right;
}
.INFORMATION  
{
	background: url(INFORMATION.png) no-repeat 4px center; 
	Color:#005500;
	Border:#005500 1px dotted;
}
.WARNING
{
	background: url(WARNING.png) no-repeat 4px center;
	color: #B25C06;
	border:#B25C06 1px dotted;
}
.FAILURE 
{
	background: url(FAILURE.png) no-repeat 4px center; 
	Color:Maroon;
	Border:Maroon 1px dotted;
}

a.MessageClose ,a.MessageBack{
	border:1px solid gray;
	color:black;
	display:block;
	float:right;
	font-size:12px;
	font-weight:bolder;
	padding:1px 2px 1px 2px;
	margin:0px 2px 5px 5px;
	text-decoration:none;
	line-height:12px; 
}
a.MessageClose:hover,a.MessageBack:hover {
	border:1px outset silver;
	text-decoration:none;
}
a.MessageBackBtn {
	border:1px solid gray;
	color:black;
	display:block;
	font-size:11px;
	font-weight:bolder;
	padding:0px;
	margin:2px auto;
	text-decoration:none;
	background:#eeeeee;
	width:50px;
	text-align:center;
}
a.MessageBackBtn:hover {
	border:1px outset gray;
	text-decoration:none;
}

	
/* Sort Buttons */
.SortButton,.ActiveSortButton{
	FONT-FAMILY:arial;
	BORDER:none; 
	BACKGROUND-COLOR:transparent;
	color:gray !important;
	cursor:pointer;
	padding: 0 .1em;
	font-size:14px;
	line-height:16px;
	text-decoration : none;
}

.SortButton:hover ,.ActiveSortButton:hover {
	text-decoration : none;
}	
.ActiveSortButton{
	color:black !important;
}

.ImageButton, .imagebutton {
	border-width:0;
}

.Inline  {
	display:inline;
}
.ClearFloat {
	clear:both
}
.FloatRight {
	float:right 
}
.FloatLeft {
	float:left
}
.MarginAuto {
	margin:0 auto 0 auto;
}
.error, .Error
{
	color: #990000;
}
label.error,label.Error {
	padding:0 5px 0 5px;
	font-weight:bold;
}



/** Core css of the menu ***************************/
.sf-menu{
	height:30px;
	background:#AECB35 url(menu.jpg) repeat-x 0 -40px;
	color:#192700;
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.2;
	width: 100%;
	float: left;
	margin-bottom: 0em;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{
	left: 0;
	top: 2.21em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 4px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	
}
/************ Menu SKIN **************/
.sf-menu {
	1background-color: #EFEDDE;
}
/* control the links padding,fonts decoration of every level */
.sf-menu a, .sf-menu a:visited {
	padding:6px 1px 6px 1px;
	color: black; /*font-weight: bolder;*/
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	white-space: normal;
}
/* control the sublevel links borders ->and overrite padding,fonts, decoration- */
.sf-menu li li a, .sf-menu li li a:visited {
	border: 0;
	color: black;
	padding: 5px;
	font-size: 12px; /*font-weight:bolder;*/
	line-height: 1.5;
	white-space: nowrap;
}
/* the second level menu ul*/
.sf-menu li ul {
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
}
.sf-menu li li ul {
	border: gray 1px solid;
}
.sf-menu li ul,.sf-menu li li ul {
	border-collapse: collapse;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:3px;
	padding-left:1px;
}
/* first level background and borders and text align*/
.sf-menu li {
	1background-color: #EFEDDE;
	border-right:#EFEDDE 1px solid;
	border-left:#EFEDDE 1px solid;
}
/* second level background and borders and text align*/
.sf-menu li li {
	1background: url(winxp_back.gif) repeat-y 0 0;
	background-color: #C3D863;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}
.sf-menu li li li {
	background: url(winxp_back.gif) repeat-y 0 0;
	background-color: #C3D863;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}
/* the first level menu on-hover class */
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: none;
	background-color: #DEEAAA;
	outline: 0;
	color: black;
	text-decoration: none;
	
}
.sf-menu li:hover, .sf-menu li.sfHover {
	border:#999 1px solid;
}
/* the second level menu on-hover class  if left empty the first and the second level will have the same hover effect*/
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background-color: #DEEAAA;
	color: black;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
}
/* icon if any */
.sf-menu li img {
	border: 0;
	outline: 0;
	margin-right: 1px;
	vertical-align: top;
	margin-right: 2px;
	width: 14px;
	height: 14px;
}
.sf-menu .Separator,.sf-menu .Separator a:hover,.sf-menu .Separator a.sfHover,.sf-menu .Separator a:focus,
.sf-menu .Separator a:active,.sf-menu .Separator,.sf-menu .Separator:hover,.sf-menu .Separator:focus,
.sf-menu .Separator:active {
	padding-top: 6px;
	background-color:#EFEDDE !important;
	border:none;
}
.limit
{
    DISPLAY: block;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 200px;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    max-width: 300px;
    padding:2px;
}

.addNew
{
    font-size: 11px;
    font-weight: bolder;
    font-family: Tahoma ;
    color: white;
    border : gray 1px ridge;
    padding:3px;
    background-color: #6699cc;
}

.addNew:hover
{
    color: yellow;
    border : white 2px outset;
    background-color: #6699cc;
    text-decoration:none;
}

.limitName150
{
    DISPLAY: block;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 150px;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    max-width: 300px;
    padding:2px;
    line-height:2;
}
.limitName130
{
    DISPLAY: block;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 130px;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    max-width: 300px;
    padding:2px;
    line-height:2;
}

/* Banner */
#Banner{
	padding:0;
}
#Banner div.Banner{
	height:100px;
	background:url(header.jpg) no-repeat left 0;
	position:relative
}
#Logo{
	display:block;
    width:300px;
    height:100px;
    top:0;
    left:15px;
    position:absolute;
    outline:none;
    text-decoration:none;
}
#AboutSite{
	height:32px;
    position:absolute;
    top:10px;
    right:20px;
    overflow:hidden;
}
#AboutSite .Name{
	float:right;
	line-height:32px;
	padding:0 5px;
	color:#eee;
	font-weight:bolder;
	text-shadow: 1px 1px 1px #666;
	filter: dropshadow(color=#666, offx=1, offy=1);
}

#HelpIcon{
	display:block;
	float:right;
	background:url(help-32.png) no-repeat left 0;
    width:32px;
    height:32px;
    outline:none;
    text-decoration:none;
}
#Powered {
	display:block;
    width:170px;
    height:22px;
    bottom:5px;
    right:10px;
    position:absolute;
    color:#666666;
    line-height:22px;
}
#Powered a
{
    color:#005fab;
    font-weight:bolder;
    text-decoration:none;
}
#Powered a:hover
{
    color:black;
    text-decoration:none;
}
#Powered a img
{
    border:0;
    height:21px;
    opacity:0.7;
}
#Powered a:hover img
{
    border:0;
    height:21px;
    opacity:0.8;
}


/* ------------------------------- Tracker CSS */
div.LeftSide{
	float:left;
	margin:0 20px 0 0;
}
div.RightSide{
	float:left;
}
div.FormBox{
	width:480px;
	text-align:left;
	margin:0 0 10px 0;
}
div.FormBox h2{
	font-size:110%;
	margin:0 0 0 20px;
	padding:3px;
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
	border: 1px solid #669933;
	border-bottom:none;
	background:#66CC33;
	color:#FFFFC7;
	width:170px;
	text-align:center;
}
div.FormBox .Frame{
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
	border: 1px solid #669933;
	background:#ccc;
	overflow:hidden;
}
div.FormBox table{
	width:100%;
}

Input.OffButton, Input.OnButton {
	FONT-SIZE: 11px;
    BORDER:#666 1px outset;
    FONT-WEIGHT: bolder;
    COLOR: #FCFCE0;
    FONT-FAMILY: TAHOMA;
    BACKGROUND-COLOR: #66CC33;
    padding:1px 3px;
    outline:none;
}
Input.OnButton{
	BORDER:#666 1px inset;
	BACKGROUND-COLOR: #bbb;
}
div.FormBox1{
	text-align:left;
}
div.FormBox1 h2{
	font-size:110%;
	margin:0;
	padding:3px;
	border-top: 1px solid #ccc;
	
	border-bottom:none;
	text-align:center;
	COLOR: #000;
    BACKGROUND-COLOR: #DFEFAF;
	text-transform:capitalize;
}
div.FormBox1 .Frame{
	
	background:#ccc;
	overflow:hidden;
	height:100%;
}
div.FormBox1 table{
	width:100%;
}
/******* Color Code *************/
.TRRed TD
{
    COLOR: #000;
    BACKGROUND-COLOR: #FFBDB8
}
/******* Animal Types ***********/
.ActiveAnimals_Checkboxes
{
    width:400px;
}
.ActiveAnimals_Checkboxes .Checkbox
{
    width:33%;
    float:left;
}