body {font:76% Arial, Helvetica, sans-serif; text-align:center; color:#000; background-color:#333;}

h1 {font-size:1.5em; margin-bottom:0.5em; color:#2175c6;}
h2 {font-size:1.2em; margin-bottom:0.5em; color:#006; font-weight:bold;}
h3 {font-size:1.1em; margin-bottom:0.5em; color:#000;  font-weight:bold;}

p {font-size:1em;}
hr {border-bottom:#ccc dashed 1px; border-top:#fff solid 1px; margin:5px 0;}

/*a.yes:link, a.yes:active, a.yes:visited, a.yes:hover{font-size:1.9em; color:green;}
a.no:link, a.no:active, a.no:visited, a.no:hover{font-size:1.9em; color:red;}*/

a.yes{font-size:1.5em; color:green; margin-right: 10px}
a.no{font-size:1.5em; color:red; margin-left:10px}

a:link, a:active{color:#264cbf; text-decoration:none;}
a:visited{color:#172e73; text-decoration:none;}
a:hover{text-decoration:underline;}

a.small_link:link, a.small_link:active, a.small_link:visited, a.small_link:hover{font-size:0.9em}

#container {width:800px; margin:8px auto; text-align:left; background-color:#fff;}
	#container dt {text-transform:uppercase; font-size:0.9em; color:#303030; margin-top:10px;}
	#container dd {padding-bottom:3px; min-height:5px;}
	.information {color:#616161; font-size:0.9em;}
	
	dl#faq dt, dl#glossary dt {font-weight:bold; text-transform:none; font-size:1.0em; color:#000; margin-top:10px;}
	dl#faq ol{}
	dl#faq ol li{margin-left:30px; padding-bottom:2px;}
	
dl.home_menu {}	
	dl.home_menu dt a:link, dl.home_menu dt a:active{font-size:1.1em; color:#264cbf; text-decoration:none; font-weight:bold;}
	dl.home_menu dt a:visited {font-size:1.1em; color:#172e73; text-decoration:none; font-weight:bold;}
	dl.home_menu dt a:hover {font-size:1.1em; text-decoration:underline; font-weight:bold;}

#leftnav{margin-top:10px; width:150px; }
	.partner_name{font-size:1.2em;margin-left:5px;font-weight:bold;color:#666;}
	.user_name {font-size:.9em;margin-left:5px;font-weight:700;color:#666}
	#menu ul{list-style-type:none; margin-top:10px; width:150px;}
	#menu li{margin-left:5px; padding:5px 0; border-bottom:#ccc solid 1px;}

#header{height:89px; background: #000 url(/cchan/images/header_graphic.gif) no-repeat bottom left;}

#content {margin:10px 10px 0 0; padding:0 10px 0 10px; width:605px; float:right; border-left:#ccc solid 1px; position:relative}
	#content ul{list-style-type:disc;}
	#content ul.reports_list {background-color:#efefef; border:#cecfce solid 1px; padding:10px; width:200px;}
	#content li{margin-left:17px; padding-bottom:2px;}

table {width:595px; border-collapse:collapse; }
	caption{font-weight:bold; text-align:left; font-size:10pt;}
	th {font-weight:bold; text-align:center; vertical-align:middle; background-color:#eee; border:1px #666 solid; padding:3px;}
	td {border: 1px #CCC solid; text-align:center; padding:0 2px;}
	td#status{width:60px;}
	td#sex{width:45px;}
	td#edit_row{ padding-right:20px; }
	th.header{ background-image: url(/cchan/images/unsorted.gif); background-repeat: no-repeat; background-position: center right;}
	th.headerSortUp { background-image: url(/cchan/images/asc.gif); background-repeat: no-repeat; background-position: center right;} 
	th.headerSortDown { background-image: url(/cchan/images/desc.gif); background-repeat: no-repeat; background-position: center right;} 
	.even{background-color:#FFFFFF;}
	.odd{background-color:#F1F7FC;}

#display_bar{}
#display_bar dt{font-weight:bold; color:#000;}
	#display_bar dl#display, #display_bar dl#select, #display_bar dl#actions {float:left; width:170px;}
	#display_bar dl#select, #display_bar dl#actions {margin-left:20px;} 
	#display_bar dl#actions{width:190px; background-color:#F1F7FC; border:thin solid #eee; padding:0px 0px 5px 10px;}	
	/*#display_bar input#go_filters {float:left; margin-left:10px; margin-top:22px; width:30px;}*/
	#display_bar #placeholder {}

#extra_filters{}
	#puppy_filter{float: left; padding-right:3px;}
	#date_filter{float: left; border-left:medium dotted #eee;}
	#date_filter dl{float: left; margin:0 5px 0 5px;}
	
.note {width:700px; padding:8px; text-align:center; background-color:#dcdcdc; border:#bed2dc dashed 1px;}

#info_header {background-color:#f7f7f7; border:#CCCCCC solid 1px; padding:10px;}
	.right {float:right; width:300px;}
	.left {}
	
#buttons {}
	#buttons input{margin:15px 15px 0 0; padding:0 3px; overflow:visible;}

#error {background-color:#efefef; border:#f00 dashed 1px; padding:5px; width:580px; margin-bottom:10px}
	.red{color:#f00; font-size:1.1em;}

#footer {clear:both;height:103px; background:#fff url(/cchan/images/footer_puppies.gif) no-repeat bottom left; font-size:1.0em; color:#fff; position:relative; margin-top:20px;}
	#footer_links {position:absolute; top:80px; width:800px; text-align:center;}
	#footer a {color:#fff; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	
.clear {clear:both;}

span.required {color:red;}

.scroll_info {margin:0px 5px 5px 5px; overflow:auto; height:450px;}
.scroll_short {margin:0px 5px 5px 5px; overflow:scroll; height:100px; width:620px;}

address { margin:10px 5px 0px 5px; }

#close_window{margin-top:30px; text-align:center;}

#puppy_grid{width:600px;}

#confirm_dam{width:590px;}
#confirm_sire{width:590px;}
#dam_message{width:550px;}
#sire_message{width:550px;}

label.error{margin-left:5px; color:red; font-style: italic;}

#searchParms{margin: 5px 2px 5px 8px; font-style: italic;}
.searchParm{margin:0 0 0 20px; }

#breeders {margin:0px 0px 10px 0px }
#breeders table{width:100%}

#inventoryTitle{}
	#inventoryTitle>span{float:left; font-size:1.2em; color:#006; font-weight:bold;}
	#inventoryTitle>span[name=showHideLink]{float: right; width:10%; color:#006699; font-size:1.0em; font-weight:normal;}
	#inventoryTitle>span[name=showHideLink]:hover {color:#CC6633;}
	
#breederListTitle{}
	#breederListTitle>span{float:left; font-size:1.2em; color:#006; font-weight:bold;}
	#breederListTitle>span[name=showHideLink]{float: right; width:10%; color:#006699; font-size:1.0em; font-weight:normal;}
	#breederListTitle>span[name=showHideLink]:hover {color:#CC6633;}

.up{background:#eee url('/cchan/images/desc.gif') no-repeat right;}
.down{background:#eee url('/cchan/images/asc.gif') no-repeat right;}
span.link{color:#264cbf; cursor:pointer}

#choice_window table{width:400px}

#papers{margin-top:10px}
#withPapers{margin-top:10px}
#withoutPapers{margin-top:10px}

#report_container{margin:10px 10px 10px 10px}
#report_choice{float:left; width:35%; margin-bottom:20px;}
	#report_choice>div{height:175px; width:100%; border:thin solid #eee; padding:0px 0px 5px 10px;}
#report_params{float:right; width:60%;margin-bottom:20px;}
	#report_params>div{height:175px; width:100%; background-color:#F1F7FC; border:thin solid #eee; padding:0px 0px 5px 10px;}
#report_viewer{ width:100%; }

#buttonRow {
	margin: 5px;
}
.hide {
	visibility:hidden
}
sup {
	font-size:75%;
	vertical-align:super;
}
.invis {display:none}
#puppy_id_list {float:left}
#puppy_id_type {float:left; margin-left:10px}
#date_filter {width:290px}

/* Cluetip */

.cluetip-cchan {
  background-color: white;
}
.cluetip-cchan #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: white;
}
.cluetip-cchan h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #2175C6;
  color: #fff;
}
.cluetip-cchan #cluetip-title a {
  color: white;
  font-size: 0.95em;
}  
.cluetip-cchan #cluetip-inner {
  padding: 10px;
}
.cluetip-cchan div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

