/**************************************************
***					FAME STYLES					***
**************************************************/
BODY
{
	background-color:	#ffffff;
	color:				#000000;
	margin:				0px;
	padding:			0px;
	background-image:	url(../../images/headerBG.gif);
	background-repeat:	repeat-x;
	height: 100%;
}

A:link
{
	color: #004fc7; TEXT-DECORATION: none
}

A:active
{
	color: #8DB9CA; TEXT-DECORATION: none
}

A:visited
{
	color: #004fc7; TEXT-DECORATION: none
}

A:hover
{
	color: #8DB9CA; TEXT-DECORATION: none
}

/**************************************************
***			PRE-DEFINED PAGE LAYOUT RULES		***
**************************************************/

TABLE#LayoutTable {
	BORDER-RIGHT:		#000000 0px solid; 
	BORDER-TOP:			#000000 0px solid; 
	BORDER-LEFT:		#000000 0px solid; 
	BORDER-BOTTOM:		#000000 0px solid
}

TABLE#LayoutTable TD.LayoutCell {
	BORDER-RIGHT:		#000000 0px solid; 
	BORDER-TOP:			#000000 0px solid; 
	BORDER-LEFT:		#000000 0px solid; 
	COLOR:				#000000; 
	BORDER-BOTTOM:		#000000 0px solid; 
	BACKGROUND-COLOR:	#ffffff
}

TABLE#LayoutTable TR#PageBodyRow 
{
	margin-top: 0;
	vertical-align:top;
}

TABLE#LayoutTable TD#TaskAreaCell {
	BORDER-RIGHT:		#004fc7 1px solid; 
	PADDING-RIGHT:		2px; 
	BORDER-TOP:			#004fc7 1px solid; 
	PADDING-LEFT:		2px; 
	PADDING-BOTTOM:		2px; 
	VERTICAL-ALIGN:		top; 
	BORDER-LEFT:		#004fc7 0px solid; 
	WIDTH:				180px; 
	BORDER-BOTTOM:		#004fc7 1px solid; 
	BACKGROUND-COLOR:	#f0f0f0
}

TABLE#LayoutTable TD#PageNavigationCell {
	VERTICAL-ALIGN:		middle; 
	TEXT-ALIGN:			left
}

TABLE#LayoutTable TD#TaskSpacingCell {
	WIDTH: 20px
}

TABLE#LayoutTable TD#ContentAreaCell {
	VERTICAL-ALIGN:		top; 
	WIDTH:				750px; 
	TEXT-ALIGN:			left
}

TD#PageFooterRow
{
	vertical-align:		top;
}

#MissionText
{
	padding-left:		60px;
	color:				#000099;
	font-size:			14px;
	font-family:		Arial Narrow
}

/**************************************************
***			PRE-DEFINED Content Page			***
**************************************************/
TABLE#ContentPageTable{
	BORDER-RIGHT:		#000000 0px solid; 
	BORDER-TOP:			#000000 0px solid; 
	BORDER-LEFT:		#000000 0px solid; 
	BORDER-BOTTOM:		#000000 0px solid;
	width:				100%;
}

TABLE#ContentPageTable TR#PageTitleRow 
{
	HEIGHT:				40px;
	vertical-align:		bottom
}
TABLE#ContentPageTable TD#PageTitleArea
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	margin-top:			0px; 
	font-weight:		bold;
	font-size:			16px; 
	color:				#808080; 
	background-color:	transparent; 
	text-align:			left
}
/**************************************************
***			PRE-DEFINED NAVBAR RULES			***
**************************************************/

.navButton
{
	border-style:		solid;
	border-width:		1px;
	border-color:		#C0C0C0;
	background-color:	#F0F0F0;
	text-align:			center;
	vertical-align:		middle;
	width:				20%;
	filter:				progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#e1e1e1',EndColorStr='#b1b1b1')
}

.navButton A
{
	vertical-align:		middle;
	font-family:		Verdana;
	font-size:			12px;
	text-decoration:	none;	
}

.navButton A:hover
{
	color: #003366;
	/*background-color: #CCC5B5;*/
}

/**************************************************
***			PREDEFINED TASK AREA RULES			***
**************************************************/
TABLE.task-box
{
    font-size:			13px;
    color:				#666666;
    background-color:	transparent;
}
TABLE.task-box ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

TABLE.task-box .task-caption
{
	font-family:		Verdana;
    font-size:			13px;
    vertical-align:		middle;
    color:				#555555;
    text-indent:		5px;
    background-color:	#b1b1b1;
}

