/*------------------------------------------------------

CSS Created:	17/01/2008
CSS Author:		Alessandro Avallone
email:			alex@hmd.it
website:		hmd.it

------------------------------------------------------*/
body { 
	margin-top: 41px;
	text-align:center;
	padding: 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 13px; 
	background-image: url(images/background.jpg); background-repeat:repeat-x; background-color:#8c8983;	
	}
a       { text-decoration: none; color:#aa8f60; }
a:hover { color:#000000; }
textarea { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
input    { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } 


/*-------------------------------------------* HEADER */
#header { 
	width:733px; 
	height:188px; 
	position:relative; 
	margin:0 auto;
	padding:0px;
	}	
/*-------------------------------------------- NAVBAR */
#navbar {
    width: 733px; 
	height: 60px;
	position: relative; 
	padding:0;
	margin: 0 auto;
	font: bold 13px Arial;
	background-image:url(images/navBarBgr.jpg);
	}	
#navbar ul   { text-align:center; margin-left:55px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:0px; }
#navbar li   { display: inline; color: white; }
#navbar li a {
	padding-left:7px; padding-right:7px; padding-top:13px; padding-bottom:0px;
	height: 45px; 
	float: left; 
	text-decoration: none; 
	color: white; 
	background-image:url(images/button_active.jpg); 
	background-repeat:repeat-x; 
	}
#navbar li a:hover   { color: black; background-image:url(images/button_over.jpg); }
#navbar li #current  { color: black; background-image:url(images/button_over.jpg); }


/*-------------------------------------------- NAVBAR ADMIN */
#navbar_admin {
    width: 733px; 
	height: 60px;
	position: relative; 
	padding:0;
	margin: 0 auto;
	font: bold 13px Arial;
	background-image:url(images/navBarBgr.jpg);
	}	
#navbar_admin ul   { margin-left:70px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:0px; }
#navbar_admin li   { display: inline; color: white; }
#navbar_admin li a {
	padding-left:25px; padding-right:25px; padding-top:13px; padding-bottom:0px;
	height: 54px; 
	float: left; 
	text-decoration: none; 
	color: white; 
	background-image:url(images/button_active.jpg); 
	background-repeat:repeat-x; 
	}
#navbar_admin li a:hover   { color: black; background-image:url(images/button_over.jpg); }
#navbar_admin li #current  { color: black; background-image:url(images/button_over.jpg); }

/*---------------------------------------------* MAIN */
#main { 
	width: 733px; 
	background-image: url(images/main.jpg); background-repeat:repeat-x; background-color:white;
	position: relative; 
	margin: 0 auto;
	}
#main_admin { 
	width: 733px; 
	position: relative; 
	background-color:white;
	margin: 0 auto;
	}
/*------------------------------------------* CONTENT */
#content { 
	text-align:justify;
	position: relative; 
	margin: 0 auto;
	padding: 18px;
	}
#section_pic { border:1px solid #aa8f60; }
/*-------------------------------------------- BOTTOM */
#bottom { 
	width:  733px; 
	height: 65px; 
	background-image: url(images/bottom.jpg); 
	position:relative;
	margin:0 auto;
	}
#credit         { padding-top:15px; }
#credit a       { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;
                  text-decoration: none; color:#FFFFFF; }
#credit a:hover { color:#000000; }
/*-------------------------------------------- SCHEDA */
#nofoto         { width:690px; }
#gallery        { width: 300px; float:left;  }
#gallery a      { text-decoration:none; }
#gallery img    { border:1px solid #aa8f60; }
#info           { width: 390px; float:right; } 
/*-------------------------------------------- CUCCIOLI */
#male        { width: 345px; float:left;  }
#male a      { text-decoration:none; }
#male img    { border:1px solid #aa8f60; margin-top:5px; }
#female      { width: 345px; float:right; } 
#female a    { text-decoration:none; }
#female img  { border:1px solid #aa8f60; margin-top:5px; }
/*-------------------------------------------- PEDIGREE */
#pedigree         { width:620px; height:269px; background-image:url(images/paedigreeBgr.gif) }
#pedigree a       { color:#aa8f60; text-decoration: none; font-weight:bold; }
#pedigree a:hover { color:#000000; }

html>body #pedigree #pos0 { position:absolute; left:27px; top:125px;   z-index:1; }             /* FIREFOX - IE 7.0*/
#pedigree           #pos0 { position:absolute; left:10px; top:125px;   z-index:1; }             /* IE 6.0 */


html>body #pedigree #pos1  { position:absolute; left:27px; top:265px;   z-index:1; }
#pedigree #pos1            { position:absolute; left:10px; top:265px;   z-index:1; }

html>body #pedigree #pos2  { position:absolute; left:235px; top:95px;   z-index:1; }
#pedigree #pos2            { position:absolute; left:215px; top:95px;   z-index:1; }

html>body #pedigree #pos3  { position:absolute; left:235px; top:157px;  z-index:1; }
#pedigree #pos3            { position:absolute; left:215px; top:157px;  z-index:1; }

html>body #pedigree #pos4  { position:absolute; left:235px; top:235px;  z-index:1; }
#pedigree #pos4            { position:absolute; left:215px; top:235px;  z-index:1; }

html>body #pedigree #pos5  { position:absolute; left:235px; top:297px;  z-index:1; }
#pedigree #pos5            { position:absolute; left:215px; top:297px;  z-index:1; }

html>body #pedigree #pos6  { position:absolute; left:443px; top:79px;   z-index:1; }
#pedigree #pos6            { position:absolute; left:423px; top:79px;   z-index:1; }

html>body #pedigree #pos7  { position:absolute; left:443px; top:109px;  z-index:1; }
#pedigree #pos7            { position:absolute; left:423px; top:109px;  z-index:1; }

html>body #pedigree #pos8  { position:absolute; left:443px; top:139px;  z-index:1; }
#pedigree #pos8            { position:absolute; left:423px; top:139px;  z-index:1; }

html>body #pedigree #pos9  { position:absolute; left:443px; top:169px;  z-index:1; }
#pedigree #pos9            { position:absolute; left:423px; top:169px;  z-index:1; }

html>body #pedigree #pos10 { position:absolute; left:443px; top:219px;  z-index:1; }
#pedigree #pos10           { position:absolute; left:423px; top:219px;  z-index:1; }

html>body #pedigree #pos11 { position:absolute; left:443px; top:249px;  z-index:1; }
#pedigree #pos11           { position:absolute; left:423px; top:249px;  z-index:1; }

html>body #pedigree #pos12 { position:absolute; left:443px; top:279px;  z-index:1; }
#pedigree #pos12           { position:absolute; left:423px; top:279px;  z-index:1; }

html>body #pedigree #pos13 { position:absolute; left:443px; top:309px;  z-index:1; }
#pedigree #pos13           { position:absolute; left:423px; top:309px;  z-index:1; }
/*--------------------------------------------------- CLASSES */
.dog         { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#aa8f60; } 
.dog a       { color:#aa8f60; text-decoration: none; }
.dog a:hover { color:#000000; }


.little      { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } 
.hidden      { display: none; }
.separation  { height:20px; background-image:url(images/sepLine.gif); }
.title       { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 26px; font-weight:bold; color:#FF9900; }
.delete      { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.disabled    { background-color:#CCCCCC; border:1px solid #7f9db9; }
.abled       { background-color:#FFFFFF; border:1px solid #7f9db9; }
.clear       { clear:both; visibility:hidden; }