/*
 3-col related
*/
	body{
		background-image: url('../html/graphics/parts/tile_top_bg.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.extra_body{
		background-image: url('../html/graphics/parts/tile_bottom_bg.jpg');
		background-repeat: repeat-x;
		background-position: bottom left;
		margin: 0px;
		padding: 0px;	
	}
	
	/* For the 3 circle icon */
	.extra_body2{
		background-image: url('../html/graphics/parts/icon_large_bt_rt.jpg');
		background-repeat: no-repeat;;
		background-position: bottom right;	
	}
	
	.header {
		width: 100%;
		height: 126px;
		margin:0; 
		padding:0;
	}

	.footer {
		width: 100%;
		height: 105px;
		margin:0; 
		padding:0;
	}
	
	.column-in {
		margin:0; padding:0.5em 1em;
	}
	.left_col {
		width: 195px;
		float: left;
		margin:0; 
		padding:0;
		color: white;
	}
	
	.left_col ul{
		list-style: none;
	}
	
	.main {
		margin:0; 
		padding:0;
	}

	.main2 {
		background-image:url(../html/graphics/parts/tile_left_menu.jpg);
		background-repeat:repeat-y;
		margin:0; 
		padding:0;
	}
	.content {
				/* top, right, bottom, left  */
		margin: 0 0 0 195px; 
	}
				
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background: transparent;
	}
	
	
/* MENUS*/
	.main_menu, .quick_search_menu{
		width: 195px;
		overflow: auto;
	}
	
	
	
	.main_menu a, .quick_search_menu a{
		text-decoration: none;
		color: white;
	}
	.admin_menu{
		width: 195px;
		overflow: auto;
	}
	
	.admin_menu a{
		text-decoration: none;
		color: white;
	}
	
/* TABLES */
	.row_evens, .row0{
		background-color: #FFFFCC;
	}
	
	.row_odds, .row1{
		background-color:#DFEAFF;
	}
	
	.row_odds th{
		padding: 0px 7px 0px 7px;
	}
	
	.animal_search_table{
		border: 1px solid black;	
		margin-left: auto;
		margin-right: auto;
		background-color: white;
		text-align: center;
	}	
	
	.animal_search_table .admin_controls{
		background-color: white;
		text-align: center;
	}
	
	/* ANIMAL CARD */
	
		.animal_card_window{
			width: 500px; 
			display: block; 
			margin-left: auto; 
			margin-right: auto;
			
		}
		
		.animal_card_window table{
			background-color: white;
		}
		
		.animal_card_window table{
			width: 100%;
			border: 1px solid black;
			border-collapse: collapse;
		}
		.animal_card_window .breed_title{
			font-size: x-large;
		}
		.animal_card_window .sale{
			text-align: right;
		}
		
		.animal_card_window .description{
			background-image: url("../html/graphics/yellow_tile.jpg");
			background-repeat: repeat-x;
			height: 150px;
			overflow: auto;
			vertical-align: top;
		}
		
		.animal_card_window .small_heading{
			font-size: small;
			border-bottom: black solid 1px;
			text-align: center;
			padding-top: 10px;
		}
		
		.animal_card_window .no{
			color: red; 
			font-weight: bold;
		}
		
		.animal_card_window .yes{
			color: green; 
			font-weight: bold;
		}
		
		.animal_card_window .controls{
			font-size: small;
			text-align: right;
		}
	/* END ANIMAL CARD*/
	
	.menu_table{
		border: 1px solid black;	
	}
	
	.menu_table th{
		text-transform: uppercase;
	}
	
	.menu_table .heading{
		text-align: left;
		display: block;
		text-transform: capitalize;
		
		font-weight: bold;
		width: 200px;
	}
	
	.menu_table td{
		text-align: right;
	}

	#form{
		border: 1px solid black;
	}

	#form tbody td{
		padding: 7px;
	}

