/* Default CSS Stylesheet for a new Web Application project */

#duo_iframe {
	width: 100%;
	min-width: 304px;
	max-width: 620px;
	height: 330px;
	border: none;
}

BODY {
	background-color: navy;
	font-family: Arial;
	font-size: x-small;
	font-weight: normal;
	color: Navy;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}

/* These were created to get rid on inline styles altogether. This is the only way to implement a true Content Security Policy that doesn't allow inline styling/*/
.clsMarginLeft45 {
	margin-left: 45%;
}
.clsReportBody {
	margin-bottom:0;
	background-color:Navy;
	margin-top:10px;
	margin-right:0;
}
.font8pt {
	font-size: 8pt;
}
.fontVerdana {
	font-family: Verdana;
}
.mgRight6px {
	margin-right: 6px;
}
.wid157px {
	width: 157px;
}
.wid100
{
	width: 100%;
}
.wid50 {
	width: 50%;
}
.wid30 {
	width: 30%;
}

.wid80px {
	width: 80px;
}
.wid150px {
	width: 150px;
}
.wid180px {
	width: 180px;
}

.wid633px {
	width: 633px;
}
.wid120px {
	width: 120px;
}
.wid66px {
	width: 66px;
}
.wid118px {
	width: 118px;
}
.wid127px {
	width: 271px;
}
.wid60px {
	width: 60px;
}
.wid250px {
	width: 250px;
}
.wid300px {
	width: 300px;
}
.wid99 {
	width: 99%;
}
.wid200px {
	width: 200px;
}
.wid100px {
	width:100px;
}
.wid850px {
	width: 850px;
}
.wid55px {
	width: 55px;
}
.wid85px {
	width: 85px;
}
.wid75px {
	width: 75px;
}
.wid50px {
	width: 50px;
}
.wid65px {
	width: 65px;
}
.wid35px {
	width: 35px;
}
.wid210px {
	width: 210px;
}
.wid70px {
	width: 70px;
}
.widHeight1221px {
	width: 12px;
	height: 21px;
}
.wid390px {
	width: 390px;
}
.wid500px {
	width: 500px;
}
.height190px {
	height: 190px;
}
.height300px {
	height: 300px;
}
.height100px {
	height: 100px;
}
.height800px {
	height: 800px;
}
.marginTopMinus100 {
	margin-top: -100px;
}
.wid400px {
	width: 400px;
}
.overflowAuto {
	overflow: auto;
}
.txtAlignLeft {
	text-align: left;
}
.textAlignRight {
	text-align: right;
}
.vertAlignTop {
	vertical-align: top;
}
.bgColorccccff {
	background-color: #ccccff;
}
.borderCollapse {
	border-collapse: collapse;
}
.fontUnderline {
	text-decoration: underline;
}
.fontSmaller {
	font-size: smaller;
}
.fontArial {
	font-family: Arial;
}
.fontBold {
	font-weight: bold;
}
.bgColorGainsboro {
	color: gainsboro;
}
.dispNonePad15px {
	padding: 15px;
}
.borderBottom {
	border-bottom: navy 1px solid;
}
.whiteNoWrap {
	white-space: nowrap;
}
.searchCasePadding {
	padding-right: 10px;
	padding-left: 10px;
}
.height5px {
	height: 5px;
}
.hdrStyle1 {
	color: Navy;
	width: 100%;
}
.fontSmall
{
	font-size: small;
}

.fontXSmall {
	font-size: x-small;
}

.fontBold {
	font-weight: bold;
}

.colorRed
{
	color: red;
}

.colorNavy
{
	color: navy;
}
.bgccccff {
	background-color: #ccccff
}
.alignLeft {
	text-align:left;
}

.alignItems {
	align-content: start;
}

.btnHyperLink {
	border-style: none;
	font-size: 8pt;
	font-weight: bold;
}

.label1 {
	border-style: none;
	font-size: 8pt;
	font-weight: bold;
}

.contentStyle {
	background-color: white;
	position: absolute;
	width: 70%;
	left: 15%;
	padding-left: 20px;
	min-width: 800px;
}

.tableCell {
	width: 20%;
	text-align: left;
	vertical-align: middle;
}

