/* CSS Document */
/* created for http://www.groomersreference.com  */

body { 
text-align:center;
padding: 0 0 0 0;
margin: 0;
/*background-image:url(bodybg.jpg);*/
background-repeat:repeat-x;
color: #2e2422;
}

h1 {
padding: 1% 0 0 0;
margin: 0 0 0 0;
color:#2e2422;
font: 130% Arial, Helvetica, sans-serif;
text-align:left;
}

h1 a {color: #23cad9;
text-decoration:none;
}

h1 a:hover {
text-decoration:underline;
}

h1.bold {
padding: 1% 2% 0 0;
margin: 0 0 0 0;
color: #ff0099;
font: bold 150% Arial, Helvetica, sans-serif;
text-align:left;
}

h2 {
font: 100% Arial, Helvetica, sans-serif;
height: 25px;
color: #5dc228;
width: 80%;
float:left;
padding: 0 0 5px 0;
margin: 3% 0 5px 0;
}

h3 {
padding: 0;
margin:0 0 0 10px;
float:left;
color:#2e2422;
font: bold 100% Geneva, Arial, Helvetica, sans-serif;
}

h3 {
padding: 0;
margin:0;
float:left;
color:#2e2422;
font: bold 100% Geneva, Arial, Helvetica, sans-serif;
}

h4 {
padding: 1% 0 0 0;
margin: 0 0 0 0;
color:#2e2422;
font: 180% Arial, Helvetica, sans-serif;
text-align:left;
}

h5 {
padding: 1% 0 0 0;
margin: 0 0 0 0;
color: #5dc228;
font: bold 100% Arial, Helvetica, sans-serif;
text-align:left;
}

h6 {
color: #2e2422;
font: bold 90% Arial, Helvetica, sans-serif;
padding: 1% 0 0 0;
margin: 0;
}

p {
text-align:left;
}

a {
font: 80% Arial, Helvetica, sans-serif;
text-decoration:none;
color: #ff0099;
}

form {
padding:0;
margin:0;
}

 #breedlisting {
float:left;
color:#2e2422;
font: 90% arial,sans-serif;
}

#breedlisting tbody td{
padding: 1%;
}


tbody tr.sorthead a{
color:#2e2422;
font: bold 90% Arial,Sans-serif;
}

tr {
padding:0 0 0 0;
margin: 0 0 0 0;
}

tr.inforow a {
color:#ff0099;
text-decoration:none;
}

tr.inforow a:hover {
text-decoration:underline;
}

p.top {
font: 80% arial, sans-serif;
margin: 1% 0 1% 0;
padding:0;
}

/* CSS divs - page top. */ 

#maincontainer {
width: 915px;
margin: 0 auto;
}

#masthead {
margin: 0 auto;
width: 915px;
}

#menu {
width: 100%;
float:right;
margin: 0 0 0 0;
}

#menu ul {
padding: 2px 0 2px 0;
margin: 0 0 .5% 0;
width: 905px;
height: 25px;
background-color:#fff;
border: 5px solid #2e2422;
font: 100% Arial, Helvetica, sans-serif;
text-align:center;
}

#menu li {
display:inline;	
list-style:none;
list-style-type:none;
padding: 0 5px 0 5px;
margin: 0 2px 0 0;
}

#menu li:hover {
background-color: #fff;
} 

#menu li.thispage {
background-color: #fff;
} 


#menu li a {
text-decoration:none;
color: #2e2422;
}

#menu li a:hover {
color: #ff0099;
text-decoration:underline;
}

#menu li a.thispage {
color: #ff0099;
}
#menu li a.newstuff {
color: #ff0099;
}

#logo {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#logo img {
float:left;
}

#searcharea {
padding:0 0 1% 0;
width:40%;
float:right;
margin: 1% 0 0 0;
}

#searcharea input.searchinput{
float:left;
width:60%;
font-variant:small-caps;
margin: 0 0 0 0;
border:1px solid #5dc228;
}

#searcharea .inputbutton{
float:right;
width: 30%;
height: 23px;
margin: 0 0 0 0;
background-color: #25abbb;
border:1px solid #fff;
color: #fff;
}

