/*
================================================================================================
     global colours
================================================================================================

	blue: #0192D3
	green: #00A482
	yellow: #F3C615
	red: #E03030

*/


/*
================================================================================================
     redefined HTML tags
================================================================================================
*/

body {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #FFF;
	margin: 0;
	padding: 0;
	border: none;
}
p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 0 15px 0;
}
a {
	color: #6ED0FA;
	text-decoration: none;
}
a:hover {
	color: #4DB3E0;
	text-decoration: none;
}
h1 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}
h2 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 0 10px 0;
}
h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #007CB3;
	margin: 0 0 5px 0;
}
h4 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #5BAED5;
	margin: 0 0 5px 0;
}
h5 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #007CB3;
	margin: 25px 0 10px 0;
}
h6 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #768B91;
	margin: 0 0 8px 0;
}


/*
================================================================================================
     template styles
================================================================================================
*/

.tableLayout {
	width: 100%;
	margin: 30px auto 0 auto;
	padding: 0;
	border: none;
}
.tableLayout tr {
	vertical-align: top;
}
.tableLayout td.navCol {
	display: none;
}
.tableLayoutContent {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
.tableLayoutContent td.rowSubmenu {
	display: none;
}
#divContent {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.tableContentTop {
	width: 100%;
	border: none;
	margin: 0;
}
.tableContentTop td.tdImage {
	text-align: right;
	padding: 0 0 0 60px;
}
.tableContentBottom {
	width: 100%;
	border: none;
	margin: 0;
}
.pageImage {
	border: 1px #FFF solid;
}
.footer {
	display: none;
}
.navButton {
	width: 122px;
	height: 24px;
	border-right: 1px #FFF solid;
}



.tableLayoutHeader {
	width: 100%;
	border-top: 1px #FFF solid;
	border-right: 1px #FFF solid;
	border-bottom: none;
	border-left: 1px #FFF solid;
}
.tableLayoutTagline {
	width: 100%;
	height: 35px;
	border-top: none;
	border-right: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
	border-left: 1px #FFF solid;
}
.tableLayoutTagline td.taglineTd {
	padding: 0 0 0 25px;
}
.tableLayoutTagline td.headingTd {
	text-align: right;
	padding: 0 30px 0 0;
}

.tableLayoutHome {
	border: none;
	margin: 40px auto 0 auto;
}
.tableLayoutHomeNested {
	width: 100%;
	border: none;
	margin: 17px 0 0 0;
}


/*
================================================================================================
     other styles
================================================================================================
*/

.tableDynContent {
	width: 100%;
	border: 1px #FFF solid;
	margin: 0 0 25px 0;
	background-color: #4DB3E0;
	padding: 6px;
}
.tableDynContent p {
	padding: 7px;
	margin: 6px 0 0 0;
}

.tableAltRow {
	width: 100%;
	border: none;
	margin: 0 0 3px 0;
}
.tableAltRow td {
	padding: 5px;
}
.tableAltRow tr.rowEven,
.tableAltRow tr.rowOdd {
	vertical-align: top;
}
.tableAltRow tr.rowEven td {
	background-color: #4D4D4D;
}
.tableAltRow tr.rowOdd td {
	background-color: #0192D3;
}
.tableAltRow tr.rowEven,
.tableAltRow tr.rowEven a,
.tableAltRow tr.rowOdd,
.tableAltRow tr.rowOdd a {
	text-decoration: none;
}

.tableDynContent td.dynImageTd {
	width: 150px;
	padding: 6px;
	text-align: right;
	background-color: #0192D3;
}
html>body .tableDynContent td.dynImageTd {
	width: 150px;
	padding: 6px;
	text-align: right;
	background-color: #0192D3;
	border-left: 6px #FFF solid;
}
*:first-child+html .tableDynContent td.dynImageTd {
	border-left: none;
}
.tableDynContent td.dynNewsletterImageTd {
	padding: 6px;
	text-align: right;
}

