﻿
/* Basic */
*
{
	margin: 0em 0em 0.2em 0em;
	padding: 0em;

}
body 
{
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111;
	background-color: #EDEDED; 
	height: 100%;
}
.clear
{
	clear: both;
}

#outer
{
    position: absolute; 
    height: 100%;
	margin: 0em;
	width: 100%;
}
a
{
    text-decoration: none;
	font-weight: bold;
	color: #313A6F;
	display: block;
}
    a:hover
    {
	    font-weight: bold;
	    color: Maroon;
    }
#white
{
    position: absolute;
    top: 0px;
	width: 100%;
	background-color: #FFF;
}
#header
{
    position: absolute;
	top: 10px;
	width: 100%;
	background-color: #FFF;
}
    #header #logo
    {
	    background: transparent url('../images/alphaLogo.jpg') top left no-repeat;
	    height: 40px;
	    width: 20em;
    }
    #header p
    {
        position: absolute;
    	font-weight: bold;
    	font-size: 14pt;
	    color: #313A6F;
	    display: block;
        top: 1em;
        left: 9.5em;
        background-color: inherit;
	    text-decoration: none;
    }
 
    #header .right 
    {
        position:absolute;
        right:1.5mm;
        top: .5em;
        background-color: inherit;
    }
        #header .right a
        {
            width: 4em;
            padding:.5em;
            background-color: inherit;
            text-align: center;
        }
            #header .right a:hover
            {   
                color: White;
	            background: url('../images/x4.gif') top left repeat-x;
	            text-decoration: none;
            }
#subheader
{
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0em;
	background: url('../images/x15.png') repeat-x scroll left top;
	height: 2.5em;
}

/* Menu */

#menu
{
    float: left;
	margin: 0em;
	left: 14em;
	width: 75%;
    top: 0px;
	position: absolute;
	background: url('../images/x15.png') repeat-x scroll left top;
	height: 1.2em;
	font-weight: bold;
}
    #menu ul
    {
	    list-style: none;
	    position: absolute;
	    left: 1em;
	    top: 0px;
	    background-color: inherit;
    }
    #menu ol
    {
	    list-style: none;
	    position: absolute;
	    right: 1em;
	    top: 0px;
	    background-color: inherit;
    }
        #menu ol li 
        {
            position: relative;
            color: #fff;
            padding: .5em .25em;
        }
            #menu ol li a
            {
                position: relative;
                top: -.5em;
                color: #000;
                padding: .5em .25em;
            }
    
    #menu li
    {
	    float: left;
    }	

        #menu li a
        {
            position: relative;
	        color: #fff;
	        padding: .5em 1.5em;
        }

            #menu li a:hover
            {
                color: white;
	            background: transparent url('../images/x10.JPG') repeat-x;
	            font-weight: bolder;
            }
            
            
/* Content */

#content
{
    position: relative;
    width: 100%;
    height: 90%;
	line-height: 1.7em;
	top: 90px;
    background-color: #EDEDED;

}
#content p
{
	margin-bottom: 1.5em;
}
#content h2,#content h3,#content h4,#content h6
{
	width: 30em;
	left: -14px;
	color: #333;
	font-size: 1.1em;
	background: url('../images/x13.png') top left repeat-x;
}
#content #primaryContentContainer h5
{   
    font-size: 16pt;
    font-weight: Normal;
    padding: 0px;
}
#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
}
#content blockquote
{
	border: groove 2px #A5001E;
	background: #FFFEFB url('../images/x5.gif') top left repeat-x;
	padding: 1em;
	Width: 90%;
	text-align: center;
	margin-left: 1em;
	margin-bottom: 1.5em;
}

#content blockquote p
{
	margin-bottom: 0em;
}



/* Primary Content */

#primaryContentContainer
{
	position: absolute;
	margin-top: 5px;
	margin-left: 200px;
	float: left;
	width: 75%;
    top: -2px;
    height: 90%;
    overflow:visible;
}

#primaryContent
{
	margin: 0em 0em 0em 5px;
	padding: .7em 1em 0em;
}
#primaryContent h2
{
    position: relative;
    width: 100%;
    padding-left: .5em;
    padding-right: 3.3%;
    border: solid 1px #C3C3C3;
	top: -.7em;
	left: -1.3em;
}
#primaryContentContainer aspnetForm
{
    overflow: scroll;
    height: 100%;
    width: 100%;
}

/* Secondary Content */

#leftMenuContent
{
	background-color: #EDEDED;
	border-top: none;
	position: absolute;
	float: left;
	width: 180px;
    top: 0px;
    display: block;
}