.tableCell50 {
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.font14 {
	font-size: 14pt;
}

.containerStyle {
	width:100%;
	min-width: 304px;
	max-width: 620px;
	min-height:330px;
	height: 330px;
	color:navy;
}
.hidden {
	display:none;
}
.visible {
	display:normal;
}
.tblMain {
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: White;
}
.tblMain1 {
	height: 100%;
	background-color: White;
	text-align: center
}
.silverBorder {
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
	width: 160px;
}
.silverLeftBottom {
	border-left: silver thin solid;
	border-bottom: silver thin solid;
}
.silverRightBottom {
	border-right: silver thin solid;
	border-bottom: silver thin solid;
}
.silverBorderLeft {
	border-left: silver thin solid;
}
.silverBorderRight {
	border-right: silver thin solid;
}
.silverBottom {
	border-bottom: silver thin solid;
}
.borderRightTopLeft {
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
}
.marginLeft10px {
	margin-left: 10px;
}
.wid5px {
	width: 5px;
}
.searchCaseStyle1 {
	font-weight: bold;
	font-size: 16px;
	background-color: #ccccff;
	color: navy;
	font-family: arial;
	font-variant: small-caps;
}
.searchCaseStyle2 {
	width: 14px;
	background-color: #ccccff;
	vertical-align: top;
}
.searchCaseStyle3 {
	width: 14px;
	background-color: #ccccff;
	vertical-align: top;
}
.wid160px {
	width: 160px;
}
.duoIframe {
	width:100%;
	position:absolute;
	left: 20%;
	min-width: 304px;
	max-width: 620px;
	min-height:330px;
	height: 330px;
	color:white;
}

.bgColorWhite {
	background-color: White;
}

.buttonStyle1 {
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 50px;
	cursor: pointer;
}

.changePw {
	margin-right: 5px;
}

.labelMsg1 {
	font-size: small;
	color: Red;
}

.displayNone {
	display: none;
}

.floatLeft {
	float: left;
}

.floatLeftWidth99 {
	float: left; width: 99%;
}

.textAlignCenter {
	text-align: center;
}

.wid80 {
	width: 80%;
}

.height100 {
	height: 100%;
}

.height17px {
	height: 17px;
}

.height30px {
	height: 30px;
}

.tableMain {
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: White;
}

.tdStyle1 {
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
	width: 160px;
}

.tdStyle2 {
}

.tdStyle3 {
	border-right: silver thin solid;
}
/**************************************/
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 1em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}


A:link
{
	color: #3333cc;
}

A:visited
{
	color: #3333cc;
}

A:active
{
	color: #3333cc;
}

