body 
{
    background-color:#ededed;
    margin-top:0px;
}

input, select, body 
{
    font-family:Arial;
    font-size:11px;
}

img
{
    border:0px;
}

.hide
{   
    display:none;
}

.clear
{
    clear:both;
}

.textmid
{
    vertical-align:middle;
}
        
#div_banner, #div_contentOut
{
    /* background:#4c4c4c; */
    background:#1e3157;
    position:relative;
}

.overlayPage
{
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    z-index: 100;    
}

.sendEmail {
        border:none;
        background-repeat:no-repeat;
        border-radius: 5px;
        color: white;
        padding: 10px 0px 5px 25px;
        background-image: url('../../images/email5.png');
        background-position-x:10px;
        background-position-y:3px;
        background-color: #dddddd;
        cursor:pointer;
    }
 
    .saveContacts {
        
        background-repeat:no-repeat;
        border-radius: 5px;
        color: white;
        padding: 10px 0px -5px 25px;
        background-image: url('../../images/SaveIcon.png');
        background-position-x:10px;
        background-position-y:3px;
        background-color: #dddddd;
        cursor:pointer;
    }

#div_content, #div_footerOut, fieldset.frm
{
    background:#c6c6c6;
    /* background:#adadad; */
}

#div_content
{
    color:#000000;
    -khtml-border-radius-topleft: 12px;
    -khtml-border-radius-topright: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 6px 12px 6px 12px;
    min-height: 250px;
}

.content a
{
    border-bottom:1px dashed #0000FF;
    color:#0000FF;
    text-decoration:none;
}

.content a:hover
{
    border-bottom:1px solid #0000FF;
    color:#0000FF;
    text-decoration:none;
}

.aspnetControlBox
{
    border-style:none;
    margin:7px;
    text-align:left;
    width:100%;
}

#div_footer
{
    color:#000000;
    background:#e2e2e2;
    -khtml-border-radius-topleft: 12px;
    -khtml-border-radius-topright: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding:12px;
}

#div_footer a
{
    border-bottom:1px dashed #0000ff;
    color:#0000ff;
    text-decoration:none;
}

#div_footer a:hover
{
    border-bottom:1px solid #0000ff;
    color:#0000ff;
    text-decoration:none;
}

#localeList
{
    position:absolute;
    top:8px;
    right:8px;
}

#localeList a
{
    border:0;
    padding:2px;
    text-decoration:none;
}

#div_boxContainer
{
     height:475px;
     margin-top:8px;
     position:relative;
     width:100%;
}

.box
{
    float:left;
    margin-left:5px;
}

.first
{
    margin-left:0;
}



fieldset.frm
{
    border:1px solid #ffffff;
    text-align:center;
    width:300px;
}
fieldset.frm legend
{
    border:1px solid #ffffff;
    color:#000000;
    margin:3px;
    padding:3px;
}
fieldset.frm select
{
    border:1px solid #4c4c4c;
}
fieldset.frm input.btn
{
    background-color:#4c4c4c;
    border:1px solid #ffffff;
    color:#ffffff;
    cursor:pointer;
    font-size:10px;
    height:26px;
    padding:2px;
    width:90px;
}




ul.nav
{
    list-style:none;
    margin-left:0px;
    margin-top:0px;
    padding-left:0px;
    width:100%;
}
ul.nav, ul.nav li
{
    float:left;
}
ul.nav li
{
    margin-left:3px;
}
ul.nav a
{
    background-color:#4c4c4c;
    border:1px solid #fff;
    color:#ffffff;
    display:block;
    padding:4px 10px 4px 10px;
    margin-right:5px;
    text-align:center;
    text-decoration:none;
}
ul.nav a:hover
{
    border:1px solid #fff;
    color:#ffffff;
}
ul.nav a.green
{
    background-color:#84D90D;
    border:1px solid #2A5705;
    color:#ffffff;
    font-weight:bold;
}
ul.nav a.green:hover
{
    background-color:#98EB23;
    border:1px solid #3C8005;
    color:#000000;
}
ul.nav img
{
    border:0;
    vertical-align:middle;
}

ul.adminnav
{
    list-style:none;
    padding-left:0;
}
ul.adminnav li
{
    padding:4px;
}

/* gridview layout
 */
.gvw
{
      background:#c6c6c6;
      border:1px solid #4c4c4c;
}

.gvw a
{
      border-bottom:0px; /*1px dashed #0000FF; */
      color:#0000FF;
      text-decoration:none;
}

.gvw a:hover
{
      border-bottom:0px; /*1px solid #0000FF;*/
}
  
.gvw_row
{
    background:#f3f3f3;
    color:#000000;
}

.gvw_row_alt
{
      background-color:#ffffff;
}

.gvw_row_sel
{
      background:#FFEED3;
      color:#000000;
}

.gvw_header
{
      background-color:#8c8c8c;
      color:#ffffff;
      font-weight:bold;
      text-align:center;
}

.gvw_header a
{
    border-bottom:1px dashed #FFEEd3;
    color:#FFEEd3;
}

.gvw_header a:hover
{
    border-bottom:1px solid #FFEEd3;
    color:#FFEEd3;
}











/* pedigree layout */

.pedigreeContainer
{
    /*background:Yellow;*/
    height:470px;
    position:relative;
    vertical-align:middle;
    width:580px;
}

