﻿ /*   CSS for Trustmark Bank    02/10/2012   */

/*  GENERAL SETTINGS used on multiple screens. Note: ems are used for spacing rather than pixels. */
/*  However, some settings use pixels for better accuracy and styling.                            */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.833em; /* translates to 10 px  */
	background-color: #FFFFFF;
	height: auto;
	line-height: normal;	
}

.bold
{
	font-weight: bolder;
	margin-right: 0.417em;
	font-size: 1em;
	font-variant: normal !important;
}

.bold-red
{
	font-weight: bolder;
	margin-right: 0.417em;
	font-size: 1em;
	color: red;
}

.bold-red-smaller  /* Used in jquery grids */
{
	font-weight: bolder;
	margin-left: 1.417em;
	font-size: 0.917em;
	color: red;
}

.horizontalline  /* since <hr/> had issues in IE */
{
	background-image: url('../images/img_titleLine.gif');
	background-repeat: repeat-x;
	width: 28.667em;
	height: 1.333em;
	margin-bottom: 0.833em;
}

p
{
	margin-top: 1.667em;
	margin-bottom: 1.667em;
}

.floatRight
{
	float: right;
	vertical-align: baseline;
}

.floatLeft
{
	float: left;
	vertical-align: baseline;
}

.pageInstructions2
{
	float: right;
	margin-right: 14.333em;
	font-size: 1em;
	margin-top: -2.667em;
	line-height: normal;
}

.pageInstructions
{
	font-size: 1em;
	margin-top: 1.417em;
	line-height: normal;
}

.specialInstructions
{
	padding: .5em;
	font-size: 1em;
	color: #004165;
	width: 80%;
	border: 1px solid #004165;
}

.specialInstructions3
{
	margin-left: 4.5em;
	margin-bottom: 3em;
	padding: .5em;
	font-size: 1em;
	color: #000000;
	width: 86%;
	border: 1px solid #000000;
}

.pageTitle 
{
	color: #0046AD;
	font-weight: bold;
	font-size: 1.833em;
	line-height: 1.5em;
	margin-left: 0em;
	margin-top: 1em;
	clear: both;
}

.super /*  for superscripting the registered symbol   */
{
	position: relative;
	top: -0.25em;
	clear: both;
	cursor: inherit;
}

/*  Content Divs (these go INSIDE their respective containers)    */

#statusDiv
{
	position: absolute;
	clear: both;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 2em !important;
	margin-left: 7em;
	font-size: 0.75em;
}

#breadcrumbContentDiv
{
	font-size: 0.833em;
	font-variant: normal !important;
}

#broadcastContentDiv
{
	width: 38.333em;
	border: thin black solid;
}

#contentDiv /* clear = both just in case div inside of header is floating */
{
}

#footerDiv
{	
    clear: both ;
}

#headerDiv
{
    width:1000px;
}

#logoDiv /* Don't specify width of images as long as they are correct size */
{
    background-image: url("../images/header.gif");
    background-repeat: no-repeat ;
    height: 21.5em;
}

#logoDiv:hover
{
    background-image: url("../images/header.gif");
    background-repeat: no-repeat ;
    height: 21.5em;
}

#logo2Div /* Shorter height div for when no dropdowns used */
{
    background-image: url("../images/header.gif");
    background-repeat: no-repeat ;
    height: 16em;
}

#logo2Div:hover
{
    background-image: url("../images/header.gif");
    background-repeat: no-repeat ;
    height: 16em;
}

#logoDiv a
{
    display:block;
    position:absolute;
    height:21.5px;
    margin-left: 150px;
    width:150px;
}

 #logo2Div a  /* (1/9/2012:Not showing up anywhere) */  
{
    display:block;
    height:21.5px;
    margin-left: 150px;
    width:150px;
}


#mainContentDiv 
{
	margin-left: 5em;
	width: 69.333em;
}

#PageContentDiv
{
	clear: both; 
	margin-top: 2.333em;
}

#sideBarDiv  
{
	display: none;
}

#dateTime /* Used on Print screens */
{
	position: absolute;
	color: #000000;
	font-weight: bold;
	font-size: 0.5em;
	line-height: 1.5em;
	margin-bottom: 1.667em;
	margin-left: 27.833em;
	top: 3em;
}

/* CONTAINERS FOR SPECIFIC CONTENT PAGES                */
/* These are used to allow height flexibility for each page.   */