.tableNestedDetails {
	width: 100%;
	border: none;
	margin: 0 0 -6px 0;
}
.tableNestedDetails tr {
	vertical-align: top;
}
.tableNestedDetails th {
	width: 50px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #4D4D4D;
	border-bottom: 6px #FFF solid;
	padding: 7px;
}
.tableNestedDetails td {
	background-color: #0192D3;
	border-bottom: 6px #FFF solid;
	padding: 7px;
}
.tableNestedDetails td.noStyle {
	background-color: #4DB3E0;
	border: none;
}
.tableNestedDetailsNewsletter {
	width: 0;
	border: none;
}
.tableNestedDetailsNewsletter th {
	width: 111px;
	padding: 7px;
}
.tableNestedDetailsNewsletter td {
	width: 70px;
	white-space: nowrap;
	text-align: center;
	padding: 7px;
}
.tableNestedSubClubs {
	width: 100%;
	border: none;
}
.tableNestedSubClubs th {
	width: 140px;
	text-transform: none;
	padding: 7px;
}
.tableNestedSubClubs td {
	padding: 7px;
}
.tableNestedLinks {
	width: 100%;
	border: none;
}
.tableNestedLinks th {
	width: 235px;
	text-transform: none;
	padding: 7px;
}
.tableNestedLinks td {
	padding: 7px;
}

.tableNestedContact {
	width: 100%;
	border: none;
}
.tableNestedContact th {
	width: 120px;
	text-transform: none;
	padding: 7px;
}
.tableNestedContact td {
	padding: 7px;
}


/*
================================================================================================
     other styles
================================================================================================
*/

.divider {
	width: 100%;
	height: 2px;
	background-color: #FFF;
	margin: 0 0 5px 0;
}
.dividerCA {
	margin: 10px 0 5px 0;
}
.anchorLinks {
	margin: -10px 0 30px 0;
}


/*
================================================================================================
     menu bar
================================================================================================
*/

.menu {
	background: #BAC7CB;
	width: 588px;
}
.menuEndLight,
.menuEndMedLight,
.menuEndMedDark,
.menuEndDark {
	width: 68px;
}
.menuEndLight {
	background: #BAC7CB;
}
.menuEndMedLight {
	background: #B0BEC3;
}
.menuEndMedDark {
	background: #A4B4B9;
}
.menuEndDark {
	background: #99AAAF;
}

/*
================================================================================================
     content layout
================================================================================================
*/

.tableContentLayout {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}
.tableContentLayout tr {
	vertical-align: top;
}
.contentSpacing {
	padding: 20px 0 0 0;
}
.viewJobsButton {
	float: right;
	margin: 0 30px 0 0;
	border: none;
}
.registerButton {
	float: right;
	margin: 12px 30px 0 0;
	border: none;
}
.canteenButton {
	margin: 12px 30px 0 0;
	border: none;
}
.applyNowButton {
	float: right;
	margin: 12px 0 0 0;
	border: none;
}
.contentButton {
	float: right;
	margin: 0;
}


/*
================================================================================================
     content outside tables
================================================================================================
*/

.outlineTableLeft,
.outlineTableRight {
	padding: 0;
	border-top: 1px solid #D3DADB;
	border-bottom: 1px solid #D3DADB;
}
.outlineTableLeft {
	float: left;
	margin: 0 30px 0 0;
	border-right: 1px solid #D3DADB;
}
.outlineTableRight {
	width: 315px;
	float: right;
	margin: 0;
	border-left: 1px solid #D3DADB;
}


/*
================================================================================================
     content outside table corners
================================================================================================
*/

.outlineTableCornerTR,
.outlineTableCornerBR {
	position: relative;
	float: right;
	right: 0;
	z-index: 50; /* keep corners underneath menu */
}
.outlineTableCornerTR {
	top: 0;
	margin: -1px -1px 0 0;
}
.outlineTableCornerBR {
	bottom: 0;
	margin: 0 -1px -1px 0;
}
.outlineTableCornerTL,
.outlineTableCornerBL {
	position: relative;
	float: left;
	left: 0;
	z-index: 50; /* keep corners underneath menu */
}
.outlineTableCornerTL {
	top: 0;
	margin: -1px 0 0 -1px;
}
.outlineTableCornerBL {
	bottom: 0;
	margin: 0 0 -1px -1px;
}


/*
================================================================================================
     content inside tables
================================================================================================
*/

