body 
{
    /*background: url(../back-end-images/body-bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

hr
{
    border-style: dotted;
    border-color: Gray;
    }

.reviewbox
{
    padding-top: 20px;
    padding-bottom: 20px;        
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	background: #F6F7F8;
    }

.reviewtxt
{
    color: #911919;  
    font-size: 25px; 
    font-family: Calibri;
    text-decoration: none; 
    }
    
.contxtpos
{
    padding-left: 0px!important;
    padding-bottom: 10px;
    }

.padtop30
{
    padding-top: 30px;
    }
    
.padtop15
{
    padding-top: 15px;
    }
    
.padtop10
{
    padding-top: 10px;
    }

.padleft10
{
    padding-left: 10px;
    }
    
.congratstxt p
{
    font-size: 15px!important;
    font-family: Calibri;
    text-decoration: none;
    }

.congratstxt b
{
    font-size: 15px!important;
    font-family: Calibri;
    text-decoration: none;
    }

.congratstxt
{
    text-align: center;
    }
    
.logo-pos
{
    width: 100px; 
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 20px;
    float: left;
    border: none;
    }
    
.contact-info
{
    color: #082431!important;; 
    font-family: Calibri; 
    font-size: 19px;
    float: right;
    margin-top: 10px;
    margin-right: 40px;
    font-weight: normal;
    }
    
.contact-info td
{
    padding-top:5px;
    }
    
.contact-img
{
    padding-right:8px;
    border: none;
    text-decoration: none!important;
    }
    
.contact-img-add
{
    padding-right:8px;
    margin-top: -10px;
    border: none;
    text-decoration: none!important;
    }
    
.contact-info a
{
    color: #082431!important; 
    font-family: Calibri!important; 
    font-size: 19px;
    width: 150px;
    margin-right: 0px;
    border: none;
    cursor: pointer!important;
    text-decoration: none!important;
    font-weight: normal!important;
    }
    
.contact-info a:hover
{
    text-decoration: underline!important;
    border: none;
    }
    
.enrol-txt
{
    color: #082431; 
    font-family: Calibri; 
    padding-top: 57px;
    width: 600px;
    font-size: 35px!important; 
    }
    
.enrol-txt b
{ 
    border: none;
    font-size: 35px!important; 
    text-decoration: none!important;
    }
    
.heading
{
    color: #911919!important; 
    line-height: 40px; 
    font-size: 35px!important; 
    font-weight: bold; 
    font-family: Calibri; 
    margin-left: 0px; 
    padding-top: 22px;
    }

.heading-sol
{
    color: #082431; 
    line-height: 40px; 
    font-size: 35px!important; 
    font-weight: bold; 
    font-family: Calibri; 
    margin-left: 0px; 
    padding-top: 22px;  
    }
    
.red
{
    background-color: red;
    }
    
.header-container 
{
    height: 120px;
    padding-top: 20px;
    padding-left: 20px;
    }
    
.right
{
    float: right;
    }
    
.center
{
    margin-left: auto!important;
    margin-right: auto!important;
    }
    
.centertxt
{
    text-align: center;
    }
    
.centerpad
{
    padding-left: auto!important;
    padding-right: auto!important;
    }
    
.left
{
    float: left;
    }
    
.padright20
{
    padding-right: 20px;
    }
    
.padleft20
{
    padding-left: 20px;
    }

.padleft100
{
    padding-left: 100px;
    }
    
.proceedtopay
{
    max-height: 35px;
    margin-top: 0px;
    }
    
.acknowledge p
{
    color: #082431;  
    font-size: 20px; 
    font-family: Calibri;
    text-decoration: none; 
    }
    
.baseline
{
    border-bottom-width: 1px;
    border-bottom: solid;
    }
    
.nav-pos
{
    padding-top: 20px;
    margin-top: 20px;
    z-index: 100;
    }
    
.top-bar
{
    padding-top: 20px;
    margin-bottom: 10px;
    text-decoration: none; border: 0px
    }
    
.top-bar a
{

    color: #082431;
    text-decoration: none; border: 0px
    }
    
.top-bar a:hover
{
    color: #911919;
    text-decoration: underline;
    border: none;
    }
    
/* ----- Dashboard icons Enrol ------*/
.icon-title
{ 

    }
    
.premimg td a
{
    margin-left:200px;
    color: #911919;  
    font-size: 15px; 
    font-weight: bold; 
    font-family: Calibri; 
    padding-top: 20px;
    width: 200px;
    }
    
.premimg td a:hover
{
    text-decoration: underline;
    }
    
.premimg td img
{
    margin-bottom: 20px;
    }

/* ----- Add User table styles ------*/

.formheadwrap
{
    width: 100%;
    height: 40px;
    margin-left: 80px;
    margin-top: 30px;
    }
    
.formheadwrap H3
{
    color: #911919;  
    width: 500px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: underline;
    font-size: 30px;
    line-height: 30px;
    }
    
.adduserform
{
    width: 1000px;
    margin-left: 100px;
    margin-top: 50px;

    }
    
.inputstyle
{
    width: 250px;
    }
    
.adduserform td
{
    width: 150px;
    height: 50px;
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;

    }

.adduserform td a
{
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;
    }
    
.adduserform td p
{
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;
    }
    
.adduserform label
{
    font-family: Calibri;
    font-size: 20px;
    }
    
.adduserform input[type="text"], .adduserform input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	height: 20px;
	width: 250px;
	min-width: 150px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
    
.style1 td
{

    }
    
/*------------- ClassList.aspx table style---------------*/

.table-pos
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    }

