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;*/
    
    font-family: Calibri, Helvetica, "sans serif";
	font-size: 15px;
	line-height: auto;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-attachment: fixed;
	background-image: url(../back-end-images/body-bg.png);
	background-repeat: no-repeat;
	background-position: center top;

}

a 
{
    border:none!important;
    }

a:link {
       color: #4a6c22;
       font-family: Calibri, Helvetica, "sans serif";
       font-size: 12px;
       font-weight: bold;
       text-decoration: none;
       border: none!important;
       }

* {
	margin: 0;
	padding: 0;
}

a img {border: 0px!important; 
       border-style:none;}

img {text-decoration: none; border: 0px}

		/* ------------------ text Styles ------------------ */
		
		p a:link {
			color: #5b8f16;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			border: none;
		}
		p a:visited {	font: bold 12px Calibri, Arial, Helvetica, "sans serif";
				color: #5b8f16;
			text-decoration: none;
		}
		p a:hover {
			color: #006837;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-size: 12px;
			font-weight: bold;
		}
		p a:active {	font: bold 12px Calibri, Arial, Helvetica, "sans serif";
			color: #5b8f16;
			border: none;
		}
		p {
			color: #999;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-size: 13px;
			line-height: auto;
		}
		h1 {
			font-size: 28px;
			line-height: auto;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-weight: bold;
			color: #4a6c22;
/*			padding-bottom: 5px;
			margin-bottom:15px;
			border-bottom: #f7b626 solid 1px;   */
		}
		h2 {
			font-size: 18px;
			line-height: auto;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-weight: bold;
			color: #ffffff;
			font-style: normal;
			margin-bottom:10px;
		}
		h3 {
			font-size:20px;
			line-height: auto;
			font-family: Calibri, Arial, Helvetica, "sans serif";
			font-weight: bold;
			color: #4a6c22;
			margin-bottom:10px;
		}

/* ------------------ Global Styles ------------------ */

		/*.wrapper {
			background-color: #ffffff;
			border-radius: 10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			box-shadow: 0 0 5px gray;
			-moz-box-shadow: 0 0 5px gray;
			-webkit-box-shadow: 0 0 5px gray;
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
			position:static;
			z-index: 0;
			
		}*/
		
		.inner {
			padding: 15px 10px 10px 10px;
		}
		.spacer {
			height: 20px;
		}
		.header {
			background-image: url('../back-end-images/header-bg.png');
			background-repeat: repeat-x;
			height: 97px;
			margin-top: 20px;
			padding-top: 20px;
			background-position: bottom;
			border-bottom: 2px solid white;
			background-color: #ffffff;
			border-radius: 10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;		
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
            top: 4px;
            left: 0px;
}
			
		.nav-bar {
			background-image: url(../back-end-images/header-bg.png);
			background-repeat: repeat-x;
			height: 32px;
			background-position: bottom;
			padding-top: 10px;
		}
		.tab-title 
		{
		    
			padding: 10px 10px 10px 15px;
			background: #4a6c22;
			color: white;
			font-size: 20px;
			font-weight: bold;
			font-family: Calibri, Verdana, Geneva, sans-serif;
			box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.75);
			-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.75);
			-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.75);
			border-radius: 5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			text-transform:uppercase;
			text-shadow: 1px 1px 1px #2a480a;
			margin: 1px 0;
		behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
		position:relative;
			z-index: 2;
		}
		.login-button {
			border-radius: 5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			font-family: Calibri, Verdana, Geneva, sans-serif;
			font-weight: bold;
			text-shadow: 1px 1px 1px #333;
			margin-top: 5px;
			margin-right: 15px;
			margin-bottom: 15px;
			margin-left: 15px;
			padding-top: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			width: 50px;
			color: #fff;
			text-decoration: none;
			font-size:30px;
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
}
		.next-button {
			display: block;
			clear: both;
			float: right;
			background-image:url(../back-end-images/next.png);
			background-repeat: no-repeat;
			background-position:8px 5px;
			text-indent: 30px;
			background-color: #4a6c22;
			border-radius: 5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			font-family: Calibri, Verdana, Geneva, sans-serif;
			font-weight: bold;
			text-shadow: 1px 1px 1px #333;
			margin-top: 5px;
			margin-right: 5px;
			margin-bottom: 10px;
			margin-left: 5px;
			padding-top: 5px;
			padding-right: 7px;
			padding-bottom: 5px;
			padding-left: 5px;
			width: 75px;
			color: #fff;
			text-decoration: none;
			font-size:18px;
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
		}
		.admin-button {
			display: block;
			float: left;
			text-align: center;
			background-color: #4a6c22;
			border-radius: 5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			font-family: Calibri, Verdana, Geneva, sans-serif;
			font-weight: bold;
			text-shadow: 1px 1px 1px #333;
			margin: 0 10px 20px;
			padding-top: 15px;
			padding-bottom: 15px;
			width: 195px;
			color: #fff;
			text-decoration: none;
			font-size:30px;
			box-shadow: 0 0 5px #000;
			-moz-box-shadow: 0 0 5px #000;
			-webkit-box-shadow: 0 0 5px #000;
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
		}

		.enrol-icon {
			float: left;
			height: 58px;
			width: 155px;
			margin: 12px 0 0 25px;
		}
		.school-name {
			float: left;
			height: 20px;
			width: 550px;
			padding-top: 35px;
			padding-right: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}
		.school-name h1 {
				font-size: 24px;
				border-bottom: none;
			    color:#4a6c22;
		}
		.return-to-main {
			
			height: 81px;
			width: 81px;
		}
