/* 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: 0;
	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-bottom: 10px;
}
.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
{
	font-style: normal;
	width: 174px;
}
.longTextBox
{
	width: 250px;
}
.comboBox
{
	width: 180px;
}
.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%;
}
.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:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	float: none;
}
.gridViewHeader a:visited
{
	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 */
.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;
}

.paddingTopBottom
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.rightAlignedDivFiftyPercent
{
	text-align: right;
	float: left;
	width: 36%;
	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;
}
.leftAlignedDivLarge
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 30%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftAlignedInformation
{
	padding-left: 3px;
	text-align: left;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width:70%;
}
.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;
}
.leftAlignedDivForCandNum
{
	padding-left: 3px;
	text-align: left;
	float: left;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.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;
}
.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;
}
.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;
}
.confiramtionClass
{
	width: 100%;
	padding-top: 5px;
}
.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;
}
.leftAlignLastNameDivSmall
{
	text-align: left;
	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: 40%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
}
.topMenuDivRight
{
	width: 58%;
	float: right;
	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;
}

.leftFloat
{
	float: left;
}

.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;
}
/* 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;
	margin-left:10px;
	width:30%;
}

.AddCandidateEntrySecondDivFiftyPercent
{
	float:left;
	margin-left:10px;
	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:100%;
}
.sessionDiv
{
	width: 100%;
	float: left;
	text-align: center;
	
}
.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
{
	width: 30px;
}
.firstClassExp
{
	width: 100px;
}
.lastClass
{
	width: 25px;
}
.lastClassExp
{
	width: 95px;
}
.packClass
{
	width: 20px;
}
.packClassExp
{
	width: 30px;
}
.dobClass
{
	width: 80px;
	color: black;
}
.dobClassExp
{
	width: 80px;
	color: Black;
	font-style: normal;
}
.countryClass
{
	width: 20px;
}
.countryClassExp
{
	width: 30px;
}
.areaClass
{
	width: 20px;
}
.areaClassExp
{
	width: 50px;
}
.phoneClass
{
	width: 20px;
}
.phoneClassExp
{
	width: 85px;
}
.emailClass
{
	width: 20px;
}
.emailClassExp
{
	width: 100px;
}
.internalClass
{
	width: 20px;
}
.internalClassExp
{
	width: 100px;
}
.campaignCodeClass
{
	width: 20px;
}
.campaignCodeClassExp
{
	width: 100px;
}
.candTypeClass
{
	width: 40px;
}
.candTypeClassExp
{
	width: 100px;
}
.cpClass
{
	width: 30px;
}
.cpClassExp
{
	width: 100px;
}
.wrapCellsClass
{
	word-break: break-all;
}

.confirmationImageClass
{
	width: 30px;
}
.confirmationMessageClass
{
	color: Black;
}
/*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;
}

.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;
}*/
.textBox
{
	width: 220px;
	
}
.largeImage
{
	width:500px;
}

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

.areaCodeStyle
{
	width: 35px;
}
.twoPercentWidth
{
	width: 2%;
}
.fivePercentWidth
{
	width: 5%;
}
.eightPercentWidth
{
	width: 8%;
}
.tenPercentWidth
{
	width: 10%;
}
.fifteenPercentWidth
{
	width: 15%;
}
.twentyPercentWidth
{
	width: 20%;
}
.twentyFivePercentWidth
{
	width: 25%;
}
.hundreadPercentWidth
{
	width: 100%;
}
.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: #6379A0;
	border-style: none;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
}

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

.fortyPercentWidth
{
	width:40%;
}

.fiftyFivePercentWidth
{
	width:55%;
}

.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, .table td
{
	padding: 6px 6px;
}
* html #divReduceWidth
{
	width: 49%;
	padding-right: 2px;
}

.colorGreen
{
	color: Green;
	font-weight: bold;
}
.colorRed
{
	color: Red;
	font-weight: bold;
}
.colorGray
{
	color: Gray;
}

.notVisible
{
	display: none;
}

.scrollGrid
{
	overflow-y: auto;
	overflow-x: hidden;
	border-left: #000000 1px;
	width: 100%;
	border-bottom: #000000 1px;
	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
{
}

.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: 18%;
}

/*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;
}


.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;
}

.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;
}

.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;
}
.bottomPaddingForProfile 
{
	padding-bottom:10px;
}

.bottomPaddingContent
{
	padding-bottom:12px;
}

.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: 23%;
	text-align: center;
}

.candidateNumberAllocate
{
	width: 20%;
	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: 28%;
}

.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;
}

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

.reportFields span
{
	padding-top:15px;
}

.reportFields label
{
	padding-top:15px;
	padding-left:5px;
	padding-right:10px;
}

.alignOptions td
{
	width:90px;
}

.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
}



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

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

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

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

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

.leftAlignCentreNoDiv
{
	text-align:left;
	width: 80px;
	float: left;
	padding-right: 10px;
}
.topMenuDivLeftForConvert
{
	width: 40%;
	float: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 3px;
	padding-bottom: 2px;
}
.topMenuDivRightForConvert
{
	width: 19.5%;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 3px;
}
.fiftyPercentWidth
{
	width: 50%;
}

.paddingRight
{
	padding-right:20px;
}

.paddingTop
{
	padding-top: 15px;
}

.logoImg
{
	width:279;
	height:45;
}
.expertsImg
{
width:270;
 height:47;
}

.alteImg
{
width:244;
 height:51;
}
.medTextBox
{
	width:220px;
}
.tooShortTextBox
{
	width:35px;
}

.buttonDivSubmitPassword {
 padding-left: 18.25%
}
.image
{
 width: 35px;
}
.leftSpacing 
{
	padding-left: 3%;
}
.DatePicker
{
}
.mandatoryField
{
}
.pinkBackgroundColor
{
	background-color:Pink;
}
.gridPager
{
	text-align: center;
}

.promoImageStyle
{
	width:230px;
	height:140px;
}

.alignTop
{
	vertical-align:top;
}

.alignBottom
{
	vertical-align:bottom;
}

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

.centreDetailsDisplay
{
	padding-right:1px;
	vertical-align:top;
}