/* Overwriting the Oracle CSS */

.OraInlineInfoText,.x3u {font-family:Arial,Helvetica,Geneva,sans-serif;font-size:9pt;font-weight:normal;color:#336699;display:block}
.af_column_header-text,.x2x { background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0; }
.af_column_header-icon-format,.x2z { background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0; }
.af_column_cell-icon-format,.x2r {vertical-align: top; }
.af_column_sortable-header-text,.x36 {background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0;cursor:pointer}
.af_panelBox_dark .af_panelBox_body,.x11 .x13,.af_panelBox_content-dark .af_panelBox_body,.x19 .x13,.OraBGAccentDark,.x3o {background-color:#ffffff; padding: 0}
.af_column_cell-number,.x2p {vertical-align: top; }
.af_column_cell-text,.x2n {vertical-align: top; }
.AFLabelCell,.xe,.af_panelForm_label-cell,.xx {vertical-align: top}
.x38 {text-align: left}

.OraSortableHeaderBorder,.x68 {text-decoration: underline; vertical-align: top;}
.af_column_header-icon-format,.x2z {vertical-align:top;}

.AFHeaderLevelThreePlus,.x1z,H3.af_panelHeader,H3.x20,H4.af_panelHeader,H4.x20,H5.af_panelHeader,H5.x20,H6.af_panelHeader,H6.x20,H3.af_showDetailHeader,H3.x21,H4.af_showDetailHeader,H4.x21,H5.af_showDetailHeader,H5.x21,H6.af_showDetailHeader,H6.x21,.PortletHeading3,.x6q,.PortletHeading4,.x6r {font-size:100%;}

.textHighlight {background: yellow; color: black;}

table.invisTable, .invisTable table, .invisTable td, .invisTable th {background: white; color: Black; border-width:0pt ; border-color:White ; border-spacing: 0px; border-collapse:collapse; vertical-align: top }
table.plainTable, .plainTable table, .plainTable td, .plainTable th {background: white; color: Black; border-width:1pt ; border-color:Black ; border-style:solid ; border-spacing: 0px; border-collapse:collapse; vertical-align: top; font-size: 14px }
table.plainTable10, .plainTable10 table, .plainTable10 td, .plainTable10 th {background: white; color: Black; border-width:1pt ; border-color:Black ; border-style:solid ; border-spacing: 0px; border-collapse:collapse; vertical-align: top; font-size: 10px }
/* div.plainTable>table, div.plainTable>table>tr>td {background: aqua !important; border-color: red; padding: 0; margin: 0} */
td.greyCell { background-color: rgb(181,181,181);}
td.rightInvis { border-right-width: 0px}


/* 10.1.3 versions
.OraInlineInfoText,.x3s {font-family:Arial,Helvetica,Geneva,sans-serif;font-size:9pt;font-weight:normal;color:#336699;display:block}
.af_column_header-text,.x2v { background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0; }
.af_column_header-icon-format,.x2x { background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0; }
.af_column_cell-icon-format,.x2p {vertical-align: top; }
.af_column_sortable-header-text,.x34 {background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0;cursor:pointer}
.af_panelBox_dark .af_panelBox_body,.xz .x11,.af_panelBox_content-dark .af_panelBox_body,.x17 .x11,.OraBGAccentDark,.x3m {background-color:#ffffff; padding: 0}
td.xv {vertical-align: top}
.af_column_cell-number,.x2n {vertical-align: top; }
.af_column_cell-text,.x2l {vertical-align: top; }

.OraSortableHeaderBorder,.x66 {text-decoration: underline; vertical-align: top;}
.af_column_header-icon-format,.x2x {vertical-align:top;}
*/

.userMessage {background: rgb(231,115,0) ; border: 1px; border-color: black; width: 75%; min-height: 20px; margin: 5px 10px 5px 10px; padding: 5px; min-width: 200px; color: white; line-height: 20px}
.systemMessage {background: rgb(255,51,51) ; border: 1px; border-color: black; width: 75%; min-height: 20px; margin: 5px 10px 5px 10px;  padding: 5px; min-width: 200px; color: white; line-height: 20px}
.indexMessage {background: rgb(51,102,51) ; border: 1px; border-color: black; width: 75%; min-height: 20px; margin: 5px 10px 5px 10px;  padding: 5px; min-width: 200px; color: white; line-height: 20px}

td.xv {vertical-align: top}

span.deleted {text-decoration:line-through;}
select.boolean {width: 50px}
span.bold {font-weight: bold;}

/* These are the same as below, but for ProposalView since it needs printing (but don't put it in the print css) */
#container_p { width: 100%; float: left; text-align: center; margin: 0 0 0 0; }
#content_p { margin: 0 auto; }
#bg_p { float: left; padding: 10px 5px 0 5px; text-align: left; }
#copy_p { float: left; text-align: left;}

* { margin: 0; padding: 0; }
#container { width: 100%; float: left; text-align: center; margin: 0 0 0 0; background: #f5f5f5 url(../images/bg_main.gif) repeat-y top center; }
#content { margin: 0 auto; width: 765px; }
#bg { float: left; width: 755px; padding: 10px 5px 0 5px; text-align: left; }
#popup { float: left; padding: 10px 5px 0 5px; text-align: left; }

#top { float: left; width: 755px; }
#logo { float: left; width: 387px; height: 81px; }
#headerlogo { float: left; width: 755px; height: 81px; }
#header { float: left; width: 368px; height: 81px; }
#navs { float: left; width: 750px; height: 23px; padding: 10px 5px 0 0; background: url(../images/bg_navs.gif) repeat-x top left; }
#bar { float: left; width: 755px; height: 22px; margin: 2px 0 2px 0; background: #e7e7e7; color: #5c5c5c; font-size: 11px; } * html #bar { margin: -4px 0 2px 0;  }
#bar_left { float: left; width: 250px; padding: 4px 0 0 15px; }
#bar_right { float: left; width: 475px; text-align: right; padding: 4px 15px 0 0; }

#copy { float: left; width: 755px; text-align: left;}
#copy_wide { float: left; width: 100%; text-align: left;}

#copy_left { float: left; width: 169px; padding: 30px 0 0 11px;}
#copy_left_img { float: none; text-align: center; }
#copy_left_text { float: left; padding: 8px 14px 0 14px; }
#copy_left_text p { font-size: 11px; line-height: 13px; }
#copy_right { float: left; width: 575px; }
#copy_right_text { float: left; width: 525px; padding: 15px 25px 35px 25px; }
#copy_right_navs { float: left; width: 460px; height: 23px; background: url(../images/bg_navs.jpg) no-repeat top right; padding: 18px 0 0 115px; }

#required { clear: both; width: 525px; text-align: right; padding: 5px 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px #d1d1d1 solid; }

#footer { float: left; width: 755px; height: 22px; margin: 2px 0 15px 0; background: #f5f5f5; color: #ababab; font-size: 11px; }
#footer_left { float: left; width: 265px; padding: 4px 0 0 15px; }
#footer_centre { float: left; width: 120px; text-align: center; padding: 4px 0 0 0; }
#footer_right { float: right; width: 320px; text-align: right; padding: 4px 15px 0 0; }

th { background: #0768b5; color: #ffffff; padding: 3px 5px 3px 10px; border: 0; }
/* td { padding: 6px 5px 4px 10px; border: 0; } */
td { padding: 3px 3px 3px 3px; border: 0; }
td.line { border-bottom: 1px #cdcdcd solid; padding: 3px 5px 3px 10px; border: 0; }
/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin:0; padding:0; color: #000000; background: #f5f5f5; font-family: arial,helvetica,sans-serif; font-size: 12px; }

h1 { font-size: 16px; line-height: 18px; padding: 12px 0 3px 0; margin: 0; color: #00337a; }
h2 { font-size: 14px; line-height: 15px; padding: 10px 0 3px 0; margin: 0; color: #00337a; }
p { font-size: 12px; line-height: 16px; padding: 6px 0 4px 0; margin: 0; }
h1.x1y { font-size: 16px; line-height: 18px; padding: 12px 0 3px 0; margin: 0; color: #00337a; }
h2.x1y { font-size: 14px; line-height: 15px; padding: 10px 0 3px 0; margin: 0; color: #00337a; }

#footer p { color: #a3a3a3; font-size: 11px; }
img.nowrap { display: block; padding: 0; margin: 0; }

a.infobar {background: #e7e7e7; color: #5c5c5c; font-size: 11px; }
a { text-decoration: underline; color: #00337a; font-weight: bold; }
a:hover { text-decoration: none; color:#00337a; }
a.copy_right_navs { text-decoration: none; color: #00337a; font-weight: normal; }
a.copy_right_navs:hover { text-decoration: underline; color:#00337a; font-weight: normal; }
#copy_right_navs a.on { text-decoration: none; color: #00337a; font-weight: bold; }
#copy_right_navs a.on:hover { text-decoration: underline; color:#00337a; font-weight: bold; }
#footer a { text-decoration: underline; color: #a3a3a3; font-weight: normal; }
#footer a:hover { text-decoration: none; color:#a3a3a3; }

/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }
input.blue { background: #0663b0; color: #deebfb; font-size: 11px; border-top: 2px #8cbdea solid; border-left: 2px #8cbdea solid; border-bottom: 2px #01367d solid; border-right: 2px #01367d solid; padding: 1px 3px 0 4px; font-weight: bold; }

input.button { margin:3px;
padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;
background: transparent url("../images/ButtonSNormal.jpg") no-repeat;
height:22px;
border:solid 0 #fff;
width:66px;
color:#000000;
}
input.button:hover { background: transparent url("../images/ButtonSMouse.jpg") no-repeat;
}
input.button:active,input.button:focus { background: transparent url("../images/ButtonSClicked.jpg") no-repeat;
}
input.buttonMed { margin:3px;
padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F;
background: transparent url("../images/ButtonMNormal.jpg") no-repeat;
height:22px;
border:solid 0 #fff;
width:130px;
color:#000000;
}
input.buttonMed:hover { background: transparent url("../images/ButtonMMouse.jpg") no-repeat;
}
input.buttonMed:active,input.buttonMed:focus { background: transparent url("../images/ButtonMClicked.jpg") no-repeat;
}
input.buttonLong { margin:3px;
padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F;
background: transparent url("../images/ButtonLNormal.jpg") no-repeat;
height:22px;
border:solid 0 #fff;
width:161px;
color:#000000;
}
input.buttonLong:hover { background: transparent url("../images/ButtonLMouse.jpg") no-repeat;
}
input.buttonLong:active,input.buttonLong:focus { background: transparent url("../images/ButtonLClicked.jpg") no-repeat;
}

#outBox { border: 1cm rgb(82,255,255);  text-indent: 100px; outline-width: 10px; outline-color:rgb(255,33,33) ; background-color:rgb(255,198,198);}

/*------------- NAVIGATION --------------*/

#subMenu { margin: 0; padding: 0; text-align: left; font-size: 11px }
#subMenu li { margin: 0 -3px 0 0; padding: 0; display: inline; list-style-type: none; }
#subMenu a:link, 
#subMenu a:visited { padding: 0 8px 6px 8px; text-decoration: none; color: #d6e7f7; }
#subMenu a:link.active, #subMenu a:visited.active, #subMenu a:hover, #subMenu a:link.subMenuOn, #subMenu a:visited.subMenuOn { color: #FFFFFF; border-bottom: 3px #FF9000 solid; margin-bottom: 0; padding-bottom: 6px; }

/* ul.subMenu { margin: 0; padding: 0; text-align: right; font-size: 11px; }
ul.subMenu.li { margin: 0 -3px 0 0; padding: 0; display: inline; list-style-type: none; }
a:link.subMenu, 
a:visited.subMenu { padding: 0 8px 6px 8px; text-decoration: none; color: #d6e7f7; }
#subMenu a:link.active,
#subMenu a:visited.active,
#subMenu a:hover,
#subMenu a:link.subMenuOn,
#subMenu a:visited.subMenuOn { color: #FFFFFF; border-bottom: 3px #FF9000 solid; margin-bottom: 0; padding-bottom: 6px; }
*/