/*
Welcome to the silver css file. It contains CSS properties
for the unique elements for certain pages.
*/

/*CONTACT PAGE*/
#contact label
{
    float: left;
    width: 15.8em;
}

#contact textarea
{
    width: 40em;
    margin: 0 0 0 0;
}

/*GALLERY PAGE*/

#bigimg
{
    margin: 1em auto;
    text-align:center;
}

#bigimg #caption
{
    display: block;
    margin: .2em 0 .3em 0;
    font-style:italic;
}


#gall
{
    text-align: center;
    margin: 0 auto;
    padding: 0 0 0 0;
    list-style-type:none;
}

#gall li
{
    padding: 0 0 0 0;
    margin: 0 10px 0 10px;
    display: inline;
}

/*SERVICES PAGE*/
span.service-header
{
    margin: .6em 0 .2em 0;
    display:block;
    font-weight:bold;
}

span.service-blurb
{
    color: #333344;
}

/*MANAGE PAGE*/
form#loginform label
{
    float:left;
    width: 8em;
    margin-right:1em;
}

#session-message 
{
    float: right;
}
#session-message#text
{
    float:right;
    font-size:105%;
}

#session-message a
{
    float:right;
    color:black;
    padding: .3em;
    border: 3px outset black;
    text-decoration:none;
    font-weight:bold;
}

#session-message a:hover
{
    border:3px inset #3333aa;
    color: blue;
    padding: .4em .2em .2em .4em;
}

form#workform label
{
    float: left; 
    width: 19em;

}

#schedlist
{
    margin: 0 0 1em 0;
    width: 30em;
    font-size:110%;
    text-align:center;
}

#sched-ul li
{
    text-align: center;
}

#sched-ul li label
{
    margin: 0 1em 0 6em;
}

#sched-ul li .button 
{
    margin-left: 1em;
}

.date_input
{
    width:8em;
}

#workshop
{
    margin-right:.8em;
}

#add_date
{
    margin: 0 .8em 0 .8em;
}

#matform label
{
    margin: 0 0 0 1em;
    float:left;
    width:16em;
}

#imgupload label 
{
    float:left;
    width: 10em;
}

#edit-thumb
{
    float: right;
    margin: 1em 1em 1em 0;
}

#imgedit ul
{
}

#imgedit label
{
    float:left;
    width: 10em;
}

#imglist
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style:none;
}

#imglist li
{
    display: block;
    background-color: #eeeedd;
    text-align:center;
    width: 160px;
    border: 2px solid black;
    margin: 10px 10px 0 10px;
    float: left;
}

.list-thumb
{
    margin: 3px 0 3px 0;
}

.list-thumb img
{
    border: 1px solid black;
}

.list-imgname
{
    display:block;
}

.list-imgedit
{
    display:block;
}

#gallform .details label
{
    float: left;
    width: 10em;
    margin: 0 0 0 5em;
}


#images div
{
    border: 1px solid black;
    margin-bottom: 1em;
    height: 220px;
    overflow:auto;
}

.imgcheck
{
    text-align: left;
}

.imgcheck li
{
    height: 100px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    !important  
}

.imgcheck li label
{
    float: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    !important
}

.imgcheck li input
{
    margin: .1em auto;
    display:block;
}


/*---------- bubble tooltip -----------
Curtesy of Trent Richardson*/
a.tt{
position:relative;
         z-index:24;
color:#3CA3FF;
      font-weight:bold;
      text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
       text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px; 
background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(bubble.gif) no-repeat bottom;
}