/*
	Tradedirect default CSS Definitions
	www.waxsonit.com.au
	
	Notes
	You would be ill advised to use any class definitions from the following
	list as they are "reserved" for hierachical use within this application:
	  - .label
	  - .field
	  - .row
	  - .information
*/

/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/*
this will need to be tweaked to get the background colors to work properly in IE
fieldset{
	position: relative;
	margin-top:1em;
	padding-top:.75em;
}
legend{
	position:absolute;
	top: -.7em;
	left: .5em;
}
*/

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfix { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 

/* END HACKS */


/* Standard HTML tag overrides */


body { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	color: #4D4D4D; 
	font-size: 12px; 
	font-family:  Arial,Verdana, Helvetica, sans-serif; 
	background-color: #F2F6F7; 
}

form { margin: 0 }
p    { margin: 4px 0 12px 0; }
td   { }
ul   { margin-top: 0; margin-bottom: 0; }
li   { list-style-type: square; }

h1   { margin: 10px 0 10px 0px; font-size: 28px; color: #0073AE;}
h2   { margin:  6px 0  8px 65px; font-size: 14px; color: white; }
h3   { margin:  6px 0  8px 0; font-size: 16px; }
h4   {nothing}

/* Link constructs */

a:link, a:visited { 
	color: 			#754200;
	text-decoration: 	none;
	font-weight: 		bold;
}
a:hover { 
	color: 			#C1D82F;
	font-weight: 		bold;
	text-decoration: 	underline;
}

a.logout-link {
	color: 			white;
}

#pagecontent { clear: both; margin-top: 0px; padding: 0px 6px 6px 10px; }
#pagecontent p { text-align: justify }


/* Page style structure constructs */

#frame  { 
	padding: 		0;
	margin: 		0 auto; 
	width: 			1000px; 
	text-align: 		left;
	background-color: 	white;
}

#header	{ 
	width: 			100%;
	height: 		70px;
	margin: 		0;
	padding: 		0;
}

#header #heading { 
	font-weight: 		bold;
	font-size: 			72px;
	margin:				0;
	color:				#754200; 
}

#header #image{
	background-image:	url('/default/images/header-bg.jpg');
	background-repeat:	no-repeat;
	margin:			10px 0 0 40px;
	width:			343px;
	height:			51px;
	float:			left;
}

#footer	{
	width: 			100%;
	height: 		20px;
	margin: 		0;
	padding: 		0;
	clear:			both;
	color:			#754200;
}

.footnote {
	font-size: 		11px;
}

#studbook-menubar {
	height: 			27px;
	padding: 			13px 0 0 0;
	background-image:	url('/default/images/menubar-bg.jpg');
	background-repeat:	repeat-x;
}
#studbook-menubar .linklist { 
	font-size: 			11px;
	font-weight: 		bold;
	text-align:			left;
	margin-right:		8px;
}
#studbook-menubar .linklist a.menulink {
	padding: 			0px 8px 0px 8px;
	color: 				white;
	text-decoration: 	none;
	outline:			none;
}
#studbook-menubar .linklist a:hover.menulink { 
	color: 			white;
}

/* ----------Login Box---------------*/

#loginbox {
	width:		270px;
	float:		right;
	margin:		20px 20px 0px 0px;
	color:		#0073AE;	
	font-weight:	bold;
	font-size:	12px;
	text-align:	right;
}

#loginbox #login-message{
	text-align:		center;
}

#loginbox #login-message-text{
	background-color:	pink;
	border:			1px solid #754200;
	width:			160px;
	padding:		10px;
}

#loginbox #login-message a{
	color:			#754200;
}

#loginbox #login-message a:hover{
	text-decoration:	underline;
}

#loginbox a 			{ color: white; }
#loginbox a:hover		{ color: #3C3C3C; text-decoration: none;}
#loginbox .label 		{ font-weight: bold; }
#loginbox .field {
	margin: 2px 0px 8px 0px;
}

#loginbox .input_button {
	padding:		0px;
	margin:			5px 0 0 10px;
	background-image:	url('/default/images/TopLoginButton.jpg');
	width:			79px;
	height:			21px;
	background-repeat:	no-repeat;
	border:			0;
	cursor:			pointer;
}

#loginbox .input_button:hover {
	background-image:	url('/default/images/TopLoginButtonHover.jpg');
}