#tabmenu {
width: 50%;
padding: 1% 0 0 0;
float:right;
margin: 0 0 0 0;
}

#tab {
float:right;
width: 150px;
height:45px;
margin: 0 0 0 0;
font: 200% Arial, Helvetica, sans-serif;
padding: 1% 0 0 0;
background-image:url(button_tab.jpg);
background-repeat:no-repeat;
}

#tab a {
color:#fff;
text-decoration:none;
}

#tab a:hover {
color:#fff;
text-decoration:underline;
}

/* CSS div - page content - center area holding the left and right sections. */ 

#content {
margin: 0 auto 1% auto;
width:915px;
float:left; 
text-align:left;
}

#toparea {
width: 915px;
height: 125px;
background-color:#fff;
margin: 0 0 0 0;
}

#tablist{
padding: 0;
margin:0;
height: 125px;
width: 900px;
}

#tablist li {
list-style-type:none;
list-style:none;
display:inline;
float:left;
}

#line {
width: 100%;
height: 5px;
margin: 0 0 0 0;
background-color: #ccc;
}

/* CSS divs - side bar - the side bar content. */ 

#leftcol {
float:left;
width: 305px;
padding: 1% 0 1% 0;
}

#leftcol a {
color:#2E6FF2;
font: bold 120% Arial, Helvetica, sans-serif;
text-decoration:none;
}

#leftcol a:hover {
color:#0540F2;
text-decoration:underline;
}

#leftcol ul {
float:left;
padding: 0 0 0 0;
margin: 0;
border-top: 1px solid #2e2422;
}

#leftcol li {
text-align:left;
list-style:none;
list-style-type:none;
font: 75% Arial, Helvetica, sans-serif;
line-height: 140%;
padding: 0 0 0 0;
margin: 3% 0 3% 0;
}

.leftitle {
text-decoration:none;
color:red;
}

/* CSS div - search - all styles for the search results are defined here */

#cselect {
width: 43%;
float:right;
padding:0;
}

#checkBoxWrapper {
float:left;
width: 125px;
color:#2e2422;
padding: 0 0 0 0;
}

#checkBoxWrapper input {
margin: 1.25% 5% 1.25% 0;}

#buttonWrapper {
float:right;
clear:both;
width: 38%;
padding: 2% 2% 2% 0;
 /* Used to float buttons on the search page, gr_search */
}

#buttonWrapper input {
float:left;
}

#sortlink {

}

#sortlink ul {
padding: 0;
margin: 1% 4% 2% 0;
}

#sortlink li {
list-style:none;
list-style-type:none;
padding: 0 1% 0 1%;
}

#sortlink li a {
font: 90% Arial,Verdana,Sans-Serif;
color:#2E6FF2;
text-decoration:none;
}

#sortlink li a:hover {
color:#FF0099;
text-decoration:underline;
}

#sortlink td a:hover {
color:#FF0099;
text-decoration:underline;
}

#sortlink td a.thispage {
font: bold 100% arial,sans-serif;
color: #ff0099;
text-decoration:underline;
}

#info {
border-top:2px solid #eee;
width: 100%;
float:left;
font: 90% arial,sans-serif;
padding: 1% 0 1% 0;
}

#info img {
float:left;
padding: 2%;
}

#info ul {
width: 70%;
float:right;
padding:0;
margin:0;
}

#info li {
display:block;
list-style:none;
list-style-type:none;
padding: .5% 0 .5% 0;
}

#info a{
font: bold  100% arial,sans-serif;
color:#2E6FF2;
text-decoration:none;
}

#info a:hover {
color:#0540F2;
}

#info p {
}

#textcol {
font: 80% arial,sans-serif;
width: 100%;
}

#textcol ul {
float:left;
padding: 0;
margin: .5% 0 .5% 0;
width: 100%;
}

#textcol li {
width: 220px;
display:inline;
float:left;
}

#textcol a.header {
color:#ff0099;
}

#textcol a.header:hover {
color:#0540F2;
}

