/** ==============================
 * Default Element Styles
 ============================== */
body{background-color: #fafafa;text-align:center;padding:0 0 6.1538em 0;*padding:0 0 6.0055em 0;
margin:0;font-family:Tahoma;cursor:default}

a, a:link, a:active, a:visited{text-decoration:none;color:#2176FF}

a:hover{text-decoration:underline}
input.textbox, textarea.textbox{font-family:Arial;color:#6882B3;background-color:#fafafa;
	padding:1px 2px;margin:0.1em;*margin:0.01em;border:1px solid #acacac}
input.valid, textarea.valid{background-color:#F2FAF3;border-color:#7BB581}
input.invalid, textarea.invalid{background-color:#FAF0F0;border-color:#B56969}

input.okButton{font-family:Arial;font-weight:bold;color:#f8f8f8;background-color:#617c9e;
	padding:0.3em 1.3em;*padding:0.1em 0.7em;margin:1px;border:1px solid #e8e8e8;cursor:pointer;
	outline:none;-moz-outline:none}
input.okButton:hover{color:#ffffff;background-color:#6e8eb5;border:1px solid #eaeaea}
input.cancelButton{font-family:Arial;font-weight:bold;color:#fafafa;background-color:#A8A8A8;
	padding:0.12em 1.3em;*padding:0.1em 0.7em;margin:1px;border:1px solid #8e8e8e	;cursor:pointer;
	outline:none;-moz-outline:none}
input.cancelButton:hover{color:#ffffff;background-color:#989898}
.checkbox input, .checkboxlist input{margin:0.1em;*margin:0.01em}
.checkbox label, .checkboxlist label{margin-left:8px}

strong{font-weight:bold;font-size:94%;*font-size:100%}

.floatLeft{float:left}
.floatRight{float:right}
.floatNone{float:none}
p {margin-bottom:1em}

img{border:0}
img.requiredField{width:9px;height:9px;margin:0 0 0 4px;vertical-align:top;cursor:help}

em{font-size:108%;font-weight:700;font-style:normal}

/** ==============================
 * Layout Styles
 ============================== */
div#PageContainer{width:100%;background-color: #fafafa;background-image:url(../Images/PageGradientBg.jpg);
	background-position:top left;background-repeat:repeat-x;margin:0}

div#CenterPageContainer{background-color: #ffffff;background-image:url(../Images/FlagPageBg.jpg);
	background-position:top left;background-repeat:no-repeat;width:952px;min-height:700px;
	margin:0 auto 0 auto;border-width:0 1px 1px 1px;border-style:solid;border-color:#a0a0a0}

div#ContentHeader{height:133px;text-align:left}

a div#HeaderLogoContainer{cursor:pointer}

div#HeaderLogoContainer{width:160px;height:131px;background-image:url(../Images/OIHeaderLogo.jpg);
	background-position:top left;background-repeat:no-repeat;float:left}

div#HeaderBannerContainer{width:748px;height:131px;float:left}

div#HeaderBanner{margin:8px 0 0 52px;width:729px;height:125px;float:none;border:1px solid #cccccc;
	background-color:#ffffff;
	filter:alpha(opacity=80);/* Internet Explorer */
	-moz-opacity:0.8;/* Mozilla 1.6 and below */
	opacity: 0.8;/* newer Mozilla and CSS-3 */
}

div#ContentBody{min-height:500px;text-align:left;overflow:auto;margin:0 0 20px 0}

div#LeftNavContainer{float:left;width:180px;padding:0 0 0 5px}
div#LeftNavContainer div{float:none}

div.left-nav-menu .bd{border:1px solid #e8e8e8;background:#f5f5f5;margin:8px 0 8px 2px;
	filter:alpha(opacity=80);/* Internet Explorer */
	-moz-opacity:0.8;/* Mozilla 1.6 and below */
	opacity: 0.8;/* newer Mozilla and CSS-3 */}
div.left-nav-menu .bd ul{margin:8px auto;padding:4px}
div.left-nav-menu .bd ul.first-of-type{}
div.left-nav-menu .bd ul li{list-style-type:none;padding:2px 8px;margin:auto}
div.left-nav-menu .bd ul li a{text-decoration:none;font-weight:700;font-size:13px}
div.left-nav-menu .bd ul li a:hover{text-decoration:underline}

div.left-nav-sep{padding:12px 12px 8px 12px}
div.left-nav-sep div{width:100%;height:1px;background-color:#ccc}

div.LeftAdSpace{margin:40px 0 20px 0;padding:0;text-align:center}
div.LeftAdSpaceHeader{margin:0 0 10px 0;padding:0 0 1px 0;*padding:0;font-size:77%;
color:#ffffff;text-align:center;vertical-align:middle;border:solid 1px #828282;
background-color:#999999;cursor:default}
div.LeftAdSpaceHeader img{border:0;vertical-align:middle;margin:0 4px}
div.LeftAdSpaceModule{margin:14px 0}

div#MainContentPanelContainer{margin:8px 9px 0 0;width:729px;text-align:left;float:right;
	border:1px solid #cccccc;background-image:url(../Images/ContentBodyBottomBg.jpg);
	background-position:bottom left;background-repeat:repeat-x;background-color:#ffffff}
div#MainContentPanel_BottomAdUnitContainer{padding-top:4em}

div#MainContentPanel{padding:10px 8px 20px 8px;text-align:left;float:none;font-size:80%;
	min-height:360px}

div#MainContentPanel ul {padding:0.5em 0 0.5em 3em;*padding:0.5em 0 0.5em 2.5em;}
div#MainContentPanel li{margin:0;padding:0.05em 0;*padding:0.1em 0;
	list-style-image:url(../Images/ListBullet.jpg);list-style-position:outside;}

/* Generic wrapper for page content inside the "MainContent" ContentPlaceHolder. */
div.PageMainContent{letter-spacing:.03em;width:713px;font-size:108%;font-family:Tahoma}
div#UserInfoBar{margin:0 0 10px;padding:1px 2px;border:1px solid #e8e8e8;background-color:#f8f8f8;
	overflow:auto;height:auto;font-size:100%;vertical-align:middle}
div#WelcomeText{float:left;color:#888;vertical-align:middle;padding:4px;font-size:93%}
div#MyProfileLinks{float:right;color:#aaa;vertical-align:middle;overflow:auto;height:auto;
	padding:4px;font-size:93%}
div#MyProfileLinks a{margin:2px;padding:2px 6px;border:1px solid transparent}
div#MyProfileLinks a:hover{text-decoration:none;border:1px solid #aaa;background-color:#fff}
div#MyProfileLinks a#LogoutLink{color:#cf5353}
div#MyProfileLinks a#LogoutLink:hover{border:1px solid #aaa;background-color:#fff}
div#MyProfileLinks a#LoginLink{color:#cf5353}
div#MyProfileLinks a#LoginLink:hover{border:1px solid #aaa;background-color:#fff}
h1#PageTitleBlock{float:right;color:#829DD1;font-weight:700;vertical-align:middle;padding:4px;
	font-size:138.5%;margin-bottom:2em;cursor:default}
