﻿*
    {
        font-family: Helvetica, Arial, Sans-Serif;
        font-size: 10pt;
    }

html
    {
        margin: 0;
        padding: 0;
    }

body
    {
        background-color: #cccccc;
		height: 100%;
        background: #c8c8c8 url(../iui/pinstripes.png);
        margin: 0;
        padding: 0;
    }
	
h1
	{
    position: absolute;
    overflow: hidden;
    top: 5px;
    left: 50%;
    margin: 1px 0 0 -75px;
    height: 45px;
    font-size: 15px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    color: #FFFFFF;
	}

div.welcomemessage
{
    margin-top: 10px;
    text-align: center;
}
	
table.mainbody
	{
		background-color: #eeeeee;
		border-color: #999999;
		border-top: 1px solid;
		border-left: 1px solid;
		border-right: 1px solid;
		margin-top: 10px;
		
	}
table.mainbody td
	{
		border-color: #999999;
		border-bottom: 1px solid;
	}


input.login
    {
        width: 100%;
        height: 30px;
    }

div.mainlink
    {
        margin: 0;
        padding: 0;
    }
    
div.mainlink ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

div.mainlink ul li
    {
        list-style-type: none;
        margin: 0;
        margin-bottom: 3px;
        padding: 5px;
        border: solid 1px;
        background-color: White;
    }

div.mainlink ul li a
    {
        display: block;
        text-decoration: none;
        width: 100%;
        text-align: center;
        font-size: 12pt;
        color: Black;
        vertical-align: middle;
        
    }

table.locationbar
	{
	    /*
		background-color: #eeeeff;
		width: 100%;
		border: 0;
		border-top: solid 1px;
		border-left: solid 1px;
		border-right: solid 1px;
        */

        border-bottom: 1px solid #2d3642;
        border-top: 1px solid #6d84a2;
        padding: 10px;
        height: 45px;
        background: url(../iui/toolbar.png) #6d84a2 repeat-x;
	}
table.locationbar td
	{
        border: 0;
        text-align: center;
	}
	
a.locationbarbutton
    {
        display:block;
        height: 20px;
        width: 50px;
        border: solid 1px #000000;
        background-color: White;
        color: Black;
        text-decoration: none;
    }

a.disabled
    {
        color: White;
        background-color: #cccccc;
    }    
    
table.plain
	{
		background-color: Transparent;
		border: 0;
	}
table.plain td
	{
        border: 0;
	}
	
div.prog-border 
    {
        width: 250px;
        height: 20px;
        background: #FFF;
        padding: 3px;
        border: 1px solid #DDD;
    }
    
div.prog-bar 
    {
        height: 20px;
        background-color: Green;
    }
    
div.busted
    {
        background-color: Red;
    }
    
.button {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(../iui/toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(../iui/blueButton.png) 0 5 0 5;
    border-width: 0 5px;
}

.leftButton {
    left: 6px;
    right: auto;
}

.backButton {
    display: none;
    left: 6px;
    right: auto;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(../iui/backButton.png) 0 8 0 14;
}

.whiteButton,
.grayButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}

.whiteButton {
    -webkit-border-image: url(../iui/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.grayButton {
    -webkit-border-image: url(../iui/grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

.shown
{
    display: inline;
}