.style3
{
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;
    }
    
.course-class-tab
{
    font-family: Calibri;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 50px;
    width: 150px;
    padding-left: 20px;
    }

#ddlstudyArea_Mandatory, #ddlClass, #ddlModule_Mandatory, #ddStatus_Mandatory, #ddlClass_Mandatory, #ddTutor_Mandatory, #ddllevel, #ddlstatusdeptt
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 35px;
	width: 260px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
    }
    
#ddlstudyArea_Mandatory:focus, #ddlClass:focus, #ddlModule_Mandatory:focus, #ddStatus_Mandatory:focus, #ddlClass_Mandatory:focus, #ddTutor_Mandatory:focus, #ddllevel:focus, #ddlstatusdeptt:focus
{
	background-color: #FFFFFF!important;
    }

.style1 input[type="text"], .adduserform input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 20px;
	width: 260px;
	min-width: 150px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 70px;
    }
    
.ppoddiv input[type="text"], .ppoddiv input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 20px;
	width: 260px;
	min-width: 150px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 70px;
    }
    
.temp td
    {
        border-style: solid; border-width: 1px; border-color: Black;
}

.btn-pos
{
    padding-left: 90px;
    }
    
.btnstyle
    {
        border: none;
        margin-top: 20px;
        margin-left: 385px;
        padding: 0px;
        }
        
.search-btn
{
    margin: 0px;
    margin-top: 7px;
    margin-right: 20px;
    padding: 0px;
    }
    
.import-btn
{
    margin: 0px;
    float: right;
    padding: 0px;
    }
    