#accesscodeselectionContainer
{
	height: 25em;
}

#addregistrationContainer
{
	height: 26.667em;
}

#addregistrationconfirmationContainer
{
	height: 26.667em;
}

#authorityContainer
{
	height: 26.667em;
}

#breadcrumbContainer /* Breadcrumbs shown on authenticated pages only */
{
	margin: 2.5em 0em 0em -0.833em;
	font-size: 1em;
	height: 1.5em;
	padding: 0.417em 0.667em 0.25em 0.417em;
	color: #066AB2;
	background-color: #e0e0e0;
	width: 46.417em;
}

#breadcrumbContainer a:link,a:visited   /* LVHA is proper sequence */
{
	color: #066AB2;
	text-decoration: underline;
	font-variant: normal;
}

#breadcrumbContainer a:hover,a:active
{
	color: #066AB2;
	text-decoration: underline;
	font-variant: normal;
}

#breadcrumbContainer .bold
{
	font-size: 1em;
	width: 30em;
	font-weight: bold;
	height: 1.5em;
	padding: 0.5em;
	font-style: normal;
	color: #0046AD;
}

#broadcastContainer /* Only on Welcome screen */
{
	background-color: #ffde63;
	width: 58.333em;
	border: .083em solid #004165;
	color: #004165;
	font-weight: bold;
	font-size: 1.083em;
	padding: 0.833em;
	margin-top: 0.833em;
}

#broadcastContainerlink /* Only on Welcome screen */
{
	background-color: #feb612;
	width: 58em;
	border: 1px #004165 solid;
	color: #004165;
	font-weight: bold;
	font-size: 1.083em;
	padding: 10px;
	margin-top: 10px;
	text-align : center;
}

#browsercheckContainer
{
	height: 20.833em;	
}

#cancelconfirmationContainer
{
	height: 34.667em;
}

#cancelconfirmationprintContainer
{
	height: 0em;
}

#cancelpaymentContainer
{
	 height: 44.333em;
}

#cancelpaymentverificationContainer
{
	height: 35em;
}

#changepasswordconfirmationContainer
{
	height: 16.667em;		
}

#changepasswordContainer
{
	height: 20.833em;		
}

#confirmationContainer
{
	height: 4em;
}

#contactinformationContainer
{
	height: 25em;
}

#cookiecheckContainer
{
	height: 13.833em;	
}

#createuserprofileContainer
{
	height: 87.5em;
}

#deleteregistrationconfirmationContainer
{
	height: 25em;		
}

#deleteregistrationContainer
{
	/*height: 26.667em;		*/
}

#deleteregistrationverificationContainer
{
	/*height: 32.667em;		*/
}

#duplicatepaymentContainer
{
	/* height: 40.5em; */
}

#editregistrationContainer
{
	/*height: 29.167em;*/
}

#enterusernameContainer
{
	height: 26.667em;		
}

#errorContainer
{
	height: 8.333em;
}

#errorreportContainer
{
	height: 20em;
}

#faqContainer
{
	margin-left: 0em;
	clear: both;
}

#filelayoutContainer
{
	height: 24.333em;
}

#fileuploadContainer
{
	/*height: 26.333em;*/
}

#forgotpasswordContainer
{
	height: 16.833em;		
}

#forgotusernameContainer
{
	height: 26.667em;		
}

#invalidanswerContainer
{
	height: 20.833em;		
}

#javascriptcheckContainer
{
	height: 20.833em;	
}

#loggedoutContainer
{
	height: 20.833em;		
}

#makeapaymentContainer
{
	/* height: 49.5em;  */
}

#makeapaymentlongContainer
{
	/* height: 49.5em;  */
}

#messagesContainer
{
	height: 22em;
}

#passwordresetContainer
{
	height: 18.667em; 
}

#paymentconfirmationContainer
{
	/* height: 35.667em; */
}

#paymentconfirmationprintContainer
{
	/* height: 32.333em;  */
}

#paymenthistoryContainer
{
	/* height: 9.667em; */
}

#paymentvalidationContainer
{
	/* height: 40.5em; */
}

#pendingpaymentdisplayContainer
{
	height: 18.333em;
	clear: both;
}

#pendingpaymentdeleteconfirmationContainer
{
	 height: 8.667em; 
}

