/* Common css used in the Group portal													*/
/*																						*/
/* class=hide can be used on any DOM node to hide it from the UI 						*/
.hide {
	display: none;
}

div.error {
	color: red;
}

div.normal {
	color: black;
}

div.progress {
	margin-left: 10%;
}

div.lockUI {
	background: none repeat scroll 0% 0% transparent;
	position: absolute;
	z-index: 950;
	top: 0px;
	left: 0px;
}

div.lockUI div {
	background: none repeat scroll 0% 0% #000000;
	opacity: 0;
}

.dj_ie div.lockUI div {
	filter: alpha(opacity = 0);
}

.table_leftnav_portlet .linkLevel1 a {
	padding-left: 0px;
	font-weight: bold;
}

.table_leftnav_portlet .linkLevel2 a {
	padding-left: 10px;
}

.table_leftnav_portlet .linkLevel3 a {
	padding-left: 20px;
}

/* Portal adds a class to the html tag of the page for different ie browser types: 		*/
/* dj_ie	   : all ie
/* lotusui_ie  : ie6 and ie7 															*/
/* lotusui_ie6 : ie6 																	*/
/* lotusui_ie7 : ie7 																	*/
/* lotusui_ie8 : ie8 note that ie8 is more standards compliant and works more like FF 	*/
/* except for this datatable ie8 doesn't work like FF.  Bummer.							*/
.dj_ie div.tableContainer {
	height: 235px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0px;
	border: 1px solid #DDDDDD;
}

.dataTableEx {
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
	margin: 0px;
}

.dataTableEx .rowClass1 {
	background-color: #FFFFFF;
}

.dataTableEx .rowClass2 {
	background-color: #EEEEEE;
}

.dataTableEx .rowSelected {
	font-weight: bold;
}

.dataTableEx thead.fixedHeader tr {
	display: block;
}

.dj_ie .dataTableEx thead.fixedHeader tr {
	position: relative;
	border: 1px solid #DDDDDD;
}

.dataTableEx thead.fixedHeader th {
	padding: 4px 2px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}

.dataTableEx thead.fixedHeader th:last-child {
	border-right: none;
}

.dataTableEx thead th {
	padding: 4px 2px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}

.dataTableEx thead th:last-child {
	border-right: none;
}

.dataTableEx thead th span {
	font-weight: bold
}

.dj_ie div.tableContainer {
	height: 235px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0px;
	border: 1px solid #DDDDDD;
}

.dataTableEx2 {
	border: 0px solid #DDDDDD;
	border-collapse: collapse;
	margin: 0px;
}

.dataTableEx2 .rowClass1 {
	background-color: #EBF1FF;
}

.dataTableEx2 .rowClass2 {
	background-color: #F8F8F8;
}

.dataTableEx2 .rowSelected {
	font-weight: bold;
}

.dataTableEx2 thead.fixedHeader tr {
	display: block;
}

.dj_ie .dataTableEx2 thead.fixedHeader tr {
	position: relative;
	border: 1px solid #DDDDDD;
}

.dataTableEx2 thead.fixedHeader th {
	padding: 4px 2px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}

.dataTableEx2 thead.fixedHeader th:last-child {
	border-right: none;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
.dataTableEx tbody.scrollContent {
	display: block;
	height: auto !important;;
	overflow-x: hidden;
	overflow-y: scroll;
}

.lotusui_ie .dataTableEx tbody.scrollContent {
	height: auto !important;
}

.dataTableEx tbody.scrollContent td {
	border: 1px solid #DDDDDD;
	padding: 0px 2px;
}

.dataTableEx7
>
tbody
>
tr
>
td

	
border
:
 
1
px
 
solid
 
#DDDDDD
;

	
padding
:
 
0
px
 
2
px
;


}

/* override the default height for these portlets */
.dj_ie .ibmPortalLayoutContainers .inforceCaseSummary div.tableContainer
	{
	height: 120px;
}

.ibmPortalLayoutContainers .inforceCaseSummary .dataTableEx tbody.scrollContent
	{
	height: 96px;
}