#loginbox .input_button_register {
	padding:		0px;
	margin:			5px 0 0 10px;
	background-image:	url('/default/images/TopRegisterButton.jpg');
	width:			111px;
	height:			31px;
	background-repeat:	no-repeat;
	border:			0;
	cursor:			pointer;
}

#loginbox .input_button_register:hover {
	background-image:	url('/default/images/TopRegisterButtonHover.jpg');
}


/* --------------when you are logged in-----------------*/
#loggedin-box {
	width:			220px;
	float:			right;
	font-size:		12px;	
	color:			#0073AE;
	text-align:		center;	
	margin:			10px 0 0 0;
}

#loggedin-box .user-fullname {
	margin-bottom: 	6px;
	font-weight:	bold;
	color:			#0073AE;
}

#logout-button{
	margin:			5px auto 0 auto;
	background-image:	url('/default/images/TopLogoutButton.jpg');
	width:			80px;
	height:			21px;
	background-repeat:	no-repeat;
	border:			none;
	cursor:			pointer;
}

#logout-button:hover{
	background-image:	url('/default/images/TopLogoutButtonHover.jpg');
}

/*LOGIN FORM ON LOGIN PAGE*/
#user-login { width: 600px; padding: 4px; margin-left: 10px;}
#user-login p { padding: 2px; }
#user-login a 			{ color: #754200; text-decoration: none; margin-left: 15px;}
#user-login a:hover		{ color: #754200; text-decoration: underline;}

#user-login .label 		{ }

#user-login .row { clear: left; padding: 2px; }
#user-login .row .label {
	width: 			160px;
	float:			left;
	text-align:		right;
	padding: 		2px;
	margin-right:		10px;
}

#user-login .row .field { 	}
#user-login .row .input_field {  width: 167px;}
#user-login .row .button {
	display:		block;
	margin-left:		170px;
	margin-top:		10px;
	padding: 		4px;
}

#user-login #login_button {
	margin:			4px 0px 0px 270px;
	background-image:	url('/default/images/TopLoginButton.jpg');
	width:			80px;
	height:			21px;
	border:			0;
	cursor:			pointer;
}

#user-login #login_button:hover {
	background-image:	url('/default/images/TopLoginButtonHover.jpg');
}

#authen_password .input_field{
	width: 80px;
}

/* Page layout structure constructs */


#column-single-full { 
	width: 			96%;
	margin:			2px auto;
}

#column-single-full p {
	text-align: 		justify;
}

#column-two-left-large { 
	width: 			77%;
	margin: 		4px;
	float:			left;
	padding:		4px;
}

#column-two-right-small { 
	width: 			20%;
	margin: 		4px;
	color:			white;
	float:			right;
}

#column-two-left-mlarge { 
	width: 			57%;
	margin: 		4px;
	float:			left;
}

#column-two-right-msmall { 
	width: 			40%;
	margin: 		4px;
	float:			right;
}

#column-two-left-same { 
	width: 			48%;
	margin: 		4px;
	float:			left;
}

#column-two-right-same { 
	width: 			48%;
	margin: 		4px;
	float:			right;
}

#column-two-left-small { 
	width: 			151px;
	margin: 		4px;
	float:			left;
	padding:		0px;

}

#column-two-right-large { 
	width: 			80%;
	margin: 		4px;
	float:			right;
	
}


/* These general purpose definitions allow common activities to be
   performed easily via CSS */
.centre  { text-align: center; }
.right-align	 { text-align: right; }
.clear_left  { clear: left; }
.clear_right { clear: right; }
.clear_both  { clear: both; }
.hidden      { visibility: hidden; }
.no_display  { display:none; }