#pendingpaymenteditconfirmationContainer
{
	 height: 8.667em; 
}

#pendingpaymentsubmissionconfirmationContainer
{
	 height: 10.667em; 
}

#profileupdateconfirmationContainer
{
	height: 20.833em;		
}

#profileupdateContainer
{
	height: 35.5em;
}

#registrationconfirmationContainer
{
	height: 20.883em;		
}

#registrationContainer
{
	height: 26.667em;		
}

#registrationmaintenanceContainer
{
	/* height: 26.667em;  */
}

#screenresolutionContainer
{
	height: 13.833em;	
}

#securityquestionsContainer
{
	height: 35.333em;
}

#selectjurisdictionauthorityContainer
{
	height: 20.667em;
}

#sessiontimeoutContainer
{
	height: 20.833em;	
}

#systemunavailableContainer
{
	height: 20.833em;		
}

#techdiffContainer
{
	height: 20.833em;	
}

#usernameentryContainer
{
	height: 20.833em;		
}

#userprofileconfirmationContainer
{
	height: 20.833em;		
}

#userprofileContainer
{
	height: 34.333em;		
}

#viewregistrationContainer
{
	/* height: 26.667em;  */
}

#welcomeContainer
{
	height: 21.667em;
}

/* SUBHEADER DROP-DOWN NAVIGATION   */

.subHeaderContentlinks /* First remove the list style */
{
	margin: -5em 0em 0em 0em;
	padding: 0em;
	list-style: none;
}
	
/* make the PARENT LI display inline. It's position is relative so that submenu can use position-absolute */

.subHeaderContentlinks li
{
	float:left; 
	display:block; 
	width:7.667em;
	position:relative;
	z-index:500; 
	left: 40em;
	margin:0 0.833em;
}
		
/*  PARENT menu items */

.subHeaderContentlinks li a 
{
	display: block;
	padding:0.25em  0.167em;
	font-weight: 700;
	height: 1.583em;
	text-decoration: none;
	color: #0046AD;
}
 
.printer /* Only on Confirmation screens */
{
	font-variant: normal;
	text-decoration: none;
	font-style: normal;
}

/* this displays down arrow in correct position next to PARENT item  */
  
.subHeaderContentlinks .paymentswith
{
	background-position: 5.5em 0.5em;
	background-image: url('../images/downArrow2.gif');
	background-repeat: no-repeat;
}

.subHeaderContentlinks .accountwith
{
	background-position: 4.667em 0.5em;
	background-image: url('../images/downArrow2.gif');
	background-repeat: no-repeat;
}

.subHeaderContentlinks .helpwith
{
	background-position: 2.917em 0.5em;
	background-image: url('../images/downArrow2.gif');
	background-repeat: no-repeat;
}

.subHeaderContentlinks .logoutlink  /* Logout link always last */ 
{
	position: absolute;
	left: 66.5em;
}

/*  CHILDREN menu items */
	
.subHeaderContentlinks li a:hover /* What shows when you hover over the parents */
{
	color: #0046AD;
	font-weight: bold;
}
	
/*.subHeaderContentlinks a.selected (You can make a different style for default selected CHILDREN
{
	color: #ff0000;
}   */
	
/* CHILDLREN submenu, it's hidden by default */

.subHeaderContentlinks ul 
{
	position: absolute;
	float: left;
	left: 1em;
	display: none;
	margin: -0.333em 0em 0em .333em;
	padding: 0.333em;
	white-space: nowrap;
	list-style: none;
	background-color: #0046AD;
	width: 11.5em;
	background-repeat: no-repeat;
}
	
.subHeaderContentlinks ul li  /* THIS IS THE DUPLICATE GROUP */
{
	padding: 0.333em;
	width: 11.5em;
	white-space: nowrap;
	float: left;
	background: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 0.083em;
	border-bottom-color: #ffffff;
	margin-left: -2em;
}
		
/* CHILDREN display block will make the link fill the whole area of LI */

.subHeaderContentlinks ul a 
{
	display: block;
	height: 1.25em;
	padding: 0em 0.167em;
	color: #ffffff;
	white-space: nowrap;
	margin-bottom: 0.167em;
	margin-left: -38.25em;
	background-repeat: no-repeat;
}

.subHeaderContentlinks ul a:hover 
{
	text-decoration: underline;
	color: #ffffff;
	font-weight: bold;
}

