/* The following code represents the stylesheets for
2014.  All of the old code has been deleted or removed.  
For previous versions of the code please see source folder
in "Old Includes"


The body of the page */
body
{
  color: #000;   
  font-family: "Tahoma", Arial, sans-serif;
  font-size: 1em;
  background-color: #fff;
}


a:link, a:visisted, a:active, a:hover
{
    text-decoration: none;
    color: #fff;
    border: none;
}

a img {
    border: 0;
}

h1
{  
  font-size: 2em;
  text-align: center;
}
h2
{
  font-size: 1.5em;
  margin-bottom: 0;
  }
h3
{
  color: #404040;
}
h4
{
  font-size: 1.2em;  
  margin-bottom: 0;
}
  
p
{
  margin-top: 5px;
}


#DefineLinks
{
  display: none;
}

/*WelcomeFrameTop.htm*/
.header_Wrap
{
  min-width: 790px;  
}

.header_Logo
{
  width: 50%;
  min-width: 490px;
  float: left;
  display: inline-block;
}
  
.socialMedia
{

    width: 300px;
    height: 50px;
    margin: 0 auto;
    float: right;
}
.socialMediaIcon
{
    width: 25%;
    float: left;
    font-size: .6em;
    text-align: center;     
    margin: 0 auto;   
}
.socialMediaIcon a:link, .socialMediaIcon a:visited, .socialMediaIcon a:hover, .socialMediaIcon a:focus
{
    text-decoration: none;
    color: #003366;
    margin: 0 auto;  
}
/****************/

.pplist
{
  list-style-type: none;
  padding: 0;
  margin-left: 10px;  
  text-align: center;
}
.pplist a
{
    color: #851b1b;
    text-decoration: none;    
}

/* LPP_FAQ.HTML */
.faqlist
{
  padding: 5px;  
}

.faqlist
{
  list-style-type: none;
  padding: 0;
  margin-left: 10px;  
}
.faqlist a
{
    color: #003366;
    text-decoration: none;    
}

.faqlist a:hover
{
  font-weight: bold;
  color: #001123;
}

.jesseBox
{
  width: 63%; 
  float: left; 
  border: 1px dashed #888; 
  padding: 5px;
}


/****************/

/* EnterZipCode */
.listSearch
{
  color: #404040;
  margin: 10px 0 10px 0;
}


/***************/

.Button
{
    text-decoration: none;    
}



/*********** OLD CODE DEP ***********
/* the base font of the page 
font
{
	font-family: arial;
	font-size: 10pt;
	font-weight: none;
}

*/
/* for text with class="Small" (customize this view)*/
font.Small
{
  font-size:9pt;
}	
/* with class="Big" */
font.Big
{
  font-size:12pt;
}    
/* results.asp, the "CURRENT SEARCH" title */
font.Title
{
  font-size:14pt;
  font-weight:bold;
}
/* LostPet.asp */
font.CmdTitle
{
  font-size:18pt;
  font-weight:bold;
}
/* rec_table.asp, the "click on picture" title */
font.Instructions
{
  /*font-size:12pt;*/
  font-weight:bold;
}
/* these appear on the SearchNav pane*/
font.Button
{
  font-weight:bold;
  text-decoration: none;
}
/* these appear on the SearchNav pane    */
font.BigButton
{
  font-size:larger;
}        
  font-weight:bold;
  text-decoration: none;
/* disclaimers, generally */
font.Tiny
{
  font-size:xx-small;
  font-weight: none;
} 

.SuccessTitle
{
  font-size: 1.5em;  
}
font.SuccessStory
{
  font-size: 1.1em;  
}   	



.Command
{
    width: 50%;
    padding: 3px;
    text-align: left;       
 }
 .commandRowA
 {
    background-color: #edf2f7;   
 }
 .commandRowB
 {
    background-color: #f2f8f2;    
 }