div#ContentFooter{text-align:left;float:none}
div#FlagFooterBar{background-color:#fff;background-image:url(../Images/FlagFooterBar.jpg);
	background-position:bottom left;background-repeat:no-repeat;border-top:1px solid #e1e1e1;
	width:952px;height:62px;margin:0;clear:both}
div#FooterLinks{color:#cf5353;font-family:Arial;font-size:77%;font-weight:700;padding:1.5em 1.5em 1.5em 0;
	width:692px;text-align:center;float:right;overflow:hidden}
div#FooterLinks div{text-align:center}
div#Copyright{color:#535353;font-family:Arial;font-size:85%;font-size:85%;margin:16px 0;
	text-align:center;clear:right;overflow:hidden}
div#FooterLinks a{color:#2268AD;font-size:93%;margin:0 10px}
.opaque {
	filter:alpha(opacity=100);/* Internet Explorer */
	-moz-opacity:1.0;/* Mozilla 1.6 and below */
	opacity: 1.0;/* newer Mozilla and CSS-3 */
}


/** ==============================
 * Form Styles
 ============================== */
div.formCntr{}
div.formCntr em{font-size:92%;font-weight:normal;font-style:normal}
div.formLine{overflow:auto;padding:.5em 0;width:100%;border:0 none}
div.formLineLast{border-bottom:0 none}
div.formLineAlt{background-color:#f8f8f8;border:1px solid #e8e8e8}
div.formItemLabel{float:left;width:8em;font-weight:700;color:#707070;margin:0 .25em}
div.formItemValue{float:left;width:auto;color:#6882B3;margin:0 .25em}
div.formBtnBlock{text-align:right;margin-top:20px;background:#d3deeb	;border:1px solid #aaa;padding:4px}
div.formSectionLabel{color:#4572a9;font-weight:700;vertical-align:middle;padding:0;
font-size:108%;cursor:default;margin:.5em .175em}
hr.formSep{width:94%;text-align:center;margin:4em 0;color:#ccc}

/** ==============================
 * Grid Styles
 ============================== */
div.gridCntr{}
div.gridRow{overflow:auto;padding:10px 0;width:100%}
div.gridCell{float:left;width:auto}
div.gridCellBorderLeft{border:solid #cecece;border-width:0 0 0 1px;padding-left:20px}
div.gridCellRight{float:right}

/** ==============================
 * Error Styles
 ============================== */
div#MainContentPanel div.errorMsg {margin:0 0 10px 0;padding:0;width:auto;text-align:left;
	background-color:#f8f8f8;color:#cf5353;font-weight:bold;font-size:85%;border:1px dotted #cf5353}
div#MainContentPanel div.errorMsg ul{padding:0}
div#MainContentPanel div.errorMsg ul li{list-style-image:none;height:16px;margin:0 0 0 2em}

/** ==============================
 * Button Styles
 ============================== */
div.buttonBlockRight{float:right;margin:2em 0.1em 0 0.1em;*margin:2em 0 1em 0;
	padding:.6em .8em;*padding:.7em 1em;background-color:#e8e8e8;border:1px solid #acacac;
	width:auto;text-align:right}

/** ==============================
 * Text Styles
 ============================== */
h5, .h5{font-weight:bold;font-size:93%;*font-size:85%;color:#3161a3;padding:20px 0 10px 0;margin:1em 0 0 0}
h4, .h4{font-weight:bold;font-size:100%;color:#535353;padding:20px 0 10px 0;margin:1em 0 0 0}
h3, .h3{font-weight:bold;font-size:108%;*font-size:100%;color:#535353;padding:20px 0 10px 0;margin:1em 0 0 0}
h2, .h2{font-weight:bold;font-size:131%;*font-size:108%;color:#535353;padding:20px 0 10px 0;margin:1em 0 0 0}
h1, .h1{font-weight:bold;font-size:167%;*font-size:131%;color:#535353;padding:20px 0 10px 0;margin:1em 0 0 0}
.smallDescText {font-size:93%;*font-size:85%;color:#333333;font-weight:normal}

/** ==============================
 * ASP.NET DataGrid Styles
 ============================== */
table.aspGridView{border:1px solid #cfcfcf}
tr.aspGridViewTh{border:none}
tr.aspGridViewTh th{padding:.25em .5em .25em .25em;font-weight:700;color:#444;background:#efefef;text-align:left}
tr.aspGridViewTr{border:none;border:solid #cfcfcf;border-width:0 0 1px 0;background:transparent}
tr.aspGridViewTr td{padding:.25em .5em .25em .25em;font-weight:normal}
tr.aspGridViewTrAlt{border:none;border:solid #cfcfcf;border-width:0 0 1px 0;background:#f7f7f7}
tr.aspGridViewTrAlt td{padding:.25em .5em .25em .25em;font-weight:normal;text-align:left}
tr.aspGridViewTr td a, tr.aspGridViewTrAlt td a{color:#2176FF}