.outlineTableContentLeft,
.outlineTableContentRight {
	margin: 30px 60px 0 50px;
	padding: 0 0 5px 0;
}
.outlineTableContentRight {
	width: 235px; /* .outlineTableRight with of 315px minus margin below */
	margin: 27px 40px 0 40px;
}
.outlineTableContentLeft ul {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 18px 40px;
	text-indent: -16px;
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}
/*
.outlineTableContentLeft ul a {
	list-style: square url(../images/bullet.gif) inside;
}
.outlineTableContentLeft ul a:hover {
	list-style: square url(../images/bullet_hollow.gif) inside;
}
*/
html>body .outlineTableContentLeft ul {
	margin: 0 0 12px 8px;
	text-indent: -17px;
	list-style: square url(../images/bullets/bullet_hollow_mozilla.gif) inside;
}
/*
html>body .outlineTableContentLeft ul li {
	list-style: square url(../images/bullet_mozilla.gif) inside;
}
html>body .outlineTableContentLeft ul li:hover {
	list-style: square url(../images/bullet_hollow_mozilla.gif) inside;
}
*/
*:first-child+html .outlineTableContentLeft ul {
	text-indent: -20px;
	margin: 0 0 12px 40px;
	text-indent: -16px;
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}
/*
*:first-child+html .outlineTableContentLeft ul a {
	list-style: square url(../images/bullet.gif) inside;
}
*:first-child+html .tableBulletPoints ul a:hover,
*:first-child+html .tableBulletPoints ul li:hover {
	list-style: square url(../images/bullet_hollow.gif) inside;
}
*/
html>body .outlineTableContentRight {
	margin: 20px 30px 0 15px;
}


/*
================================================================================================
     search / job listing table
================================================================================================
*/

.tableLeftLandscapeWidth {
	width: 554px;
	margin: 0;
}
.tableSearchLayout {
	margin: -1px 0 -11px 0;
}
html>body .tableSearchLayout {
	margin: -1px 0 -12px 0;
}
*:first-child+html .tableSearchLayout {
	margin: -1px 0 -11px 0;
}
.tableSearchLayoutCornerTR {
	position: relative;
	left: 282px;
	z-index: 50; /* keep corners underneath menu */
}
.tableSearchLayoutCornerBR {
	position: relative;
	float: right;
	right: -1px;
	bottom: 10px;
	z-index: 50; /* keep corners underneath menu */
}
html>body .tableSearchLayoutCornerBR {
	bottom: -1px;
}
*:first-child+html .tableSearchLayoutCornerBR {
	bottom: 10px;
}
.tableSearch {
	background-color: #D7DDDD;
	width: 260px;
	border: none;
	padding: 15px 15px 0 15px;
	margin: 1px 0 -1px 0;
}
html>body .tableSearch {
	padding: 15px 15px 20px 15px; /* 20px is to counteract the -10px bottom margin on .tableSearchForm */
	margin: 0 0 -12px 0;
}
*:first-child+html .tableSearch {
	padding: 15px 15px 0 15px;
	margin: 0 0 -1px 0;
}
.tableSearchCornerTR {
	position: relative;
	float: right;
	right: 0;
	top: 1px;
	margin: 0 0 -12px 0;
	z-index: 50; /* keep corners underneath menu */
}
.tableSearchCornerBR {
	position: relative;
	float: right;
	right: 0;
	bottom: 11px;
	z-index: 50; /* keep corners underneath menu */
}
html>body .tableSearchCornerBR {
	bottom: 0px;
}
*:first-child+html .tableSearchCornerBR {
	bottom: 11px;
}
.tableSearchForm {
	width: 100%;
	border: none;
	margin: 0 0 -10px 0;
}
.tableSearchFormRow {
	font: 10px Arial, Helvetica, sans-serif;
	color: #007CB3;
	height: 36px;
}
.tableIndustryList {
	margin: 3px 30px 0 30px;
	padding: 0 0 5px 0;
}
.tableIndustryList td {
	padding: 0 0 28px 0;
}
html>body .tableIndustryList td {
	padding: 0 0 12px 0;
}
*:first-child+html .tableIndustryList td {
	padding: 0 0 28px 0;
}
.tableIndustryList ul {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #768B91;
	margin: 12px 0 12px 10px;
	text-indent: -10px;
}
html>body .tableIndustryList ul {
	margin: 14px 0 12px -30px;
}
*:first-child+html .tableIndustryList ul {
	margin: 12px 0 12px 10px;
}
.tableIndustryList ul li {
	color: #768B91;
}
html>body .tableIndustryList ul li {
	list-style: none;
	background: url(../images/bullets/arrow.gif) no-repeat fixed;
}
.tableIndustryList ul li a {
	color: #768B91;
	list-style: none;
	background: url(../images/bullets/arrow.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
}
.tableIndustryList ul li a:hover {
	color: #007CB3;
	background: url(../images/bullets/arrow_over.gif) 0 5px no-repeat;
}
html>body .tableIndustryList ul li:hover {
	background: url(../images/bullets/arrow_over.gif) 0 0 no-repeat fixed;
}
*:first-child+html .tableIndustryList ul a:hover {
	background: url(../images/bullets/arrow_over.gif) 0 5px no-repeat;
}
*:first-child+html .tableIndustryList ul li:hover {
	background-image: none;
}


/*
================================================================================================
     search results table / job detail table
================================================================================================
*/

.tableJobListing,
.tableJobListingOver {
	margin: 1px 0 -1px 0;
	padding: 8px 10px 10px 10px;
	border: none;
}
.tableJobListingDetail {
	padding: 18px 25px 18px 50px;
}
.jobListingDetailContentTd {
	padding-right: 50px;
}
.tableJobListing {
	background-color: #D7DDDD;
}
.tableJobListingOver {
	background-color: #BAC7CB; /* #B0BEC3 */
	color: #FFF;
	cursor: hand;
	cursor: pointer;
}
.tableJobListingLocationTd {
	width: 175px;
	text-align: right;
}
.tableJobListing p,
.tableJobListingOver p {
	margin: 0 0 15px 0;
}
.tableJobListingOver p {
	color: #FFF;
}
.tableJobListing h3,
.tableJobListingOver h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
.tableJobListing h4,
.tableJobListingOver h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}
.textWhite {
	color: #FFF;
}
.tableJobListingCornerTR {
	position: relative;
	float: right;
	right: 20px;
	top: 1px;
	margin: 0 0 -12px 0;
	z-index: 50; /* keep corners underneath menu */
}
.tableJobListingCornerBR {
	position: relative;
	float: right;
	right: 20px;
	bottom: 11px;
	z-index: 50; /* keep corners underneath menu */
}
html>body .tableJobListingCornerBR {
	bottom: 11px;
}
*:first-child+html .tableJobListingCornerBR {
	bottom: 11px;
}
.resultsSpacer {
	width: 1px;
	height: 11px;
}
html>body .resultsSpacer {
	height: 12px;
}