/* in results.asp, the title of the results grid */
.TableTitle
{
	/*background-color: #99FFFF; /* v5.19  #0066cc; 
	color: #0000FF; /* v5.19 #99FFFF; 
	font-weight: bold;
	border-width : 1px;
	border-style : solid;
	text-align: center;*/
	
	background-color: #cbd6ea;
	font: 1.4em "Tahoma", Arial, sans-serif;   
    color: #003366;
    text-align: center; 
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;	
}

.TableTitle a
{
    text-decoration: none;
    color: #003366;    
}

.TableTitle a:hover      
{
    color: #4782be;
}

.TableTitleMain
{
    border-radius: 2px;
    -mox-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 2px 3px 5px #686868;
    -moz-box-shadow: 2px 3px 5px #686868;
    -webkit-box-shadow: 2px 3px 5px #686868;
    margin-bottom: 15px;
}

/* in results.asp, the search results */
td.TableContent1
{
	background-color: #edf2f7;
	color: #000;
	text-align: center ;
	border-width : 1px;
	border-style : solid ;
}
/* results.asp, the alternating rows */
td.TableContent2
{
	background-color: #f2f8f2;
	color: #000;           
	text-align: center ;
	border-width : 1px;  
	border-style : solid;
}
/* detail.asp, the tables containing the animal info */
table.DetailTable
{
  text-align: center;
  cell-spacing: 4;
  padding: 5;
	border-width : 1px;
	border-style : solid;
}
table.DetailTableShortlink
{
  font: "Tahoma", arial, sans-serif;  
}
td.DetailDesc
{
  text-align:center;
}
/* on Search.asp, the radiobutton containers */
td.Search
{
  background-color: #00FFFF;
}	
/* the success story at the top of the results page */
TEXTAREA.Success
{
	font-family: arial;
  text-align: center;
  color: #000099;            /*ccffff;  */
  background-color: #f2f2f2; /* #33aaff; */
  border-style:none;
  border-width:1px;
  width: 70%;
  text-wrap: unrestricted:
  overflow-x: hidden;
} 

.CmdButton
{
    width: 100%;
    font: 1.4em "Tahoma", Arial, sans-serif;
    padding: 5px 0 5px 0;
    background-color: #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    margin-bottom: 5px;
    color: #003366;
    text-align: center;
}

.CmdTextStyle
{
   font: 1.4em "Tahoma", Arial, sans-serif;   
       color: #003366;
    text-align: center;  
}

.CmdButton a
{
    border: none;
    text-decoration: none;
    /*background-color: #ccc;*/
    color: #003366;
}

.CmdButtonClicked
{
    text-decoration: none;    
    background-color: #404040; 
    color: #cfdaef;  
}

.CmdButton a:link, .CmdButton a:visited
{
    color: #003366;  
    text-decoration: none; 
}
.CmdButton a:hover
{
    text-decoration: none;    
    color: #cfdaef; 
    background-color: #404040; 
    cursor: pointer;
    border: none;
} 
.CmdButton:hover
{
    background-color: #404040; 
    color: #cfdaef; 
}
.CmdButton:hover a
{
    color: #cfdaef;
}
    
.CmdButtonFix
{
    background-color: #ccc;
}

.CmdButtonFixClicked
{
    background-color: #404040;
}

/********  2014 classes added **********/
.copyright
{
    font-size: .7em;
    text-align: center;
    margin: 0 auto; 
    width: 300px;   
}
.copyright a
{
    color: Maroon;
    text-decoration: none; 
    background-color: transparent;
}

table
{
    border: none;
    padding: 0;
    text-align:left;
    width: 100%;
    }

.menuBtn
{
    float: left;
    width: 40%;
    }
    
