/* Styles applicable to all pages */
.clearR
{
	clear: right;
}

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

.cradle
{
	margin: 0 auto;
}


/* Master Page Styles*/

.masterContent
{
	margin: 0;
	width: 975px;
	background-color: White;
	height: 100%;
}
.header_logo_and_tasknav
{
	background-color: #00245d;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
}
.ESOLLogo
{
	width: 100%;
	padding-top: 10px;
	margin: 0px;
	text-align: left;
}
.ESOLLogo a:link
{
	width: 100%;
	float: left;
	text-align: left;
}
.ESOLLogo a:active
{
	width: 100%;
	float: left;
	text-align: left;
}
.ESOLLogo a:visited
{
	width: 100%;
	float: left;
	text-align: left;
}
.ESOLLogo a:hover
{
	width: 100%;
	float: left;
	text-align: left;
}
.userdetail
{
	text-align: right;
	padding-right: 10px;
}
.contentHolder
{
	float: left;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	width: 100%;
}

.contentHolder a:link
{
	color: #34517d;
	text-decoration: none;
	width: auto;
	float: none;
}
.contentHolder a:visited
{
	color: Purple;
	text-decoration: none;
	width: auto;
	float: none;
}
.contentHolder a:hover
{
	color: #000000;
	text-decoration: underline;
	width: auto;
	float: none;
}
.contentHolder a:active
{
	color: #34517d;
	text-decoration: none;
	width: auto;
	float: none;
}
/*Changed by Satya 05-02*/
.menu_and_content
{
	height: 80%;
	text-align: left;
	float: none;
	clear: both;
}

.topMenuDiv
{
	background-color: #0073c5;
	color: White;
	height: 20px;
	width: 100%;
}
.topMenuDiv a
{
	color: White;
}
/*Changed by Satya 05-02*/
.subMenuDiv
{
	color: White;
	height: 10px;
	float: none;
	clear: both;
}
.subMenuDiv a
{
	color: White;
}
.staticMenuItem
{
	border-right: solid 1px #FFFFFF;
}
.footerMenu
{
	color: #393939;
	vertical-align: bottom;
	text-align: center;
	width: 100%;
	float: left;
}
.menuStyle
{
	color: White;
	background-color: #0073c5;
}
.staticMenu
{
	background-color: #0073c5;
	height: 10px;
}
.dynamicMenu
{
	background-color: #0073c5;
	height: 10px;
}
.messageDisplayDiv
{
	vertical-align: middle;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
}
.SuccessMessage
{
	color: Green;
	font-size: 11px;
}
.ErrorMessage
{
	color: Red;
	font-size: 11px;
}
/*Changed by Satya 05-02*/
.lineStyle
{
	color: Silver;
	float: none; /* Mod*/
	width: 100%;
	clear: both;
}
/* Page Specific Style*/
.siteName
{
	font-weight: bold;
	font-size: 17pt;
	text-align: center;
	height: 5%;
}
.searchFieldsDiv
{
	background-color: #E5E5E5;
	width: 100%;
	height: 60%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.searchFieldslabel
{
	text-align: right;
	width: 120px;
}
.searchFieldslabelLarge
{
	text-align: right;
	width: 150px;
}
.subheader
{
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}
.searchFieldsSubheader
{
	text-align: left;
	font-weight: bold;
	width: 120px;
}
.submitButton
{
	margin-top: 10px;
}
.shortTextBox
{
	color: Black;
	font-style: normal;
	width: 174px;
}
.shortNoColorTextBox
{
	font-style: normal;
	width: 174px;
}
.longTextBox
{
	width: 250px;
}
.comboBox
{
	width: 180px;
}

.smallComboBox
{
	width: 100px;
}
.siteMapStyle
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.resultsGrid
{
	height: 50%;
}
.loginDetailDiv
{
	margin-top: 5%;
	height: 150px;
	width: 300px;
}
.pageHeader
{
	font-weight: bold;
}
.linkButtonStyle
{
	text-decoration: underline;
}

.roleAccessTable
{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #000000;
	background-color: white;
	border-spacing: 0;
}
.roleAccessTable td
{
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000000;
}
.columnHeader
{
	background-color: Gray;
	color: White;
	font-weight: bold;
	border-width: 1px 1px 0 0;
	border-style: solid;
	padding: 4px 10px 4px 5px;
}
.innerCellsSmall
{
	text-align: left;
	width: 14%;
	padding: 4px 10px 4px 5px;
}
.innerCellsLarge
{
	text-align: left;
	width: 20%;
	padding: 4px 10px 4px 5px;
}
.rowHeader
{
	text-align: left;
	padding: 4px 10px 4px 5px;
}
.buttonDiv
{
	padding-left: 30%;
}
.paddingLeft5Percent
{
	padding-left: 2%;
}
.mandatoryIndicator
{
	color: Red;
}
/* GridView Skin Styles*/

.gridViewHeader
{
	background-color: #B6DEBB;
}
.gridViewHeader th
{
	border: solid 1px eeeeee;
	text-align: center;
}
.gridViewHeader a:link, a:active
{
	color: #575757;
	text-decoration: underline;
	float: none;
}
.gridViewHeader a:visited
{
	color: #575757;
	text-decoration: underline;
	float: none;
}
.gridViewHeader a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	float: none;
}
.gridViewRow
{
	background-color: #F4F4F4;
	height: 25px;
	vertical-align: middle;
}
.gridViewRow td
{
	border: solid 1px #eeeeee;
}
.gridViewRow a:link, a:active
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}
.gridViewRow a:visited
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}
.gridViewRow a:hover
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}
.gridViewAlternatingRow td
{
	border: solid 1px #eeeeee;
}
.gridViewAlternatingRow a:link, a:active
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}
.gridViewAlternatingRow a:visited
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}
.gridViewAlternatingRow a:hover
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
	text-decoration: underline;
}

.gridViewAlternatingRow
{
	background-color: #FFFFFF;
	height: 25px;
	vertical-align: middle;
}
.gridViewEditRow
{
	color: #000000;
	height: 25px;
}
.gridPager
{
	font-weight: normal;
	vertical-align: middle;
}
.alignMiddleDiv
{
	vertical-align: middle;
}
.gridViewFooter
{
	color: #f1f2f6;
	height: 17px;
	border-left: solid 1px ButtonFace;
	font-weight: bold;
	white-space: nowrap;
	background-color: #f0f0f0;
}
.gridHeaderButton
{
	background-color: #4d668e;
	border: none;
	color: #fff;
	font-weight: bold;
	width: 80%;
	cursor: pointer;
	text-align: center;
}

/*Page Specific Styles */
.divLeft
{
    float: left;
    padding-right: 5px;
}

