/*
This file inherits all the styles from DefaultStyle.css
Please make sure that the following import link is present if you want to inherit default styles.
Any changes in fonts, colours, layout, etc. can be done via overriding CSS style elements after the import statement.

Good CSS guide is located at

http://www.htmlhelp.com/reference/css/

*/
@import "DefaultStyle.css"; 

/* put your changes below this comment */
#OuterContentPane
{
	padding-top:0px;
}

#loginBox
{
    border: none;
	background: none;	
	color: inherit;
	padding: 15px;
	width: 540px;
	margin-left: 210px;
 }
 
 #loginBox TD
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;	
}


input
{
    color: #666666;
}

input[type="submit"]
{
    color: Black;
}

.RememberMeBox
{
	color:#777777;
	padding: none;
}

.RememberMeBox INPUT
{
	border: none;
	padding: none;		
	background: none;	
}

.DetailsCell
{
	white-space: normal;
	/*vertical-align: top;*/
	font-size: 11px;
}

.DetailsAlternatingCell, .DetailsAlternatingCell a
{
	background-color: #FFFFFF;
	font-size: 11px;
}

.DescriptionRow
{
	padding-bottom: 20px ! important;
}

p.gray
{
	margin-bottom: 0px;
}

h1 
{	
	color:#000000; 
	font-family: Arial, Verdana; 
	font-size: 16pt; 
	font-weight:normal;
	margin: 2px 20px 2px 0px;
}

h2 
{
	color:#00A4E4; 
	font-family: Arial, Verdana; 
	FONT-SIZE:14pt;
}

.button
{
    width: 100px;
    margin-left: 10px;
    float: none;
    background-color:inherit;
}

a 
{
	color: #00A4E4; 
	FONT-SIZE:12px; 
	FONT-FAMILY: Arial, Sans-Serif;
}

.DetailsHeader a, .DetailsCell a, .DetailsAlternatingCell a
{
	font-size: 11px;
}

a:hover 
{
	color: #666666; 
	text-decoration: none;
}

a.pagetrail
{
	color: #666666;
	background: inherit;
}

a.pagetrail:hover 
{
	color: #000000;
	background: inherit;
}

a.mainContentItem
{
    color: #00A4E4
}

.left_nav
{
	width:200px;
	float:left;	
	margin-right: 50px;
}

.left_nav ul
{
    list-style: none;
}

.left_nav ul li
{
	font-size:12px;
	padding:3px 0px;
}

.left_nav ul li a
{
	padding-left:14px;
	background:url(../images/bg_li.png) left 4px no-repeat;
	color: #666666;
	text-decoration:none;
}

.left_nav ul li a:hover
{
	color: #00A4E4;
}

.left_nav ul li a.selected
{
	background:url(../images/bg_li.png) left 4px no-repeat;
	color:#00a4e4;
}

.left_nav ul ul
{
	padding:5px 0px 2px 15px;
}

.left_nav ul ul li
{
	font-size:11px;
}

.DataGridContainer
{
    padding: 10px 0px 20px 0px;
}

.DataGridContainer th
{
    font-size: 11px; 
    font-weight: bold;
    text-align: left;
    background-color: silver; 
    color: white;
    padding: 3px 5px 3px 5px;
}

.DataGridContainer td
{
    padding: 3px 5px 3px 5px;
    border-bottom: solid 1px #cccccc;
    vertical-align: top;
}

div.refresh {
    float:right;
    margin-top: -35px;
    padding: 4px 4px 4px 4px;
	background: silver;
	color: #FFF;
}

div.refresh a {
    color:#FFF;
    text-decoration: none;
}

div.appTitle 
{
    font-size: 12px;
}