TABLE.task-box .task-content
{
    border-width:		0px;
	font-family:		Verdana;
    font-size:			13px;
    color:				#b1b1b1;
    background-color:	#F0F0F0;
    text-align:			left;
}

TABLE.task-box A
{
    color: #666666;
}

TABLE.task-box A:hover
{
	color: #003366;
    background-color: #F0F0F0;
}

TABLE.task-box .task-caption A:hover
{
	color: #003366;
    background-color: #b1b1b1;
}

TABLE.task-box
{
    MARGIN:					15px;
    WIDTH:					170px;
    border-width:			0px;
    width:					95%;
    border-collapse:		collapse;
    TEXT-ALIGN:				left;
}

TABLE.INPUTRADIO input
{
	border: none;
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px; 
	color:				#232323;
}

.task-caption
{
    BORDER-TOP-WIDTH:		0px;
    BORDER-LEFT-WIDTH:		0px;
    FONT-SIZE:				13px;
    BORDER-BOTTOM-WIDTH:	0px;
    VERTICAL-ALIGN:			middle;
    COLOR:					#ffffff;
    TEXT-INDENT:			8px;
    HEIGHT:					25px;
    BACKGROUND-COLOR:		#000099;
    BORDER-RIGHT-WIDTH:		0px;
   
}

.task-content
{
    BORDER-TOP-WIDTH:		0px;
    BORDER-LEFT-WIDTH:		0px;
    FONT-SIZE:				13px;
    BORDER-BOTTOM-WIDTH:	0px;
    COLOR:					#006600;
    BORDER-RIGHT-WIDTH:		0px;
}

LI.selected-task
{
    FONT-WEIGHT:			bold;
    FONT-SIZE:				13px;
    COLOR:					#5c72a0;
    BACKGROUND-COLOR:		transparent;
    padding-top:			10px;
}

/**************************************************
***			GENERAL PAGE CONSTRAINTS			***
**************************************************/
TR {
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

TD {
	font-family:	Tahoma, Arial, Verdana, Helvetica, Sans-serif;
	font-size:		13px;
	font-weight:	normal;
	color:			#232323;
	padding:		5;
	cursor:			default;
}

LABEL {
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

LI {
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

DIV#PanelContent {
	PADDING-BOTTOM:		5px; 
	PADDING-TOP:		5px; 
	HEIGHT:				15px; 
	BACKGROUND-COLOR:	transparent; 
	TEXT-ALIGN:			left
}

LI.task {
	MARGIN-TOP:			1em; 
	FONT-WEIGHT:		bold; 
	FONT-SIZE:			12px; 
	COLOR:				#003366; 
	BACKGROUND-COLOR:	transparent;
	padding-top:		10px;
}

/**************************************************
***				COMMON FORM CONTROLS			***
**************************************************/
INPUT 
{
	border-top:			solid 1px #7da5e2;
	border-left:		solid 1px #7da5e2;
	border-right:		solid 1px #7da5e2;
	border-bottom:		solid 1px #7da5e2;
	text-align:			left;
	font-family:		"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:				#232323;
}

INPUT.inputSubmit 
{
	border-right:		#b4ac87 1px inset;
	border-top:			#b4ac87 1px outset;
	font-weight:		bold;
	font-size:			13px;
	border-left:		#b4ac87 1px outset;
	cursor:				hand;
	color:				#ffffff;
	border-bottom:		#b4ac87 1px inset;
	font-family:		"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	height:				22px;
	text-align:			center;
	background-color: #34495e;
	filter:				progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#30b3e7',EndColorStr='#004fc7');
}

INPUT.inputSubmitDisabled 
{
	border-right:		#b4ac87 1px inset;
	border-top:			#b4ac87 1px outset;
	font-weight:		bold;
	font-size:			13px;
	border-left:		#b4ac87 1px outset;
	cursor:				pointer;
	color:				#ffffff;
	border-bottom:		#b4ac87 1px inset;
	font-family:		Tahoma, verdana, arial, helvetica;
	height:				22px;
	text-align:			center;
	filter:				progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#e1e1e1',EndColorStr='#808080');
}

A
{
	color:				#004fc7;
	text-decoration:	none;	
}

A:active
{
	color:				#004fc7; 
	text-decoration:	none
}
A:visited
{
	color:				#004fc7; 
	text-decoration:	none
}
A:hover
{
	color:				#003366; 
	text-decoration:	underline;
}

SELECT
{ 
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px; 
	border-right:		solid 1px #b4ac87;
	border-left:		solid 1px #b4ac87;
	border-top:			solid 1px #b4ac87;
	border-bottom:		solid 1px #b4ac87;
	color:				#232323;
	background-color:	#ffffff;
} 
 
INPUT.inputCheck 
{
	text-align:			left;
	font-family:		Tahoma, Arial, Verdana, Helvetica, Sans-serif;
	color:				#232323;
	font-size:			xx-large;
}

SPAN.inputCheck input {
    border: none;
    padding: none;
    background: none;
    width: auto;
    height:auto;
}

INPUT.inputRadio
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px; 
	color:				#232323;
}

SPAN.inputRadio input {
    border:				none;
    padding:			none;
    background:			none;
    width:				auto;
    height:				auto;
}

.gridMain 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	width:				100%;
	color:				#232323;
	border-collapse:	separate;
	border-bottom:		solid 1px #808080;
	border-top:			solid 1px #808080;
	border-left:		solid 1px #808080;
	border-right:		solid 1px #808080;
}