.dj_ie .ibmPortalLayoutContainers .inforceCaseDivisions div.tableContainer
	{
	height: 120px;
}

.ibmPortalLayoutContainers .inforceCaseDivisions .dataTableEx tbody.scrollContent
	{
	height: 96px;
}

#loading {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1000;
	background-color: #7d7d7d;
	color: #FFFFFF;
}

.loadingText {
	position: absolute;
	top: 52%;
	left: 48.2%;
}

.printSpan a {
	width: 16px;
	height: 16px;
	background: url(../png/printer.png) no-repeat left center;
	display: block;
	padding-right: 10px;
}

.printFrame {
	width: 1px;
	height: 1px;
	left: -9999px !important;
	visibility: visible !important;
}

/* Member portlets */
.columnLabel {
	width: 125px;
}

.columnLarge {
	width: 475px;
}

div.registrationForm {
	margin-left: 100px;
}

div#Registration_Warning {
	width: 650px;
}

div#PHI_Input {
	width: 100%;
	height: 300px;
	position: relative;
}

div#PHI_SSN_MemberId_Form {
	width: 230px;
	height: 320px;
	position: absolute;
	left: 50px;
}

div#PHI_OR {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 180px;
	left: 280px;
}

div#PHI_OR #or {
	font-weight: bold;
}

div#PHI_ClaimNumber_SourceCode_Form {
	width: 230px;
	height: 300px;
	position: absolute;
	right: 50px;
}

#memberProducts {
	height: 54px;
}

#memberProducts #tabrow {
	float: left;
	width: 100%;
	font-size: 11px;
	line-height: normal;
	font-family: Arial;
	background-repeat: repeat-x;
	background-position: bottom;
}

#memberProducts #tabrow ul {
	margin: 0;
	padding: 0px 10px 0;
	list-style: none;
}

#memberProducts #tabrow li {
	float: left;
	background: url("../gif/normal_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}

#memberProducts #tabrow a {
	float: left;
	display: block;
	background: url("../gif/normal_right.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
}

#memberProducts #tabrow a:hover {
	text-decoration: underline;
	color: #132c6d;
}

#memberProducts #tabrow #current {
	background-image: url("../gif/ameritas_left_on.gif");
}

#memberProducts #tabrow #current a {
	background-image: url("../gif/ameritas_right_on.gif");
	padding-bottom: 5px;
	color: #002142;
}

#memberProducts #tabrowBottomBar {
	text-transform: uppercase;
	width: 100%;
	margin: 0px;
	font-weight: bold;
	color: #553322;
	text-align: left;
	background-color: #CCDDFF;
	clear: both;
	font-family: Arial;
	font-size: 12px;
	border-top: 1px solid #C8C3BC;
	border-bottom: 1px solid #C8C3BC;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
}

/* Admin portlets */
.syndicator {
	margin: 15px;
}

.syndicator .message {
	margin: 0px 10px 10px 10px;
}

.syndicator img, .syndicator .button span {
	vertical-align: middle;
}

.syndicator .button {
	background-color: #F0F0F0;
	outline: #F0F0F0;
	margin: 0px;
	white-space: nowrap;
	border: 1px solid #919191;
	padding: 1px 0px;
	text-align: center;
	text-decoration: none;
	width: 75px;
}

.syndicator a.button {
	display: block;
	color: black;
	padding: 3px 0px;
}

.syndicator_table {
	margin: 10px 0px;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #AAAAAA;
}

.syndicator_table th, .syndicator_table td {
	padding: 3px;
	border-bottom: 1px solid #AAAAAA;
}

.syndicator_table th {
	text-align: left;
	background-color: #F0F0F0;
}

.syndicator_table th span.loading {
	color: #FFFFFF;
	background-color: blue;
	padding: 2px;
}

.syndicator_table .col1 {
	width: 50%;
	white-space: nowrap;
}

.syndicator_table .col2 {
	width: 30%;
	white-space: nowrap;
}