.divSubHeaderLeft
{
	width: 50%;
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
	float: left;
}
.divSubHeaderRight
{
	width: 40%;
	text-align: right;
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
}
.searchFieldDiv
{
	background-color: #E5E5E5;
	width: 100%;
	height: 60%;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.rightAlignedDiv
{
	text-align: right;
	float: left;
	width: 18%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightAlignedDivQP
{
	text-align: right;
	float: left;
	width: 28%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightAlignedDivSmaller
{
	text-align: right;
	float: left;
	width: 10%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightAlignedDivLarger
{
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightAlignedDivSmall
{
	text-align: right;
	float: left;
	width: 18%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.rightAlignedDivLargeTeamLeader
{
	text-align: right;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.leftAlignedDivLarge
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 30%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignedDivLargeEvidenceLink
{
	padding-left: 3px;
	text-align: left;
	float: right;
	width: 77.6%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.specialNeedsDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 30%;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: left;
}
.specialNeedsRightDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 60%;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: right;
}
.leftAlignedDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignIcon
{
	vertical-align:middle;
}
.leftAlignedDivRole
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.searchFieldsDiv
{
	float: left;
	width: 120px;
}
.searchFieldsDivLarge
{
	float: left;
	width: 150px;
}
.saveDateButtonClass {
	width: 48px;
}
.cancelButtonClass {
	width: 60px;	
}
.fullWidthDiv
{
	width: 100%;
	clear: both;
}
.backGroundColor
{
	background-color: #E5E5E5;
	clear: both;
}
.centreAlignDiv
{
	text-align: center;
	width: 100%;
}
.centreAlignDivWithPadding
{
	text-align: left;
	width: 100%;
	padding-top: 3px;
}

.centreAlignDivSmall
{
	text-align: center;
	width: 80px;
	float: left;
	padding-right: 15px;
}
.centreAlignDivGrids
{
	text-align: center;
	width: 80px;
	float: left;
	vertical-align: bottom;
	height: 150px;
}
.centreAlignFirstNameDivSmall
{
	text-align: center;
	width: 120px;
	float: left;
	padding-right: 15px;
}
.centreAlignLastNameDivSmall
{
	text-align: center;
	width: 120px;
	float: left;
	padding-right: 10px;
}
.centreAlignDivSmallWithoutPadding
{
	text-align: center;
	width: 80px;
	float: left;
}
.centreAlignDivSmallerLeft
{
	text-align: left;
	width: 40px;
	float: left;
	padding-right: 8px;
}
.centreAlignDivSmallerRight
{
	text-align: right;
	width: 40px;
	float: left;
	padding-right: 8px;
}
.topMenuDivLeft
{
	width: 60%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 3px;
	font-weight: bold;
}
.topMenuDivRight
{
	width: 37%;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 3px;
}
.smallLengthDiv
{
	width: 100%;
	background-color: #E5E5E5;
}
.topMenuDivWithHeight
{
	color: Black;
	height: 30px;
	width: 100%;
	border: solid 1px gray; /*height: 25px;*/
	vertical-align: middle;
}
.halfWidthDivSmall
{
	float: left;
	width: 35%;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.loginHeader
{
	font-weight: bold;
	background-color: #E5E5E5;
	width: 100%;
	height: 20px;
	vertical-align: middle;
}
.halfWidthDiv
{
	float: left;
	width: 60%;
	text-align: right;
	padding-bottom: 5px;
}
.halfWidthLeftDiv
{
	float: left;
	width: 48%;
	text-align: right;
	padding-bottom: 5px;
	padding-left: 3px;
}
.halfWidthRightDiv
{
	float: right;
	width: 48%;
	text-align: left;
	padding-bottom: 5px;
}
.candidateEntryLeftDiv
{
	float: left;
	width: 80%;
	text-align: right;
	padding-bottom: 5px;
}
.candidateEntryRightDiv
{
	float: right;
	width: 18%;
	text-align: left;
	padding-bottom: 5px;
}

.rightAlignDiv
{
	text-align: right;
	padding-right: 9%;
}
.centreAlignDiv
{
	text-align: center;
	width: 100%;
}
.rightFloat
{
	float: right;
}
.rightFloatWidth
{
	float: right;
	width: 75%;
}
.rightFloatQuarterWidth
{
    float: right;
    width: 29%;
}

.leftFloat
{
	float: left;
}
.leftFloatThreeQuarterWidth
{
	float: left;
	width: 70%;
}

.fullWidthTabel
{
	width: 100%;
}
.rightAlignColumn
{
	text-align: right;
}
.saveDiv
{
	text-align: center;
	width: 10%;
	float: left;
}
.saveDiv
{
	text-align: right;
	width: 48%;
	float: left;
}
.saveAllDiv
{
	text-align: left;
	width: 48%;
	float: right;
}
.smallerLengthDiv
{
	width: 55%;
	background-color: #E5E5E5;
}
.invisibleDiv
{
	display: none;
}
/* Changed by Satya 05-02*/
.topPadding
{
	padding-top: 20px;
	padding-left: 50px;
}

/*To hide the ID columns in Grid View*/
.HiddenCell
{
	visibility: hidden;
	display: none;
}
.divSubHeaderLeftLong
{
	width: 70%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}
.divSubHeaderRightShort
{
	width: 20%;
	text-align: right;
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
}
.gridViewSearchEditVenue
{
	border-color: Black;
	border-style: Solid;
	border-width: 1px;
}
.watermarkOn
{
	color: black; /*font-style: italic;*/
}

/* Added by Dhanunjaya for Add Candidate Entry 10-02-2009*/
.AddCandidateEntryFirstDiv
{
	background-color: #E5E5E5;
	padding: 5px 5px 5px 5px;
	width: 40%;
	float: left;
	height: 100px;
}
.AddCandidateEntryFirstDivLarge
{
	background-color: #E5E5E5;
	padding: 5px 5px 5px 5px;
	width: 40%;
	float: left;
	height: 180px;
	margin-left: 20px;
}
.AddCandidateTwoDivs
{
	float: left;
	height: 100px;
	padding: 0px 5px 5px 5px;
}
.AddCandidateEntrySecondDiv
{
	float: left;
	height: 100%;
	margin-left: 10px;
	width: 30%;
}
.ManageSessionMessageDiv
{
	float: left;
	height: 100%;
	margin-left: 370px;
	width: 60%;
}
.AddCandidateEntryThirdDiv
{
	float: right;
	height: 100%;
	margin-left: 5px;
	width: 28%;
}
.paddingDiv
{
	padding-bottom: 20px;
	padding-left: 3px;
	padding-top: 3px;
	font-weight: bold;
}
.entryManagementDivFixed
{
	width: 170px;
	text-align: right;
	float: left;
}
.bulkLableDiv
{
	width: auto;
	text-align: left;
	float: left;
}
.bulkLableDivFixed
{
	width: auto;
	text-align: left;
	float: left;
}
.cOELableDiv
{
	width: 160px;
	text-align: right;
	float: left;
	padding-top: 5px;
}
.cOELable1Div
{
	width: 60px;
	text-align: left;
	float: left;
	padding-top: 5px;
}
.cOEGridDiv
{
	float: left;
	padding-left: 5px;
	text-align: left;
	width: 300px;
}
.reasonsLableDiv
{
	text-align: right;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
}
.entryManagementDiv
{
	text-align: left;
	float: left;
	padding-left: 10px;
}
.leftPaddingDiv
{
	padding-left: 10px;
	float: left;
}
.rightPaddingDiv
{
	padding: 5px 1px 0 0;
	float: right;
}
.sessionDivColored
{
	background-color: Gray;
	color: White;
	text-align: center;
	width: 100%;
}

.sessionDivColoredLarge
{
	background-color: Gray;
	color: White;
	float: left;
	text-align: center;
	width: 271px;
}
.sessionDiv
{
	width: 100%;
	float: left;
	text-align: center;
	height: 20px;
}
.smallWidthDiv
{
	width: 25px;
	float: left;
	text-align: right;
	height: 20px;
	background-color: Gray;
}
.sessionDivLarge
{
	border-color: Black;
	border-style: solid;
	border-width: 1px;
	width: 150px;
	float: left;
	text-align: center;
	height: 27px;
	vertical-align: middle;
}
.searchEditDivFixed
{
	width: 100px;
	text-align: right;
	float: left;
}
.userManagementDivFixed
{
	width: 170px;
	text-align: right;
	float: left;
}
.SearchCandidateDiv
{
	background-color: #E5E5E5;
	width: 30%;
	float: left;
	height: 180px;
}

.userManagementDiv
{
	text-align: left;
	float: left;
	padding-left: 10px;
}
.gridTextBox
{
	width: 85%;
}
.gridLabel
{
	padding: 0px;
}
.sesDLGrid tr td
{
	padding-left: 4px;
}
/* Added by Dhanunjaya for Add Candidate Entry 10-02-2009*/
.rightAlignedDivMediumSmall
{
	text-align: right;
	float: left;
	width: 15%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

/*Added to include CSS class changes in Marks Management Screens  START*/
.divSmallSubHeaderLeft
{
	width: 40%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
	clear: none;
}

.rightAlignedDivMedium
{
	text-align: right;
	float: left;
	width: 20%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}


.leftAlignedDivSmall
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 18%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.rightAlignedDivMediumLarge
{
	text-align: right;
	float: left;
	width: 15%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.searchFieldDivWithoutColor
{
	width: 100%;
	height: 60%;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.searchFieldDivWithoutColorMarks
{
	width: 100%;
	padding-top: 3px;
	padding-left: 3px;
}
.divSmallerSubHeaderLeft
{
	width: 16%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}
.divSubHeaderleftAlign
{
	width: 80%;
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
	float: right;
}
.rightAlignDivWithTopPadding
{
	text-align: right;
	padding-right: 12px;
	padding-top: 6px;
	width: 55%;
}
.leftAlignedDivSmaller
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 10%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.boldLabel
{
	font-weight: bold;
}
.leftAlignedDivSmallest
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 5%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.rightAlignedDivLarge
{
	text-align: right;
	float: left;
	width: 22%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.shortestTextBox
{
	width: 80px;
}
.rightAlignedDivMediumLargeMarks
{
	text-align: right;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.leftAlignedDivSmallestCheck
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.boldLabelMarks
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.divMediumSubHeaderLeft
{
	width: 70%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
	clear: none;
}
/* Added by Arif for Add View Speaking Test Marks 10-02-2009*/
.examLabelDivFixed
{
	vertical-align: middle;
	padding-top: 7px;
	width: 170px;
	text-align: right;
	float: left;
	height: 18px;
}
.examDropdownDiv
{
	padding-left: 10px;
	text-align: left;
	float: left;
}
.examTextBoxDiv
{
	padding-top: 4px;
	padding-left: 10px;
	text-align: left;
	float: left;
}

/* Raghu added the classes*/
.bigTextBox
{
	height: 75px;
	width: 500px;
}
.validField
{
	background-color: White;
	margin: 0px;
}
.inValidField
{
	background-color: Yellow;
	margin: 0px;
}

.divSmallFont
{
	width: 55%;
	text-align: left;
	font-size: xx-small;
	padding-bottom: 10px;
	float: right;
	clear: right;
}

/*Added this to test watermark */
.watermarkOn
{
	color: black; /*font-style: italic;*/
	width: 80px;
}

/* Collapsable DataGrid Styles */
.firstClass
{
	
}
.firstClassExp
{
	width: 140px;
}
.lastClass
{
}
.lastClassExp
{
	width: 140px;
}
.packClass
{
}
.packClassExp
{
	width: 60px;
}
.dobClass
{
	width: 60px;
	color: black;
}
.dobClassExp
{
	width: 80px;
	color: Black;
	font-style: normal;
}
.countryClass
{
	width: 20px;
}
.countryClassExp
{
	width: 30px;
}
.areaClass
{
	width: 20px;
}
.areaClassExp
{
	width: 50px;
}
.phoneClass
{
	width: 50px;
}
.phoneClassExp
{
	width: 90px;
}
.emailClass
{
}
.emailClassExp
{
	width: 130px;
}
.internalClass
{
}
.internalClassExp
{
	width: 130px;
}
.mobileClass
{
}
.mobileClassExp
{
	width: 130px;
}
.campaignCodeClass
{
}
.campaignCodeClassExp
{
	width: 100px;
}
.candTypeClass
{
}
.candTypeClassExp
{
	width: 130px;
}
.cpClass
{
}
.cpClassExp
{
	width: 130px;
}
.genderClass
{
}
.genderClassExp
{
	width: 130px;
}
.aicReqClass
{
}
.aicReqClassExp
{
	width: 50px;
}
.candNumberClass
{
}
.candNumberClassExp
{
	width: 50px;
}
.wrapCellsClass
{
	word-break: break-all;
}

.confirmationImageClass
{
	width:6%;
	padding:0px 5px 0px 5px;	
}
.confirmationMessageClass
{	
	color: Black;
	padding:0px 5px 0px 5px;
	width: 84%;
}
.confiramtionClass
{
	width: 100%;
	padding-top: 15px;
	padding-bottom:10px;
}
.fiftyPixcelWidth
{
	width: 50px;
}
.confirmationImage
{
	width:32px;
	height:32px;
}

.confirmationBoxButtonDivision
{
	text-align: center;
	width: 100%;
	padding-top: 10px;
}
/*Iteration 3 class*/
.rightAlignedDivSmallNew
{
	text-align: right;
	float: left;
	width: 9%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.leftAlignedDivNew
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 20%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignedDivLargeNew
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 49%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.leftAlignedDivLargeNew2
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 55%;
	padding-top: 3px;
	padding-bottom: 3px;
}


.leftAlignedDivMedium
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 20%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.centerAlignedDivSmall
{
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 8%;
}

.centreAlignDivWithTopPading
{
	text-align: center;
	width: 100%;
	padding-top: 20px;
}
.confirmationboxClass
{
	background-color: ButtonFace;
}
.leftAlignDivWithTopPading
{
	text-align: left;
	width: 100%;
	padding-top: 20px;
}
.centreAlignDivWithBottomPading
{
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}

.rightAlignPara
{
	text-align: right;
	vertical-align: top;
}
.homePageDiv
{
	height: 330px;
}
.addEntriesCriteriaDiv
{
	float: left;
	width: 333px;
}
.leftAlignPaddingTopDiv
{
	text-align: left;
	padding-top: 10px;
}

/*.watermarkOn
{
    color: #CCCCCC;
    font-style: italic;
    width: 174px;
}*/

.watermarkOn
{
	color: black; /*font-style: italic; /*  color: #BFC0BD;*/
	width: 174px;
}
.watermarkOff
{
	color: Black;
	font-style: normal;
	width: 174px;
}

.areaCodeStyle
{
	width: 35px;
}
.onePercentWidth
{
	width: 1%;
}
.twoPercentWidth
{
	width: 2%;
}
.fivePercentWidth
{
	width: 5%;
}
.eightPercentWidth
{
	width: 8%;
}
.tenPercentWidth
{
	width: 10%;
}
.fifteenPercentWidth
{
	width: 15%;
}
.twentyPercentWidth
{
	width: 20%;
}
.twentyFivePercentWidth
{
	width: 25%;
}
.sixtyFivePercentWidth
{
    width: 65%
}
.hundreadPercentWidth
{
	width: 100%;
}
.seventyFiveWidth
{
	width: 75%;
}
.sixPercentWidth
{
	width: 6%;
}
.threeSeventyThreeWidth
{
	width: 353px;
}
.goButtonClass
{
	width: 40px;
}

.firstLastNamesSpan
{
	display: inline-block;
	width: 130px;
}
.contactNumSpan
{
	display: inline-block;
	width: 50px;
}
.contactNumTelephoneSpan
{
	display: inline-block;
	width: 80px;
}

.fontNormal
{
	font-weight: normal;
}
.fontBold
{
	font-weight: bold;
}

#logout a
{
	color: Black;
	text-decoration: underline;
}
.roleAccessTable th
{
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000000;
}
.examDropDownListWidth, .sessionDropDownListWidth
{
	width: 150px;
}
.saveButtonClass
{
	width: 230px;
}
.phoneNumberTextFieldClass
{
	width: 126px;
	display: inline-block;
}
.autoWidth
{
	width: auto;
}
.centerAlignedText
{
	text-align: center;
}
.twentyOneHeight
{
	height: 21px;
}
.uploadButtonHeight
{
	height: 21px;
}
.uploadButtonClass
{
	height: 21px;
	width: 72px;
}
.linkSubmitButton
{
	display: inline-block;
	background-color: Transparent;
	font-style: normal;
	color: Navy;
	border-style: none;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
}
.linkErrorSubmitButton
{
	display: inline-block;
	background-color: Transparent;
	font-style: normal;
	color: #8a1f11;
	border-style: none;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
}
.linkSubmitButtonDisabled
{
	display: inline-block;
	background-color: Transparent;
	font-style: normal;
	color:#414141;
	border-style: none;
	text-align: left;
	cursor:text;
	text-decoration: none;
	color:Black;
}

.fourZeroPercentWidth
{
	float: left;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	width: 40%;
}

.fiveOnePercentWidth
{
	float: left;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	width: 51%;
}

.centreAlignDivGridsAllocation
{
	padding-left: 11px;
	text-align: left;
	width: 51px;
	float: left;
	height: 260px;
	margin-top: 240px;
}

.ignoreDiv
{
	text-align: center;
	width: 51px;
	float: left;
	vertical-align: middle;
	height: 1px;
}

.centreAlignDivGridsAllocationLabel
{
	text-align: center;
	width: 51px;
	float: left;
	vertical-align: middle;
}


.currRow
{
	background-color: Gray;
	cursor: pointer;
	color: Purple;
}

.comboBoxDate
{
	width: 120px;
}

.rightAlignedDivLargeNew
{
	text-align: right;
	float: left;
	width: 40%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.thirtyfiveWidth
{
	width: 38%;
}

.thirteenPercentWidth
{
	width: 13%;
}

.sixtyPercentWidth
{
	width: 60%;
}

.reduceRightPad
{
	padding-right: 0px;
}

.rightAlignedDivLargeLabel
{
	text-align: right;
	float: left;
	width: 23%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.bigTextBoxCOE
{
	height: 75px;
	width: 600px;
}

.hideOnLoad
{
	visibility: hidden;
}

.freezing
{
	position: relative;
	z-index: 2;
}

.disableOnLoad
{
}

.summaryClass
{
	float: left;
	width: 256px;
	height: 115px;
}
.test
{
	color: Black;
}

.gridPadding
{
	padding-bottom: 2%;
}


.sevenTwoPercentWidth
{
	width: 72%;
}
.coeReasonsDiv
{
	float: right;
	width: 660px;
	height: 100px;
}

.fromWatermarkOn
{
	color: Black;
	width: 45px;
}

.toWatermarkOn
{
	color: Black;
	width: 45px;
}
.timeWatermarkOff
{
	width: 45px;
	color: Black;
}

.unallocatedStyle .table th, .topMenuDivLeft td
{
	padding: 6px 6px;
}
* html #divReduceWidth
{
	width: 49%;
	padding-right: 2px;
}

.colorGreen
{
	color: Green;
	font-weight: bold;
}

.colorGreen input
{
	color:Green;
	font-weight: bold;
}

.colorRed
{
	color: #c00;
	font-weight: bold;
}
.colorGray
{
	color: Gray;
}

.notVisible
{
	display: none;
}

.scrollGrid
{	
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 254px; /*scrollbar-3d-light-color: #999999; 	scrollbar-arrow-color: #9C3842; 	scrollbar-base-color: #003366; 	scrollbar-dark-shadow-color: #9C3842; 	scrollbar-face-color: #e7e7e7; 	scrollbar-highlight-color: #ffffff; 	scrollbar-shadow-color: 9C3842;*/
}

.closeGrid
{
	padding-left: 10px;
}

.grid-header
{
	background-color:Aqua;
}

.topDivLeft
{
	width: 20%;
	float: left;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;
}
.topDivRight
{
	width: 29%;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}

/* css for timetabling grids*/

.leftAlign
{
	/*margin-left: auto; 	margin-right: auto;*/
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.rightAlign
{
	width: 300px;
	text-align: right;
	vertical-align: middle;
}

.rightAlignDivSpan
{
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

.rightAlignedDivSmallButton
{
	width: 80px;
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}



/* ---------->>> jtip <<<---------------------------------------------------------------*/


#JT_arrow_left
{
	background-image: url(../../Includes/img/arrow_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 23px;
	left: -12px;
	position: absolute;
	top: -3px;
	width: 10px;
	z-index: 101;
}
#JT_arrow_right
{
	background-image: url(../../Includes/img/arrow_right.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 23px;
	position: absolute;
	top: -2px;
	width: 11px;
	z-index: 101;
}




#JT_close_left, #JT_close_right
{
	font-size: 1.1em;
}
#JT_copy p, #JT_copy ul
{
	font-size: 1.1em;
}
p, label
{
	font-size: 1.0em;
}
#contentPad
{
	margin: 20px;
}
.formInfo a, .formInfo a:active, forminfo a:visited
{
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 5px;
	padding: 1px 2px;
	text-decoration: none;
}
.formInfo a:hover
{
	color: #660000;
	text-decoration: none;
}

#JT
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	color: #000000;
	position: absolute;
	z-index: 100;
}
#JT_copy
{
	color: #333333;
	padding: 10px;
}
.JT_loader
{
	background-image: url(../../Includes/img/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 12px;
	width: 100%;
}
#JT_close_left
{
	background-color: #CCCCCC;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-top: 2px;
	text-align: left;
}
#JT_close_right
{
	background-color: #CCCCCC;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-top: 2px;
	text-align: left;
}
#JT_copy p
{
	margin: 3px 0;
}
#JT_copy img
{
	border: 1px solid #CCCCCC;
	padding: 1px;
}
.jTip, .jTipper, .jTips, .jTipp
{
	cursor: help;
}

.rightAlignedLabel
{
	float: right;
	padding-left: 12px /*display: inline-block;*/;
}

.navigateButtonClass
{
	width: 170px;
}

.twelveCentreWidth
{
	width: 12%;
	text-align: center;
}

.fifteenCentreWidth
{
	width: 15%;
	text-align: center;
}
.tenPercentCentreWidth
{
	width: 10%;
	text-align: center;
}
.thirtyPercentWidth
{
	width: 30%;
}

.eighteenPercentWidth
{
	width: 185px;
}

/*css for timetabling grids ends */

.candidateShade
{
	background-color: Lavender;
}

.dateShade
{
	background-color: aliceBlue;
}

.sesondThirdShade
{
	background-color: aliceBlue;
}

.boldLabelName
{
	font-weight: bold;
	font-size: 14px;
}

.colorBlack
{
	color: Black;
}

/* Added by Dhanunjaya for IT3 changes */
.allocaterightAligned
{
	font-weight: normal;
	text-align: right;
	margin-top: 7px;
}

.timeDiv
{
	background-color: Gray;
	color: White;
	text-align: center;
	height: 20px;
	width: 45%;
}
.leftAlignDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 11%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.rightAlignDivTeamLeader
{
	text-align: right;
	float: right;
	width: 35%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.leftAlignForSpeaking
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.rightAlignDivForSpeaking
{
	padding-bottom: 4px;
	padding-right: 30px;
	text-align: right;
}
.divForFromTo
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 35%;
	padding-top: 2px;
	padding-bottom: 3px;
}
.fiveFiveWidth
{
	width: 55px;
}
.fullWidthDivWithMargin
{
	width: 100%;
	clear: both;
	padding-top: 10px;
}
.fortyFivePercentWidth
{
	width: 45%;
}
.divForReadingDate
{
	float: left;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 3px;
	text-align: left;
	width: 85%;
}
.rightAlignDivForReading
{
	padding-bottom: 4px;
	padding-right: 50px;
	text-align: left;
}
.listeningCapacityClass
{
	width: 22%;
	text-align: center;
}

.halfWidthDivForBreadCrumb
{
	float: left;
	width: 55%;
	display: block;
	vertical-align: middle;
}
.rightFloatForBreadCrumb
{
	float: right;
	vertical-align: middle;
}
.halfWidthDivForSpeaking
{
	float: left;
	width: 74%;
	text-align: right;
	padding-bottom: 5px;
}
.rightAlignForSpeaking
{
	text-align: right;
	float: left;
	width: 24.4%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightFloatForListening
{
	float: right;
	padding-top: 4px;
}

.centerAlignForComponent
{
	float: left;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	width: 18%;
}
.twentyOneWidth
{
	width: 21%;
}
.listeningButton
{
	width: 40%;
}

/* Added by Dhanunjaya for IT3 changes */


/* Added by Ezra for IT3 changes */
.floatLeftDivMedium
{
	width: 40%;
	float: left;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}

.grayborder
{
	border: solid thin #D3D3D3;
}

.whiteborder
{
	border: solid thin white;
}

.floatMiddleDivMedium
{
	width: 5%;
	float: left;
	height: 400px;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}
.floatMiddleDivMedium2
{
	width: 7%;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: solid thin white;
}
.floatRightDivMedium
{
	width: 54%;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}

.floatRightDivMedium3
{
	width: 52%;
	float: right;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}

.unallocateImage
{
	background-image: url(../../Includes/img/buttonArrowRight.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.allocateImage
{
	background-image: url(../../Includes/img/buttonArrowLeft.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.hoverLink
{
	text-decoration: none;
	color: Black;
}

.middleAlignedButtons
{
	width: 7%;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 30%;
	padding-bottom: 0px;
}


.floatRightDivMedium2
{
	width: 52%;
	float: right;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}
.borderAndHeight
{
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	height: 700px;
	overflow-y: auto;
	overflow-x: hidden;
}

.borderAndHeightSub
{
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.candidateLabel
{
	background-color: Transparent;
	color: #575757;
	height: 25px;
	background: #dedede url(../img/box1Title.gif) no-repeat left top;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 6px 0px 0px 12px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: middle;
}
/* Added by Ezra for IT3 changes */


/* for hoem page changes*/
.rightAlignedDivHome
{
	text-align: right;
	width: 80px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
}
.leftAlignedDivHome
{
	padding-left: 11px;
	text-align: left;
	width: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.examDropDownListWidthHome
{
	padding-top: 12px;
	width: 150px;
}
.goButtonHomeClass
{
	width: 61px;
}
.centreAlignDiv1
{
	text-align: center;
	width: 80%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
}
.rightalignlabel
{
	text-align: right;
}
.modalWindow
{
	width: 400px;
	height: 100%;
	left: 0;
	position: absolute;
	padding: 5px;
}

.bulkModifyModalFullWidthDiv
{
	width: 100%;
	clear: both;
	padding-left: 5px;
}

.bulkModifyModalWindow
{
	width: 450px;
	height: 100%;
	left: 0;
	position: absolute;
	padding: 5px;
}

.centreHomeModalWindow
{
	width: 900px;
	height: 100%;
	left: 0;
	position: absolute;
	padding: 5px;
}

.homeExamDropDownListWidth
{
	width: 100%;
}


.buttonSection
{
	width: 10%;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.shortTextbox
{
	width: 50px;
}

.centreAlignedDivLarge
{
	padding-left: 3px;
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.paddingFour
{
	padding: 4px;
}
.iconAlignClass
{
	float: left;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	width: 3%;
}

.textAlignClass
{
	float: left;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 3px;
	text-align: left;
	width: 15%;
}

.GVFixedHeader
{
	font-weight: bold;
	background-color: White;
	position: relative;
	top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.bottomPadding
{
	padding-bottom: 8px;
}

.homeLeftAlignedDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 55%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.modalError
{
	background: #FBE3E4 none repeat scroll 0 0;
	border-color: #FBC2C4;
	padding: 2px;
	border-width: 2px;
	border: 2px solid;
	border-color: #FBC2C4;
	float: left;
	width: 350px;
}

.gridViewRowSelected td
{
	background: #f0f0f0 url(../img/gridBackground.png) repeat-x top;
}

.gridViewRowNoSelect td
{
	background: #f0f0f0 url(../img/gradientGray.gif) repeat-x top;
}

.modalLabel
{
	font-size: 1em;
}

.candidateNumberUnallocate
{
	width: 90px;
	text-align: center;
}

.candidateNumberAllocate
{
	width: 90px;
	text-align: center;
}

.column1Allocate
{	
	text-align: left;
	word-break: break-all;
}

.column2Allocate
{
	text-align: center;
}

.modalFullWidthDiv
{
	width: 100%;
	clear: both;
	padding-left: 15px;
}

.modalDivLeftText
{
	width: 40%;
	float: left;
	text-align: center;
}

.nintyPercentWidth
{
	width: 150px;
}


.modalRoomDiv
{
	width: 35%;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.modalRoomRightDiv
{
	width: 45%;
	float: left;
	text-align: left;
	padding-top: 5px;
}

.gridFreezeDiv
{
	z-index: 14;
	position: absolute;
	overflow: auto;
}

.floatPadding
{
	background: transparent url(../img/iconInformation.gif) no-repeat scroll left center;
	color: #666666;
	float: left;
	height: 20px;
	width: 3%;
	padding-top: 5px;
}
.twentyEightPercentWidth
{
	width: 280px;
}

.unallocatedDiv
{
	width: 40%;
	float: left;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #D2D2D2;
}

.allocateSittingDiv
{
	padding-bottom: 5px;
	padding-top: 5px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.allocateDiv
{
	width: 52%;
	float: right;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #D2D2D2;
}

.paddingFivePixels
{
	/*padding-left: 4px; 	padding-right: 4px;*/
	padding: 5px;
}

.marginLeftRight
{
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.blankDiv
{
	width: 100%;
	height: 12px;
	clear: both;
}

.floatRightPadding
{
	float: right;
	padding-top: 4px;
}


.timetablingTable td
{
	padding: 4px;
}

.paddingBig
{
	padding-bottom: 40px;
}

.marginBottom
{
	margin-bottom:30px;
}

.rightAlignedDivPopUp
{
	text-align: right;
	width: 22%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
	float: left;
}
.leftAlignedDivPopUp
{
	text-align: left;
	width: 76%;
	padding-top: 12px;
	padding-bottom: 12px;
	float: right;
}

.rightAlignTextDivPopUp
{
	text-align: right;
	width: 50%;
	font-weight: normal;
	float: left;
}


.rightAlignedDivClassBold
{
	text-align: right;
	width: 20%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
	float: left;
	vertical-align: middle;
}
.shortTextBoxCandidate
{
	color: Black;
	font-style: normal;
	width: 60px;
}
.rightAlignedDivLargeCandidate
{
	text-align: left;
	float: left;
	width: 22%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.rightAlignedDivCandidate
{
	text-align: right;
	float: left;
	width: 10%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.leftAlignedDivSmallCandidate
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 18%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.rightAlignedDivSmallCandidate
{
	text-align: right;
	float: left;
	width: 14%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.candidateEntryLeftDivChange
{
	float: left;
	width: 80%;
	text-align: right;
	padding-bottom: 5px;
}
.rightAlignedDivLargeCand
{
	text-align: right;
	float: left;
	width: 33%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.popUpDiv
{
	width: 700px;
	text-align: left;
}

.scrollGridHorizontal
{
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
}

.alternativeAddrDiv
{
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	clear: both;
	float: right;
}

.alternativeAddrLeftDiv
{
	padding-left: 3px;
	text-align: left;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
.alternativeAddrRightDiv
{
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	width: 35%;
}


.rightAlignedDivMediumCand
{
	/*text-align: right; 	float: left; 	width: 20%; 	padding-top: 3px; 	padding-bottom: 3px; 	font-weight: normal;*/
	clear: both;
	width: 100%;
	text-align: center;
}

.LeftAlignedCOESummary
{
	float: left;
	width: 256px;
	height: 100px;
}

/*.completeLinks
{
	float:right;		
	text-align:left;
	width:14em;
}*/

.completeLinks
{
	float: right;
	text-align: left;
	width: 191px;
}

/*.hoverDiv
{	
	padding:2px 0px 0px 0px;
	background:White; 	
	border:1px solid #d2d2d2; 
	width:13.8em;
	z-index:500;
	position:absolute;
}*/

.hoverDiv
{
	padding: 2px 0px 0px 2px;
	background: White;
	border: 1px solid #d2d2d2;
	max-width: 16%;
	min-width: 109px;
	z-index: 500;
	position: absolute;
}

.hoverDiv a
{
	display: block;
	padding: 2px 1em 2px 2px;
	color: #000;
	text-decoration: none;
	text-align: left;
}

.hoverDiv a:hover
{
	text-decoration: underline;
}

.bottomLeftImage
{
	background: url(../../Includes/img/1bl.gif) 0 100% no-repeat #e68200;
	width: 20em;
}

.bottomRightImage
{
	background: url(../../Includes/img/1br.gif) 100% 100% no-repeat;
}

.topRightImage
{
	background: url(../../Includes/img/1tr.gif) 100% 0 no-repeat;
	padding: 10px;
}

.topLeftImage
{
	background: url(../../Includes/img/1tl.gif) 0 0 no-repeat;
}

.quickLinks
{
	background-color: White;
	border: 1px Solid #d2d2d2;
	float: right;
	font-weight: bold;
	padding: 2px 1em 2px 2px;
	height: 19px;
}
.threeFiftyThreeWidth
{
	width: 353px;
}
.threeThirtyThreeWidth
{
	width: 333px;
}

.fullWidthWA
{
	width: 100%;
}


.topMenuDivLeftForConvert
{
	width: 40%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 3px;
	font-weight: bold;
	padding-bottom: 2px;
}
.topMenuDivRightForConvert
{
	width: 19.5%;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}

.rightAlignedDivForGo
{
	text-align: right;
	float: left;
	width: 49.5%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.leftAlignedDivForGo
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 25%;
	padding-top: 11px;
	padding-bottom: 3px;
}

.topPaddingForCoe
{
	/*padding-top: 20px;*/
	padding-left: 35%;
}

.twentyfourPix
{
	height: 24px;
}

.result
{
	width: 710px;
	padding-left: 200px;
}
.topPadding
{
	padding-top: 20px;
}

.help
{
	float: right;
	margin-top: -50px;
	position: relative;
	z-index: 500;
}
.rightPadding
{
	padding-left: 20px;
}

.removeUnderLine
{
	text-decoration: none;
}

.contactDiv
{
	width: 750px;
	text-align: left;
	float: right;
}

div.logoutDiv
{
	margin-right: 10px;
	width: 75px;
	float: right;
}

div.centreDiv
{
	width: 530px;
	float: right;
}

 #popup_container
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #eee;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#popup_title
{
	background-color: ActiveCaption;
	color: CaptionText;
	cursor: move;
	font-size: 14px;
	font-weight: bold;
	line-height: 33px;
	margin: 0;
	padding: 0 15px;
	text-align: left;
}

#popup_content
{
	background: 16px 16px no-repeat url(../../Includes/img/question.ico);
	background-color: ButtonFace;
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_message
{
	padding-left: 48px;
}

#popup_panel
{
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt
{
	margin: .5em 0em;
}

.agreementPadding
{
	text-align: left;
	padding: 8px;
}


.progressWindow
{
	clear: both;
	width: 300px;
	height: 50px;
	position: absolute;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

.progressBarImage
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 20px;
}

.disabled
{
	background-color: #CCC;
}

.navyText
{
	color: Navy;
}

/* Enter COnsignment Details */
.fiftyPercentWidth
{
	width: 50%;
}

.rightAlignedDivFiftyPercent
{
	text-align: right;
	float: left;
	width: 36%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.leftAlignedDivFiftyPercent
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignedDivFiftyPercentSmall
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 40%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignedDivFiftyPercentLarge
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 60%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.iconAlignClass
{
	float: left;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	width: 3%;
}

.textAlignClass
{
	float: left;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 3px;
	text-align: left;
	width: 15%;
}

.leftAlignCentreNoDiv
{
	text-align:left;
	width: 90px;
	float: left;
	padding-right: 10px;
}

.noOfBoxesClass
{
	width:50px;
}

.boxNumbersClass
{
	width:400px;
}

.consignmentGoButtonClass
{
	Width:40px;
}

.fiftyPercentWidthDiv
{
	width:50%;
}

.thirtySixPercentWithDiv
{
	width: 36%;
	font-weight: normal;
}

.paddingSpan
{
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignText
{
	text-align :left ;
}

.thirtySixPercentWidth
{
	width: 36%;
}

.centreNumberClass
{
	width: 100px;
}

.eightPercentWidth
{
	width: 8%;
}

.twentyFivePercentWidth
{
	width: 25%;
}

.noOfBoxesPinkClass
{
	background-color: pink;
	width:50px;
}

.boxNumbersPinkClass
{
	background-color: pink;
	width:400px;
}

.pinkClass
{
	background-color: pink;
}

.tabs li {
	padding-left:9px;
	background:url(../../Includes/img/box5Title.gif) no-repeat left top;
	border-bottom:1px solid #fff;
	font-weight:bold;
}
.tabs li.selected {
	background:#b2d0e9 url(../../Includes/img/box2Title.gif) no-repeat left top;
	border-bottom:1px solid #b2d0e9;
}
.tabs span, .tabs a {
	padding:6px 9px 6px 0;
	display:inline-block;
}
.tabs li.selected span { background:url(../../Includes/img/box2Title.gif) no-repeat right top; }
.tabs a {
	text-decoration:none;
	background:url(../../Includes/img/box5Title.gif) no-repeat right top;
}
.tabs li.selected a 
{
	text-decoration:none;
	background:url(../../Includes/img/box2Title.gif) no-repeat right top;
}
.tabContent {
	padding:12px;
	margin-bottom:1.5em;
	border:1px solid #b2d0e9;	
	height:800px;
}

.centreAlign
{
	text-align: center;
}

.whiteText
{
	color:White;
	vertical-align:bottom;
}

.textBoxWidth
{
	width:82%;
}
.leftAlignedDivSmallest
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 14%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.rightAlignedDivSmallestCandidate
{
	text-align: right;
	float: left;
	width: 10%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.timeTableCheckBoxLeftAlign
{
	padding-left: 1px;
	text-align: left;
	float: left;
	width: 25%;
	padding-top: 1px;
	padding-bottom: 1px;
}

.emailDropDownLeftAlign
{
	float:left;
}

.emailLabelRightAlign
{
	float:right;
}

.emailConfirmationLabel
{
	float:left;
	font-weight:bold;
}

.rightDivWithThirtyOnePercent
{
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	width: 31%;
}
.divForAlignCheckBox
{
	padding-left: 3px;
	float: left;
	width: 10%;
	padding-top: 3px;
}

.bulkModifyFloatLeft
{
	float: left;
}

.bulkModifyFloatRight
{
	float: right;
	width: 70%;
}

.bulkModifyDropDownList
{
	width: 48%;
}

.deleteAttachFloatLeft
{
	float: left;
}

.deleteAttachFloatRight
{
	float: right;
}

.autoWidthDiv
{
	width: auto;
	clear: both;
}

.featureLabelSpan
{
	width: 90%;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-top: 1px;	
}

.pcDialogSpan
{
	width: 85%;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-top: 2px;	
	padding-left:70px;
}

.featureLabelClass
{
	/*margin-left: auto; 	margin-right: auto;*/
	text-align: left;
	vertical-align: middle;
	width: auto;
	left: 0px;
}

.featureLabelClassBold
{
	text-align: left;
	vertical-align: middle;
	width: auto;
	left: 0px;
	font-weight:bold;	
}

.modifyDeleteTextBoxClass
{
	Width: 179px;
}

.leftAlignPrepCentreModifyDelete
{
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.modalRoomDivPrepCentreModifyDelete
{
	width: 35%;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	left:15px;	
}

.modalRoomModifyDeleteDiv
{
	width: 35%;
	float: left;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left:40px;
}

.modalRoomModifyDeleteDiv input
{	
	vertical-align: middle;	
}

.modalRoomModifyDeleteDiv label
{
	vertical-align: middle;	
	
}

.modalRoomModifyDeletePrepCentreDiv
{
	width: 35%;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-left:37px;
	text-align:center;
}

.modalRoomModifyDeleteRightDiv
{
	width: 45%;
	float: left;
	text-align: right;
	padding-top: 5px;
}

.modalRoomModifyDeleteprepCentreRightDiv
{
	width: 45%;
	float: left;
	text-align: right;
	padding-top: 5px;
	padding-left: 3px;
}

.modifyDeleteComboBox
{
	width: 185px;
}

.divForAlignCheckBox
{
	padding-left: 3px;
	float: left;
	width: 10%;
	padding-top: 3px;
}

.colorGreen input
{
	color:Green;
	font-weight: bold;
}

.modalErrorBulkModify
{
	background: #FBE3E4 none repeat scroll 0 0;
	border-color: #FBC2C4;
	padding: 2px;
	border-width: 2px;
	border: 2px solid;
	border-color: #FBC2C4;
	float: left;
	width: 450px;
}


.errorLinkSpecial 
{
	background:#FBE3E4;color:#8a1f11;
 }

.halfWidthDivReserve
{
	float: left;
	width: 24.5%;
	text-align: right;
	padding-bottom: 5px;
}

.secondHalfWidthDivReserve
{
	float: left;
	width: 24.5%;
	text-align: right;
	padding-bottom: 5px;
	clear:left;
}
.shortTextBoxReserve
{
	color: Black;
	font-style: normal;
	width: 90px;
}
.pinkClassReserve
{
	background-color: pink;
	width: 70px;
}
.topMenuDivLeftModify
{
	width: 60%;
	float: left;
	vertical-align: middle;
	padding-top: 14px;
	padding-left: 3px;
}
.topMenuDivLeftAddEntry
{
	width: 60%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: bold;
}

.linkSubmitButtonModify
{
	display: inline-block;
	background-color: Transparent;
	font-style: normal;
	color: Navy;
	border-style: none;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	float:left;
	margin-left:0px;
}

.centreAlignDivWithTopPadingVenue
{
	text-align: center;
	width: 90.5%;
	padding-top: 0px;
}
.DisableAncorTag a[disabled='disabled']
{
	color:Gray;
	text-decoration:none;	
}

.AddEntriesLinksDiv
{
	width: 100%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: bold;
}

.VerticalBottom
{
	vertical-align:bottom;	
}

.widthNintyPercent
{

	width: 93.5%;
	margin-left: 10px;
	margin-right: 10px;
}
.modalGrid
{
padding-left: 5px;	
}
.modalWindowTopPadding
{
	margin-top: 50px;
}
.modalWindowLeftPadding
{
	padding-left: 10px;
}

.emptyBlock
{
	display:block; 
	height:20px;
}

.uploadphotomessage
{
	width: 100%;	
	padding:.8em 0em .8em 0em;
	clear: both;
	margin-right:0px;
}

.largeComboBox
{
      width: 180px;
}

.verylargeComboBox
{
      width: 250px;
}

.verySmallComboBox
{
      width: 85px;
}


.leftAlignedDivWithPadding 
{
	float:left;
	padding-bottom:3px;
	padding-left:3px;
	padding-top:3px;
	text-align:left;
	width:90px;
}

.rightAlignedDivWithPadding
{
	text-align: right;
	float: left;
	width: 90px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	font-weight: normal;
}


.rightAlignedDivMediumLargeBold
{
      text-align: right;
      float: left;
      width: 20%;
      padding-top: 3px;
      padding-bottom: 3px;
      font-weight:bold;

}

.leftAlignedDivLarger
{
      padding-left: 3px;
      text-align: left;
      float: left;
      width: 70%;
      padding-top: 3px;
      padding-bottom: 3px;
}

.leftAlignedDivMediumLargeBold
{
      text-align: left;
      float: left;
      width: 20%;
      padding-top: 3px;
      padding-bottom: 3px;
      font-weight:bold;

}


.twelvePercentWidth
{
	width: 12%;
}

.OnefortyPixcelWidth
{
	width: 140px;
}

.h3StandOut
{
    color: Red;
    line-height: 2em
}

/*Examiner pages styles*/
.entireWidth
{
    width: 100%
}

.threeColumnsDivLeft 
{
    float: left;
    width: 15%;    
}

.threeColumnsDivMiddle
{
    float: left;
    width: 47%;    
}

.threeColumnsDivRight
{
    float: left;
    width: 37%;    
}

.personImage
{ 
    width: 135px; 
    height: 180px;
}
 
.threeColumnsDivLeft img 
{
    left: 60px; 
}

.threeColumnsDivLeft input
{
 width: 135px;
}

.form-unit
{
    float:left;
    width:100%; 
    margin-top:9px;
}

.form-unitNoTop 
{
    float:left;
    width:95%;
}

.boxinner
{    
    margin:0px;
    border:1px solid #D2D2D2;
    background: url(../../Includes/img/gradientBottom.gif) bottom left repeat-x; 
    height:100%;
    overflow:hidden;
}

.boxinnerRoleChange
{    
    margin:10px;
    border:0px;
    background: url(../../Includes/img/gradientBottom.gif) bottom left repeat-x; 
    height:100%;
    overflow:hidden;
    text-align: left;
}

.threeColumnsDiv 
{
    position:relative;
    margin:0 0 1.5em 0;
    clear:both;
}

.mainbox
{
    padding:10px 12px 20px 12px;
    margin:0;
    border:1px solid #D2D2D2;
    /*background: url(../../Includes/img/gradientBottom.gif) bottom left repeat-x; */
    height:100%;
    overflow:hidden;
}

.threeColumnsDiv h2
{
    color:#262626;
    font-size:1em;
    font-weight:bold;
    padding:0.7em 12px;
    margin:0 !important;	
    background:#dedede url(../../Includes/img/box1Title.gif) top repeat-x;
	border-bottom:1px solid #e8e8e8;
}

.nineteenPercentWidth
{
	width: 19%;
}

.legendBox 
{
    border:1px solid #D2D2D2;
    padding:0.7em;
}

.bottomLine{border-bottom:1px dotted #999;}

.myAltRowClass {
     background-color: #FFFFFF; 
     background-image: none;
} 

.myRowClass {
     background-color: #F4F4F4; 
     background-image: none;
}