#textcol a {
color:#2E6FF2;
text-decoration:none;
}

#textcol a:hover {
color:#0540F2;
}

#qsort {
width: 90%;
height: 30px;
border: 1px dashed #ccc;
color: #2e2422;
}

#qsort ul {
padding: 1%;
margin: 0;
}

#qsort ul li {
display:inline;
list-style:none;
list-style-type:none;
}

#qsort ul li:hover {
}

#qsort a {
font: 90% arial,sans-serif;
color:#2E6FF2;
text-decoration:none;
}

#qsort a:hover {
text-decoration:underline;
color:#0540F2;
}

/* CSS div - breed profile - divs for the breed proifile */

#geninfo {
float:left;
margin: 4% 0 0 0;
}

#geninfo table {
width: 278px;
padding: 1%;
}

#geninfo td {
padding: 10px 0 0 0;
}


#geninfo .boldcopy {
font: bold 100% arial,sans-serif;
}

#structurecol {
float:right;
width: 296px;
}

#structurecol p {
font: 80% arial, verdana, sans-serif;
line-height: 160%;
}


#breedmenu {
float:left;
width: 99%;
margin: 0 0 0 0;
}

#breedmenu ul {;
width: 100%;
float:left;
padding: 2px 5px 0 5px;
margin: 0 0 0 0;
height: 25px;
background-color: #eee;
font: 100% Arial, Helvetica, sans-serif;
}

#breedmenu li {
display:inline;	
list-style:none;
list-style-type:none;
padding: 0 5px 0 0;
margin: 0 0 0 0;
}

#breedmenu li a {
text-decoration:none;
color: #000;
}

#breedmenu li a:hover {
color: #ff0099;
text-decoration:underline;
}

#breedmenu li a.thispage {
font: bold 100% arial,sans-serif;
color: #ff0099;
text-decoration:underline;
}

#annDiv {
width: 100%;
clear:both;
}

/* CSS div - content area - the area were content is actually displayed for viewing . */ 

#rightcol {
float:left;
width: 66%;
}

#rightcol p{
float:left;
font: 80% Arial, Helvetica, sans-serif;
color: #333;
line-height: 170%;
}

#rightcol .breedcenter {
float:left;
margin: 8% 0 0 0;
padding: 0 0 0 20%;
}

#breedimg img{
float:left;
margin: 2% 0 0 0;
padding: 0 0 18% 0;
}

#linkbox {
float:left;
border: 1px solid #ccc;
padding: 1%;
}

#linkbox ul {
font: 80% Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#linkbox li {
list-style:none;
}

#advsearch {
font: 80% arial,sans-serif;
}

#advsearch table {
font: 100% arial,sans-serif;
margin: 15px 0 0 0;
}

/* CSS div - CSS for advertisements. */ 

#adbox {
float:left;
width: 909px ;
height: 125px;
text-align:center;
color: #fff;
border: 3px solid #ccc;
margin: 1% auto 1% auto;
}

#adwrapper {
float:left;
width: 915px ;
height: 125px;
text-align:center;
color: #fff;
margin: 1% auto 1% auto;
}


#largetopad {
float:left;
width: 600px;
height: 125px;
background-color:#ccc;
}

#smalltopad {
float:left;
width: 150px;
height: 125px;
background-color:#eee;
margin: 0 0 0 2px;
}

#lgsq {
float:left;
width: 296px;
height: 125px;
margin: 0 .712% .5% 0;
text-align:center;
border: 1px solid #ccc;
}


#lgsqright {
float:right;
width: 296px;
height: 120px;
padding: 0 0 4% 0;
margin: 0 0 4% 0;
}

#medsq {
float:left;
width: 296px;
border: 1px solid #ccc; 
height: 90px;
margin: 0 .712% 0 0;
text-align:center;
}


#medsqright {
float:right;
width: 296px;
border: 1px solid #ccc; 
height: 90px;
margin: 0 0 1% 0;
text-align:center;
}

#adsq {
float:left;
width: 144px;
color: #333;
font: bold 80% verdana,arial,sans-serif;
text-align:center;
margin: .5% .712% 0 0;
border:1px solid #ccc;
}

