﻿
body
{
	font-family: Verdana;
	font-size: 10px;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		
}
.LoginBanner
{
	background: #3366cc url(../../images/TolLeftRight.jpg) top repeat-x;	
}
input{background: url(../../Images/bg_input.gif) repeat-x #fff;border:1px solid black;color:black;}
.formTable
{
	padding: 5px;
	border: solid 1px;
}

.submitButton
{
	width: 80px;
	padding: 2px;
	letter-spacing: 0.3em;
}

#MessageArea
{
	background-color: whitesmoke;
	border: 1px dotted green;
	padding: 8px;
}
table .heading
{
	text-align: right;
}
.innerTable
{
	padding: 20 20 20 20;
}

.mytable
{

	width:auto;
	
	color: #B6B6B6;
	text-align: left;
	padding: 0px;
	margin-top: 20px;
	margin-left:40px;	
	border: solid 5px #FFFFFF;
	float: left;
}
.mylogintable
{
	width: 600px;
	color: #B6B6B6;
	text-align: left;
	padding: 0px;
	margin-top: 20px;
	border: solid 5px #FFFFFF;
	float: left;
}
.innertube
{
	padding: 0px 0px 0px 0px;
}
td
{
white-space:nowrap;
text-align:left;
}
.Header
{
	Padding: 0px 20px 0px 20px;
	font-weight: bold;
	background-color: navy;
	color: white;
	height: 30px;
	text-align: center;
	 white-space : nowrap;
}
.Details
{
	margin-top: 15px;
	color: black;
	text-align: center;
	line-height: 25px;
	background:#ffffff;
}

#theMenu
{
	width: 100px;
	height: 300px;
	margin: 30px 10px 10px 10px ;
}

/* Some list and link styling */

h2
{
	margin-top: 1.5em;
}

/* Header links styling */
h3.head a
{
	color: #333;
	display: block;
	border-top: 1px solid #36a;
	border-right: 1px solid #36a;
	background: #ddd url(down.gif) no-repeat;
	background-position: 98% 50%;
	padding: 3px 6px;
	font-size:12px;
}
h3.head a:hover
{
	color: #000;
	background: #ccc url(down.gif) no-repeat;
	background-position: 98% 50%;
}
h3.selected a
{
	background: #69c url(up.gif) no-repeat;
	background-position: 98% 50%;
	color: #fff;
	padding: 3px 6px;
}
h3.selected a:hover
{
	background: #69c url(up.gif) no-repeat;
	background-position: 98% 50%;
	color: #36a;
}
table.BannerArea
{
	background:#3366cc url('../../Images/bg_gradient_blue.jpg') top repeat-x;
	height:100px	
}
td.bgColor
{
	background:#3366cc url('../../Images/bg_gradient_blue.jpg') top repeat-x;
	
}
.brd2
{
    border: 1px solid #000099;
}
/* table style */
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:800px;
	border:solid 1px #ad9e87;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
    background-position: #006666 url(../night/mt_back.gif) repeat-x;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ad9e87;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ad9e87;
    background: #669999 url(../night/mt_back.gif) repeat-x;
    color: #59483f;
    font-weight: bold;
    text-align: center;
}  

/* cell styles */
.datagrid td
{
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* mouseover row style */
.datagrid tr:hover
{
    background-color: #FFFFCC;
}
.brd1
{
	border: thin solid #00FFFF;
}
.datagrid1
{
	font-family: lucida grande,arial,helvetica,sans-serif;
	font-size: 11px;
	width: 100%;
	border: solid 1px #ad9e87;
}
/* common cell styles */
.datagrid1 th, .datagrid td
{
	cursor: default;
	height: 20px;
}
/* header cell style */
.datagrid1 th
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ad9e87;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ad9e87; /*background:#e1d6c7 url(../night/mt_back.gif) repeat-x;*/
    color: #66FFFF;
    font-weight: bold;
    text-align: center;
    background-color: #339933;
}

/* cell styles */

.datagrid1 td
{
	color: #000;
	padding: 2px 8px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #f2e8da;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f2e8da;
}
/* mouseover row style */

.datagrid1 tr:hover
{
    background-color: #00FF00;
}
.datagrid1 tr:hover.selected
{
    
    background-color: #FFFFCC;
    color: #66FFCC;
}

.brd1
{
	border: thin solid #00FFFF;
}
.iframe
{
	padding: 10px;
	border: 1px solid #eee;
}
