body {
	font-size: 62.5%;
	font-family: Arial, "MS Trebuchet", sans-serif;
	background: #fff url(../../app_themes/ofda/img/common/bg_page.gif) repeat-x top;
}


/* @group Reset Elements */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{ margin: 0; padding: 0; }
	table{ border-collapse: collapse; border-spacing: 0; font-size: 100%; }
	img{ border: 0; }
	address,caption,cite,code,dfn,var{ font-style: normal; font-weight: normal; }
	ol,ul { list-style: none; }
	caption,th { text-align: left; }
	h1,h2,h3,h4,h5,h6{ font-size: 100%; }
	q:before,q:after{ content: ''; }

	h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset,address { margin-bottom: 5px; }
	img { border: none; }
	
	td,th{ margin: 0; padding: 2px; }
	
	h3 { font-size: 1.2em; padding-top: 20px; }

/* @end */

/* @group Standard Link Tags */

	a { color: #293A6F; }
	a:visited { color: #293A6F; }
	a:hover { color: red; }
	a:active { color: blue; outline: none; }
	a:focus { -moz-outline-style: none; } /* not valid but couldn't give f00k */

/* @end */

/* @group Resource Classes */

	/* float clearing classes */
	.clearfloats { clear: both; }
	.clearleft { clear: left; }
	.clearright { clear: right; }

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	   	visibility: hidden;
	}

	/* flush it left */

	.firstitem { margin-left: 0; }

	/* float classes */

	.floatright { float: right; }
	.nofloat { float: none; }
	.floatleft { float: left; }

	/* some alignment classes */

	.aligncenter { text-align: center; }
	.alignright { text-align: right; }
	.alignleft { text-align: left; }

/* @end */

/* @group Main Layout Wrappers */

/* sets width of page wrapper and its corresponding footer */
#wrapper, #footer {
	width: 90%;
}

	#wrapper {
		margin: 35px auto 0 auto;
		background: #0C1D30 url(../../app_themes/ofda/img/common/bg_wrapper.gif) repeat-x top;
		border:  1px solid #212D48;
		min-width: 200px;
	}

	#innerwrapper {
		margin: 0;
		padding:  5px 10px;
		background-color: transparent;
	}

	#header {
		margin: 0 0 10px 0;
	}

	/* default contentcol */
	#contentcol {
		/*float: right;*/
		margin-left: 142px;
		padding: 0;
		width: auto;
		background-color: #fff;
	} 

	/* default navcol */ #navcol { float: left; width: 132px; }

 	/* default contentwrapper */
	#contentwrapper { width: 100%; float: right; margin-left: -132px; /* This should be the width of the navcol */ }

	/* visual element - shine at foot of content */
	.bottomshine { 
		background: transparent url(../../app_themes/ofda/img/common/bg_bottomshine.gif) repeat-x 0% 0%;
		height: 20px;
		display: block;
		margin: 20px 0 0 0;
	}
	
	

/* @end */

/* @popup window classes */
	#popupWrapper {
		padding: 10px;
		margin: 10px;
		background: #fff;
		text-align: left;
		font-size: 1.2em;
	}
	
	#popupWrapper h1 {
		font-size: 1.6em;
	}
	
/* @end */	
	
/* @group CMS Specfic Column Selectors */

	#cmswrapper #contentwrapper {
		width: 100%; float: right; 
		margin-left: -132px; /* This should be the width of the navcol */
	}

	#cmswrapper #contentcol {
		/*float: right;*/
		margin-left: 142px; /* This should be width of navcol + 10px for  */
		width: auto;
		background-color: #fff;
	} 

	#cmswrapper #navcol {
		float: left;
		width: 132px; /* width of navcol - should be copied to content marginleft and [?]wrapper as a negative left margin */
	}

/* @end */

/* @group Reuseable Classes */

	.content {
		padding: 2px 10px 10px 10px;
		font-size: 1.2em;
	    min-height: 400px;
	}

	.titlebar {
		background: #ececec url(../../app_themes/ofda/img/common/bg_content_titlebar.gif) repeat-x 0% 100%;
		padding: 5px 5px 9px 5px;
		border-top: 1px solid #A0A0A0;
		font-size: 1.2em;
		color: #272727;
		margin: 0;
		display: block;
	}
	
	.button {
/*		color: #FFFFFF;
		border: solid black 1px;
		background: #FF7D49;*/
		font-weight: bold;
 	background: #ececec url(../../app_themes/ofda/img/common/bg_content_titlebar.gif) repeat-x center center;
		padding: 5px;
		border: 1px solid #A0A0A0;
		color: #0C1D30;

	}
	
	input.button {
		padding: 1px;
		color: #0C1D30;
	}
	
	a.button {
		padding: 3px;
		text-decoration: none;
		color: #0C1D30;
	}
	
	a.button:visited {
		color: #0C1D30;
	}
	
	a.button:active {
		color: #0C1D30;
	}