A:hover
{
	color: #3333cc;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

IMG
{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.clsapptitle
{
	color: Navy;
	font-family: Arial;
	font-size: medium;
}
.clsfootertext
{
	color: Navy;
	font-family: Arial;
	font-size: x-small;
}
.style1 {
	font-size: x-small;
	color: navy;
	font-family: Arial;
	text-decoration: none;
	border-left: silver thin solid;
}
.style2
{
    font-size: x-small;
    color: navy;
    font-family: Arial;
    text-decoration: none;
}
input
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}
.checkbox
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
}
.clsbutton
{
	border-right: #000000 1px solid;
	border-top: #000000 2px solid;
	font-size: 12px;
	border-left: #000000 2px solid;
	cursor: pointer;
	color: #000000;
	border-bottom: #000000 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}
.clsLinkButton {
	border-right: none;
	border-top: none;
	font-size: 10px;
	border-left: none;
	cursor: pointer;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-decoration-color: #113377;
	color: #113377;
}
.clsGridButton {
	border-right: none;
	border-top: none;
	font-size: 10px;
	border-left: none;
	cursor: pointer;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-decoration-color: #113377;
	color: #113377;
}
select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #EEEEEE;
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}
.radio
{
	background-color: #FFFFFF;
	border: none;
}
a:visited
{
	text-decoration: underline;
}
.clsscrollingdiv
{
	overflow: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.clslabel
{
	font-size: 11pt;
	color: navy;
}

.ReportParameterLabel
{
	width: 50%;
	font-size: 11pt;
	color: navy;
	text-align: right;
	padding-right: 5px;
	vertical-align: middle;
	white-space: nowrap;
}

.ReportParameterValue
{
	width: 50%;
	font-size: 11pt;
	color: navy;
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
	white-space: nowrap;
}

.clslabelxxsmall
{
	font-size: xx-small;
	color: navy;
}

.clstext
{
	font-size: x-small;
	color: navy;
}
.clserrorlabel {
	font-size: xx-small;
	font-weight: bold;
	border-bottom-style: inset;
	border-bottom-width: 1px;
	border-bottom-color: red;
	color: red;
}
.clssectionlabel
{
	font-size: xx-small;
	font-weight: bold;
	border-bottom-style: inset;
	border-bottom-width: 1px;
	border-bottom-color: navy;
	color: Navy;
}
.clssmalllabel
{
	font-size: xx-small;
	color: Navy;
}
.clsheader
{
	font-weight: bold;
	font-size: small;
	color: navy;
}
.clsrequired
{
	font-size:small;
	color: #ff0000;
}
.clspagetitle
{
	font-size: medium;
	color: Navy;
	font-family: Arial;
	font-weight: bold;
}

.clspagemenucell
{
	background-color: white;
	padding-left: 2px;
	padding-right: 2px;
	color: Navy;
}

.clspagemenuItem
{
	font-size: x-small;
	color: navy;
	font-family: Arial;
	text-decoration: none;
}
.clspagemenuinactiveItem
{
	font-size: x-small;
	color: #cccccc;
	font-family: Arial;
	text-decoration: none;
}
.Dot0
{
	font-size: x-large;
	color: navy;
}
.Dot1
{
	font-size: large;
	color: navy;
}
.Dot2
{
	font-size: x-large;
	color: navy;
}

.Dot3
{
	font-size: large;
	color: navy;
}

.ModalBackground
{
	background-color: #113377; /* Opacity settings below, MS doesn't follow the standard. */
	/* opacity: 0.7;  for most major browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8 (must be before IE7 setting) */
	/* filter: alpha(opacity=70);  for IE7 */
}
.ModalPanel
{
	background-color: #EEEEEE;
	color: black;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
	height: 100%;
}
.ModalHeader
{
	font-size: 12pt;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.MainHeader
{
	border-style: none;
	background-color: #FFFFFF;
	color: #000080;
	font-size: 14pt;
	font-weight: bold;
}
.Superscript
{
	vertical-align:super;
}
.Text2
{
	font-size: small;
	font-weight: normal;
}
.MainHeaderLinks
{
	border-style: none;
	font-size: 10pt;
	font-weight: bold;
}
.Button2
{
	font-size: small;
	color: #000080;
}
.ViewButtons
{
	width: 90px;
	margin-right: 1px;
	margin-left: 1px;
}
.TabHeader
{
	font-weight: bold;
}

/*Header*/
.Tab .ajax__tab_header {
	color: #4682b4;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body {
	border: 1px solid #b4cbdf;
	padding-top: 0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab {
	color: #ffffff;
	background: url("images/tab_active.gif") repeat-x;
	height: 20px;
}

.Tab .ajax__tab_active .ajax__tab_inner {
	color: #ffffff;
	background: url("images/tab_left_active.gif") no-repeat left;
	padding-left: 10px;
}

.Tab .ajax__tab_active .ajax__tab_outer {
	color: #ffffff;
	background: url("images/tab_right_active.gif") no-repeat right;
	padding-right: 6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab {
	color: #000000;
	background: url("images/tab_hover.gif") repeat-x;
	height: 20px;
}

.Tab .ajax__tab_hover .ajax__tab_inner {
	color: #000000;
	background: url("images/tab_left_hover.gif") no-repeat left;
	padding-left: 10px;
}

.Tab .ajax__tab_hover .ajax__tab_outer {
	color: #000000;
	background: url("images/tab_right_hover.gif") no-repeat right;
	padding-right: 6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab {
	color: #666666;
	background: url("images/tab_Inactive.gif") repeat-x;
	height: 20px;
}

.Tab .ajax__tab_inner {
	color: #666666;
	background: url("images/tab_left_inactive.gif") no-repeat left;
	padding-left: 10px;
}

.Tab .ajax__tab_outer {
	color: #666666;
	background: url("images/tab_right_inactive.gif") no-repeat right;
	padding-right: 6px;
	margin-right: 2px;
}