.import-title
{
    font-size: 20px;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
        
.option-a-blue
{
     font-size: medium;
     margin-left:5px;    
     font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    
.search-a-blue
{
     font-size: 20px;
     margin-left:5px;    
     font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding-top: 10px;
    padding-right: 20px;
    } 
    
.search-a-blue p
{
     font-size: 20px;
     font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;

    } 
    
 .divbox
{
    height:295px;
    width:350px;
    border-radius: 5px ;
    background-color:White;
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;
    overflow:auto;
} 

 .divbox-data
{
    height:170px;
    width:350px;
    border-radius: 5px ;
    background-color:White;
    color: #082431;  
    font-size: 20px; 
    font-weight: bold; 
    font-family: Calibri;
    text-decoration: none;
    overflow:auto;
} 

.data-title h3
{
    text-align: center;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    
.databtnstyle
    {
        border: none;
        margin-top: 0px;
        margin-left: 220px;
        padding: 0px;
        }    
        
/*---------------Tutor Registration Form-------------*/
.teachregform
{
    
    }
    
.teachregform td 
{
    font-size: 18px;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding: 2px;
    }
    
.teachregform td b
{
    font-size: 22px;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;

    }
    
.teachregform input[type="text"], .teachregform input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 20px;
	width: 260px;
	min-width: 150px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 70px;
    }
     
.padleft50
{
    padding-left: 50px;
    }
    
.padright50
{
    padding-right: 50px;
    }
    
.margright100
{
    margin-right: 100px;
    }
.margleft100
{
    margin-left: 100px;
    }
    
.school-detail-ddown
{
    min-width: 380px;
    }
    
/*-------------Student Appliction form ---------------*/
    
.studentregform input[type="text"], .studentregform input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 20px;
	width: 260px;
	min-width: 150px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 70px;
    }
    
#ddlCountryBirth_Mandatory, #ddlNationality_Mandatory, #ddlAddressCounty_Mandatory, #ddlAddressCountry_Mandatory, #DropDownList1, 
#ddlRelationship1, #ddlRelationship2, #ddlSelectCourse
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0;
	min-height: 35px;
	width: 275px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
    }
    
    
.studentregform td 
{
    font-size: 18px;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding: 2px;
    }
    
.studentregform td b
{
    font-size: 22px;
    margin-left:5px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;

    }
    
.studentregform b
{
    font-size: 22px;
    margin-left:0px;    
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    
/*------------AMAttendance.aspx Form styles--------------*/

.tab-pos
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    }
    
.tab-pos td
{
    padding-top: 20px;
    }
    
#Attendancedate
{
    width: 425px;
    }
    
.infomsg
{
    margin-left: 195px;
    margin-top: 20px;
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    
.gen-btn
{
    margin-left: 35px;
    }
    
/*----------ModifyAMAttendance.aspx Form Styles----------------*/

.modatt-label
{
    width: 100px;
    }
    
.modatt-tab td
{
    font-size: 20px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding: 10px 10px 10px 0px;
    valign: middle;
    max-width: 300px!important;
    }
    
.modatt-tab td b
{
    font-size: 20px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding-left: 10px;
    }
#applicationTitle{
	padding:0px;
	margin:0px;
	text-align:center;
	font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
	font-size:36px;
	font-weight:600;
	margin-top:-1%;
	text-decoration:underline;
}
.datestyle td
{
    min-width: 75px!important;
    }
.datetab{
	width:103.5%;
	margin-left:-3%;
}

.datetab td.marg
{
    width: 102px!important;
    padding-right: 15px;
    }

.datetab td.nomarg
{
    width: 102px!important;
    }
    
#ddlDay, #ddlMonth
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	height: 35px!important;
    width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlDay:focus, #ddlMonth:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlYear
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
    width: 100%;
	height: 35px!important;

	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlYear:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlDays, #ddlStudyArea_Mandatory, #ddlModule_Mandatory
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin-left: 20px;
	min-height: 30px;
	min-width: 350px;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	float: right;
    }
    
#ddlDays:focus, #ddlStudyArea_Mandatory:focus, #ddlModule_Mandatory:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlTeacher, #ddlstudyArea_Mandatory, #ddlTeachingGroup, #ddlReportType, #ddlPeriod
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	min-height: 30px;
	min-width: 365px;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlTeacher:focus, #ddlstudyArea_Mandatory:focus, #ddlTeachingGroup:focus, #ddlReportType:focus, #ddlPeriod:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlMonths, #ddlWeek, #ddlyear, #ddlMonth, #ddlyears
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	min-height: 30px;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlMonths:focus, #ddlWeek:focus, #ddlyear:focus, #ddlMonth:focus, #ddlyears:focus
{
	background-color: #FFFFFF!important;
    }

    
#ddlCourse:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlDayCS, #ddlMonthCS, #ddlYearCS
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin-right: 25px;
	min-height: 30px;
	width: 100px;
	max-width: 100%;

	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlDayCS:focus, #ddlMonthCS:focus, #ddlYearCS:focus
{
	background-color: #FFFFFF!important;
    }
    
.tabstyle td
{
     border-style: solid; 
     border-width: 1px; 
     border-color: Black;
    }
    
