/*
   ----------------------------------------------------------------
  |     Styles for 2MASS Image Services web pages
   ----------------------------------------------------------------
 */

.tims
{
    font-family: 'times new roman',times,georgia,serif;
    margin-left: 15px;
    padding: 0;
}

#picture_box
{
    width: 150px;
    float: left;
    margin: 0 20px 20px 0;
    padding: 5px;
    border: 0;
}

.tims h1, .tims h2
{
    text-align: center;
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0;
    font-family: arial,geneva,verdana,helvetica,sans-serif;
    font-weight: bold;
}
.tims h1
{
    font-size: 24px;
    color: white;
    background-color: #036;
}
.tims h2
{
    color: #f90;
    background-color:inherit;
}

.tims a,
.tims a:link,
.tims a:visited,
.tims a:active
{
    text-decoration: none;
}
.tims a:hover,
.tims a:focus
{
    text-decoration: underline;
}

.tims .limit { color: #f50; }
.tims form
{
    margin: 0;
    padding: 0;
}

.sec
{
    width: 660px;
    margin: 10px 0 20px 0;
    border: 1px solid #bbb;
    background-color: #eee;
}

.sec h2,
.sec h3,
.tims .h3
{
    margin: 0;
    color: white;
}
.sec h2
{
    padding: 3px 0 3px 0;
    background-color: #036;
    font-size: 18px;
}
.sec h3,
.tims .h3
{
    padding: 5px 5px 5px 10px;
    font-size: 16px;
    font-weight: normal;
    background-color: #41678e;
}
.sec h2 a,
.sec h2 a:link,
.sec h2 a:visited,
.sec h2 a:active,
.sec h2 a:hover,
.sec h2 a:focus
{
    color: white;
}
.sec h2.dt
{
    text-align: left;
    text-indent: 10px;
    font-size: 16px;
}

.sec .dtag { color: pink; }


.sec p { padding: 10px 20px 10px 10px; margin: 0 }
.sec p.desc { text-align: justify; }

.sec dl dt,
.sec dl dl dt
{
    color: #036;
}
.sec dl dt
{
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.sec dl dl dt
{
    font-weight: normal;
    border: 0;
}

.sec ul,
.sec ol
{
    padding-right: 20px;
}

.sec .go
{
    float: right;
    text-align: left;
    width: 225px;
    margin: 10px 0 10px 10px;
    padding: 5px 10px 10px 0;
    color: black;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-right: 0;
}

.sec .extbl
{
    float: right;
    text-align: left;
    width: 440px;
    margin: 10px 0 10px 0;
    padding: 20px 50px 20px 50px;
    color: black;
    background-color: white;
    border: 1px solid #ccc;
    border-right: 1px solid white;
}

.sec .input,
.sec .fmt
{
    color: #158;
}

.sec table
{
    border: 0;
    border-spacing: 3px;
    margin: 5px;
    padding: 0;
}
.sec td
{
    margin: 0;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    color: black;
    background-color: #ddd;
}
.sec td.col
{
    font-weight: bold;
    color: #158;
    background-color: #ccc;
}

.sec table.cds
{
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border: 0;
}
.sec table.cds td
{
    padding: 3px;
    border-left: 1px solid #41677e;
    border-bottom: 1px solid #41677e;
    color: white;
    background-color: #81a7be;
}
.sec table.cds td.empty
{
    background-color: #c3d5e1;
    border: 0;
}
.sec table.cds a,
.sec table.cds a:link,
.sec table.cds a:visited,
.sec table.cds a:active
{
    color: white;
}
.sec table.cds a:hover,
.sec table.cds a:focus
{
    color: white;
    text-decoration: underline;
}

.sec table.parms
{
    width: 100%;
    margin: 0;
    padding: 2px;
    background-color: white;
    border-spacing: 3px;
}
.sec table.parms td
{
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    color: black;
    background-color: #f0f0f0;
}
.sec table.parms td.ex
{
    text-align: right;
    font-size: 12px;
}
.sec table.parms td.pic
{
    text-align: center;
}
.sec table.parms i { font-size: 12px; }

.sec span.dhs { color: #468; }
.sec table.dhs
{
    padding: 0; margin: 0;
    color: #468;
    border-spacing: 0;
    border-collapse: collapse;
}
.sec table.dhs td
{
    color: #468;
    padding: 3px;
    border: 1px solid #468;
}

.sec span.ck { color: #600; }
.sec table.ck
{
    padding: 0; margin: 0;
    color: #600;
    border-spacing: 0;
    border-collapse: collapse;
}
.sec table.ck td
{
    color: #600;
    padding: 3px;
    border: 1px solid #600;
}

.sec table.dlnk
{
    width: 100%;
    margin: 0; padding: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.sec table.dlnk td
{
    width: 50%;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    border: 1px solid #ccc;
    color: black;
    background-color: white;
}

.tims .qlwarn,
.tims .qlwarn h2
{
    color: #d50;
    text-align: center;
}

.tims .warn,
.tims .error
{
    color: #f70;
    font-size: 18px;
    text-align: center;
}
.tims p.stat { font-size: 20px; }
.tims h2.stat
{
    color: #f70;
    background-color:#fdb;
    border-color: #f70;
    border-style: solid;
    border-width: 5px 1px 5px 1px;
}
.tims p.head
{
    font-size: 13px;
    font-weight: bold;
}
.tims pre.info
{
    font-size: 11px;
    margin: 0;
    padding: 2px;
}

.sec table.rd { float: left; }

.sec table.rd,
.sec table.gr
{
    margin: 3px;
    padding: 0;
    border-spacing: 3px;
    vertical-align: middle;
}
.sec table.rd th,
.sec table.gr th
{
    text-align: left;
    font-weight: bold;
}
.sec table.rd td,
.sec table.gr td
{
    background-color: #ddd;
    border: 1px solid #ccc;
}
.sec table.rd td.vb,
.sec table.gr td.vb
{
    text-align: right;
    font-size: 11px;
}

.tims .sm { font-size: 12px; }
.tims .md { font-size: 13px; }

.tims .cen { text-align: center; }
.tims .cen ul
{
    margin: 0;
    padding: 0;
    font-style: italic;
}