#container
{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
#container h1
{
	font-size: 1.2em;
	line-height: 1.5em;
}
#container h2
{
	font-size: 1.2em;
	line-height: 0.2em;
}
#container h3 h4 h5 h6
{
	font-size: 1.0em;
	line-height: 0.1em;
}



img
{
	border: 0;
}
.button
{
	border: solid 1px #c0c0c0;
	background-color: #eeeeee;
	font-family: verdana;
	font-size: 11px;
}

.modalBg
{
	background-color: #cccccc;
/*	opacity:0.4;
	filter:alpha(opacity=80); */
}

.modalPanel
{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 420px;
}

/*******************/


#logo
{
	text-align: left;
}
#logo h1
{
	margin: 0 0 12px 0;
}

#loginArea
{
	float: right;
	text-align: right;
	margin: 12 20 0 0;
}
#loginArea h1
{
	margin: 0 0 12px 0;
}


#maincontent
{
	float: left;
	font-size: .8em;
	line-height: 1.4em;
	padding: 20px;
	text-align: justify;
	width: 536px;
}
#maincontent h2, #maincontent h3
{
	color: #676767;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 24px 0 0 0;
}
#maincontent h2.topheading
{
	margin-top: 0;
}
#maincontent p
{
	margin: 6px 0 12px 0;
}
#maincontent a:link, #footer a:link
{
	border-bottom: 1px solid #666;
	color: #7E8A62;
	text-decoration: none;
}
#maincontent a:visited, #footer a:visited
{
	color: #616161;
}
#maincontent a:hover, #footer a:hover, #maincontent a:active, #footer a:active, #maincontent a:focus, #footer a:focus
{
	border-top: 1px solid #666;
	color: #000000;
}
#sidebar
{
	/* background-color: #E9E8D6; */
	float: right;
	font-size: .75em;
	line-height: 1.2em;
	padding: 20px;
	width: 100px;
}
#sidebar h2, #sidebar h3
{
	color: #606060;
	font-weight: normal;
	letter-spacing: .2em;
	margin: 24px 0 0 0;
}
#sidebar h3.firstheading
{
	margin-top: 0;
}
#sidebar p
{
	margin: 12px 0 0 0;
}
#sidebar a:link
{
	color: #616161;
}
#sidebar a:visited
{
	color: #7D7D7D;
}
#sidebar a:hover, #sidebar a:active, #sidebar a:focus
{
	color: #000;
}

#clearwrapper
{
	clear: both;
}

#footer
{
	font-size: .7em;
	margin: 24px;
}
#footer p
{
	margin: 0 0 6px 0;
}


#mainNav
{
	float: left;
	width: 800;
	background: #64a2d7 url(images/bg_mainNav.gif) bottom repeat-x;
	border-top: 1px solid #fff;
	border-left: 1px solid #ccc;
}
#navList
{
	margin: 0;
	padding: 0;
	z-index: 30;
	width: 800px;
	height: 30px;
	overflow: hidden;
	float: left;
}

#navList li
{
	float: left;
	list-style-type: none;
}

#navList li a
{
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	line-height: 30px;
	padding: 0 18px 0 18px;
	background: url(images/bg_mainNav-div.gif) right no-repeat;
	font-weight: bold;
}

#navList li a:hover
{
	color: #000000;
}




#navList div
{
	z-index: 1;
	position: absolute;
	visibility: hidden;
	margin: -1px 0 0 0;
	padding: 8px 0;
	background: #666 url(images/bg_flyoutmenu.gif) top repeat-x; 
	border-bottom: 1px solid #666;
}

#navList div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 15px 4px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: none;
	line-height: normal;
}

#navList div a:hover
{
	color: #fff;
	background: #214a7e;
}
#mainNav .extend
{
	margin: 8px 0 0 0;
}