.dfv_errors {
	color:			#BB1322;
	font-weight:		bold;
}
.dfv_error_row   {  }
.dfv_error_label { 	color:			#BB1322;}


.highlight { font-style: italic; }

.navlinkbar { clear: both; }
.navlinkitem { }
.image-divider { width: 85%; clear:	left;}


/* The folder-row definitions are used to define a windows-like
   folder structure */
.folder-row { white-space: nowrap; vertical-align: middle; padding: 1px; clear: left; margin: 0; }
.folder-row .level0 { padding-left: 24px; }
.folder-row .level1 { padding-left: 24px; }
.folder-row .level2 { margin-left: -5px; padding-left: 20px; }
.folder-row .level3 { margin-left: -2px; padding-left: 20px; }
.folder-row .level4 { margin-left: -1px; padding-left: 20px; }
.folder-row .level5 { margin-left: -1px; padding-left: 22px; }
.folder-row .level6 { margin-left: -1px; padding-left: 22px; }
.folder-row .level7 { margin-left: -1px; padding-left: 22px; }
.folder-row .level8 { margin-left: -1px; padding-left: 22px; }
.folder-row .level9 { margin-left: -1px; padding-left: 22px; }
.folder-row .folder   { background-image: url('/default/images/folders/foldericon.png'); background-repeat: no-repeat; }
.folder-row .folder-l { background-image: url('/default/images/folders/l.gif'); background-repeat: no-repeat; }
.folder-row .folder-i { background-image: url('/default/images/folders/i.gif'); background-repeat: no-repeat; }
.folder-row .folder-t { background-image: url('/default/images/folders/t.gif'); background-repeat: no-repeat; }

/*
	General CSS settings used throughout the system; these can easily
	be overridden if need be
*/

.area { width: 100%; }

.search-results-text	{color:	#BB1322; margin-left:	300px; font-size: 14px;}
.search-results, .search-results-to, .search-results-from	{font-weight:	bold; }

.list { width: 98%; background-color: #e9e9e9; margin: 0 auto 10px auto;}
.list .header-row, .list .link-row {
	background-color:	#C1D82F;
	background-image:	url('/default/images/menubar-bg.jpg');
	background-repeat:	repeat-x;
	color:				white;
	font-weight:		bold;
	height:				20px;
	text-align:			center;
	
}
.list .header-row .link, .list .link-row .link { 
	color:				white;
	display:			block;
	text-decoration:	none;
}
.list .header-row .link:hover 			 { color: white; outline: none;}
.list .header-row .label, .list .link-row .label { padding: 4px; border: 1px solid white; }
.list .header-row .sortable:hover 		 { background-color: #C1D82F; color: white; }

.list .row 			{ background-color: white;}
.list .row .field 	{ padding: 1px 4px; border: 1px solid white; font-size:11px;}
.list .warning	  	{ background-color: #BB1322; }

.list #options .link {	}

.list #linkRefresh .link 	{ color: white; }
.list #linkRefresh .link:hover 	{ color: silver; text-decoration: none; }

.sort_direction { float: right; padding-top: 2px; }
.list .alternate { background-color: #FAF6F2; }


.form { width: 800px; padding: 4px; margin-left: 10px; }
.form p { padding: 2px; }
.form .row { clear: left; padding: 3px; }
.form .row .label {
	width: 			160px;
	float:			left;
	text-align:		right;
	padding: 		0px;
	margin-right:		6px;
}
.form .row .field	{ padding-left: 4px;}
.form .row .help	{ float:  left;}
.form .row .button 	{
	display:		block;
	margin-left:		170px;
	margin-top:		10px;
	padding: 		4px;
}
.form .row .button #save {
	background-image: url('/default/images/Save.gif');
	background-repeat:	no-repeat;
	border: 		0;	
	height:			19px;
	width:			69px;
	background-color:	transparent;
	cursor:			pointer;
	float:			left;
}

.form .row .button #save:hover{
	background-image: url('/default/images/SaveHover.gif');
}

.form .row .button #cancel {
	background-image: url('/default/images/Cancel.gif');
	background-repeat:	no-repeat;
	border: 		0;	
	height:			19px;
	width:			69px;
	background-color:	transparent;
	cursor:			pointer;
	color:			transparent;
	text-indent:		-1000px;
	padding-left:		82px;
}

.form .row .button #cancel:hover {
	background-image: url('/default/images/CancelHover.gif');
}

.form .row .button #remove{
	background-image: url('/default/images/Remove.gif');
	width:			90px;
	height:			19px;
	background-repeat:	no-repeat;
	border: 		0;
	text-indent:		-1000px;
	color:			transparent;	
	background-color:	transparent;
}


.form .row .button #remove:hover{
	background-image: url('/default/images/RemoveHover.gif');
}

 #action_next_button{
	background-image: url('/default/images/Next.gif');
	width:			72px;
	height:			19px;
	background-repeat:	no-repeat;
	border: 		0;
	text-indent:		-1000px;
	color:			transparent;	
	background-color:	transparent;
	margin:			5px 0;
	outline: 		none;
}

 #action_next_button:hover{
	background-image: url('/default/images/NextHover.gif');
}
.row
.row .input_field  { font-size: 10px; }
.row .input_button, .link-row .input_button { font-size: 10px; padding: 0px; }