.headerTable1
{
    border-bottom: 1px solid #ccc;
    margin: 0;
    vertical-align: bottom;
    }
    
    .headerTable1 tr
    {
        width: 100%;
        height: 100%;
        background: #fff;
        }
    
    .headerTable1 td.logo
    {
        width: 33%;
        min-width: 490px;
    }
    
    .headerTable1 td.links
    {
        width: 33%;
        min-width: 390px;
        vertical-align:bottom;
        text-align: center;

    }

    .headerTable1 td.links .CmdButton
    {
        width: 40%;
        
        display: inline-block;
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        vertical-align: bottom;
        margin-bottom: -4px;
     }
    
    .headerTable1 td.shop
    {
        width: 33%;
        min-width: 350px;
        height: 100%;   
 
    }
    
    .headerTable1 td.shop img
    {
        height: 100px;
    }
    
    .headerTable1 td.shop a:link, .headerTable1 td.shop a:active, .headerTable1 td.shop a:visited, .headerTable1 td.shop a:hover
    {
        text-decoration: none;
    }
    
.searchTable1 
{
    width: 100%; 
    border-collapse: collapse;
    border-color:#111;
    padding: 5px;
    border: none;    
}    

.searchTable1 tr
{
    color: #404040;
}

/*Used by many files*/
.links, td.links
{text-decoration:none;} 
    .step
    {
      color: #404040;
      font-weight: bold;
      font-size: 1.5em;
      padding: 10px 0 10px 0;
    }
    h1.step
    {
      color: #404040;
      font-weight: bold;
      font-size: 1.5em;
    }
    h2.step
    {
      color: #404040;
      font-weight: bold;
      font-size: 1.3em;
    }
    
    .searchTable1 input
    {
      width: 100%;
      margin: 5px 0 5px 0;
      padding: 3px;
      outline:none;
      transition: all 0.15s ease-in-out;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      border-radius:3px;
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      border:1px solid rgba(0,0,0, 0.2);
    }
    
    .searchTable1 input:focus
    {
    box-shadow: 0 0 3px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 3px rgba(0, 0, 255, 1);
    border:1px solid #b1dff0; 
    }
    
    .searchTable1 td.txtZipInfo, .searchTable1 td.txtCityInfo
    {
        font-size: 1.2em;    
    }
    .searchTable1 td.txtZipInfo span, .searchTable1 td.txtCityInfo span
    {
        font-size: 0.6em;
    }
    
.postcards
{
    width: 100%; 
    font-size: 1em; 
    text-align: center;  
}
.postcards a:link, .postcards a:visited, .postcards a:hover, .postcards a:focus
{
    text-decoration: none;
    color: Red;    
}
.postcards img
{
    width: 95%;    
} 
.postcards span
{
    font-size: .75em;
    text-align: justify;   
    display: block; 
}
    


.welcomeText
{
    width: 100%;
    margin-top: 20px;
    padding: 10px;    
}

.welcomeText ul
{
    /*list-style-image:url('images/star.jpg');*/    
}

.welcomeText span
{
    font-size: 1.3em;
    color: #e4a600;    
}
.welcomeText p span 
{
    color: Blue;    
}

.mainAdvertisements
{
    width: 980px;
    vertical-align: bottom;
    text-align: center; 
    margin: 0 auto;
}

.searchResultsTableOutter
{
    width: 35%;   
    border: 1px solid #000; 
}

.searchResultsTableOutter caption
{
    font-size: 1.2em;   
    color: #404040; 
}

.shelterListTitle
{
    color: #404040;
    font-weight:normal;
    font-size: 1.2em;   
    margin: 0; 
}

.searchResultRow
{
    width: 100%;
    border: none;  
    border-spacing: 0;  
}

.searchResultRow td.chkbx
{
    border: none;
    width: 10px;
    text-align: center;
}

.searchResultRow td.chkinfo
{ 
       padding: 3px 0 3px 0;
}

.searchResultCheckOptions
{
    border: none;
    width: 160px;
    text-decoration: none;
    font-size: 1em;
    float: left;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    min-width: 150px;
}

.searchChecked
{
    width: 325px;
    margin: 0 0 5px 0;
}
.endButton
{
    font-size: 1em;
    margin: 10px;    
}