#leftMenuContent h3
{
	background: #686868;
	font: Impact;
	color: Black;
	font-size: 14pt;
    position: relative;
    width: 100%;
	padding: .5em 0em;
	left: 0;
    display: block;
    text-align: center;
}
#leftMenuContent h5
{
	background-color: #686868;
	font: Impact;
	color: Black;
	font-size: 12pt;
    position: relative;
    width: 100%;
	padding: .1em 0em;
	left: 0;
    display: block;
    text-align: left;
    font-weight: bold;
}

#leftMenuContent ul
{
    list-style: none;
    background: transparent;
    padding: 0em;
}
#leftMenuContent ul li a, #leftMenuContent td.treenode
{
    color: #111111;
    background: url('../images/leftMenu.png') top left repeat-x;
    border-bottom: solid 1px white;
    display: block;
    padding: 4px 1em;
    font-weight: normal;
    text-decoration: none;
}
#leftMenuContent ul li a:hover, #leftMenuContent td.treenode:Hover
{
    background:url('../images/leftMenuHover.png') top left repeat-x;
    display: block;
    padding: 4px 1em;
    text-decoration: none;
}
 #leftMenuContent td.treenode
{
    color: #000;
    background: url('../images/leftMenu.png') top left repeat-x;
    border-bottom: solid 1px white;
    display: block;
    Margin: 0px;
    width: 100%;
    padding: 4px 1em;
    font-weight: normal;
    text-decoration: none;
}
 #leftMenuContent td.treenode:Hover
{
    background:url('../images/leftMenuHover.png') top left repeat-x;
    display: block;
    Margin: 0px
    padding: 4px 1em;
    width: 100%;
    text-decoration: none;
}



/* List View */
.table
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    overflow:visible;
    width:700px; 
    
}
.tableAuto
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    overflow:visible;
    width: auto; 
    
}

.table .tableHeader, th
{

    background: url('../images/leftMenuHover.png') top left repeat-x;
    color: #000000;
    font-size: 10pt;
}


.tableHeader2
{
    background-color:gray;
    background-image: none;
    color:White;
    font-size: 10pt;    
    font-weight:bold;
    text-align:center;
    height: 25px;
}

.tableLogin
{
    border-collapse: collapse;
	border: solid 1px #A2A2A2;
	border-top: none;
    overflow:visible;
    text-align:left;
    width: 200px;
    list-style-position: outside;
}

.tableRowEven, tr
{
    background-color: #EEEEEE;
    color: #313A6F;
    font-weight: normal;
    text-align: center;
    font-size: 8pt;
    color: #000000;
}

.tableRowOdd
{
    background-color: #FFFFFF;
    color: #313A6F;
    font-weight: normal;
    text-align: center;
    font-size: 8pt;
    color: #000000;
}

.tableRowInsert 
{
    background-color: white;
    color: #313A6F;
    font-weight: normal;
    text-align: center;
    font-size: 8pt;
    color: #000000;
}

.tableRowEdit
{
    background-color: #B7B7B7;
    color: #FFFFFF;
    font-size: 8pt;
    text-align: center;
}

.input
{

    text-align: center;
    width: 90%;
    
}
.rowLeftAlign
{
    text-align: left;
}
.rowRightAlign
{
    text-align: right;
}

.tableRowOdd:Hover, .tableRowEven:Hover, .tableRowInsert:Hover, tr:Hover
{
    background-color: #B7B7B7;
}

.tableHeader2:Hover, .table:Hover
{
    background-color: Gray;
}
/* Page Selection */

.pageSelection 
{
    height: 10px;
    text-align:justify;
}
.pageSelection a
{
    margin: 3px;
    display:  inline;
    text-decoration: underline;
	font-weight: bold;
	color: #313A6F;
}
.pageSelection span
{
    color:Maroon;
	font-weight: bold;
	margin: 3px;
}
.pageSelection input
{
    font-size: 10pt;
    width: auto;
}

.Buttons
{
    width: 55px;
}
.SearchBox
{
    width: 80px;
    text-align: left;
    font-size: 10pt;
}

.ListViewColumns
{
    min-width:25%;

    color: Black;
    height: 2em;
}

h1
{
    font-size: 20pt;
    font-weight: bold;
    padding: 15px;
}
h5
{   
    font-size: 14pt;
    font-weight: Normal;
    padding: 15px;
}
.invisible:Hover, .colTitles:Hover
{
    Background-color: #EEEEEE;    
}
.invisible
{
    Background-color: #EEEEEE;
}
.vCenter
{
    vertical-align:middle;
}
.hiddencol
{
    display:none;
}
.viscol
{
    display:inline;
}
p a
{
	display:inherit;
}