#subNav
{
	clear: left;
	position: relative;
	width: 100%;
}
.subnav
{
	float: left;
	position: absolute;
	left: 1px;
	top: -1px;
	width: 800px;
	background: #ccc;
	border-bottom: 1px solid #999;
}
.subnav li
{
	float: left;
	display: inline;
	text-indent: 10px;
	margin-right: 15px;
	white-space: nowrap;
}
.subnav li a
{
	color: #333;
	line-height: 30px;
}
.subnav li a:hover
{
	color: #000;
}

.smallgrid
{
	font-family: Arial;
	font-size: 12px;
	width: 600px;
}


.grid
{
	font-family: Arial;
	font-size: 12px;
	width: 720px;
}

/* gridview styles */
.grid .gridview
{
	width: 100%;
	border: solid 2px #5E8CC6;
	empty-cells: show;
	border-top-width: 1px;
}
.grid .gridview .row TD, .grid .gridview .altrow TD, .grid .gridview .edit-info TD
{
	text-align: left;
	padding: 5px 4px;
	border-top: solid 1px #E2EBF2;
}
.grid .gridview .edit-info TD
{
	border-top: dashed 1px #5E8CC6;
	font-weight: bold;
	color: #333;
}
.grid .gridview TR.first TD
{
	border-top: none;
}
.grid .gridview TD.edit
{
	border-bottom: dashed 1px #5E8CC6;
}
.grid .gridview .edit-info A
{
	font-weight: normal;
}
.grid .gridview .row TD.command, .grid .gridview .altrow TD.command, .grid .edit-info TD.command
{
	text-align: center;
}


.smallgrid .gridview .header TH
{
	background: url(../images/table/hdr.gif) repeat-x;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	font-size: larger;
	text-align: center;
	padding: 0px 4px;
}

.grid .gridview .header TH
{
	background: url(../images/table/hdr.gif) repeat-x;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0px 4px;
}

.grid .gridview .header a
{
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0px 4px;
}

.redtext
{
	color: #ff0000;
}

.grid .gridview .edit
{
	padding: 10px 5px;
}
.grid .gridview .edit, .grid .gridview .edit-info
{
	background-color: #F0F8FF;
}
/* details styles */
.grid .detailview
{
	width: 100%;
	empty-cells: show;
}
.grid .detailview TH
{
	text-align: left;
	padding: 0px 10px;
	color: #333;
}
.grid .details .footer
{
	text-align: right;
	padding: 10px 10px 0px 0px;
}
.grid .details .header
{
	text-align: left;
	padding: 0px 10px;
	font-weight: bold;
	display: none;
}

div.rounded
{
	clear: both;
	max-width: 2400px;
}

div.rounded div.top-outer
{
	background: url(../images/table/tl.gif) no-repeat left bottom;
	padding: 0px;
	width: 100%;
}

div.rounded div.top-outer div.top-inner
{
	background: url(../images/table/tr.gif) no-repeat right bottom;
	margin-left: 10px;
}

div.rounded div.top-outer div.top-inner div.top
{
	background: url(../images/table/t.gif) repeat;
	height: 11px;
	margin-right: 10px;
	font-size: .01em;
}

div.rounded div.mid-outer
{
	background: url(../images/table/l.gif) left repeat-y;
	clear: both;
	width: 100%;
}

div.rounded div.mid-outer div.mid-inner
{
	background: url(../images/table/r.gif) right repeat-y;
	margin-left: 10px;
}

div.rounded div.mid-outer div.mid-inner div.mid
{
	background-color: #ffffff;
	margin-right: 10px;
}

div.rounded div.bottom-outer
{
	background: url(../images/table/bl.gif) no-repeat left top;
	clear: both;
	padding: 0px;
	width: 100%;
}

div.rounded div.bottom-outer div.bottom-inner
{
	background: url(../images/table/br.gif) no-repeat right top;
	margin-left: 10px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom
{
	background: url(../images/table/b.gif) repeat;
	height: 11px;
	margin-right: 10px;
	font-size: .01em;
}