/* base element inheritance formatting */
body      { font-family: arial, geneva, helvetica, "sans serif"; font-size: 0.8em;}
a         {  }
a:link    { color: #3300cc; }
a:visited { color: #330099; }
a:active  { color: #000033; }
td        { font-family: arial, geneva, helvetica, "sans serif"; font-size: small; }
th        { font-family: arial, geneva, helvetica, "sans serif"; font-weight: bold; font-size: small; }

/* navigation classes */
.navtop { vertical-align: top; font-size: 1pt; }
.navmsg { text-indent: -50px; }
.navimage { background-position: top left; background-repeat: no-repeat; }
.navclear { background-image: none; font-size: 1pt; vertical-align: top; }
.nav { background-image: none; font-family: verdana, arial, geneva, "sans serif"; vertical-align: top; text-align: left; font-size: x-small; margin: 0px; }

/* hides ADA skiplink in modern browsers */
a.askipnav  { display: none; } 

.edgetab { font-family: verdana, geneva, helvetica, sans-serif; font-size: 64%; vertical-align: middle; text-align: right; background-color: #eeeeee; }
a.aedgetab, a.aedgetab:visited { font-weight: bold; color: #666666; text-decoration: none; }
.toptab, .toptabon, .navtab, .navtabon  { font-family: verdana, geneva, helvetica, sans-serif; font-size: 65%; font-weight: bold; text-align: center;  }
.toptab  { background-color: #999999; }
a.atoptab, a.atoptab:visited  { color: #ffffff; text-decoration: none; }
.toptabon  { background-color: #3399cc; }
a.atoptabon, a.atoptabon:visited  { color: #ffffff; text-decoration: none; }
.navtab   { background-color: #3399cc; }
a.anavtab, a.anavtab:visited   { color: #ffffff; text-decoration: none; }
.navtabon { background-color: #ffffff; }
a.anavtabon, a.anavtabon:visited { color: #3399cc; text-decoration: none; }
.tabline  { margin: 0 0 0 0; background-color: #ffffff; }

.navLogo img {height: 61px;}

/* headline classes */
.headline { font-family: verdana, arial, geneva, "sans serif"; font-size: 110%; color: #000000; vertical-align: middle; text-align: left; font-weight: bold; }
.account { font-family: verdana, arial, geneva, "sans serif"; font-size: 100%; color: #000000; vertical-align: middle; text-align: left; }
.logon { font-family: verdana, arial, geneva, "sans serif"; font-size: 110%; color: #CC0000; vertical-align: bottom; text-align: right; font-weight: bold; }

/* instructions and fine print classes */
.detailhd, .details, .disclaimer, .fine, .hint, .msgs  { font-size: x-small; }
.hint, .msgs{
	font-size: 13px;
}
.disclaimer  { color: #808080; }
.acct        { color: #808080; vertical-align: middle; }
.msgs     { color: #808080; text-align: right; }
.detailhd     { color: #808080; background: #eeeeee; font-weight: bold; }
.details     { color: #808080; }
.footer { color: #000000; font-size: smaller;  }
a.footer:link		{ color: #3300CC;  }
a.footer:visited	{ color: #330099;  }
a.footer:active		{ color: #000033;  }
	
/* design element classes */
.bkgnd, .wtspace, .line   { font-size: 1pt; line-height: 1pt; }
.wtspace  { background: #ffffff; }
.line  { background: #cccccc; }
.bline  { background: #000000; }

/* header classes. used on display screens */
.opthd, .spanhd, .spanhdrt, .spanhdctr, .secthd, .secthdrt { color: #eeeeee; background: #336699; font-weight: bold !important; }
.spanhd     { text-align: left; }
.spanhdrt, .secthdrt   { text-align: right; }
.spanhdctr  { text-align: center; }
.hd, .hdrt, .hdctr, .bhd, .bhdtp, .bhdrt, .bhdctr  { color: #333333; background: #cccccc; }
.bhd, .bhdtp, .bhdrt, .bhdctr { font-weight: bold !important; }
.hd, .bhd, .bhdtp       { text-align: left; }
.bhdtp {vertical-align: top; }
.hdrt, .bhdrt   { text-align: right; }
.hdctr, .bhdctr { text-align: center; }
.subhd, .subhdrt, .subhdctr, .subhdcurr { color: #333333; background: #cccccc; font-weight: bold !important; }
.subhd      { text-align: left; }
.subhdrt    { text-align: right; }
.subhdctr   { text-align: center; }
.subhdcurr  { text-align: right; }
.secthd     { text-align: left; }

/* data classes and alternating row color classes  */
.data, .bdata, .datart, .datactr, .curr, .currleft, .currneg { font-size: small; background: #ffffff; vertical-align: top; }
.datagrey, .datartgrey, .datactrgrey, .currgrey, currgreyneg { font-size: small; background: #fff5ee; vertical-align: top; }
.mdata       { font-size: small; background: #ffffff; }
.mdatagrey   { font-size: small; background: #fff5ee; }
.dataimpt, .currimpt, .dataimptrt { background: #ffffcc; vertical-align: top; }
.bdata       { font-weight: bold; }
.datart      { text-align: right; }
.datartgrey  { text-align: right; }
.datactr     { text-align: center; }
.datactrgrey { text-align: center; }
.dataimpt    { text-align: left; }
.dataimptrt  { text-align: right; }
.curr        { text-align: right; font-weight: bold; }
.currgrey    { text-align: right; font-weight: bold; }
.currleft    { text-align: left; font-weight: bold; }
.currimpt    { text-align: right; font-weight: bold; }
.subdata, .subdatart  { font-size: x-small; background: #ffffff; }
.subdatart   { text-align: right; }
.neg         { color: #990000; }

/* field label classes */
.label, .labelleft, .labelctr, .labeltop, .labeltopleft { font-size: small; color: #333333; background: #eeeeee; font-weight: bold; }
.label     { text-align: right; }
.labelleft { text-align: left; }
.labelctr  { text-align: center; }
.labeltop  { text-align: right; vertical-align: top; }
.labeltopleft  { text-align: left; vertical-align: top; }

/* form element cell classes */
.input     { font-size: small; background: #ffffff; vertical-align: baseline; }
.inputgrey { font-size: small; background: #eeeeee; vertical-align: baseline; }
.inputtop  { font-size: small; background: #ffffff; vertical-align: top; }
.submit, .submitleft, sesubmit { font-size: small; vertical-align: middle; font-weight: bold; color: #333333; }
.submit      { text-align: right !important; }
.submitctr   { text-align: center !important; }
.submitleft  { text-align: left !important; }
.msg       { font-size: small; color: #000000; vertical-align: middle; text-align: center; background: #ffffcc; }
.inputfullaccess {width:35%;}
.inputcustomaccess {width:33%;}
.inputnoaccess {width:18%;}	
.oobaInput { font-size: small; background: #ffffff; vertical-align: baseline;}
.oobaInput img {vertical-align:middle; margin-left: .3em;}	
/* Search box classes */
.sehd, .seinput, .sesubmit { color: #333333; }
.sehd     { font-size: x-small; background: #cccccc; font-weight: bold; }
.seinput  { font-size: small; background: #eeeeee; }
.sesubmit { font-size: small; background: #eeeeee; text-align: right; }

/* Option box classes. See header classes for opthd color change. */
.opthd     { font-size: small; }
.optinput, .actsubmit, .optinputalgn { color: #333333; }
.optinput  { font-size: small; background: #eeeeee; }
.optsubmit { font-size: small; background: #eeeeee; text-align: right; }
.optinputalgn { font-size: small; background: #eeeeee; vertical-align: top; }

/* Message classes - for immediate messages based on user interaction */
.note, .success, .warn, .error   { font-size: small; color: #000000; vertical-align: middle; text-align: left; background: #ffffcc; }
.noteimg, .successimg, .warnimg, .errorimg  { font-size: small; color: #000000; vertical-align: top; text-align: center; }
.noteimg    { background: #9FBED7; }
.successimg { background: #ccffcc; }
.warnimg    { background: #ffff99; }
.errorimg   { background: #ffcccc; }
.indicator  { font-size: medium; color: #ff0000; }


/*calendar javascript*/

#calendarDiv { position:absolute; width:205px; border:1px solid #336699; padding:1px; background-color: #FFF; font-family:arial; font-size:10px; padding-bottom:20px; visibility:hidden;}
#calendarDiv span,.calendarDiv im{float:left;}
#calendarDiv .selectBox,.calendarDiv .selectBoxOver{line-height:12px; padding:1px; cursor:pointer; padding-left:2px;}
#calendarDiv td{padding:3px; margin:0px; font-size:10px;}
#calendarDiv .selectBox{border:1px solid #E2EBED; color: #E2EBED; position:relative; }
#calendarDiv .selectBoxOver{border:1px solid #FFF; background-color: #336699; color: #FFF; position:relative;}
#calendarDiv .topBar{height:16px; padding:2px; background-color: #336699;}
#calendarDiv .activeDay{/* Active day in the calendar  color:#FF0000; */ }
#calendarDiv .todaysDate{height:17px; line-height:17px; padding:2px; background-color: #E2EBED; text-align:center; position:absolute; bottom:0px; width:201px;}
#calendarDiv .monthYearPicker{background-color: #E2EBED; border:1px solid #AAAAAA; position:absolute; color: #317082; left:0px; top:15px; z-index:1000; display:none;}
#calendarDiv .monthSelect{width:70px;}
#calendarDiv .monthYearPicker div{float:none; clear:both; padding:1px; margin:1px;	 cursor:pointer;}
#calendarDiv .monthYearActive{ background-color:#336699; color: #E2EBED;}
#calendarDiv td{text-align:right; cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left; margin-right:1px;}

/* colapse - expand javascript*/
div.show{display: block;} 
div.hide{display: none;}
span.colapse{position: relative;min-width: 10px;min-height: 10px;margin: 0;padding: 0;display: inline-block; cursor: pointer;}
span.expand{position: relative;min-width: 10px;min-height: 10px;margin: 0;padding: 0;display: none; cursor: pointer;}

/* For expand and collapse buttons on COS Functional access pages. */
span.colapseCOS{position: relative;min-width: 10px;min-height: 10px;margin: 0;padding: 0;display: none; cursor: pointer;}
span.expandCOS{position: relative;min-width: 10px;min-height: 10px;margin: 0;padding: 0;display: inline-block; cursor: pointer;}

/* tooltips */

.tooltip-icon {
            margin: 0px 0 0 3px;
            vertical-align: middle;
}

.tooltip-icondiv { padding-right: 2px; display: inline;  position: relative; float: top; }

.tooltipold {
	    	margin: -131px 0 0 5px;
            position: absolute;
            width: 300px;
            height: auto;
            font-size: 11px;
            font-weight: normal;
            color: #333333;
            display: none;
            z-index: 10;
}

.tooltip {
            font-size: 12px;
            font-weight: normal;
}

.tooltip .title {
            font-size: 14px;
            font-weight: bold;
            color: #4B4B4B; 
}

.tooltip .mid {
            padding: 12px 5px 10px 12px;
            background: #EEEEEE;
            border:4px solid #FFFFFF;
            text-align : left;
}

.tooltiptext {
        position: relative; 
        top: -2px;
        font-size: 12px;
        color: #000000;
}

.tooltip li {
            font-size: 12px;
}

.divHidden { visibility:hidden; display:none; }

div#SpecialReport{width:100%;}
div#SpecialReport td td {
 font-size: 100% important;
}

.eXtremeTable {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	text-align: start;
}

.eXtremeTable .filter td {
	padding: 2px;
}

.eXtremeTable .title {
	color: #444444;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	vertical-align: middle;
	background-color: #F4F4F4;
}

.eXtremeTable .titleRow {
	background-color: #F4F4F4;
}

.eXtremeTable .titleRow td {
	border-bottom: 1px solid #308dbb;

	vertical-align: inherit;
	text-align: left;
}

.eXtremeTable .titleRow span {
	color: #444444;
	font-weight: bold;
	font-size: 12px;
}

.eXtremeTable .filter input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: solid 1px grey;
	padding: 1px;
}

.eXtremeTable .filter select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	border: solid 1px #EEE;
}

.eXtremeTable .tableHeader {
	background-color: #cccccc;
	color: #333333;
	font-family:  arial, geneva, helvetica, "sans serif";
	font-size: small;
	font-weight: bold !important;
	display: table-cell;
	vertical-align: inherit;
	white-space: normal;
	line-height: normal;
	font-variant: normal;
	font-style: normal;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

.eXtremeTable a:link.DropDownButton, a:visited.DropDownButton, a:active.DropDownButton{
	color: #242424; /*button text color*/
}

.eXtremeTable a.DropDownButton {
	background-image:none;
	background-color:#d5d5d5;
	display: block;
	float: left;
	line-height: 1.667em; 
	padding-left: 0.75em; 
	padding-right: 0.75em;
	text-decoration: none;
	font-weight:normal;
	z-index:50;
	border-radius: 0.4em;
	border: 1px solid transparent;
	border-color:#ccc;
}

.eXtremeTable a:link.DropDownButton, .eXtremeTable a:visited.DropDownButton, .eXtremeTable a:active.DropDownButton{
	color: #242424; 
}
.eXtremeTable a.DropDownButton span:after{
	content: "\25BC";
	color: #2f7180;
}
.eXtremeTable a.DropDownButton:hover, .eXtremeTable a:focus.DropDownButton{ /* Hover state CSS */
	background-position: bottom left;
	background-color: #e3edef;
}

.eXtremeTable .odd a, .even a {
	color:  #330099;
	font-size: 11px;
}

.eXtremeTable .odd td, .eXtremeTable .even td {
	font-size: small;
	vertical-align: top;
	font-family: arial, geneva, helvetica, "sans serif";
	display: table-cell;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: -webkit-text;
	text-align: start;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

.eXtremeTable .odd {
	background-color: #FFFFFF;
}

.eXtremeTable .even {
  	background-color: #fff5ee;
}


.eXtremeTable .highlight a, .highlight a {
	color: black;
	font-size: 10px;
}

.eXtremeTable .compactToolbar {
	background-color: #F4F4F4;
}

.eXtremeTable .toolbar {
	background-color: #F4F4F4;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	margin-right: 1px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}


.eXtremeTable .toolbar td {
	color: #444444;
	padding: 0px 3px 0px 3px;
	text-align:center;
}

.eXtremeTable .separator {
	width: 7px;
}

.eXtremeTable .statusBar {
	color: #eeeeee;
	background-color: #336699;
	font-family: arial, geneva, helvetica, "sans serif";
	font-weight: bold !important;
	font-size: small;
	text-align: right;
	display: table-cell;
	vertical-align: inherit;
	white-space: normal;
	line-height: normal;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

.eXtremeTable .filterButtons {
	background-color:#336699;
	text-align: right;
	text-align: right;
}

.eXtremeTable .title span {
	margin-left: 7px;
	background-color: #F4F4F4;

}

.eXtremeTable .formButtons {
	display: block;
	margin-top: 10px;
	margin-left: 5px;
}

.eXtremeTable .formButton {
	cursor: pointer;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	background-color: #308dbb;
	color: white;
	margin-top: 5px;
	border: outset 1px #333;
	vertical-align: middle;
}

.eXtremeTable .calcRow {
	background-color: #F4F4F4;
}

.eXtremeTable .calcTitle {
	background-color: #F4F4F4;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.eXtremeTable .calcResult {
	background-color: #F4F4F4;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
}


.eXtremeTable .tableHeaderSort {
	background-color: #cccccc;
	color: #3300cc;
	text-decoration: underline;
	font-family:  arial, geneva, helvetica, "sans serif";
	font-size: 11px;
	font-weight: bold !important;
	display: table-cell;
	vertical-align: inherit;
	white-space: normal;
	line-height: normal;
	font-variant: normal;
	font-style: normal;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

#proxiedLayoutBody{
	font-size: 12px;
}

div.ui-dialog-titlebar .ui-dialog-title{
 /*To fix font size of Overlay title into SAM*/	
 font-size:13px;
}
.formatHtml{
	font-family: tahoma,verdana,sans-serif;
    font-size: 11px;
    padding-left: 7px;
}
.alertText{
		width: 50%;
	    word-break: break-word;
	    padding-left: 7px;
}

.achCompanyIdTable{
border:0;
width:100%;
border-spacing:0; 
border-collapse: separate;
table-layout:fixed;
}

.tdWordWrap{
	word-break:break-all;
}