/*----------Application.aspx style-------------*/

.appddownpos
{
    padding-right: 0px;
    }
    
#txtEducation, #txtRelExp, #txtPromoCode, #txtIfOther, #txtSpecialReq
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    padding-left: 5px;
	color: #777;
	width: 100%!important;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#txtEducation:focus, #txtRelExp:focus, #txtPromoCode:focus, #txtIfOther:focus, #txtSpecialReq:focus
{
	background-color: #FFFFFF!important;
    }
    
.inputtip td
{
    font-size: 12px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    padding-bottom: 10px;
    width: 100px;
    }
    
#ddlQuals
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin-left: 0px;
	height: 34px;
	width: 250px;
	max-width: 100%;
	display: inline;
	padding-left: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
    }
    
#ddlQuals:focus
{
	background-color: #FFFFFF!important;
    }
    
.padtopbtm10
{
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
.row10
{
    height: 10px;
    }
.row20
{
    height: 20px;
    }
    
.col20
{
    width: 20px !important;
    }
    
.edreltab td
{
    min-width: 75px;
    }
    
    
/* colors */
.red
{
    background-color: Red;
    height: 30px;
    }
    
.green
{
    background-color: green;
    height: 30px;
    }
    
.blue
{
    background-color: blue;
    height: 30px;
    }

.yellow
{
    background-color: yellow;
    }
    
.grey
{
    background-color: gray;
    height: 30px;
    }
    
.clear
{
    width: 160px;
    height: 30px;
    }
    
    
/*------ Skeleton Grid Application Form Styles -------*/

.studentform
{
    font-family: Calibri;
    font-size: 18px;
    color: #082431;
    vertical-align: middle;
    padding-top: 100px;
    }
    
.studentform p
{
    font-family: Calibri;
    font-size: 18px;
    color: #082431;
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 0px;
    }
    

    
.title p
{
    font-size: 22px;
    font-family: Calibri;
    color: #082431;
    }
    
#msg
{
    font-size: 22px;
    font-family: Calibri;
    font-weight: bold;
    color: #082431;
    }    
    
.studentform a
{
    font-family: Calibri;
    font-size: 18px !important;
    color: #082431;
    font-weight: normal;
    }
    
.studentform a:hover
{
    font-family: Calibri;
    font-size: 18px !important;
    color: #911919;
    text-decoration: underline;
    }
    
.studentform b
{
    font-size: 22px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    

    
.footer a
{
    color: #082431;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 14px!important;
}

.footer a:hover
{
    color: #911919;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.redtxt
{
    color: #911919 !important;
    }
    
.redtxtbold
{
    color: #911919 !important;
    font-weight:bold!important;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    padding-right: 50px;
    }
    
.smalltitleimg
{
    margin-bottom: 10px;
        padding-left: 20px;
    }
    
.smalltitle
{
    display: block;
    padding-top: 10px;
    color: #911919 !important;
    text-decoration: none;
    }
    
.smalltitle a:hover
{
    color: #911919;
    text-decoration: none;
    }
    
.smallredtitle
{
    color: #911919 !important;
    text-decoration: none;
    padding-left: 0px;
    }
    
.smallbluetitle
{
    color: #082431 !important;
    text-decoration: none;
    padding-left: 0px;
    }
    
.smallredtitle a:hover
{
    color: #911919 !important;
    text-decoration: none!important;
    padding-left: 0px;
    }
    
.smallbluetitle:hover
{
    color: #082431 !important;
    text-decoration: none;
    padding-left: 0px;
    }
    
.txtpadding
{
    padding-left: 10px;
    }

.studentform input[type="text"], .studentform input[type="password"]
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	height: 25px!important;
    width: 96.7%!important;
	display: inline;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	padding: 4px;
    }
    
#txtCcvnum, #txtCardHolder
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	height: 25px!important;
    width: 96.7%!important;
	display: inline;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	padding: 4px;
    }
    
#txtCcvnum:focus, #txtCardHolder:focus
{
	background-color: #FFFFFF!important;
    }
    
#ddlNationality_Mandatory
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0px;
	min-height: 35px;
	width: 275px;
	max-width: 100%;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-top: 7px;
	margin-bottom: 7px;
    }

