﻿fieldset
{
	margin: 1em auto;
	padding: 15px;
	overflow: hidden;
	border: 1px solid #B1CCFC;
	border-radius: 5px;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	display: block;
}

fieldset.register
{
	padding: 20px;
}

fieldset.grid
{
	padding: 10px auto;
}

.formData
{
	width: 450px;
	margin: 5px auto;
	font-size: 1.05em;
	line-height: 1.5;
}
.SearchForm
{
	width: 500px;
	margin: 2px auto;
}

.errorMessage
{
	background-color: transparent;
	padding: 5px;
	border: 0px solid #DDD;
	border-radius: 2px;
	box-shadow: 0px 0px 1px #DDD;
}

.failureNotification
{
	font-family: Verdana;
	font-size: 0.95em;
	color: Red;
}

.validationError
{
	font-family: "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 1em;
	color: Red;
}

.RightNotification
{
	font-family: "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 1.2em;
	color: #568CEB;
}

legend
{
	color: #568ceb;
	font-family: Verdana;
	font-size: 1.3em;
	font-weight: bold;
}
.formData p
{
	font: normal 1.04em "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.75;
	margin: 10px 3px;
	text-align: justify;
}
.formData p a, .formData p a:visited
{
	color: #396ccf;
	text-decoration: none;
	font-weight: 600;
}

.formData p a:hover
{
	color: #396ccf;
	text-decoration: none;
}

.submitButton
{
	text-align: right;
	padding-right: 10px;
	float: right;
	margin: 5px;
}

.submitButton:hover
{
	cursor: pointer;
}


.meta strong
{
	letter-spacing: .5px;
	text-transform: none;
}

div.more-btn-forms-revert
{
	margin-top: 0px;
}
div.more-btn-forms-revert a
{
	padding: 5px 14px; /*background: #396CCF;*/ /*background:#f2f2f2 url(images/bg_sitemap.png) top left repeat-x;*/
	background-color: #e1552a;
	float: right;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 1.01em;
	font-weight: normal;
	text-align: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
}
div.more-btn-forms-revert a:hover
{
	/*background-color: #7e8ca1;*/
	opacity: 0.8;
	text-decoration: none;
	color: #ffffff;
}

div.more-btn-forms
{
	margin-top: 0px;
}
div.more-btn-forms a
{
	padding: 5px 14px; /*background: #396CCF;*/ /*background:#f2f2f2 url(images/bg_sitemap.png) top left repeat-x;*/
	background-color: #6990ec;
	float: right;
	font-family: Verdana;
	font-size: 1.01em;
	font-weight: normal;
	text-align: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-transform: capitalize;
}
div.more-btn-forms a:hover
{
	/*background-color: #7e8ca1;*/
	opacity: 0.8;
	text-decoration: none;
	color: #ffffff;
}

.textfield
{
	-ms-transiotion: all 0.2s;
	overflow: hidden;
	padding-left: 2px;
	height: 24px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	font-size: 9pt;
	font-family: Sans-Serif;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-family: verdana;
	padding-left: 2px;
}