/*
================================================================================================
     image layout
================================================================================================
*/

.imageRight {
	float: right;
	margin: 0;
	padding: 0;
}



/*
================================================================================================
     bullet points
================================================================================================
*/

.bulletPointLinks a {
	color: #768B91;
	text-decoration: none;
	white-space: nowrap;
}
.bulletPointLinks a:hover {
	color: #007CB3;
	text-decoration: none;
}
ul.bulletPointLinks {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #768B91;
	margin: 0 0 12px 40px; /* was 0 0 12px 45px for old bullet points */
	text-indent: -16px; /* was -15px for old bullet points */
	list-style: square url(../images/bullets/bullet.gif) inside;
}
ul.bulletPointLinks a:hover {
	color: #007CB3;
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}
html>body ul.bulletPointLinks {
	margin: 0 0 12px 8px; /* was 0 0 12px 13px for old bullet points */
	text-indent: -17px; /* was -22px for old bullet points */
	list-style: square url(../images/bullets/bullet_mozilla.gif) inside;
}
html>body ul.bulletPointLinks li:hover {
	list-style: square url(../images/bullets/bullet_hollow_mozilla.gif) inside;
}
*:first-child+html ul.bulletPointLinks {
	text-indent: -16px;
	margin: 0 0 12px 40px;
	list-style: square url(../images/bullets/bullet.gif) inside;
}
*:first-child+html ul.bulletPointLinks a:hover,
*:first-child+html ul.bulletPointLinks li:hover {
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}