.gridHeader 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:		bold;
	font-size:			12px;
	background-color:	#e3e3e3; 
	padding:			2px;
	color:				#ffffff;
	border-color:		#FFF7D2;
	border-width:		2px;
	border-color:		#C0C0C0;
	text-transform:		none;
	border-bottom:		solid 1px #000000;
}

.gridRow 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px;
	padding:			3px;
	border-bottom:		solid 1px #808080;
	color:				#232323;
	background-color:	#ffffff;

}

.gridRowAlt 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px;
	background-color:	#eeeeee;
	color:				#232323;
	padding:			3px;
}

.gridRowSelected
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px;
	background-color:	#d5d5d5;
	color:				#232323;
	padding:			3px;
}

.gridFooter 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			13px;
	color:				#232323;
	background-color:	#e3e3e3;
	text-align:			center;
	padding:			3px;
}

.gridPager 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:			11px;
	background-color:	#d5d5d5;
	text-align:			center;
	padding:			3px;
}

/**************************************************
***				MISC ELEMENT CLASSES			***
**************************************************/

.errorMessage
{
	padding-left:		2pt;
    font-weight:		normal;
    font-size:			xx-small;
    color:				#990000;
    padding-top:		3px;
    font-family:		Tahoma, Arial, Helvetica, sans-serif;
    font-weight:		bold;
    font-size:			12px;
}

.pageTitle 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	margin-top:			0px; 
	font-weight:		bold;
	font-size:			16px; 
	color:				#808080; 
	background-color:	transparent; 
	text-align:			left
}

.sectionTitle 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	margin-top:			0px; 
	font-weight:		normal; 
	font-size:			12px; 
	color:				#808080; 
	background-color:	transparent; 
	text-align:			left;
}

HR.hfRule 
{
	color:				#004fc7;
	background-color:	#004fc7;
	height:				1px;
	width:				100%;
}

.footerAddress 
{
	font-size:			11px;
	text-align:			center;
}

.footerLinks 
{
	font-size:			12px;
	font-family:		Verdana; 
	text-align:			center;
}

.systemLogo 
{
	padding-bottom:		1px;
}

FIELDSET
{
	padding:			10px;
}

LEGEND 
{
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#232323;
	
}

.contentTable 
{
	margin:15px;
}

.formLayoutTable 
{
	margin:				15px;
}

#Masthead 
{
	
	height:				53px;
}

/**************************************************
***				TAB ELEMENTS					***
**************************************************/

#tabs 
{
	text-align:			center;
	padding:			4px 0px;
	margin:				10px 20px 0px;
	border-bottom:		solid 1px #7da5e2;
	width:				100%;
}

#tabs div 
{
	display:			inline;
	padding:			0px;
	margin:				0px; 
}
        
* html #tabs div 
{ 
	margin:				0 3px; 
}


#tabs a 
{
	margin:				0px;
	padding:			4px; 
}

#tabs .activetab a 
{
	color:				white;
	background:			#7da5e2; 
	
}

#tabs .activetab a:hover 
{
	text-decoration:	none; 
}

#tabs .inactivetab a:hover 
{
	background:			#b4defd;
	text-decoration:	none; 
}

#tabs .disabled 
{
	color:				#c0c0c0;
	margin:				0px;
	padding:			4px;
	text-decoration:	none; 
}

DIV.ContainerOnly 
{
	border: 0;
	padding: 0px;
	margin: 0px;	
}

a.ExpandMenuLink
{
	margin-top: 32px;
	margin-left: 23px;
}

/**************************************************
***		This style was added 03/04/2010			***
**************************************************/
table.disclaimer
{
    border:4px solid #165C7D;        
}


.OIRHeaderSmall {
	background-color: #165C7D;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 2px;
	min-height: 45px;
}

.OIRLogoSmall .wrapperContainer {
	width: 80%;
	margin: 0 auto;
}