.validation-summary-errors 
{
	margin-top: 0.833em;
	font-size: 1.083em;
	font-weight: bold; 
	background: #EBE4E4;
	border: 0.083em #CCCCCC solid; 
	width: 58.333em;
	padding-left: 0.333em;
}

.validation-summary-errors ul
{
	font-weight: normal; 
	padding: 0.833em; 
	color: #990000; 
	background: #EBE4E4;
}

.validation-summary-valid
{
	display: none;
}	

.field-validation-valid
{
	display: none;
}

#ReferenceNumber
{
	font-weight: bold;
	vertical-align:text-top;
}

#CancellationReferenceNumber
{
	font-weight: bold;
	vertical-align: text-top;
	color: #000000;
}

#CancellationReferenceNumber2
{
	font-weight: bold;
	vertical-align:text-top;
}

#ConfirmationNumber
{
	color: #000000;
	font-size: 1.083em;
	font-weight: normal;
	vertical-align:text-top;
}

#confirmationContainer hr
{
	margin-top: 0.833em;
	margin-left: 0em;
	width: 340.333em;
}

#confirmationContainer img
{
	margin-top: 1.667em;
	vertical-align:text-bottom;
}

.upload
{
	width: 25em;
	margin-right: 1em;
}

.display-label
{
	float: left;
	font-weight: bold;
	margin-left: 0em;
	margin-right: 1em;
	white-space: nowrap;
	width: 3em;
}

.display-label-WIDER
{
	float: left;
	font-weight: bold !important;
	margin-left: 0em;
	width: 21em;
	margin-right: 0.5em;
	clear: both;
}

.display-label-Right
{
	float: right;
	font-weight: normal;
}
.display-field
{
	margin-left: 11em;
	margin-top: inherit;
	margin-bottom: inherit;
	text-align: inherit;
	vertical-align: middle;
	font-weight: normal !important;
}

.display-field-0em
{
	margin-left: 0em;
	margin-top: inherit;
	margin-bottom: inherit;
	text-align: inherit;
	vertical-align: middle;
}

.display-field-minus
{
	margin-left: -5em;
	margin-top: inherit;
	margin-bottom: inherit;
	text-align: inherit;
	vertical-align: middle;
}

.display-field-65em
{
	margin-left: 6.5em;
	margin-top: inherit;
	margin-bottom: inherit;
	text-align: inherit;
	vertical-align: middle;
}

.display-field-wider
{
	margin-left: 16.5em;
	margin-top: inherit;
	margin-bottom: inherit;
}

.display-fieldformat  /* Gray Text */
{
     margin-left: 8.833em;
     color: #666666; 
     font-weight: normal; 
}

.display-fieldformatCLOSE   /* Gray Text */ 
{
	margin-left: 0em;
	color: #666666;
	font-size: 0.75em;
	font-weight: normal;
	vertical-align: middle;
}

.display-fieldformatWIDE    /* Gray Text */
{
     margin-left: 15.417em;
     color: #666666; 
     font-size: 0.75em; 
     font-weight: normal; 
}

.display-fieldformatWIDER    /* Gray Text */
{
     margin-left: 17.083em;
     color: #666666; 
     font-size: 0.75em; 
     font-weight: normal; 
}

.display-fieldformatWIDEST   /* Gray Text */ 
{
	margin-left: 22.083em;
	color: #666666;
	font-size: 0.75em;
	font-weight: normal;
	vertical-align: middle;
}

#mySecurityInfo_Q1, #mySecurityInfo_Q2, #mySecurityInfo_Q3   /* To set Security Questions dropdowns to all one width  */
{		
 	width: 33em;
}

.jurisdictions, .authorities   /* To set both drop-downs to the same width */
{
	width: 16.667em;
}

/*MULTIPLE CSS CLASSES generated by MODEL */
/*input-validation-error - text-box single-line - text-box single-line text-box - text-box single-line - password*/

.text-box
{
	width: 160.417em;
	margin-bottom: 1em;
}

.text-box-float
{
	float: left;
	width: 160.417em;
	display: run-in;
	position: absolute;
}

.password
{
	width: 70.167em;
	line-height: normal;
	margin-bottom: -2em;
}

.single-line
{	
	width: auto;
	margin-bottom: 1em;
}

.single-line-longer
{
	width: 20em;
}