/* @end */

/* @group footer selectors */

#footer {
	margin: 0 auto;
	background: transparent url(../../app_themes/ofda/img/common/bg_footer_repeat.gif) repeat-x 0% 0%;
	padding: 0;
	text-align: right;
	clear: both;
}

	#footer p {
		background: transparent url(../../app_themes/ofda/img/common/bg_footer_left.gif) no-repeat 0% 0%;
		text-align: right;
		padding: 0 0 0 0;
		margin: 0;
	}

	#footer p span {
		background: transparent url(../../app_themes/ofda/img/common/bg_footer_right.gif) no-repeat right;
		padding: 10px 0 0 0;
		display: block;
	}

	#footer a, #footer a:visited, #footer a:hover, #footer a:active { margin: 0px 0; color: #999; }
	#footer a:hover { color: red; }

/* @end */

/* @group toolbar selectors */

	.toolbar {
		background-color: #ECEEF0;
		padding: 0px 0px;
		margin: 0px;
		text-align: right;
		border-bottom: 1px solid #CBCED1;
	    visibility:hidden;
	    height:1px;
	    overflow:hidden;
	}

	.toolbar ul { list-style: none; margin: 0; padding: 0; }
	.toolbar li { display: inline; margin: 0 5px 0 0; padding: 0; text-align: center; float: right; }

	.toolbar a.icon {
		padding: 2px;
		border: 1px solid #ECEEF0;
		display: block;
		text-decoration: none;
	}

	.toolbar a.icon:hover { border: 1px solid white; border-bottom: 1px solid #AFB2B4; border-right: 1px solid #AFB2B4; color: black; }
	.toolbar a.icon:active { border: 1px solid gray; border-bottom: 1px solid white; border-right: 1px solid white; color: black; background-color: #C5C9CB; }
 	.toolbar a span { display: none; }

/* @end */

/* @group navcol selectors */

	#navcol h3 {
		background: #5b84bd url(../../app_themes/ofda/img/common/bg_cms_sidehead.gif) repeat-x 0% 0%;
		padding: 6px 5px 5px 5px;
		color: #fff;
		font-size: 1.2em;
		border: 1px solid #064289;
		margin: 0;
	}

	#navcol h3 a {
		color: white;
		text-decoration: none;
		display: block;
	}
	
	#navcol .panel {
		background-color: white;
		font-size: 1.1em;
	}
	
	.panelinner {
		padding: 5px;
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
	
	.panel ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.panel ul li {
		background-color: #EFF3F6;
		padding: 3px 5px;
		margin: 0;
		border-bottom: 1px dotted #CDD1D3;
	}

.logincontent
{
    padding: 10px;
    font-size: 1.2em;
    width: 400px;
    margin: 50px auto;
    background-color: #fff;
    border: solid 1px #000;
}
/* @end */

.content h2, legend
{
    font-weight: bolder;
    font-size: larger;
    color: #064289;
}

.content table
{
    width:100%;
    margin:5px auto;
    border-collapse: collapse;
    border-color:#6E95C9;
}
.content table th
{
    background-color:#C2CCDB;
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
z-index: 100;
background-color: #C2CCDB;
width: 380px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
.tabbedarea, fieldset
{
    border: solid 1px #0c1d30;
    background-color:#fff;
    padding: 10px;
}
.tabbedarea .button
{
    float: right;
}
.tabstrip
{
    margin: 2px 0px 2px 0px;
    padding-top:2px;
}
.tabstrip a
{
    border: solid 1px #0c1d30;
    background-color: #C2CCDB;
    border-bottom-style: none;
    padding: 2px;
    margin-right: 2px;
    text-decoration: none;
    font-weight: bold;
}
a.selectedTab
{
    background-color: #fff;
    padding-bottom: 3px;
}
span label
{
    padding-right: 1.5em;
}
.subform
{
    border: solid 1px #0c1d30;
    padding: 5px;
    background-color: #C2CCDB;
}
.reporting ul
{
    margin-bottom: 0.8em;
}
.reporting ul li
{
    list-style-type: none;
    margin-left: 1.8em;
}
.popupcal table
{
    width: auto;
    margin:0;
}