﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
}

a, a:visited 
{
    color: #05F;
}

/* Header Section */


/* Navigation */

#navigation {
	width: 13.4em;	
	font-size: small;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid Yellow;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border:1px solid black;
	background-color: #FFC600;
	color: Black;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #333333;
	color: White;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #FFD24D;
	color: Black;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #FFD24D;
	color: Black;
}
#navigation ul ul a:hover {
	background-color: #333333;
	color: White;
}

/* Main Content */
#contentLogin 
{
	margin-top: 3.5em;
	margin-left: 2em;
	margin-right: 2em;
	font-size:11pt;
}

#content 
{
	margin-top: 0.2em;
	margin-left: 20em;
	margin-right: 2em;
	font-size:11pt;
}
h1 {
	font: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: small;
	line-height: 1.6em; 
}

#content ul {
	font-size: small;
	line-height: 1.6em; 
}

#dhtmltooltip
{
    position: absolute;
    width:inherit;
    border: 2px solid black;
    padding: 2px;
    font-size:x-small;
    background-color: yellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.treeView img
{
    background-color:#711515;
    color:Black;
    width:16px;
    height:16px;    
}

.treeView_Leaf
{
    color:White;
    background-color:#B51032;  
    border:1px solid 711515;
}

.treeView_Child
{
    background-color: #ED9F9F;
    border:1px solid 711515;
    width:200px;
}
.treeView_Hover
{
    color:Aqua;
    font-weight:bolder;
    border:1px solid Yellow;
}

.treeView_Hover img
{
    width:32px;
    height:32px;  
}

.treeView_Selected
{
    color: Black ;
    font-style:italic;
    font-style:oblique;
    background-color:Yellow;
    border:1px solid Red;
}

.gridView_Header
{
    background-color:#FEBF01;
}

.gridViewRow
{
    background-color:White;
}

.gridViewRowLeftAlign
{
    background-color:White;
    text-align:left;
}

.gridViewFooter
{
    font-size:x-small;
}

.gridViewRow_Alternate
{
    background-color:#FFFF99;
}

.gridViewRow_AlternateLeftAlign
{
    background-color:#FFFF99;
    text-align:left;
}

.paging 
{
    font-size: 14px;
}

.paging>td td
{
    text-align: center; 
    background-color: #FFF;
}

.paging>td td>a, .paging>td td>span
{
    padding: 5px;
    width: 15px;
    display: block;
}

.paging>td td>span
{
    background-color: #FFD75E;
}

.lblInfo
{
    color: #00F; 
    font-weight: bold;
}

.lblError
{
    color: #F00;
    font-weight: bold;
}

.label
{
    
}

.labelHeader
{
    font-weight:bold;
    color:Black;
    background-color:#FEBF01;
}

.labelHeaderSmaller
{
    font-weight:normal;
    color:Black;
    background-color:#FEBF01;
}

.textbox
{
}

.textbox_disabled
{
    background:#ffff99;
}

.dropdownlist
{
}

.dropdownlist_disabled
{
    background:#ffff99;
}

.checkbox
{
}

.checkbox_disabled
{
    background:#ffff99;
}

.button
{
}

.button2
{
    background-color:Red;
    color:White;
    font-family:Arial, Verdana, "Times New Roman";
    font-size:small;
}

input, label 
{
    font-size: 13px;
}

.footer
{
    font-size:smaller;    
}