.single-lineSmall
{
	font-size: 1em;
	width: auto;
	position: relative;
	margin-bottom: 1em;
	bottom: 0.667em;
}

.input-validation-error
{
    border: 0.083em #ff0000 solid;
    background-color: #ffeeee;
}

.field-validation-error
{
   color: #ff0000;
   margin-left: 0.167em;
   vertical-align: middle;
}

.MessageVisible  /* Error message on Create User Profile screen */
{
	font-size: 0.833em;
	font-weight: bolder;
	color: #FF0000;
	margin-bottom: -5em;
	vertical-align: middle;
}

/* List Styles  */

ul.disc 
{
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
}

ul.square 
{
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

ul.square li
{
	margin-left: 2.5em;
}

ul.squarePreview 
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
}

ul.squarePreview li
{
	margin-left: 18.5em;
}

/* CSS FOR CONTENT INSIDE FOOTERDIV */

#footerContent
{
    clear: both;
    margin-left: 5em;
    padding-bottom: 5em;
    line-height: normal;
    margin-top: 1.667em;
    text-align: left;
}

#footerImage  /* line before footer text   */
{
	background-image: url("../images/img_horizontalRule.gif");
	width: 69.333em;
	height: 0.25em;
	margin-left: 5em;
	background-repeat: repeat-x;
    margin-top:1em;
   
}

.topFooter  /*  used for Top of Page link   */
{
	float: left;
	margin-top: 2.5em;
	height: 2.5em;
	clear: both !important;
}

/* TABLE STYLES  */

.altRow td   /* used to change background color for readability  */
{
	background-color: #dedede;
	text-align: right;
}

table /* Regular (Wide) tables with many columns */
{
	text-align: right !important;
	white-space: nowrap;
	width: 100%;
	border-style: none;
	border-color: inherit;
	border-width: 0em;
	margin: 0em;
	padding: 0em;
	outline: 0em;
	font-size: 0.833em;
	vertical-align: bottom;
	background: transparent;
}

.pending
{
	padding: 0.5em;
	text-align: left !important;
	border: 1px #000000 solid;
	line-height: 2em;
}

.taxtypes
{
	width: 20em;
	padding: 2em;
	text-align: left !important;
	border: 1px #000000 solid;
	line-height: 2em;
}

table img
{
	vertical-align: bottom;
}

table th
{
	width: 12.5em;
	font-weight: bold;
	margin-bottom: 0.75em;
	white-space: nowrap;
	font-size: 0.833em;
	text-align: right;
	border-right-style: dotted;
	border-right-width: 0.083em;
	border-right-color: #000000;
	border-bottom-style: groove;
	border-bottom-width: 0.083em;
	border-bottom-color: #000000;
	text-indent: 0.083em;
	padding-right: 0.333em;
}

table td
{
	line-height: 2.083em;
	text-align: right !important;
	border-collapse: collapse;
	padding-right: 0.167em;
	margin-right: 20.167em;
	width: inherit;
}

/* cols used to generate table where column widths can be set individually on File Upload screen */

.colfieldtype
{
	width: 33.333em;
	white-space: nowrap;
	text-align: left !important;
}

.coltaxtype
{
	width: 10em;
	text-align: left !important;
}

.collength
{
	width: 2.5em;
	text-align: left !important;
}

.colformat
{
	width: 10em;
	text-align: left !important;
}

.coldescription
{
	width: 105.333em;
	text-align: left !important;
}

.col3
{
	width: 29em;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
}

.col4
{
	min-width: 1em;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
}

.col5
{
	min-width: 1em;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
}

.col6
{
	min-width: 1em;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
}

.col7
{
	width: 15em;
	white-space: nowrap;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
}

.col8
{
	white-space: nowrap;
	text-align: right !important;
	margin-right: 0em;
	font-size: 0.917em;
	font-weight: bold;
	text-indent: 0em;
	right: 0em;
	width: 12em;
}

.oneline
{
	font-size: 0.917em;
	text-align: right !important;
	white-space:nowrap !important;
	width: 65%;
}

.first /* to eliminate any background color */
{
	border-right-style: none;
	background-color: white !important;
	border-bottom-style: none;
	border-bottom-width: 0.083em;
	border-bottom-color: #000000;
	padding-left: 0em;
}

.firstrow
{
	background-color: white !important;
	padding-right: 12.5em;
	vertical-align: middle;
}

