﻿body
{
 line-height:16px !important; 
 font-size:14px;  
}

/**************************************************/
/*              base styles                       */
/**************************************************/
.pnl_container_animal
{
    position:absolute;
    top:300px;
    left:0;
    z-index:1;
    
}

.img_back_animal
{
    position:relative; top:0; left:0; z-index:5;
}

#animalContent
{
    position:absolute; top:10px; left:437px; width:284px; z-index:10; 
}

#animalProfile
{
    width:717px; height:600px;
}

#ctl00_ContentPlaceHolder_mainContent_us_issue1_ib_issue
{
    width:278px;
    height:395px;
}

.pnl_text_birthdate
{
    color:#609da0;
    font-family:Georgia;
    font-weight:bold;
}

#ambassadors
{
    position:relative; 
    top:0px; 
    left:0px; 
    z-index:20;
    cursor:pointer;
}

#bottomDiv
{
    float:left; 
    width:955px; 
    margin:0; 
    padding:0; 
}


/* this class will be inherited in the user control */
.animal_fav
{
    float:left; 
    margin:0; 
    padding:0; 
    background:url() no-repeat top left; 
    height:459px; 
    width:230px;
   
    
}

#ctl00_ContentPlaceHolder_mainContent_AnimalFavs1_pnl_back
{
    width:230px;
    height:439px;
    display:block;
    float:left;
    background-repeat:no-repeat;
}


#ctl00_ContentPlaceHolder_mainContent_uc_animal1_pnl_text_animal.pnl_text_animal ul
{
    padding-top:20px;
    list-style-type:none;  
}

#ctl00_ContentPlaceHolder_mainContent_uc_animal1_pnl_text_animal.pnl_text_animal ul li
{
    
    list-style-image:url(/content/animals/kohoBullet.png);
    font-family:Georgia, Serif;
    color:#005281;
}

#ctl00_ContentPlaceHolder_mainContent_uc_animal1_pnl_text_animal.pnl_text_animal ul li div
{
    color:#222;
    font-family:Arial;
    font-weight:normal;
}




/**************************************/
/*        popup styles                */
/**************************************/

img
{
    border:0;
}

.popupHolder
{
    width:629px; 
    height:432px; 
    background:url(/content/animals/popupBG.png) no-repeat
}

.closeBtn
{
    float:right; 
    padding-right:10px;
    padding-top:10px;
}

.animalHolder
{
    margin-left:60px;
    padding-top:30px;
}


#animalMoreContent
{
    width:540px;    
    height:300px;
    overflow:auto;
    font-family:Arial;
}


#animalMoreContent ul li
{
    list-style-image:url(/content/animals/cosmoBullet.png);
    
}

ul li a
{
  color:#c33;
  text-decoration:none; 
  border-bottom:dotted 1px white;
  cursor:pointer;  
  font-family:Arial;
  font-size:16px; 
}

ul li a:hover
{
    border-bottom:0;
}

/*trainer for a day*/


#included ul{
    color:#5a6d06; 
    font-family:Arial;  
    margin-left:30px
}

#included ul li
{
   padding-top:20px; 
}

#included
{
    position:absolute; 
    top:470px; 
    width:480px;
}

#availablity
{
    position:absolute; 
    top:600px; 
    left:530px; 
    background:url(../images/trainer/programAvailability.jpg) no-repeat; 
    width:445px; 
    height:200px;
}

#availabilityText
{
    padding-top:60px; 
    padding-left:30px; 
    font-family:Arial; 
    
    color:#794e02;
}

#booking
{
 position:absolute; 
 top:760px; 
 left:44px; 
 width:890px;  
 height:50px;
 background:url(../images/trainer/toBookBg.jpg) no-repeat;   
}


#bookingText
{
 font-family:Georgia; 
 font-size:18px; 
 color:Black; 
 padding-top:15px; 
 padding-left:10px;   
}

h2
{
    font-family:Georgia, Serif;
    font-size:18px;
    color:#005281;
}

h3
{
    font-family:Georgia, Serif;
    font-size:14px;
    color:#005281;
}

#mainfooter
{
    float:left; width:100%;  padding-top:140px;
}
