/* filename="blue.css" */
/*------------------------------------------------------------
 * (c)2008 Izzy Valentine. This file is manually edited. No third party software are used to generate this file.
 *------------------------------------------------------------
 */
/* Cascading Style Sheets begin after this line */
	
/* -------------- Body -------------- */
    body
    {
        background: #333399;
        background-image: url(ui_imgs/bg-blue-flower.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
        font-family: "Calibri", "Segoe UI", "Tahoma";
        font-size: 10pt;
        color: white;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

/* -------------- Images -------------- */
    img
    {
        border: 0;
    }

/* -------------- Hyperlinks -------------- */
/* -- Global Settings
   -- This one suppose to be white color on default, blue background.
 */
    a
    {
        color: White;
        text-decoration: none;
        background-color: inherit;
    }

    a:link
    {
        color: White;
        text-decoration: none;
        background-color : inherit;
    } 

    a:visited 
    {
        color: White;
        text-decoration: none;
        background-color : inherit;
    } 

    a:active 
    {
        color: White;
        text-decoration: none;
        background-color : inherit;
    } 

    a:hover 
    {
        color: #B4B4FF;
        text-decoration: none;
        background-color : inherit;
    }
    
    a.content
    {
        color: Black;
        text-decoration: none;
        background-color: inherit;
    }

/* -- Page, content hyperlinks.
   -- This one supposed to be black in color, with white as the background.
 */
    a:link.content
    {
        color: Black;
        text-decoration: underline;
        background-color: inherit;
    } 

    a:visited.content
    {
        color: Black;
        text-decoration: underline;
        background-color: inherit;
    } 

    a:active.content
    {
        color: Black;
        text-decoration: underline;
        background-color: inherit;
    } 

    a:hover.content
    {
        color: #333399;
        text-decoration: underline;
        background-color: inherit;
    }


/* -------------- Special Formatting -------------- */
/* -- This style is used to differentiate the plug ins warning from the formal text.
 */
    span.pluginwarning
    {
        font-size: 9pt;
        font-weight: bolder;
        text-align: center;
        color: #FDC1C1;
        background-color: Transparent;
    }
    
/* -- I know, use <h1> or something like that.
   -- Prefer span for only this word.
 */
    span.title
    {
        font-size: 12pt;
    }
	
/* -------------- IvyBlue -------------- */
/* -- Settings for the template
   -- This setting is used to control the template style.
   -- Depreciated all unused style.
 */

    table.ivyblue
    {
        width: 800px;
        border-width: 0px;
        border-collapse: collapse;     
    }

    td.navigator
    {
        color: inherit;
        background-color: #333399;
        background-image: url(ui_imgs/bg-navdisabled.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        background-attachment: inherit;
        text-align: center;
        height: 215px;
    }

    td.content
    {
        direction: ltr;
        background-color: White;
        background-image: url(ui_imgs/signature.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: inherit;
        text-align: center;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

/* -------------- Specific Style for Template -------------- */
/* -- Content CSS
   -- This CSS involves the content (the lower side of the page).
   -- This style is for the table inside the TD in the td.content (above).
   -- Depreciating all unnecessary styles.
 */ 
    .content#global
    {
        width: 100%;
        border-width: 0px;
        border-collapse: collapse;
        background-color: Transparent;
        background-image: none;
        text-align: center;
        vertical-align: middle;
    }
    
/* -- Left panel web page CSS
   -- The one with the image.
 */
    .content#detail
    {
        width: 200px;
        direction: ltr;
        background: #CCCCFF;
        color: #6666CC;
        text-align: center;
        vertical-align: top;
        font-size: 10pt;
        font-weight: bold;
        padding-top: 50px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
/* -- Information panel, on the right side.
   -- Well, it supposed to be like that.
 */
    .content#comments
    {
        background: inherit;
        direction: ltr;
        color: #000000;
        text-align: left;
        vertical-align: middle;
        font-size: 10pt;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }

/* -------------- Shockwave Flash CSS -------------- */

    .index#swf
    {
        width: 640px;
        height: 480px;
        background-color: #333399;
    }
    
    .navigator#swf
    {
        width: 800px;
        height: 215px;
        background-color: #333399;
    }
    
/* -------------- Index Page -------------- */ 

    table.indexpage
    {
        width: 400px;
        border-width: 0px;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;    
    }

    .indexpage#title
    {
        height: 10px;
        background-color: #ccccff;
        background-image: none;
        text-align: left;
        color: black;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .indexpage#content
    {
        background-color: white;
        background-image: none;
        /*opacity:0.85;
        filter:alpha(opacity=85);*/
        color: black;
    }