.firstrowRight
{
	text-align: right !important;
}

.firstrowAlt
{
	background-color: white !important;
	padding-right: 0.25em;
}

.small  /* Narrow tables with just a couple columns */
{
	padding: 0em 0.167em 0em 0em;
	margin-bottom: 5em;
	width: 45%;
	font-size: 1em;
}

.small th
{
	font-weight: bold;
	text-align: right;
	padding-right: 0.333em;
	font-size: 1em;
}

.small td
{
	line-height: 1.667em;
}

.small img
{
	vertical-align: bottom;
}

.small2  
{
	padding: 0em 0.167em 0em 0em;
	margin-bottom: 5em;
	text-align: center !important;
	width: 65%;
	font-size: 1em;
	border-right: none;
}

.small2 th
{
	font-size: 1em;
	font-weight: bold;
	text-align: center !important;
	padding-right: 0.333em;
	line-height: 1em;
	border-right: none;
}

.small2 td
{
	text-align: center !important;
	line-height: 2em;
}

.maint /* for Registration Maintenance table */
{
	padding: 0em;
	margin-bottom: 5em;
	width: 74%;
	font-size: 1em;
	white-space: normal;
	position: relative;
}

.maint th
{
	font-weight: bold;
	text-align: right;
	padding-right: 0.167em;
	font-size: 1em;
}

.smallHead
{
	width: auto;
	text-align: right;
	font-size: 0.833em;
	padding-right: 0.167em;
}

.maint td
{
	line-height: 2em;
	margin-left: 1em;
	margin-right: 1em;
}

.maint img
{
	vertical-align: middle;
}

.results
{
	border: thin black solid;
	table-layout: auto;
	text-align: right;
	empty-cells: show;
	width: 65%;
	font-size: 0.917em;
}

.results th
{
	font-weight: bold;
	text-align: right !important;
	font-size: 0.917em;
}

.results td
{
	line-height: 2.083em;
	text-align: right;
	border-collapse: collapse;
	padding-right: 0.167em;
	margin-right: 20.167em;
}

.errorreport
{
	border: thin black solid;
	text-align: right !important;
	width: 65%;
	font-size: 0.917em;
}

.errorreport th
{
	font-size: 0.917em;
	white-space: nowrap;
	text-align: right !important;
}

.errorreport td
{
	font-size: 0.917em;
	white-space: nowrap;
	text-align: right;
}

.pendsub
{
	border: thin black;
	margin-left: 0em;
	width: 85%;
	font-size: 1em;
	line-height: 2em !important;
	text-align: center !important;
	clear: both;
}

.pendsub th
{
	font-size: 1em;
	line-height: 1.083em;
	clear: both;
	text-align: center !important;
}

.pendsub td
{
	font-size: 1em;
	line-height: 2em;
	clear: both;
	text-align: center !important;
}


/* FAQ Styles  */

.faqContainer 
{
	padding: 0em 0em 0em 0em;
}

.faqHeadingContainer 
{
	padding: 2.5em 0em 0.833em 0em;
}

.faqHeading 
{
	margin-left: 0em;
	border-bottom-style: solid;
	border-bottom-width: 0.083em;
	border-bottom-color: #007D84;
	font-size: 1.083em;
	font-weight: bold;
	color: #007D84;
	clear: both;
	text-align: left;
}

.faqSubjectContainer 
{
	padding: 0em 0em 0.833em 0em;
}

.faqSubject 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000099;
	background-image: url('../images/btn_toTop.gif');
	cursor: inherit;
	background-repeat: no-repeat;
	text-align: inherit;
	white-space: normal;
	word-spacing: normal;
	text-decoration: none;
	padding-left: 1.917em;
}

.faqSubjectText
{
	padding: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	margin-left: 1.917em;
	line-height: normal;
}

.blankbg 
{
	font-size: 1em;
	font-weight: bold;
	background-position: left;
	text-align: left;
	line-height: normal;
	background-image: url('../images/btn_toTop.gif');
	background-repeat: no-repeat;
	height: 1.25em;
	width: 1.667em;
	margin-left: 0.833em;
	cursor: inherit;
	text-decoration: none;
	display: block;
	clear: both;
}

