@charset "utf-8";
/* CSS Document */

body{
	background-color:#d0d0d0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
td{
	font-size:11px;
}
#HeaderImage {
	height: 186px;
	width: 800px;
	background: url(../img/header_img.jpg) no-repeat;
	border-bottom: 3px solid #006db9;
}
.frame {
	height: 186px;
	width: 800px;
	background: url(../img/top_pic_frame_public.gif) no-repeat;
}
#HeaderImage .colLeft {
	float: left;
	height: 97px;
	width: 126px;
	background: url(../img/logo_Mail_NGC.png) no-repeat;
	margin-left: 20px;
	margin-top: 10px;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}	
#HeaderImage .colRight {
	float: right;
	height: 83px;
	width: 200px;
	background: url(../img/logo_Mail_foursomes.png) no-repeat;
	margin-top: 10px;
	margin-right: 20px;
}

* html #HeaderImage .colLeft {background: url(../img/logo_Mail_NGC.gif) no-repeat;}

.navigation td {background: url(../img/nav_element.gif) no-repeat right top;}
.navigation a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
.navigation a:hover {color:#D75600;}
.subNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
tr.subNav td {
	background: none;
	text-align:left;
}
.subNav ul li {
	margin: 0px;
	padding: 0px 0px 8px 15px;
	line-height: 13px;
	background: url(../img/nav_flag2.gif) no-repeat 5px 2px;
}
.subNav a {color: #000000;}
.subNav a:hover {color:#D75600;}
.tabHeadLeft {
	background: #006db9 url(../img/bg_table_head.gif) left 50px;
}
.tabHeadCenter {
	background: #006db9 url(../img/bg_table_head.gif) repeat-x top;
	font-weight: bold;
	color: #FFFFFF;
}
.tabHeadRight {
	background: #006db9 url(../img/bg_table_head.gif) right bottom;
}
.tableBorder {
	border-right: 1px solid #006DB9;
	border-bottom: 1px solid #006DB9;
	border-left: 1px solid #006DB9;
}
th {
	text-align: center;
	background: #575757;
	color: #FFFFFF;
	border-right: 1px solid #fff;
	padding-right: 3px;
	padding-left: 3px;
}
.tableInfo {
	background: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
	border:0px;
	text-align: center;
}
.profileData .left {
	font-weight: bold;
}
.profileData .right {
	background: #E6E6E6;
	text-align: left;
	padding: 5px 0px 5px 5px;
	vertical-align: top;
}
.profileData .left {
	vertical-align: top;
	text-align: right;
	background: #CCC;
	padding-top: 5px;
	padding-right: 5px;
}
.button {
	font-size: 11px;
	font-weight: bold;
	background: #006DB9;
	color: #FFFFFF;
	border: 1px solid #00548C;
	width:auto;
	border: 1px ;
	border-right: 1px solid #555555;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #333333;
}
.button:active {
	font-size: 11px;
	font-weight: bold;
	background: #006DB9;
	color: #FFFFFF;
	border: 1px solid #24958D;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #555555;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #dddddd;
	width:auto;
}

.buttonLarge {
	font-size: 15px;
	font-weight: bold;
	background: #006DB9;
	color: #FFFFFF;
	border: 1px solid #00548C;
	width:auto;
	border: 1px ;
	border-right: 1px solid #555555;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #333333;
}
.button:activeLarge {
	font-size: 15px;
	font-weight: bold;
	background: #006DB9;
	color: #FFFFFF;
	border: 1px solid #24958D;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #555555;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #dddddd;
	width:auto;
}
td.info{
	background: #DFDFDF url(../img/bg_info.gif) no-repeat top left;
	border-bottom: 1px dotted #CACACA;
	padding-left: 30px;
}
td.info p {
	margin: 0px;
	padding: 0px;
}
.profileData .right input {
	width: 250px;
	font-size: 11px;
	color: #006DB9;
	border: 1px solid #CCCCCC;
}
.profileData .right textarea {
    color: #006DB9;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.profileData .right select {
	width: 250px;
	font-size: 11px;
	border: 1px solid #CCCCCC;
}

.listNav ul {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	list-style: none;
	background: url(../img/nav_flag.gif) no-repeat left top;
}
.listNav ul li ul {
	background: none;
	margin: 0px;
	padding: 0px;
}
.listNav ul li {
	background: url(../img/nav_element.gif) no-repeat right top;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Tahoma;
	line-height: 13px;
}
.listNav ul li ul li {
	background: url(../img/nav_flag2.gif) no-repeat 0px 2px;
	padding-left: 10px;
	padding-bottom: 8px;
}
.listNav ul li a {
	height: 18px;
	display: block;
	width: 179px;
	padding-top: 5px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
	margin-bottom: 5px;
}
.listNav ul li ul li a {
	height: auto;
	width: auto;
	display: inherit;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.listNav li.off ul {display: none;}
.listNav li.on ul {display: block;}

h1{

	color:#000000;
	font-size:18px;

		}
h2{

	color:#000000;
	font-size:16px;
		}
h3{

	color:#000000;
	font-size:14px;
		}