/* Form Filter boxes*/
	.filter_box{
		background-color: #CCCCCC;
		margin: 10px;
		padding: 10px;
		border: solid 1px #9F9F9F;
	}
/* END form filter boxes*/

	
/* System messages*/
	.system_msg_head{
		color: #009900;
		padding-top: 0px;
		margin-top: 0px;
	}

	.system_title{
		text-align: center;
	}
	.system_msg_box{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		border: 3px double black;
		background-color: #FFFFCC;
		background-image: url("../html/graphics/info.gif");
		/*background-position: top right;*/
		background-position: 95% 10%;
		background-repeat: no-repeat;
	}
	
/* Error messages*/
	.error_msg_head{
		color: red;
		padding-top: 0px;
		margin-top: 0px;
	}

	.error_msg_box{
		width: 250px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		border: 3px double black;
		background-color: #FFFFCC;
		background-image: url("../html/graphics/stop.gif");
		background-position: 95% 10%;
		background-repeat: no-repeat;
	}	
	.error_title{
		text-align: center;
	}	
	
	.error_message{   /* The prompt to the user. */
		text-align: left;
	}	
	
/* Important messages*/
	.important_msg_head{
		color: black;
		padding-top: 0px;
		margin-top: 0px;
	}

	.important_message{   /* The prompt to the user. */
		text-align: center;
	}

	.important_msg_box{
		width: 250px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		border: 3px double black;
		background-color: #FFFFCC;
		background-image: url("../html/graphics/important.gif");
		background-position: 95% 10%;
		background-repeat: no-repeat;
		
	}
	.important_title{
		text-align: center;
	}		
	
/* Special text */
	.page_heading1{
		font-size: x-large;
		font-weight: bold;
	}
	.page_heading2{
		font-size: medium;
		font-weight: bold;
	}
	.apet_lists{
		list-style: circle;
	}
	.apet_lists li{
		line-height: 2em;
	}

	.delete_excerpt{
		width: 250px;
		padding: 10px;
		border: 1px solid #CCCCCC;
		margin: 50px auto 0px auto;
	}
	
	.delete_controls_container{
		text-align: center;
		padding: 10px;
		margin: 0px;
	}
	.delete_controls_container .form_controls{
		text-align: center;
	}
	a, .fake_link{
		color: blue;
		cursor: pointer;
	}

	a:hover, .fake_link:hover{
		color: red;
		text-decoration: underline;
	}

	.step_heading{
		color: #006600;
		font-weight: bold;
	}
	
	.hint_heading{
		color: #CC0000;
		font-weight: bold;	
	}
	
	.small_text{
		font-size: small;
		color: #6F6F6F;
	}
	
	
/* LOGIN */

.login_form{
	float: right;
	text-align:left;
	width: auto;

}

.login_form form table{
	font-family: Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	font-weight: bold;
	border-collapse: collapse;
}

#username_div, #password_div{
	background-image: url('../html/graphics/parts/login_form_input.jpg');
	background-repeat: no-repeat;
	height: 32px;
	width: 173px;
	padding: 5px 3px 3px 3px;
	margin: 0px;
}
.login_form .username, .login_form .password{
	width: 164px;
	border: 0px none;
	font-size: large;
	vertical-align: middle;

}

.login_form .go{
	background: none;
	background-color: transparent;
	height: 43px;
	width: 44px;
	border: 0px none;
}


/* General */
.div_row{
	width: 100%;
	float: left;

}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

.green_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	font-weight: bold;
	color: #009900;
}

#title_pic{
	margin: 5px;
	border: medium ridge #666666;
}

#site_area_box {
	background-color: #FFFFCC;
	border: 2px solid #333333;
}

/* 

DEV CLASSES
.site_area_box_float {
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 150px;
	width: 300px;
	border: 2px solid #333333;
    overflow: auto;
}

.dev_class_box_float {
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 200px;
	width: 150px;
	border: 2px solid #333333;
    overflow: auto;
}
*/