.faqLink:hover 
{
	padding: 0em 0em 0.833em 0em;
	margin-left: 0em;
	font-size: 1em;
	font-weight: bold;
	color: #007D84;
	text-decoration: underline;
	line-height: normal;
	clear: both;
}

.faqLink:visited link active  
{
	padding: 0em 0em 0.833em 0em;
	margin-left: 0em;
	font-size: 1em;
	font-weight: bold;
	color: #00A9E0;
	text-decoration: underline;
	line-height: normal;
	clear: both;
}

ul.discfaq 
{
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	margin-left: 1.917em;
}

/* Messages Styles  */

.messagesText 
{
	padding: 0em;
	color: #000000;
	font-size: 0.833em;
	font-weight: normal;
	font-style: normal;
}

.messagesLink 
{
	padding: 0em;
	color: #000000;
	font-size: 0.833em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

.messagesLink:hover 
{
	padding: 0em;
	color: #000000;
	font-size: 0.833em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.messagesLink:link visited active 
{
	padding: 0em;
	color: #000000;
	font-size: 0.833em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

#loadingMessage
{
	background-position: right;
	padding-left: 0.333em;
	font-size: 0.833em;
	font-weight: bold;
	width: 12.5em;
	color: #000080;
	background-image: url('../images/ajax-loaderBL.gif');
	background-repeat: no-repeat;
	line-height: 3em;
	display: none;
}

.menuHeading 
{
	font-size: 1em;
	font-weight: bold;
	color: #007D84;
	margin-bottom: 1.667em;
}

/* broadcast popup related CSS */

#backgroundPopup
{
	display: none;
	position: fixed;
	position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px #cecece solid;
	z-index: 1;
}

#popupContact
{
	display: none;
	position: fixed;
	position: absolute; /* hack for internet explorer 6*/
	height: 230px;
	width: 320px;
	background: #FFFFFF;
	border: 2px #cecece solid;
	z-index: 2;
	padding: 12px;
	font-size: 13px;
}

#popupContact h1
{
	text-align: left;
	color: #6FA5FD;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px #D3D3D3 dotted;
	padding-bottom: 2px;
	margin-bottom:20px;
}

#popupContactClose
{
	font-size: 14px;
	line-height: 14px;
	right: 6px;
	top: 4px;
	position: absolute;
	color: #6fa5fd;
	font-weight: 700;
	display:block;
}

#popupContact ul
{
    list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#popupContact li
{
    margin: 3px; 
}

/* Links */

a:link, a:visited 
{
	color: #066AB2;
	text-decoration: underline;
	font-weight: bold;
}

a:hover 
{
	color: #066AB2;
	text-decoration: underline;
	font-weight: bold;
}

/* CSS3-only Buttons  (No image - only CSS3)  */

input.button 
{
	display: inline-block;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1;
	color: #ffffff;
	background: #0046AD;
	white-space: nowrap;
	overflow: visible;
	cursor: pointer;
	text-decoration: none;
	border: 1px #0046AD solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-background-clip: padding-box;
	border-radius: 2px;
	outline: none;
	position: relative;
	zoom: 1;
	*display: inline;
	clear: both;
	vertical-align: bottom;
}

input.button.primary 
{ 
	font-weight: bold;
	clear: both;
}

input.button.primary.box 
{
	font-weight: bold;
	-moz-margin-top: -9em;
	margin-top: -4em;
	clear: both;
}

input.button.primary.wide 
{
	font-weight: bold;
	margin-left: 36em;
	margin-top: -3em;
}

input.button.primary.wider 
{ 
	font-weight: bold;
	margin-left: 29em;
	margin-top: 1em;
}

input.button:hover 
{ 
	color: #ffffff; 
	border: 1px #0046AD solid; 
	text-decoration: none; 
	background-position: 0 -40px; 
	background-color: #0046AD; 
}
	
input.button:active, input.button.active 
{ 
	margin-top: 1px;
	background-position: 0 -81px; 
	border-color: #0046AD; 
	background-color: #0046AD; 
	color: #FFFFFF; 
}

a.button 
{
	display: inline-block;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1;
	color: #ffffff;
	background: #0046AD;
	white-space: nowrap;
	overflow: visible;
	cursor: pointer;
	text-decoration: none;
	border: 1px #0046AD solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-background-clip: padding-box;
	border-radius: 2px;
	outline: none;
	position: relative;
	zoom: 1;
	*display: inline;
	clear: both;
	vertical-align: bottom;
	/*display: inline-block;
	padding: 3px 6px 6px 5px;
	font-size: 12px;
	line-height: 1;
	color: #ffffff;
	background: #0046AD;
	white-space: nowrap;
	overflow: visible;
	cursor: pointer;
	text-decoration: none;
	border: 1px #0046AD solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-background-clip: padding-box;
	border-radius: 2px;
	outline: none;
	position: relative;
	zoom: 1;
	*display: inline;
	clear: both;
	vertical-align: bottom;
	text-align: center;*/
}

a.button.primary 
{ 
	font-weight: bold;
	clear: both;
}

a.button:hover 
{ 
	color: #ffffff; 
	border: 1px #0046AD solid; 
	text-decoration: none; 
	background-position: 0 -40px; 
	background-color: #0046AD; 
}
                
a.button:active
{ 
	margin-top: 1px;
	background-position: 0 -81px; 
	border-color: #0046AD; 
	background-color: #0046AD; 
	color: #FFFFFF; 
}

#result
{
	clear: both !important;
}

#changeTINsummary .validation-summary-errors 
{
	margin-top: 0.833em;
	font-size: 1.083em;
	font-weight: bold; 
	background: #EBE4E4;
	border: 0.083em #CCCCCC solid; 
	width: 20.333em;
	padding-left: 0.333em;
}

/* these are used by telerik grid */
 .t-grid table
{
table-layout: fixed;
}
.t-header
{
    height: 40px;
    white-space: normal;
    
    overflow: hidden;
    vertical-align: top;
}

/* Phase 3/Phase 4 CSS */
#accessdeniedContainer {
    height: 15em;
}

ol.numbers
{
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: inside;
}

.bold-huge
{
	font-weight: bolder;
	margin-right: 0.417em;
	font-size: 1.5em;
	font-variant: normal !important;
}

.users  /* To manage users */
{
	padding: 0em 0em 0em 0em;
	margin-bottom: 5em;
	width: 65%;
	font-size: 1em;
}

.users th
{
	font-weight: bold;
	text-align: left;
	padding-right: 1.5em;
	font-size: 1em;
}

.users td
{
	text-align: left !important;
	line-height: 1.667em;
}

.manage  /* To manage users */
{
	clear: both;
	padding: 0em 0em 0em 0em;
	margin-bottom: 3em;
	width: 80%;
	font-size: 1em;
}

.manage th
{
	font-weight: bold;
	text-align: left;
	padding-right: 1.5em;
	font-size: 1em;
	border: none;
	text-decoration: none;
}

.manage td
{
	text-align: left !important;
	line-height: 1.667em;
	width: auto;
	white-space: nowrap;
	border-collapse: collapse;
}

.manage td .check
{
	max-width: 2em;
}

ul.disc2 
{
	margin-left: 2em;
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
}

.display-field-widest
{
	margin-left: 20.5em;
	margin-top: inherit;
	margin-bottom: inherit;
	vertical-align: top;
}

#subuseractivationcodeentryContainer
{
    height: 21.667em;
}

#generateactivationcodeContainer
{
	    height: 21.667em;	
}

.display-field-higher
{
	margin-left: 11em;
	margin-top: -0.417em;
	margin-bottom: inherit;
	text-align: inherit;
	vertical-align: middle;
	font-weight: normal !important;
}

#deleteuserconfirmationContainer
{
	height: 21.667em;	
}

.indent
{
	margin-left: 2em;
}

ul.Wide
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin-top: -22em;
	margin-left: 20em;
}

/*Below styles added on 01/04/2012(MM/Dd/YYYY)*/
#manageusersContainer
{
    width: 50em;
}

#SubUsersGrid td
{
    text-align: left !important;
}

#SubUserAccessCodesGrid
{
    width: 50em;
}

#SubUserAccessCodesGrid td
{
    text-align: left !important;
}

#registrationTransferContainer
{
       height: 21.667em;    
}
#ssologonContainer
{
       height: 21.667em;    
}

#subUserPermissionsContainer
{
       height: 20em; 
}

.display-notification
{  
    border-radius: 25px;
    border: 2px solid #0046ad;
    padding: 20px;
    width: 90%;
    margin-bottom: 35px;
}
    
.display-notification-header
{
    color: #0046ad;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

/*   Phase 3 / Phase 4 CSS Ends */