.bulletPointLinksEm a {
	color: #768B91;
	font-style: italic;
	text-decoration: none;
	white-space: nowrap;
}
.bulletPointLinksEm a:hover {
	color: #007CB3;
	text-decoration: none;
}
ul.bulletPointLinksEm {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #768B91;
	margin: 0 0 12px 40px; /* was 0 0 12px 45px for old bullet points */
	text-indent: -16px; /* was -15px for old bullet points */
	list-style: square url(../images/bullets/bullet.gif) inside;
}
ul.bulletPointLinksEm a:hover {
	color: #007CB3;
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}
html>body ul.bulletPointLinksEm {
	margin: 0 0 12px 8px; /* was 0 0 12px 13px for old bullet points */
	text-indent: -17px; /* was -22px for old bullet points */
	list-style: square url(../images/bullets/bullet_mozilla.gif) inside;
}
html>body ul.bulletPointLinksEm li:hover {
	list-style: square url(../images/bullets/bullet_hollow_mozilla.gif) inside;
}
*:first-child+html ul.bulletPointLinksEm {
	text-indent: -16px;
	margin: 0 0 12px 40px;
	list-style: square url(../images/bullets/bullet.gif) inside;
}
*:first-child+html ul.bulletPointLinksEm a:hover,
*:first-child+html ul.bulletPointLinksEm li:hover {
	list-style: square url(../images/bullets/bullet_hollow.gif) inside;
}
ul.bulletPointLeft {
	margin: 0 0 12px 16px;
	text-indent: -16px;
}
html>body ul.bulletPointLeft {
	margin: 0 0 12px -23px;
	text-indent: -17px;
}
*:first-child+html ul.bulletPointLeft {
	text-indent: -16px;
	margin: 0 0 12px 16px;
}
.bulletPointListRightTd {
	padding: 0 0 0 40px;
}
html>body .bulletPointListRightTd {
	padding: 0 0 0 38px;
}
*:first-child+html ul.bulletPointListRightTd {
	padding: 0 0 0 40px;
}


/*
================================================================================================
     other styles
================================================================================================
*/

.note {
	font: 10px Arial, Helvetica, sans-serif;
}

.tableBulletPoints td {
	width: 280px;
	white-space: nowrap;
}
.tableGeneral {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}
.tableGeneral tr {
	vertical-align: top;
}
.tableGeneral td {
	padding: 0 0 8px 0;
}
.tableGeneral th {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #007CB3;
	white-space: nowrap;
	padding: 0 5px 0 0;
}

.tablePersonnel td {
	padding: 0 0 6px 0;
}
.tablePersonnel td p {
	margin: 0 0 1px 0;
}

.quote {
	font-style: italic;
	color: #5BAED5;
}
.canteenLogo {
	margin: 0 0 0 18px;
}
.enquiryFormButton {
	float: right;
	margin: 12px 0 20px 15px;
}


/*
================================================================================================
     .tableList
================================================================================================
*/

table.tableList {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}
.tableList td {
	color: #999;
	height: 15px;
	padding: 3px 4px;
}
html>body .tableList td {
	height: 16px;
	padding: 4px;
}
*:first-child+html .tableList td {
	height: 15px;
	padding: 3px 4px;
}
.tableList th {
	color: #CCC;
	font-weight: bold;
	height: 15px;
	background-color: #292929;
	text-align: left;
	padding: 3px 4px;
}
html>body .tableList th {
	height: 16px;
	padding: 4px;
}
*:first-child+html .tableList th {
	height: 15px;
	padding: 3px 4px;
}
.tableList tr.row,
.tableList tr.rowOver,
.tableList tr.rowOver a,
.tableList tr.rowOver a:hover {
	vertical-align: top;
}
.tableList tr.row {
	background-color : #414141;
}
.tableList tr.rowOver,
.tableList tr.rowOver a,
.tableList tr.rowOver a:hover {
	background-color: #333;
}
.tableList tr.rowOver td {
	color: #FFF;
}
.tableList tr.rowOver,
.tableList tr.rowOver a {
	text-decoration: none;
}
.tableList tr.row a,
.tableList tr.row a:hover {
	color: #999;
}
.tableList tr.rowOver a,
.tableList tr.rowOver a:hover {
	color: #FFF;
}
.tableList tr.rowOver a:hover {
	text-decoration: underline;
}

/*
================================================================================================
     .tableForm / .tableDisplay
================================================================================================
*/