.textfield:focus
{
	/*box-shadow: 0px 0px 1px #568ceb;     background-color: #ffffff; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.textfield:hover
{
	/*background-color: #FAFAFA; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
}

.round-edges
{
	border-radius: 3px;
}

.button_field
{
	-ms-transiotion: all 0.2s;
	overflow: hidden;
	padding: 0 32px;
	padding-right: 12px;
	height: 30px;
	border: 2px solid #568CEB;
	background: #568CEB url(Images/tick.png) 4px center no-repeat;
	box-shadow: 0 9px 7px -7px #84ACF1;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-webkit-background-size: 16px;
	background-size: 16px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 0 3px black;
	font-weight: normal;
	font-size: 10pt;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-family: verdana;
}

.button_field:focus
{
	background-color: #294E95;
	border-color: #254785;
}
.button_field:hover
{
	background-color: #294E95;
	border-color: #254785;
	cursor: pointer;
}

.button_field.cancel
{
	background: #568CEB url(Images/cross.png) 4px center no-repeat;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-webkit-background-size: 16px;
	background-size: 16px;
}

.button_field.signup
{
	background: #568CEB url(Images/signup_btn.png) 4px center no-repeat;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-webkit-background-size: 16px;
	background-size: 16px;
}

.button_field.apply
{
	background: #568CEB;
	padding: 2px 10px;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-webkit-background-size: 16px;
	background-size: 16px;
	font-weight: normal;
}

.button_field.hyperlink
{
	margin-left: 40%;
	padding: 10px;
	padding-top: 2px;
	padding-right: 24px;
	text-shadow: none;
	background-color: #568CEB;
	background-color: white;
	color: #3566BF;
	border: 1px solid #568CEB;
	border-top: none;
	text-decoration: underline;
}

.button_field:active
{
	box-shadow: 0 4px 3px -3px #224179;
}

.button_field.hyperlink:hover
{
	background-color: white;
	color: black;
	cursor: pointer;
}
.textfield_no_border
{
	font-size: 9pt;
	font-family: verdana;
	padding-left: 2px;
	border: 0px solid #7e8ca1;
}
.textfieldPassword
{
	font: 10pt bold "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	height: 18px;
	padding-left: 2px;
}
.textdiv
{
	padding: 4px 0px 4px 0px;
}
.labelfield
{
	font-size: 0.9em;
	font-family: verdana;
	color: #646667;
	padding-left: 4px;
}
.labelfieldInfo
{
	padding: 5px;
	font-size: 0.98em;
	font-family: verdana;
	color: #646667;
}
.labelfieldBold
{
	font-size: 0.9em;
	font-family: Verdana;
	color: #646667;
	font-weight: bold;
}
.labelfieldError
{
	font: 9pt verdana;
	color: #d71636;
}
.labeldiv
{
	padding: 3px 2px 3px 0px;
}
.required
{
	color: #ff2400;
	padding: 0px 3px;
	vertical-align: top;
	font-size: 1.2em;
	font-weight: bold;
}

.requiredBlue
{
	color: #ff2400 /*396CCF*/;
	padding: 0px 3px;
	vertical-align: top;
	font-size: 1.1em;
	font-weight: bold;
}
.textfield_multi
{
	font: 9pt Verdana;
	padding: 3px;
	-ms-transiotion: all 0.2s;
	overflow: hidden;
	padding: 3px;
	border: 1px solid #7e8ca1;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0 0 3px #9cb3e8;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	text-align: justify;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.textfield_multi:focus
{
	/*box-shadow: 0px 0px 1px #646667;     background-color: #ffffff; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.textfield_multi:hover
{
	/*box-shadow: 0px 0px 5px #646667;*/ /*background-color: #FAFAFA; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
}

.combo
{
	width: 200px;
	height: 30px;
	font: 9pt verdana;
	-ms-transiotion: all 0.2s;
	overflow: hidden;
	margin-left: 0;
	padding: 5px 5px 5px 1px;
	width: 200px;
	height: 30px;
	border: 1px solid #7e8ca1;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0 0 3px #9cb3e8;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.combo:focus
{
	/*box-shadow: 0px 0px 1px #646667;     background-color: #ffffff; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.combo:hover
{
	/*box-shadow: 0px 0px 5px #646667;*/ /*background-color: #FAFAFA; e0eefe;*/
	border-color: rgba(82, 168, 236, 0.8);
}

.checkbox
{
	width: 200px;
	float: left;
	font: 9pt verdana;
	margin: 0;
	background-color: transparent;
	color: #000000;
	font-weight: 500;
	overflow: hidden;
	border: 1px solid #7e8ca1;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #646667;
	padding-left: 5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transiotion: all 0.5s;
}


.checkbox input
{
	float: left;
	cursor: pointer;
	margin: 7px 0 0 0;
}

.checkbox label
{
	cursor: pointer;
	float: left;
	padding: 7px;
	width: 170px;
	font-family: verdana;
}

.checkbox:hover
{
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.checkboxUnderTaking_1
{
	width: 630px;
	float: left;
	font: 1.1em verdana;
	margin: 0;
	background-color: transparent;
	color: #000000;
	font-weight: 500;
	overflow: hidden;
	border-radius: 1px;
	padding-left: 5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transiotion: all 0.5s;
}


.checkboxUnderTaking_1 input
{
	float: left;
	cursor: pointer;
	margin: 7px;
}

.checkboxUnderTaking_1 label
{
	cursor: pointer;
	float: left;
	padding: 7px;
	width: 560px;
	font-family: verdana;
}


.checkboxUnderTaking
{
	width: 820px;
	float: left;
	font: 1.1em verdana;
	margin: 0;
	background-color: transparent;
	color: #000000;
	font-weight: 500;
	overflow: hidden;
	border: 0px solid #7e8ca1;
	border-radius: 1px;
	box-shadow: 0px 0px 1px #646667;
	padding-left: 5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transiotion: all 0.5s;
}


.checkboxUnderTaking input
{
	float: left;
	cursor: pointer;
	margin: 7px;
}

.checkboxUnderTaking label
{
	cursor: pointer;
	float: left;
	padding: 7px;
	width: 740px;
	font-family: verdana;
	font-size: 0.98em;
	text-align: justify;
}

.checkboxUnderTaking:hover
{
	box-shadow: 0px 0px 5px #646667;
}

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
	border: solid 1px #efefef;
	background-color: #ffffff;
}
.CustomValidatorCalloutStyle div
{
	overflow: hidden;
	border: 1px solid #525252;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #DDD;
}

/*Info text shown on top of form*/
.infoText
{
	margin-left: 65px;
	font-family: "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-style: italic;
	font-size: small;
}

.infoText span
{
	color: red;
}

.infoText span:first-child
{
	color: black;
	font-weight: bold;
}

.divLeft
{
	float: left;
	width: 280px;
	margin: 3px 0px;
}
.divRight
{
	float: right;
	width: 280px;
	margin: 3px 0px;
}
.divLeftFull
{
	float: left;
	width: 660px;
	margin: 3px 0px;
}
.divRightFull
{
	float: right;
	width: 660px;
	margin: 3px 0px;
}

.imageDiv
{
	width: 110px;
	float: right;
	height: 140px;
	padding: 5px 10px;
	margin-right: 50px;
}
.imageCaption
{
	text-align: center;
	opacity: 0.1;
	font-size: 0.9em;
	background-color: #7293DB;
	font-family: "Century Gothic" , "Open Sans" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	color: White;
	position: absolute;
	width: 115px;
	padding: 5px 1px;
	margin: 0px 0px;
	margin-top: 119px;
	box-shadow: 0 0 2px #B1CCFC;
	border: 1px solid #efefef;
	border-radius: 0px 0px 2px 2px;
}

.imageCaption:hover
{
	text-decoration: none;
	color: #f2f2f2;
	opacity: 0.5;
}

.imageClass
{
	width: 115px;
	height: 145px;
	position: absolute;
	box-shadow: 0 0 2px #B1CCFC;
	border: 2px solid #A4B4D8;
	border-radius: 5px;
}

/*Candidate home instructions*/
#Instruction_fieldset
{
}

#Instruction_fieldset .heading
{
	width: 100%;
	text-align: center;
}

#Instruction_fieldset #Instruction_list, #Instruction_fieldset #Instruction_list li ul
{
	padding: 10px 30px;
	list-style-type: circle;
}

#Instruction_fieldset #Instruction_list li, #Instruction_fieldset #Instruction_list li ul li
{
	padding: 2px 5px;
	font-size: 1.1em;
	color: Black;
	font-family: Century Gothic;
}


.modalPopup
{
	/*font-family: "Segoe UI Web Light";*/
	font-size: 0.9em;
	border: 2px outset #568ceb;
	border-style: outset;
	border-radius: 4px;
	background: transparent;
	margin: 0 auto;
	box-shadow: 0 0 18px rgba(0, 0, 0, .4);
	background: #f8f8f8;
	padding: 3px;
	width: 400px;
	height: 570px;
	text-transform: none;
}

.modalPopupStudents
{
	/*font-family: "Segoe UI Web Light";*/
	border: 2px outset #568ceb;
	border-style: outset;
	border-radius: 5px;
	background: transparent;
	margin: 0 auto;
	box-shadow: 0 0 18px rgba(0, 0, 0, .4);
	background: #f8f8f8;
	padding: 3px;
	width: 950px;
	height: 700px;
	text-transform: none;
}
.modalPopupAdmission
{
	/*font-family: "Segoe UI Web Light";*/
	border: 2px outset #568ceb;
	border-style: solid;
	border-radius: 2px;
	background: transparent;
	margin: 0 auto;
	box-shadow: 0 0 18px rgba(0, 0, 0, .4);
	background: #f8f8f8;
	padding: 3px;
	width: 750px;
	height: 650px;
	text-transform: none;
}