#adsqright {
float:right;
width: 144px;
height: 125px;
color: #333;
font: bold 80% verdana,arial,sans-serif;
text-align:center;
margin: .5% 0 .5% 0;
border:1px solid #ccc;
}

#smsq {
float:left;
height: 35px;
width: 144px;
background-color: #fff;
color: #fff;
font: 90% arial,sans-serif;
margin: .5% .712% .5% 0;
border:1px solid #ccc;
} 

#smsq p {
font: bold 100% Arial,sans-serif;
padding: 5% 0 0 0;
margin: 0;
color: #222;
text-align:center;
}

#smsqright {
float:right;
height: 35px;
width: 144px;
background-color: #fff;
color: #fff;
font: 90% arial,sans-serif;
margin: .5% 0 .5% 0;
border:1px solid #ccc;
}


/* CSS div - the website footer. */ 

#footer {
clear:both;
width: 915px;
height: 160px;
margin: 0 auto;
padding: 0;
background-color:#189ba7;
}

#footer ul{
margin:0 0 10px 0;
padding:0;
height: 25px;
}

#footer li {
float:left;
list-style:none;
list-style-type:none;
font: 80% Arial, Helvetica, sans-serif;
display:inline;
background-color:#FFFFFF;
padding: 0 8px 5px 8px;
margin: 0 5px 0 5px;
}

#footer li a{
text-decoration:none;
color:#6ec7d2;
}

#footer li a:hover{
text-decoration:underline;
color:#6ec7d2;
}

#footer li a.thistab {
color:#ff0099;
font: bold 120% Arial, Helvetica, sans-serif;
}

#footercontent ul {
float:left;
width: 125px;
margin: 10px 20px 0 20px;
padding:0;
}

#footercontent li {
list-style:none;
list-style-type:none;
font: 80% Arial, Helvetica, sans-serif;
background-color:#189ba7;
}

#footercontent li a {
color:white;
}

#footercontent li a:hover {
color:#2e2422;
}

#bf {
clear:both;
margin: 0 auto;
}

#bf p {
padding: 2% 0 2% 0;
font: 100% arial,sans-serif;
text-align:center;
}

/* CSS Classes - Font Alterations and simple Classes. */ 

.cursorChange {
cursor:default;
}

.copyright {
font: 90% arial,sans-serif;
padding: 0;
width: 50%;
}

.breakout {
width: 55%;
float:right;
margin: 0;
padding:.5%;
font: 110% arial,sans-serif;
line-height: 120%;
color: #2e2422;
}

.fright {
float:right;
}

.fleft {
float:left;
}

p.copy {
width: 100%;
font: 80% arial,sans-serif;
line-height: 150%;
}

ul.mainlist {
float:right;
font: 100% arial,sans-serif;
margin-top: 0;
color: #ff0099;
}

ul.mainlist li {
padding: 5% 0 5% 0;
}

#bigcopy {
font: 150% arial, sans-serif;
}

a.header {
font: 150% arial,sans-serif;
color: #2e2422;
text-decoration: none;
}

#bluelist ul a{
color: #23cad9;
}

#bluelist ul a:hover{
color: #ff0099;
}

/* CSS for Dojo Adjustments */


.tundra .dijitTabPaneWrapper {
	background:#fff;
float:left;
}
.tundra .dijitTab {
	line-height:normal;	
	padding:0px;
text-align:left;
	
}
.tundra .dijitAlignLeft .dijitTab,
.tundra .dijitAlignRight .dijitTab {
	
}
.tundra .dijitTabInnerDiv {

	margin-right: 10px;
		border-bottom:1px solid #fff;
}
.tundra .dijitTabHover,
.tundra .dijitTabCloseButtonHover {
text-decoration:underline;
	color: #ff0099;
	border-top-color:#92a0b3;
	border-left-color:#92a0b3;
	border-right-color:#92a0b3;
                
}	

.tundra .dijitTabChecked,
.tundra .dijitTabCloseButtonChecked
{
                font: 80% arial,verdana,sans-serif;
               color:#ff0099;	
               background-image:none;
}