#ddlNationality_Mandatory:focus
{
	background-color: #FFFFFF!important;
    }
    
.dropdownstyle
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
    margin: 0px;
	height: 35px!important;
	width: 100%!important;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
.dropdownstyle:focus
{
	background-color: #FFFFFF!important;
    }

.dtxtdropdownstyle
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0!important;
	height: 35px!important;
	width: 100%!important;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;

    }
    
.dtxtdropdownstyle:focus
{
	background-color: #FFFFFF!important;
    }
    
.datedropdownstyle
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0px;
	min-height: 35px;
	width: 100%!important;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
	margin-right: 20px;

    }
    
.datedropdownstyle:focus
{
	background-color: #FFFFFF!important;
    }
    
.txtMulti
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC!important;
	-moz-box-shadow: inset 0 0 10px #CCCCCC!important;
	box-shadow: inset 0 0 10px #CCCCCC!important;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	background: #F6F7F8!important;
	font-family: Calibri;
	font-size:20px;
	width: 99%!important;
	padding: 5px;
    }
   
.txtMulti:focus
{
	background-color: #FFFFFF!important;
    }
    
.checkboxpos
{
    margin-top: 10px;
    }
    
.checkboxpos2
{
    margin-top: 7px;
    }

.checkboxpos-app
{
    margin-top: 10px;
    }

.txtpos
{
    padding-top: 7px;
    }

.txtposmarg
{
    margin-top:7px;
    }
    
.txtpos-title
{
    padding-top: 0px!important;
    }
    
    
/*-------Credit card form -------------*/

.creditform
{
    font-family: Calibri;
    font-size: 18px;
    color: #082431;
    vertical-align: middle;
    padding-top: 100px;
    }
    
.creditform p
{
    font-family: Calibri;
    font-size: 18px;
    color: #082431;
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 9px;
    }   
    
.creditform a
{
    font-family: Calibri;
    font-size: 18px !important;
    color: #082431;
    font-weight: normal;
    }
    
.creditform a:hover
{
    font-family: Calibri;
    font-size: 18px !important;
    color: #082431;
    text-decoration: none;
    }
    
.creditform b
{
    font-size: 22px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    }
    
#ddlCardType
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	margin: 0px;
	min-height: 35px;
	width: 100%!important;
	display: inline;
	padding: 5px;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#ddlCardType:focus
{
	background-color: #FFFFFF!important;
    }
    
#txtCardHolder, #txtCcvnum
{
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	height: 25px;
	width: 98%!important;
	display: inline;
	background: #F6F7F8;
	font-family: Calibri;
	font-size:20px;
    }
    
#txtCardHolder:focus, #txtCcvnum:focus
{
	background-color: #FFFFFF!important;
    }
    
/*----Checkbox and Radio control styles ------*/
    
.ListControl
{
    padding-top: 10px;
    }


.ListControl input[type=checkbox], input[type=radio]
{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 1px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 10px #CCCCCC;
	-moz-box-shadow: inset 0 0 10px #CCCCCC;
	box-shadow: inset 0 0 10px #CCCCCC;
	border: 1px solid #849096;
	outline: none;
}

.ListControl label
{
    font-size: 18px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    white-space: nowrap;
    margin-left: 2px;
    padding-right: 26px;
}

.ListControl ListItem
{

}

.ListControl input[type=checkbox] + label
{

}

.ListControl input[type=checkbox]:checked + label::before
{

}

.ListControl input[type=radio] + label  
{

}

.ListControl input[type=radio]:checked + label::before
{

}

Single Checkbox:
.CheckBoxLabel
{
    white-space: nowrap;
}

.SingleCheckbox input[type=checkbox]
{
    width: 20px;
    height: 20px;
}

.SingleCheckbox label  
{
    font-size: 18px;  
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
    cursor: pointer;
}

.SingleCheckbox input[type=checkbox] + label
{

}

.SingleCheckbox input[type=checkbox]:checked + label::before
{

}