body {
	font-family: "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;/*font-family:Trebuchet MS;*/
	font-size: 93%;
}

/* links */
a { background: inherit; color: #1F1F1F; text-decoration: underline; }
a:hover { background: inherit; color: #5C5C5C; text-decoration: underline; }
/*a:visited { background: inherit; color: #5C5C5C; text-decoration: underline; }rlly*/

#header {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height:111px;
	background-image: url(images/topgrad_slice.png);
	background-repeat: repeat-x;
}
#logo {
	position:absolute;
	background-image: url(images/logo.png);
	width: 180px;
	height: 49px;
	top:24px;
	left:24px;
}
.loginDat
{
	position:absolute;
	right:24px;
	top:65px;
	font-family:'Trebuchet MS';
	color:#FFF;
}
/* header menu */
#topmenu ul {
	position: absolute;
	right: 24px; top: 31px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;	
	
}
#topmenu li {
	display: inline;
}
#topmenu li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#topmenu li a:hover {
	background: #65944A;
	color: #FFF;
}
#topmenu li a#current  {
	background: #65944A;
	color: #FFF;
}

#contentArea {
	background-image: url(images/master_topgrad.png);
	background-repeat: repeat-x;
	position:absolute;
	top:111px;
	left:0px;
	width:100%;
	min-height:97px;
	overflow:visible;
}
#contentBox {
	width:75%;
	margin:0 auto;
	height:100%;
	background-color:#F00;
	left:0px;
	top:0px;
	position:relative;
}
#thecontent {
	position:absolute;
	top: 40px;
	/*left:17%;*/
	left:219px;
	width:83%;
	float:right;
}
#navmenu {
	position:absolute;
	top: 40px;
	/*left:0%;*/
	width:15%;
	min-width:190px;
	float:left;
	overflow: hidden;
}
/*round those corners*/
.rounded {
	color: #000;
	margin: 3px 3px 3px 3px;
	
}
.rounded .header {
	position:relative;
	left:0px;
	top:-70px;
	width:100%;
	overflow:visible;
	min-height:73px;
	color:#FFF;
	padding-top:0px;
	padding-left:3px;
	margin-right:10px;
	font-weight:bold;
	font-size:15pt;
	text-align:left;
	height:auto;
}
.rounded .roundedcontent {
	position:relative;
	top:-108px;
	margin-bottom:-108px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:6px;
	height:auto;
	padding-right:12px;
}


/*rounded corner stuff again*/
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:73px;
	margin:0 0 0 4px;
	background:url(images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-4px;
	width:4px;
	height:73px;
	background:url(images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:4px;
	margin:0 0 0 4px;
	background:url(images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-4px;
	width:4px;
	height:4px;
	background:url(images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	/*padding:0 4px 0 0;*/
	padding: 0;
	background:url(images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}


	
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

.genericHeader 
{
	font-size:larger;
	font-weight:bold;
}

.stepHeader
{
	padding: 0;
	margin: 0;
	margin-top:5px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #888;
	color: #333;
}

/*exanding stuff*/
.expHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.expHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.expHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.expHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.expHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.expHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.expContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


.notes {
background-color:#AEC5E3;
background-image:url(images/information.png);
background-position:2px 2px;
background-repeat:no-repeat;
border-style:solid;
border-width:1px;
color:#648FBE;
margin-left:-8px;
margin-right:3px;
overflow:visible;
padding-bottom:2px;
padding-left:19px;
position:relative;
}
.notes a
{
	background: none;
}

/*table formatting*/
.error {
	color: #F00;
	background-color:#FBB;
	border-style: solid;
	border-width: 1px;
	padding-left:3px;
	padding-left:19px;
	margin-left:-8px;
	margin-right:3px;
	background-image:url(images/exclamation.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
	position:relative;
	overflow:visible;
}

/*table formatting*/
.contentTable
{
	border-color:#EAEAEA;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	
	
}

.tableHeader
{
	background-color:#EEE;
}