.dijitTabLabels-top {
	top:1px !important;
	z-index:10;	
}
.dijitTabLabels-bottom {
	margin-top:-1px !important;
	z-index:10;	
}
.dijitTabLabels-left-h {
	margin-right:-1px !important;
	z-index:10;	
}
.dijitTabLabels-right-h {
	margin-left:-1px !important;
	z-index:10;	
}
.dijitTabPaneWrapper {
	z-index:0;
	overflow: hidden;
	clear: both;	
         }
.dijitTab {
                 font: 80% arial,verdana,sans-serif;
	position:relative;
	float:left;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;

}
.dijitTabContainer .dijitAlignLeft .dijitTab,
.dijitTabContainer .dijitAlignRight .dijitTab {
	float:none;
}
.dijitTabInnerDiv {
	position:relative;
}
.dijitTab .close {
	display: inline-block;
	cursor: default;
	font-size: small;
}
.dijitTab .closeText {
	display:none;
	padding: 0 2px;
	margin: 0 2px;
}
.dijit_a11y .dijitTab .closeImage {
	padding: 0 !important;
	margin: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
}


#subtab {
margin: 10px 0 0 0;
width: 296px;
float:left;
font: 80% arial,verdana,sans-serif; 
float:right;
}

#subtab .tundra .dijitTabPaneWrapper {
float:right;
	background:#fff;

}
 #subtab .tundra .dijitTab {
	line-height:normal;	
	padding:0px;	

	
}

#subtab .tundra .dijitAlignLeft .dijitTab,
 .tundra .dijitAlignRight .dijitTab {
	
}

#subtab .tundra .dijitTabHover,
.tundra .dijitTabCloseButtonHover {
                 text-decoration:underline;
	color: #ff0099;
	border-top-color:#92a0b3;
	border-left-color:#92a0b3;
	border-right-color:#92a0b3;
                
}	

#subtab .tundra .dijitTabInnerDiv {
	
	
}

#subtab .tundra .dijitTabHover,
.dijitTabCloseButtonHover {	

}	


#subtab .dijitTabLabels-top {
	top:1px !important;
	z-index:10;	
}

#subtab .dijitTabLabels-bottom {
	margin-top:-1px !important;
	z-index:10;	
}

#subtab .dijitTabLabels-left-h {
	margin-right:-1px !important;
	z-index:10;	
}

#subtab .dijitTabLabels-right-h {
	margin-left:-1px !important;
	z-index:10;	
}

#subtab .dijitTabPaneWrapper {
	z-index:0;
	overflow: hidden;
	clear: both;	
}

#subtab .dijitTab {
margin-right:2px;
padding: 3px;
position:relative;
float:left;
cursor:pointer;
white-space:nowrap;
z-index:3;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
color: #000;
font: 90% arial,sans-serif;
}

#subtab .dijitTab:hover {
color: #ff0099;
}

#subtab .dijitTabContainer .dijitAlignLeft .dijitTab,
.dijitTabContainer .dijitAlignRight .dijitTab {
float:none;
}

#subtab .dijitTabInnerDiv {
position:relative;
}
#subtab .dijitTabChecked
{
                font: arial,verdana,sans-serif;
               color:#ff0099 ;	
               background-image:none;
}
#subtab .tundra .dijitTabChecked,
#subtab .tundra .dijitTabCloseButtonChecked
{
                font: 80% arial,verdana,sans-serif;
               color:red;	
               background-image:none;
}


#subtab .dijitTab .close {
	display: inline-block;
	cursor: default;
	font-size: small;
}

#subtab .dijitTab .closeText {
	display:none;
	padding: 0 2px;
	margin: 0 2px;
}

#subtab .dijit_a11y .dijitTab .closeImage {
	padding: 0 !important;
	margin: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
}

/* CSS for sliders, dojo TitlePane dijit */

#titlepane {
width: 100%;
font: 80% arial,sans-serif;
line-height: 150%;
}

div .dijitTitlePaneTextNode{
font: bold 90% arial,verdana;
color: #2e2422;
cursor:pointer;
}