.search-filter-button{
	background-image: url('/default/images/SearchFilter.gif');	
	width:		125px;
	height:		70px;
	color:			transparent;
}

.search-filter-button:hover{
	background-image: url('/default/images/SearchFilterHover.gif');	

}

.image-placeholder-thumbnail {
	width: 80px;
	height: 80px;
	margin: 0px 0 6px 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid silver;
	background-color: white;
	float: left;
}
.image-placeholder {
	width: 250px;
	height: 250px;
	margin: -10px 0 6px 18px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid silver;
	background-color: white;
	float: left;
}
.image-placeholder-row { height: 250px; }
.image-portrait {
	width: 250px;
	height: 250px;
	margin: 6px auto;
	text-align: center;
	vertical-align: middle;
	border: 1px solid silver;
	background-color: white;
	float: left;
}
.image-portrait-row {
	height: 250px;
}
.noimage-thumbnail {
	background-image: url('/default/images/no-image-thumbnail.jpg');
	background-repeat: no-repeat;
}
.noimage {
	background-position: 4px;
	background-image: url('/default/images/no-image-250.jpg');
	background-repeat: no-repeat;
}

/* Results List option links*/
.records-per-page-area{ 
	text-align:	right;
	margin:		4px;
	padding:	2px;
}

a.page-link{
	padding:	4px 0px;
	color:		#0073AE;
}
a.page-link:hover, .page-link-area a:hover	{ color:	#C1D82F;}

.page-link-area		{ margin: 0 0 5px 10px;}
.page-link-area	a	{ color:	#0073AE; }
.current_page 		{ font-weight: bold; color: #C1D82F; }



/* Auto complete CSS - old plugin */

.autocomplete-w1 { z-index:9999 !important; background:url(/default/images/autocomplete-shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; margin:-6px 6px 6px -6px; /* IE6 specific:*/  _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:yellow; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/*
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific:  _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
*/

 
 
 
 /* Loading Message & Image */
 .loading-message {
	background-color:	white;
	padding:        	20px 0 20px 0;
	text-align:     	center;
	color:			#C1D82F;
}

#loading-image{
	background-image:	url('/default/images/ajax-loader.gif');
	background-repeat:	no-repeat;
	width:			64px;
	height:			64px;
	margin:			0px auto 20px auto;
}
/* End Loading Message & Image */

.close{
	float:	right;
	background-image: url('/default/images/Cancel.gif');
	background-repeat:	no-repeat;
	border: 		0;	
	height:			19px;
	width:			69px;
	background-color:	transparent;
	cursor:			pointer;
	color:			transparent;
}
.close:hover{
	background-image: url('/default/images/CancelHover.gif');
}


/*--------------Filter Form--------------*/


.filter-form{	
	margin:		20px auto 20px auto;
	width:		520px;
	padding:	10px 0px 20px 20px;
	background-color:	white;	
}

.filter-form .row{
	padding:	4px 0;
}

.filter-form .label{
	width:				170px;
	background-color:	#0073AE;
	display: 			block;
	float: 				left;
	padding:			5px 5px 4px 0px;
	color:				white;
	font-weight:		bold;
	text-align:			right;
}

.filter-form .help{
	padding-top:	5px;
	float:			left;
	margin:			0 4px;
}

.filter-form .input_field{
	width:		300px;
	display:	block;
	border:		solid 1px #999999;
	height:		17px;
	padding-top: 4px;
}

.filter-form select.input_field {
		height:		23px;
		padding-top:3px;
}

.filter-form .button{
	margin-left:	196px;

}
#clear-filter{
	float:	right;
	margin-right:	20px;
}
#options { text-align:center}

/* styling for the image wrapper  */ 
#main-image {
	width:  250px;
	height: 250px;
}
#image-wrap { 
    /* dimensions */ 
    margin:8px 0 0px 0px; 
    padding:12px 12px; 
	width:  250px;
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}


/* pedigree */

#pedigree { overflow: hidden; }
#pedigree .node { border-style: solid; z-index: 100; }
#pedigree .node span { height: 90px; width: 180px; position: relative; }
#pedigree .node .node-content { padding-left: 5px; padding-top: 5px; }
#pedigree .node .image { height: 80px; width: 80px; }
#pedigree .node .name { text-align: center; height: 80px; width: 80px; white-space:normal; position: absolute; top: 5px; right: 5px; }

.mother { border-color: red; }
.father { border-color: blue; }



/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/default/images/jqueryTools/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;	
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
  	text-align:	center; 
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(/default/images/jqueryTools/close.png);
	position:relative; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(/default/images/jqueryTools/transparent.png);         
    color:#fff; 
}