.horse
{
    background-color:#ffffff;
    border-style:none;
    font-size:7pt;
    font-weight:bold;
    height:12px;
    padding-top:0px;
    position:absolute;
    text-transform:uppercase;
    vertical-align:middle; 
    width:140px;
    z-index:302;
}

.edit
{
    background-color:#fffab7;
    border:1px #c4c4c4 solid;
    font-size:8pt;
    font-weight:bold;
}

.familyNo
{
    background-color:#FAFAD2;
    border-style:none; 
    font-weight:bold;
    height:12px;
    left:555px;
    padding-top:0px;
    position:absolute;
    width:25px;
    z-index:303;
}

hr.line
{
    border:1px splid #4c4c4c;
    height:1px;
    position:absolute;
    z-index:301px;
}

hr.mid 
{
    left:185px;
    width:395px;
}
hr.short 
{
    left:265px;
    width:315px;
}
hr.long
{
    left:145px;
    width:435px;
}
hr.ss { top: 55px; }
hr.s  { top:112px; }
hr.sd { top:172px; }
hr.h  { top:232px; }
hr.ds { top:292px; }
hr.d  { top:350px; }
hr.dd { top:407px; }

/* left indentation - generations
 */
    .h { left:0px; }
 
    .g { left:30px; }
 
   .gg { left:100px; }

  .ggg { left:200px; }

 .gggg { left:280px; }

.ggggg { left:425px; }

/* top indentation - each item
 */
 
    input.h { top:230px; }
    input.s { top:113px; }
    input.d { top:349px; }
    
   input.ss { top: 54px; }
   input.sd { top: 170px; }
   input.ds { top: 290px; }
   input.dd { top: 406px; }

  input.sss { top: 25px; }
  input.ssd { top: 83px; }
  input.sds { top: 141px; }
  input.sdd { top: 199px; }
  input.dss { top: 261px; }
  input.dsd { top: 319px; }
  input.dds { top: 377px; }
  input.ddd { top: 435px; }

 input.ssss { top:  11px; }
 input.sssd { top:  39px; }
 input.ssds { top:  69px; }
 input.ssdd { top:  97px; }
 input.sdss { top: 127px; }
 input.sdsd { top: 155px; }
 input.sdds { top: 185px; }
 input.sddd { top: 213px; }
 input.dsss { top: 247px; }
 input.dssd { top: 275px; }
 input.dsds { top: 305px; }
 input.dsdd { top: 333px; }
 input.ddss { top: 363px; }
 input.ddsd { top: 391px; }
 input.ddds { top: 421px; }
 input.dddd { top: 449px; }

input.sssss { top: 4px; }
input.ssssd { top: 18px; }
input.sssds { top: 32px; }
input.sssdd { top: 46px; }
                    
input.ssdss { top: 62px; }
input.ssdsd { top: 76px; }
input.ssdds { top: 90px; }
input.ssddd { top: 104px; }

input.sdsss { top: 120px; }
input.sdssd { top: 134px; }
input.sdsds { top: 148px; }
input.sdsdd { top: 162px; }

input.sddss { top: 178px; }
input.sddsd { top: 192px; }
input.sddds { top: 206px; }
input.sdddd { top: 220px; }

input.dssss { top: 240px; }
input.dsssd { top: 254px; }
input.dssds { top: 268px; }
input.dssdd { top: 282px; }

input.dsdss { top: 298px; }
input.dsdsd { top: 312px; }
input.dsdds { top: 326px; }
input.dsddd { top: 340px; }

input.ddsss { top: 356px; }
input.ddssd { top: 370px; }
input.ddsds { top: 384px; }
input.ddsdd { top: 398px; }

input.dddss { top: 414px; }
input.dddsd { top: 428px; }
input.dddds { top: 442px; }
input.ddddd { top: 456px; }


/* Same/Anywhere shapes */

img.shape 
{
    position:absolute;
}

img.darkgreen
{
    background-color:#378f2e;
    z-index:101;
}

img.lightgreen
{
    background-color:#5bf063;
    z-index:100;
}

img.g 
{
    height:232px;
    width:550px;
}

img.gg 
{
    height:116px;
    width:480px;
}

img.ggg 
{
    height:58px;
    width:380px;
}

img.gggg
{
    height:28px;
    width:300px;
}

img.s, img.ss, img.sss, img.ssss
{
    top:3px;
}

img.d, img.ds, img.dss, img.dsss
{
    top:239px;
}

img.sd, img.sds, img.sdss
{
    top:119px;
}

img.dd, img.dds, img.ddss
{
    top:355px;
}

img.ssd, img.ssds
{
    top:61px;
}

img.sdd, img.sdds
{
    top:177px;
}

img.dsd, img.dsds
{
    top:297px;
}

img.ddd, img.ddds
{
    top:414px;
}

img.sssd
{
    top:31px;
}

img.ssdd
{
    top:89px;
}

img.sdsd
{
    top:147px;
}

img.sddd
{
    top:205px;
}

img.dssd
{
    top:267px;
}

img.dsdd
{
    top:325px;
}

img.ddsd
{
    top:383px;
}

img.dddd
{
    top:441px;
}
.noclose .ui-dialog-titlebar
{
    display:none;
}