table.tableForm,
table.tableDisplay {
	width: 100%;
	font: #FFF 11px Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin: 0 0 -6px 0;
}
html>body table.tableForm,
html>body table.tableDisplay {
	margin: 0 0 -6px 0;
}
.tableForm tr,
.tableDisplay tr {
	vertical-align: top;
}
.tableForm th,
.tableDisplay th {
	font: bold #FFF 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
	text-align: left;
	width: 175px;
	background-color: #4D4D4D;
	border-bottom: 6px #4DB3E0 solid;
	padding: 7px;
}
.tableForm th {
	padding: ;
}
html>body .tableForm th {
	padding: ;
}
.tableDisplay th {
	padding: 2px 0;
}
html>body .tableDisplay th {
	padding: 2px 0;
}
.tableForm td {
	padding: 4px;
	background-color: #0192D3;
	border-bottom: 6px #4DB3E0 solid;
}
html>body .tableForm td {
	padding: ;
}
.tableDisplay td {
	padding: 0 0 5px 0;
}
html>body .tableDisplay td {
	padding: 0 0 5px 0;
}
.tableForm th.formError {
	color: #FC3;
}
.tableForm tr.noStyle,
.tableForm td.noStyle {
	background-color: #4DB3E0;
	border: none;
}


/*
================================================================================================
     form styles
================================================================================================
*/

form {
	border: 1px #FFF solid;
	margin: 0 0 25px 0;
	background: #4DB3E0;
	padding: 6px;
}
.formTextField,
.formLoginField,
.formTextArea,
.formShortTextField,
.formDropDown,
.formFileField,
.formSearchTextField,
.formSearchDropDown,
#dateDisplay {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	background-color: #E6E6E6;
	padding: 2px 3px;
	border: #7F9DB9 solid 1px;
	margin: 0;
}
.formTextField,
.formLoginField {
	height: 15px;
}
html>body .formTextField,
html>body .formLoginField {
	height: 16px;
}
.formTextField,
.formTextArea {
	width: 258px;
}
.formShortTextField {
	width: 80px;
}
.formLoginField {
	width: 150px;
}
.formTextArea {
	height: 100px;
}
.formFileField {
	height: auto;
}
.formDropDown,
.formFileField {
	width: 266px;
}
.formDropDown {
	margin: 1px 0 1px 0;
}
html>body .formDropDown {
	height: auto;
	margin: 0;
	padding: 2px 0;
}
.formRadioButton {
	margin: 0 3px 0 0;
}
.formCheckbox {
	margin: 1px 3px 0 0;
}
.formImageButton {
	float: right;
	margin: 20px 30px 0 0;
}
.formImageButtonSearch {
	float: right;
	margin: 10px 0 10px 0;
}
.formButton {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 1px 2px;
	margin: 10px 0 0 0;
}
#dateDisplay {
	float: left;
	width: 220px;
	height: 15px;
}
html>body #dateDisplay {
	margin: 0;
}
.formButtonCalendar {
	margin: 4px 0 2px 0;
}
html>body .formButtonCalendar {
	margin: 3px 0 0 2px;
}
#ktmlContainer {
	position: relative;
	margin: 0 0 0 -1px;
	float: left;
}
html>body #ktmlContainer {
	margin: 0 0 0 -1px;
}
.formThumbnail {
	margin: 0 0 5px 0;
}
.formRequired {
	color: #109DCA;
}
.formSearchTextField {
	width: 220px;
	margin: 0 0 0px 0;
}
.formSearchDropDown {
	width: 228px;
	height: auto;
}
.formHeading {
	margin: 40px 0 10px 0;
}



/*
================================================================================================
     paging styles
================================================================================================
*/

.tablePagingContainer {
	margin: -3px 0 6px 0;
	border: none;
}
html>body .tablePagingContainer {
	margin: -1px 0 6px 0;
}
*:first-child+html .tablePagingContainer {
	margin: -3px 0 6px 0;
}
.tablePagingContainer span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #007CB3;
	font-weight: bold;
}
.tablePagingContainerTdLeft {
	padding: 0 0 0 10px;
}
.tablePagingContainerTdRight {
	padding: 0 10px 0 0;
	text-align: right;
}

.tablePaging {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px;
	margin: 0;
}
/* .tablePaging span {
	color: #007CB3;
} */
.tablePaging td a {
	color: #99AAAF;
}
.tablePaging td a:hover {
	color: #99AAAF;
	text-decoration: underline;
}
.pagingImage {
	margin: 2px 5px 0 5px;
}