.syndicator_table .col3 {
	width: 20%;
	white-space: nowrap;
}

/********************************
 *    Commonly Used Classses    *
 ********************************/
.errorMessages {
	color: red;
	background-image: url("../gif/icon_error.gif");
	background-repeat: no-repeat;
	padding-left: 30px;
}

ul.errorMessages {
	list-style-type: none;
}

.errorMessages ul {
	list-style-type: none;
}

.errorMessages li {
	color: red;
	background-image: url("../gif/icon_error.gif");
	background-repeat: no-repeat;
	padding-left: 30px;
	list-style-type: none;
}

.block {
	display: block;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.valignTop {
	vertical-align: top;
}

.valignBottom {
	vertical-align: bottom;
}

.tableCenter {
	margin-left: auto;
	margin-right: auto;
}

.nowrap {
	whitepace: nowrap;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginLeft20 {
	margin-left: 20px;
}

.marginLeft5 {
	margin-left: 5px;
}

.marginRight20 {
	margin-right: 20px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingBottom5 {
	padding-bottom: 5px;
}

.paddingBottom10 {
	padding-bottom: 10px;
}

.paddingBottom20 {
	padding-bottom: 20px;
}

.paddingTop5 {
	padding-top: 5px;
}

.paddingTop15 {
	padding-top: 15px;
}

.paddingTop20 {
	padding-top: 20px;
}

.paddingTop30 {
	padding-top: 30px;
}

.paddingLeft5 {
	padding-left: 5px;
}

.paddingLeft10 {
	padding-left: 10px;
}

.paddingLeft15 {
	padding-left: 15px;
}

.paddingRight5 {
	padding-right: 5px;
}

.paddingRight10 {
	padding-right: 10px;
}

.paddingRight15 {
	padding-right: 15px;
}

.paddingLeft20 {
	padding-left: 20px;
}

.paddingLeft25 {
	padding-left: 25px;
}

.paddingLeft30 {
	padding-left: 30px;
}

.paddingRight20 {
	padding-right: 20px;
}

.paddingRight25 {
	padding-right: 25px;
}

.paddingRight30 {
	padding-right: 30px;
}

.paddingLeft40 {
	padding-left: 40px;
}

.paddingRight50 {
	padding-right: 50px;
}

.paddingLeft50 {
	padding-left: 50px;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.width100 {
	width: 100px;
}

.width150 {
	width: 150px;
}

.width200 {
	width: 200px;
}

.width300 {
	width: 300px;
}

.width500 {
	width: 500px;
}

.width800 {
	width: 800px;
}

.widthAuto {
	width: auto;
}

.widthFull {
	width: 100%;
}

.commandExButton {
	margin: 3px;
}

img {
	border: 0;
}

.hrBelow {
	border-bottom: 1px solid black;
}

.labelPadRight5 {
	padding-right: 5px;
}

.form {
	padding-bottom: 10px;
}

/********************************
 * Scrolling Table CSS Classses *
 ********************************/
.tablewrapper {
	position: relative;
	overflow-x: hidden;
	padding-top: 25px;
}

.tablewrapper.positioned {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 800px;
	box-shadow: 0 0 15px #333;
}

.tablewrapper .container {
	overflow-y: auto;
	max-height: 250px;
	display: inline-block;
	overflow-x: auto;
}

.tablewrapper td, th {
	vertical-align: top;
}

.tablewrapper th, .tablewrapper th>a, .tablewrapper th>a>span,
	.tablewrapper th>a>img {
	height: 0;
	line-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
	text-decoration: none;
}

.tablewrapper th div:first-of-type {
	text-align:left;
	position: absolute;
	background: transparent;
	color: #000;
	top: 0;
	line-height: normal;
}

.tablewrapper .dataTableEx thead th {
	padding: 0;
	background: transparent;
	border: none;
}

.groupui .lotusRight {
    float: right;
    text-align: right;
}

.wcm_authoring {
	z-index: 100;
	position: relative;
}