.OIRLogoSmall {
	border: 0px;
	margin: 0 25px 0 15px;
	float: left;
}

.OIRLogoSmall img {
	border: 0px;
	min-width: 35px;
}

.OIRHeader {
	background-color: #165C7D;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	min-height: 100px;
}

.OIRLogo {
	border: 0px;
	margin: 0 55px 0 15px;
	float: left;
}

.OIRLogo img {
	border: 0px;
	min-width: 250px;
}

.site-title {
	/*color: #c8c8c8;*/
	color: #fff;
	font-size: 1.4em;
	margin: 0;
}

.site-subtitle {
	/*color: #c8c8c8;*/
	color: #fff;
	font-size: .85em;
	margin: 0;
}

.site-disclaimer {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	margin: 0;
	padding-top: 10px;
	font-style: italic;
}

.OIRFooter {
	background-color: #505759;
	color: #fff;
	width: 100%;
	min-height: 145px;
	padding: 10px 0;
}

.OIRFooterSmall {
	background-color: #505759;
	color: #fff;
	width: 100%;
	min-height: 45px;
	padding: 5px 0;
}

.wrapperContainer {
	width: 70%;
	margin: 0 auto;
}

#wrapper {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0; /*#f1f3f6;*/
	/*border-left: 1px solid #c8c8c8;*/
	transition: all 0.4s ease 0s;
	position: relative;
	min-height: 96%;
}

.footerLogo {
	float: left
}

.footerLogo img {
	max-width: 120px;
	border: 0px;
}

.footerContact {
	float: left;
	color: #fff;
}
.footer {
	transition: all 0.4s ease 0s;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2.5rem;
}
.footerContent {
	text-align: right;
	padding: 10px;
	/*float: right;
    clear: right;*/
}

.content {
	padding-bottom: 2.5rem;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
/* CSP Content-Security-Policy to replace inline styles */
.oir-csp-01 {
	width: 100%;
	margin-top: 15px;
}
.oir-csp-02 {
	height: 19px;
	text-align: center;
}
.oir-csp-03 {
	height: 18px;
}
.oir-csp-04 {
	height: 100px;
}
.oir-csp-05 {
	text-align: right;
}
.oir-csp-06 {
	height: 50px;
}
.oir-csp-07 {
	height: 90vh
}
.oir-csp-08 {
	height: 100%;
}
.oir-csp-09 {
	width: 180px;
}
.oir-csp-10 {
	width: 180px;
	margin: 15px;
}
.oir-csp-11 {
	width: 10px;
}
.oir-csp-12 {
	width: 95%;
}
.oir-csp-13 {
	align-content: center;
	align-items: center;
}
.oir-csp-14 {
	margin-top: 15px;
}
.oir-csp-15 {
	width: 35px;
	border-width: 0px;
}
.oir-csp-16 {
	height: 200px;
	width: 200px;
	border-width: 0px;
}
.oir-csp-17 {
	font-weight: bold;
}
.oir-csp-18 {
	width: 100%;
}
.oir-csp-19 {
	color: Red;
}
.oir-csp-20 {
	height: 18px;
	width: 30px;
}
.oir-csp-21 {
	width: 30px;
}
.oir-csp-22 {
	margin: 0;
	padding: 0;
}
.oir-csp-23 {
	text-align: center;
	height: 100%;
}
.oir-csp-24 {
	height: 800px;
}
.oir-csp-25 {
	width: 100%;
	height: 800px;
}

.oir-csp-26 {
	width: 100%;
	margin-top: 15px;
}

.oir-csp-27 {
	width: 80%;
}
.oir-csp-28 {
	text-align: left;
}
.oir-csp-29 {
	text-align: center;
}
.oir-csp-30 {
	display: inline-block;
	text-align: left;
}
.oir-csp-31 {
	width: 100%;
	text-align: center;
	padding-top: 2px;
}
.oir-csp-32 {
	width: 30px;
	height: 18px;
}
.oir-csp-33 {
	width: 35vw;
}
.oir-csp-34 {
	width: 40px;
}
.oir-csp-35 {
	width: 95%
}
.oir-csp-36 {
	font-size: smaller;
	width: 35vw;
}
.oir-csp-37 {
	width: 100% !important;
}
.oir-csp-38 {
	width: 100% !important;
}
.oir-csp-39 {
	width: 100% !important;
}
.oir-csp-40 {
	color: #fff !important;
	text-decoration: underline !important;
}
.oir-csp-41 {
	width: 666px;
}
.oir-csp-42 {
	width: 33%;
}
.oir-csp-43 {
	width: 67%;
}