.media-caption { display:none;}


/* media gallery plugin */

/* the large image. we use a gray border around it */
#gallery #img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
#gallery .next, #gallery  .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

#gallery .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

#gallery .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

#gallery .next:hover, #gallery  .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
#gallery .disabled {
	visibility:hidden;		
}

/* the "information box" */
#gallery .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

#gallery .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
#gallery .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
#gallery .next, #gallery  .prev, #gallery .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/default/images/jqueryTools/h80.png) repeat-x;		
}


/* remove margins from the image */ 
.scrollable  .items img { 
    margin:0; 
} 
 
/* make A tags our floating scrollable items */ 
.scrollable  .items a { 
    display:block; 
    float:left; 
    margin:10px 8px; 
}  
 
/* tooltip styling */ 
#media_tooltip { 
    display:none; 
    background:url(/default/images/jqueryTools/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
}

 
/* pedigree horse information styling */ 
.animal_info { 
    display:none; 
    background:url(/default/images/jqueryTools/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
    z-index: 9999;
} 
.animal_info .image { width: 80px; height: 80px; }
.animal_info .info { position: absolute; left: 130px; top: 36px; }

.animal_full_info .image { width: 250px; height: 250px; position: absolute; top: 10px; left: 10px; }
.animal_full_info .info { position: absolute; left: 280px; top: 10px; }
.animal_full_info .relationships { position: absolute; left: 10px; top: 270px; }


/* animal gallery plugin */

/* the large image. we use a gray border around it */
.animal_gallery #img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.animal_gallery .next, .animal_gallery  .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.animal_gallery .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.animal_gallery .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.animal_gallery .next:hover, .animal_gallery  .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.animal_gallery .disabled {
	visibility:hidden;		
}

/* the "information box" */
.animal_gallery .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.animal_gallery .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.animal_gallery .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.animal_gallery .next, .animal_gallery  .prev, .animal_gallery .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/default/images/jqueryTools/h80.png) repeat-x;		
}



/* active item */ 
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:9990;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	padding:	20px 0 0 0;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/default/images/jqueryTools/close.png);
	position:absolute;
	top:-15px;
	right: -90px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay_image {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:9990;
	
	/* styling */
	background-color:#333;
	
	width:100px;	
	min-height:100px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay_image .close {
	background-image:url(/default/images/jqueryTools/close.png);
	position:absolute;
	top:-15px;
	left: -15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* 

ches - this needs to be put in somwhere probably as well ....


<!--[if lt IE 7]> 
<style>  
div.apple_overlay { 
    background-image:url(/default/images/jqueryTools/overlay_IE6.gif); 
    color:#fff; 
} 
 
default close button positioned on upper right corner 
div.apple_overlay div.close { 
    background-image:url(/default/images/jqueryTools/overlay_close_IE6.gif); 
 
}     
</style> 
<![endif]-->

*/

a.additem{
	background-image: url('/default/images/add-icon.png');
	background-repeat:	no-repeat;
	height:			16px;
	width:			16px;
	margin-left:	0px;
	padding-bottom: 1px;
}

a.additem:hover{
	background-image: url('/default/images/add-icon-hover.png');
}

#animalRegistry-link-add, #animalGender-link-add, #animalRelationship-link-add, #animalTestStatus-link-add,#animalType-link-add, #animalRelationshipType-link-add, #animal-link-add, #contact-link-add, #membership-link-add, #show-link-add, showEvent-link-add, #showResult-link-add, #contactRelationship-link-add, #contactRelationshipType-link-add, #user-link-add{
	padding-left:	20px;
}

.import-record { padding-bottom: 10px; }
.import-record .line { display: block; }