/* 
    Document   : graphicsStyle
    Created on : May 21, 2011, 7:27:50 PM
    Author     : generic
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html{
    width:100%;
    height:100%;
}

body {
    width:100%;
    height:100%;
    font-family: Arial,Helvetica,sans-serif;
}
a
{
    text-decoration: none;
    color: #ffffff;
    font-weight: bolder;
}

.display
{
    z-index: -2;
    position: absolute;
    margin: auto;
    width:80%;
}
.archive
{

    z-index: 2;
    padding: .8em;
    float: right;
    width:25%;
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}

.archive .header
{
    font-size: 18pt;
    color: #FFFFFF;
    width:100%;
    background: #000000;
    text-align: center;
}

.header_reverse
{
    font-size: 18pt;
    color: #000000;
    width:100%;
    background: #FFFFFF;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}
.header_reverse a
{
    color: #ff0000;
}

.grayBack
{
        background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}

.bordered
{
    border-right-style: double;
    border-left-style: double;
    border-bottom-style: double;
    border-top-style: double;
    border-right-color: purple;
    border-left-color: purple;
    border-bottom-color: purple;
    border-top-color: purple;
    border-right-width: 8px;
    border-left-width: 8px;
    border-bottom-width: 8px;
    border-top-width: 8px;
}

.bordered_gray
{
    border-right-style: double;
    border-left-style: double;
    border-bottom-style: double;
    border-top-style: double;
    border-right-color: white;
    border-left-color: gray;
    border-bottom-color: gray;
    border-top-color: white;
    border-right-width: 8px;
    border-left-width: 8px;
    border-bottom-width: 8px;
    border-top-width: 8px;
}

.black_back
{
    background-color: #000000;
    color: #99AAFF;
}