div .dijitTitlePaneTextNode:hover{
font: bold 90% arial,verdana;
color: #ff0099;
cursor:pointer;
}
div .dijitArrowNode {
float:left;
font-family: arial,verdana;
font-size:90%;
color:#2e2422;

}
#textcolsmall {
font: 80% arial,sans-serif;
width: 100%;
}

#textcolsmall ul {
float:left;
padding: 0;
margin: .5% 0 .5% 0;
width: 100%;
}

#textcolsmall li {
width: 195px;
display:inline;
float:left;
}

#textcolsmall a.header {
color:#ff0099;
}

#textcolsmall a.header:hover {
color:#0540F2;
}

#textcolsmall a {
color:#2E6FF2;
text-decoration:none;
}

#textcol a:hover {
color:#0540F2;
}
#textcoljob {
font: arial,sans-serif;
width: 100%;
color:#2E6FF2;
}

#textcoljob ul {
float:left;
padding: 0;
margin: .5% 0 .5% 0;
width: 100%;
}

#textcoljob li {
width: 50%;
display:inline;
float:left;
}

#textcoljob a.header {
color:#ff0099;
}

#textcolsmall a.header:hover {
color:#0540F2;
}

#textcoljob a {
color:#2E6FF2;
text-decoration:none;
}
#textcoljob p {
color:#2E6FF2;
text-decoration:none;
}
#textcoljob em {
color:#ff0099;
}



#textcoljobsmall {
font: arial,sans-serif;
width: 100%;
color:#2E6FF2;
}

#textcoljobsmall ul {
float:left;
padding: 0;
margin: .5% 0 .5% 0;
width: 100%;
}

#textcoljobsmall li {
width: 20%;
display:inline;
float:left;
}

#textcoljobsmall a.header {
color:#ff0099;
font-size:120%;
}

#textcolsmall a.header:hover {
color:#0540F2;
}

#textcoljobsmall a {
color:#2E6FF2;
text-decoration:none;
}
#textcoljobsmall p {
color:#2E6FF2;
text-decoration:none;
}
#menuminiu {
width: 66%;
float:right;
margin: 0 0 0 0;
}





#menumini ul {
padding: 2px 0 2px 0;
margin: 0 0 .5% 0;
width: 100%;
height: 20px;
background-color:#fff;
border: 2px solid #2e2422;
font: 90%, Arial, Helvetica, sans-serif;
text-align:center;
}

#menumini li {
display:inline;	
list-style:none;
list-style-type:none;
padding: 0 3px 0 3px;
margin: 0 2px 0 0;
}

#menumini li:hover {
background-color: #fff;
} 

#menumini li.thispage {
background-color: #fff;
} 


#menumini li a {
text-decoration:none;
color: #2e2422;
}

#menumini li a:hover {
color: #ff0099;
text-decoration:underline;
}

#menumini li a.thispage {
color: #ff0099;
}
#menumini li a.newstuff {
color: #ff0099;
}
#homepagelist {
font: arial,sans-serif;
width: 100%;
color:#2E6FF2;
text-align:center;
}
#createjobad {
float:right;
width: 296px;
border: 1px solid #ccc; 
height: 80px;
margin: 0 0 0;
text-align:center;
}
#createjobad  a{
color:#2E6FF2;
text-decoration:none;
font-size:90%;
}
#createjobad  a:hover{
color:#ff0099;
text-decoration:none;
font-size:95%;
}
#textcoljobsearch {
font: arial,sans-serif;
width: 100%;

float:center;
}

#textcoljobsearch ul {
float:left;
padding: 0;
margin: .5% 0 .5% 0;
width: 100%;
}

#textcoljobsearch li {
width: 30%;
display:inline;
float:center;
}

#textcoljobsearch a.header {
color:#ff0099;
font-size:120%;
}

#textcolsearchl a.header:hover {
color:#0540F2;
}

#textcoljobsearch a {
color:#2E6FF2;
text-decoration:none;
}
#textcoljobsearch p {
color:#2E6FF2;
text-decoration:none;
}