/* ----------------------------- Menu --------------------------- */

ul#menu {
    height: 30px;
    font-size: 12px;
    font-family: Calibri, Verdana, Geneva, sans-serif;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
	clear: both;
	z-index:3;
	margin-left: 10px;
	
}
ul#menu li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
}
ul#menu li a {
    height: 18px;
    color: #ffffff;
    background: #FFF;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border-top-width: thin;
    background: #4a6c22; /* Old browsers */
    background: -moz-linear-gradient(top,  #4a6c22 55%, #2a480a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#4a6c22), color-stop(100%,#2a480a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4a6c22 55%,#2a480a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4a6c22 55%,#2a480a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4a6c22 55%,#2a480a 100%); /* IE10+ */
    background: linear-gradient(top,  #4a6c22 55%,#2a480a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6c22', endColorstr='#2a480a',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    display: block;
    float: left;
    line-height: 200%;
    padding: 3px 10px 5px;
    font-weight: normal;
    
}
ul#menu li a:hover { background: #2A480A }
ul#menu li a.selected {
	font-weight: 700;
    color: #4a6c22;
    background: #FFF;
	border-bottom: solid white 3px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 45%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(45%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 45%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%,#ffffff 45%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%,#ffffff 45%); /* IE10+ */
	background: linear-gradient(top, #cccccc 0%,#ffffff 45%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index:3;
}

#footer-details {
	width: 350px;
	padding-left: 25px;
}
	
.content, .contentA{
	width:100%;
}
.forms .left{
	width:105px;
	float:left;
	padding:7px 0px 0px 7px;
	min-height:24px;
}
.forms .right{
	width:133px;
	float:left;
	padding:5px;
	min-height:24px;
}

.forms .row{
	background-color:none;
	min-height:32px;
	clear:both;
}
.forms .text{
		width:100px;
	}
	
/*  Form Styles  */

.wrapper .button {
	padding: 5px 5px 2px 5px;
	background-color: #2a480a;
	color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: right;
	font-size: 10px;
	display: block;
	text-decoration: none;
	margin: 10px 10px 10px 0;
	behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
	}
.wrapper .button a {
	text-decoration: none;
}
.wrapper .button a:hover {
	background: red;
}
.wrapper .change {
	padding: 5px 5px 2px 5px;
	
	color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	float: right;
	clear: both;
	font-size: 10px;
	display: block;
	text-decoration: none;
	margin: 10px 0 10px 10px;
			behavior: url(http://www.passionforcreative.com/client-area/enrol/back-end/css3pie/PIE.php);
}

.wrapper img
{
    border: none;
    }
	
label {
display:inline;
font-weight:normal;
margin:0 0 3px;
vertical-align:top!important;
}

.top-button-holder {
	clear:both;
}

input, text, textarea{
    
		-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!important;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px 0;
	background-color: #ffffff;
	background-position: left top; 
 	margin: 0 0 5px 0;
	box-shadow: inset 0 0 3px #999;
}

input[type="radio"],input[type="checkbox"]
{
	float: inherit; 
	display: inline;
	height:13px;
	width:20px;
}
/*input[type=submit]  {
	float: left;
	font-size: 11px;
	display: block;
	text-decoration: none;
	margin: 10px 0 10px 10px;
	padding: 5px 5px 2px 5px;
	background: #9b001f;
	color: white;
}*/

/*input[type=button]  {
	float: left;
	font-size: 11px;
	display: block;
	text-decoration: none;
	margin: 10px 0 10px 10px;
	padding: 5px 5px 2px 5px;
	background: #9b001f;
	color: white;
	width: 150px;
}*/

select {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.footer_center
{
    
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
.style1
{
    margin:auto;
    }
.chkbox
{
    float : right; 
    margin:5px 0px 0px 80px;
    width: 700px;
    font-size: medium;   
    font-family: Calibri, Verdana, Geneva, sans-serif;
    color: #082431;
}

.space
{
    padding-right:15px;
    float:left;
}
/*.ddl
{
    width:150px;
    height:28px;
}*/
.stylex
{
     color:Aqua;
    }
    


.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.txtwidth
{
    width:150px;
}
/* Prem Added for breadcrums*/
.breadcrumb
{
 font-size: medium;
 color: #911919;
 margin-left:20px;    
 font-family: Calibri, Verdana, Geneva, sans-serif;
}

.breadcrumb a
{
 font-size: medium;
 color: #911919;
 margin-left:5px;    
 font-family: Calibri, Verdana, Geneva, sans-serif;
}

.breadcrumb td
{
 font-size: medium;
 color: #911919;
 margin-left:5px;    
 font-family: Calibri, Verdana, Geneva, sans-serif;
}

.breadcrumb td a
{
 font-size: medium;
 color: #911919;
 margin-left:5px;    
 font-family: Calibri, Verdana, Geneva, sans-serif;
}

.premimg td
{
    padding-bottom: 100px;
    }
    
.option-a-blue
{
 font-size: medium;
 color: #911919;
 margin-left:5px;    
 font-family: Calibri, Verdana, Geneva, sans-serif;
}
 .info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:5px 2px 5px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('./system-images/info.png');
}
.success 
{
  font-weight:bold;
  /*color: #4F8A10; */ 
  color: #008000;
  background-color: #DFF2BF;
  background-image:url('./system-images/success.png');
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('./system-images/warning.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('./system-images/error.png');
  text-align:left;
}