/* USE FOR SCREEN SHOTS EMBEDDED IN PAGES */





/* iframe container */

/*
.shotmain
{
padding: 0;
width: 490px;
margin: 5px auto 0px auto;
border: 3px solid #000080;
height: 550px;
overflow: hidden;
}
*/

.shotmain
{
border: 0px solid #a52f52;
padding: 3px;
border: 5px solid #617a9c;
margin: 4px auto 2px auto;
}


.shotmain td
{
padding: 0;
margin: 0px;
border: 0px solid #000080;
font-family: arial, sans-serif;
font-size: 11px;
text-align: center;
}

.shotmain iframe
{
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid #a52a2a;
overflow: auto;
width: 430px;
height: 432px;
}

.shotmain td.button
{
padding: 0;
margin: 0px;
border: 0px solid #000080;
font-family: arial, sans-serif;
font-size: small;
text-align: center;
}

.shotmain td.file
{
font-size: 14px;
color: #f7ea75;
background: none #000080;
padding: 2px 8px 2px 8px;
font-variant: small-caps;
font-weight: normal;
}

.shotmain td.css
{
padding: 2px;
margin: 0px 0px 0px 0px;
border: 1px solid #000080;
font-family: arial, sans-serif;
font-size: 11px;
text-align: left;
}

.shotmain td.spacer
{
height: 5px;
border: 0;
font-size: 1px;
padding: 0;
margin: 0;
}

.shotmain a
{
color: #ffff00;
background: none #6ca6cd;
font-size: 12px;
font-weight: bolder;
font-variant: small-caps;
text-decoration: none;
text-align: center;
margin: 2px auto 2px auto;
padding: 4px 2px 4px 2px;
border-bottom: 3px solid #000080;
border-right: 3px solid #000080;
border-top: 2px solid #4cc8e3;
border-left: 2px solid #4cc8e3;
display: block;
cursor: pointer;
width: 75px;
}

.shotmain a.b6
{
width: 60px;
padding: 2px 2px 2px 2px;
}

.shotmain a:hover
{
background: none #0e96cb;
}




/* used by iframe files - individual files targeted to iframe */


.shot2main
{
padding: 0;
width: 425px;
margin: 0px;
border: 2px solid #000080;
float: left;
height: 425px;
overflow: hidden;
background: none #fffbdf;
}


.shot2title
{
padding: 4px;
width: 425px;
margin: 0px;
border: 0px solid #000080;
height: 30px;
overflow: hidden;
background: none #617a9c;
}

.shot2title h1
{
margin: 0px;
border: 0px double #000080;
text-align: center;
font-family: arial, verdena, sans-serif;
font-size: 20px;
font-weight: bold;
color: #00ddff;
font-variant: small-caps;
}

/* not used */
.shot2code p
{
padding: 4px;
margin: 0px 0px 0px 0px;
font-family: arial, sans-serif;
font-size: 12px;
border: 0px solid #000080;
}

.shot2pics
{
padding: 0;
width: 425px;
margin: 0px;
border: 1px solid #000080;
/*float: left;*/
height: 305px;
overflow: auto;
text-align: center;
}

.shot2pics table
{
padding: 0;
margin: 2px auto 2px auto;
}


.shot2pics td
{
padding: 0;
margin: 0px;
font-family: arial, sans-serif;
font-size: small;
text-align: center;
}


.shot2 p.caption
{
padding: 4px;
margin: 2px 0px 0px 0px;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
border: 2px solid #000080;
}


.shot2pics img
{
padding: 0;
margin: 4px auto 0px auto;
width: 400px;
border: 2px solid #000080;
}


.shot2note1
{
padding: 0;
width: 20px;
margin: 0px;
border: 0px solid #000080;
float: left;
height: 80px;
overflow: hidden;
background: none #617a9c;
}

.shot2note1 p.mark
{
padding: 2px;
margin: 0px 0px 0px 0px;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
color: #ddeeff;
border: 0px solid #000080;
background: none #617a9c;
text-align: center;
}

.shot2note2
{
padding: 0;
width: 405px;
margin: 0px 0px 0px 0px;
border: 0px solid #000080;
float: left;
height: 80px;
overflow: auto;
}

.shot2note2 p.note
{
padding: 2px;
margin: 0px 0px 0px 2px;
font-family: arial, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000080;
text-align: justify;
}