.wrapper
{
    width: 100%;
    height: 100%;
    margin: 0 auto;    
}

.instructionText
{
    margin-top: 20%;
    text-align: center;
    font-size: 1.3em;
    color: #404040;
}

.anmImgSty
{
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;    
    color: #404040;
    text-align: center;
    vertical-align:bottom;
    display: table-cell;
}

.anmImgSty:hover
{
    text-decoration: none;   
    background-color: #fff;
}

.anmChoicesFonts
{
    color: #404040;
    font-weight: bold;
    font-size: .8em; 
}

.selectBoxes
{
    width: 210px; 
    font-size: .75em;
    float: right;
}

#chkBreedGroup{float: left;}

.breedRequest
{
    margin: 5px 0 5px 0;
    /*width: 256px;*/
    width: 95%;
    float:left;
    color: #03426a;
    text-decoration: none;
    text-align: center;
    background-color: #ffaa40;
    padding: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.breedRequest:hover
{
    background-color: #884c01;
    color: #FFAA40; 
    text-decoration: none;   
}


.resultsContainer
{
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}




/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/
/*                            SCENT STUFF                                                  */
/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/

/* anchor -------------------------------------------------------------------*/
A.SCENTCol
{
  color:Black ;
  display:block;
}
A.SCENTCol_Selected
{
  color:Black ;
  display:block;
}
A.SCENT_Dashboard
{
  text-decoration:none;
  display:block;
}

/* hyperlink, hyperlink that has been visited -------------------------------*/
A.SCENTCol:link,A.SCENTCol:visited
{
  text-decoration: none; /*underline;*/
  color: #000000;
  background-color:Transparent ;
}
A.SCENTCol_Selected:link,A.SCENTCol_Selected:visited
{
  text-decoration:none; /*underline;*/
  color: #000000;
  background-color:Transparent ;
}
A.SCENT_Dashboard:link,A.SCENT_Dashboard:visited
{
  text-decoration:none;
  color: #000000;
  background-color:Transparent ;
}

/* hyperlink being hovered over, hyperlink being pressed ---------------------*/
A.SCENTCol:active,A.SCENTCol:hover
{
  text-decoration:none; /*underline overline;*/
  color: yellow ;
  background-color: #003399  ;
}
A.SCENTCol_Selected:active,A.SCENTCol_Selected:hover
{
  text-decoration:none; /*underline overline;*/
  color: yellow ;
  background-color: #003399  ;
}
A.SCENT_Dashboard:active,A.SCENT_Dashboard:hover
{
  text-decoration:none;
  color: yellow ;
  background-color: #003399  ;
}
/* a SCENT attribute value column ---------------------------------------*/
td.SCENTCol
{
	background-color: #ccffff;
	text-align: center ;
	border-width : 1px;  
	border-style : solid;
	border-color: Black ;
	font-size:smaller;
	font-family:Arial;
	color:Black ;
	
}
td.SCENTCol_Selected
{
	background-color: yellow;
	text-align: center ;
	border-width : 3px;  
	border-style : solid;
	border-color: Black ;
	font-size:smaller;
	font-family:Arial;
	color:Black ;
	
}
td.SCENT_Dashboard
{
  font-size:xx-small;
	font-family:Arial;
	text-align:center;
}
td.ToolTip
{
  font-size:xx-small;
	font-family:Arial;
	text-align:center;
}
IMG.ToolTip
{
 width:125;
}

IMG.paw
{
  height:20;
}  
 /* CANCELLED REQUEST PAGES CSS */
 
.cxlForm
{
  width: 960px;
  margin: 0 auto;  
}

#Select1
{
  width: 502px;  
}



/*   GRID LAYOUT  */
.GridResultsContainer
{ 
  width: 95%;
  display: table;
  text-align: center;
  margin: 0 auto;  
}

.gridResult
{
  width: 200px;  
  border: 1px solid #ccc; 
  margin: 10px 1%;
  display:inline-table;
  padding: 10px 10px 5px 10px;  
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px 0px #ccc;
  -moz-box-shadow:    2px 2px 3px 0px #ccc;
  box-shadow:         2px 2px 3px 0px #ccc;
  vertical-align: top;
}

.gridResult:nth-child(even)
{
  background-color: #fff;
}

.gridResult:nth-child(odd)
{
  background-color: #fff;
}

.gridResult a img
{
  width: 180px;
  margin: 0 auto;
  display: block;
  border-radius: 3px;
  max-height: 200px;
}

.gridText
{
  font-family: "Tahoma", Arial, sans-serif;
  font-size: .85em;
  text-align: center;
}

.adoptSearch
{
  width: 90%;
  padding: 5px;
  margin: 10px auto;
  display: block;
  vertical-align:middle;
  text-align: right;
}

#numberTiles
{
  /*background-image: url("../images/3x3_grid.png"); */

}

#sortOptions
{
  margin-right: 15px;  
}

/* CONTACT SHELTER SITE.ASP */
.contactWrapper
{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #003366;
  font-size: 1.2em;
}

.contactWrapper h1
{
  font-size: 2em;  
  margin-bottom: 0;
}

.contactWrapper a:link,
.contactWrapper a:visited
{
    color: Maroon;
    text-decoration: none;
    border: none;
    
}
.contactWrapper a:hover
{
  color: #000;
  text-decoration: none;
  border: none;  
}

.contact
{
  display: inline-block;
  margin: 10px auto;  
  max-width: 70%;  
}

.cC
{
  text-align: center;
}

.cL
{
  text-align: left;
}

.cJ
{
  text-align: justify;
}

.cST
{
  font-size: .8em;  
}


@font-face {
  font-family: 'GothamRegular';
  src: url('/Content/PetConnectFonts/GothamRnd-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FSMePro';
  src: url("/Content/PetConnectFonts/FS Me Pro-Regular.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
}

.fontTitleSmall {
  font-family: 'GothamRegular';
  font-size: 26px;
  line-height: 36px;
}

.fontTitleMedium {
  font-family: 'GothamRegular';
  font-size: 35px;
  line-height: 45px;
}

.fontTitleLarge {
  font-family: 'GothamRegular';
  font-size: 40px;
  line-height: 50px;
  padding-top: 15px;
}

.fontTitleXSmall {
  font-family: 'GothamRegular';
  font-size: 21px;
  line-height: 31px;
}

.fontBodyMedium {
  font-family: 'FSMePro';
  font-size: 18px;
  line-height: 28px;
}

.fontLinkSmall {
  font-family: 'GothamRegular';
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}

#FooterLinks {
  background-color: #333F48;
  color: #fff;
}

.btn-24petblue {
  background-color: #007680;
  border-radius: 10px;
  border: 1px solid #007680;
  color: #fff;
  padding: 14px 26px;
}

  .btn-24petblue:hover {
    background-color: #33BFCC;
    color: #fff;
    border: 1px solid #33BFCC;
  }

  .btn-24petblue:focus-visible {
    background-color: #33BFCC;
    color: #fff;
    border: 3px solid #000;
  }

  .btn-24petblue:active {
    background-color: #01555c;
    border: 1px solid #01555c;
  }

.btn-24petMedium {
  font-family: 'FSMePro';
  font-size: 16px;
  font-weight: bold;
}

  .btn-24petlarge{
    font-family: 'FSMePro';
    font-size: 25px;
    font-weight: bold;
  }

  .container{
    max-width: 750px;
    display: block;
    margin: 0 auto;
  }

.copyright24Pet{
  width: 100%;
  height:80px;
  margin: 0;
  text-align: center;
  bottom: 0px;
  display: block;
  position:absolute;
}

.copyright a{
  color: #fff;
}

.bg-dark{
  background-color: #333F48;
  color: #fff;

}

#FooterLinksInner{
  padding-top: 10px;
}