body
{
}

.HorseMain
{
    width: 835px;
    text-align: left;
}

.HorseMain A:link
{
    text-decoration: underline;
    color: Black; 
    font-weight:normal; 
}

.HorseMain A:visited
{
    text-decoration: underline;
    color: Black; 
    font-weight:normal; 
}
.HorseMain A:active
{
    text-decoration: underline;
    color: Black; 
    font-weight:normal; 
}
.HorseMain A:hover    
{
    text-decoration: underline;
    color: Gray;
    font-weight:normal;    
}


.HorseLeft
{
    vertical-align: top;
    text-align: left;
    width: 455px;  
    height: 100px; 
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.HorseRight
{
    vertical-align: top;
    text-align: left;    
    width: 315px;
    height: 100px; 
    /*padding-left: 20px;
    padding-right: 20px;*/
    padding-top: 10px;    
}


.HorseSortHeaderCell
{
    width: 140px;
    font-size: 12px;
    font-weight: bolder;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    text-align: left;
}


.HorseSortCell
{
    width: 130px;
    font-size: 10px;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
}


.HorseHeader
{
    width: 440px;
    font-size: 14px;
    font-weight: bolder;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;    
}

.HorseCell
{
    
    font-size: 10px;
    font-weight: normal;
    border-width: 2px;
    border-bottom-width: 1px;
    border-bottom-color: #CECECE;
    border-bottom-style: solid;
    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;     
    
}

.HorseCellHeader
{
    
    font-size: 11px;
    font-weight: bolder;
    border-width: 2px;
    border-bottom-width: 1px;
    border-bottom-color: Black;
    border-bottom-style: solid;
    
    padding-top: 30px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;     
    
}

.HorseInfoHeader
{
    width: 455px;
    font-size: 14px;
    font-weight: bolder;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;    
}

.HorseInfoCell
{
    padding-top: 25px;   
    padding-left: 20px; 
}

.HorseInfoText
{
    color: Gray;
    vertical-align: top;
}
.HorseInfoTextValue
{
    color: Black;
    vertical-align: top;
}

.HorseInfoRightHeaderCell
{
    width: 200px;
    font-size: 12px;
    font-weight: bolder;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    text-align: left;
}


.HorseInfoRightCell
{
    width: 190px;
    font-size: 10px;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
}


.HorseImageCell
{
    border: 1px;
    border-style: solid;
    border-color: Gray;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;   
    background-color: White; 
    cursor: pointer;
}
.HorseImageCellLarge
{
    border: 1px;
    border-style: solid;
    border-color: Black;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;   
    background-color: White; 
    
}
.HorseImageLarge
{
    width: 550px; 
}

.HorseImageTable
{
    border: 3px;
    border-style: solid;
    border-color: Black;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;   
    background-color: White;              
}




.HorseImageCloseCell
{
    border: 0px;
    border-style: solid;
    border-color: Black;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;   
    background-color: White; 
    width: 25px;
    cursor: pointer;
         
}

.modalBackground
{
    /* Här ska bakgrundsbilden för popup:en ligga*/
    background-color: Black;
    opacity:0.4;
    filter:alpha(opacity=40);
}

.ModalPanel
{
    /*margin:0 auto; */
    
    position: relative;    
    width: 500px;
    height: 500px;
    vertical-align: middle;
}

.ResDate
{
    font-size: 10px;
    font-weight: normal;
    color: Gray;    
}


.HorseResTc11
{    
    font-weight: bold;
    width: 80px;
}

.HorseResTc11 A:link
{
    text-decoration: underline;
    color: Black; 
    font-weight:bold; 
}

.HorseResTc11 A:visited
{
    text-decoration: underline;
    color: Black; 
    font-weight:bold; 
}
.HorseResTc11 A:active
{
    text-decoration: underline;
    color: Black; 
    font-weight:bold; 
}
.HorseResTc11 A:hover    
{
    text-decoration: underline;
    color: Gray;
    font-weight:bold;    
}

.HorseResTc12
{    
    font-weight: bold;
    width: 70px;
}

.HorseResTc13
{    
    font-weight: bold;
}



.HorseResTc21
{    
    font-weight: normal;
    width: 80px;
    color: Gray;
}
.HorseResTc21 A:link
{
    text-decoration: underline;
    color: Gray; 
    font-weight:bold; 
}

.HorseResTc21 A:visited
{
    text-decoration: underline;
    color: Gray; 
    font-weight:bold; 
}
.HorseResTc21 A:active
{
    text-decoration: underline;
    color: Gray; 
    font-weight:bold; 
}
.HorseResTc21 A:hover    
{
    text-decoration: underline;
    color: Gray;
    font-weight:bold;    
}


.HorseResTc22
{    
    font-weight: normal;
    color: Gray;
    widows: 70px;
}

.HorseResTc23
{    
    font-weight: normal;
    color: Gray;
}


.HorseStats
{
     font-weight: normal;  
     padding-left: 25px;  
     text-align: left;
}
.HorseStats td
{
    font-weight: normal; 
    padding-left: 10px;  
}

.HorseStats th
{
   font-weight: bold;  
   
}