@import url(http://fonts.googleapis.com/css?family=Glegoo);

body,td,div,p,a,font,span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

body {
	margin:0px;
	background-color:#FFFFFF;
}

strong {
	letter-spacing: 0.8px;
}

a {
	text-decoration: none;
	color: #263791;
}

a:hover {
	text-decoration: none;
	color: red;
}

a img {
	border: none;
}

strike {
	color:#FF3300;
}

.wrap {
	width: 960px;
	margin: 0 auto;
    text-align: left;
}

.bold {
	font-weight:bold;
}


/* login */

.login-blocks {
	margin-top:50px;
	width:935px;
}

.login-blocks-left {
	margin-left:20px;
	width:475px;
	height:490px;
	background-color:#283993;
}

.login-blocks-right {
	margin-right:20px;
	padding-left:100px;
	width:440px;
	height:490px;
	background-color:#FFFFFF;
}

.login-blocks-logo {
	padding-top:30px;
	padding-bottom:20px;
	padding-left:4px;
}

.login-blocks-head {
	font-family: 'Glegoo', serif;
	font-size:22px;
	font-weight:normal;
	color:#ffffff;
	padding-top:20px;
	padding-left:15px;
}

.login-blocks-text {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	color:#ffffff;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
}

.login-blocks-phi-logo {
	padding:0px;
}

.login-blocks-forgot {
	padding-top:10px;
	padding-bottom:10px;
}

.login-blocks-signup {
	padding-top:40px;
	font-weight:bold;
}

.login-blocks-footer {
	margin-top:55px;
	border-top:#CCCCCC 1px solid;
}

.login-blocks-footer-left {
	padding-top:10px;
	padding-left:20px;
	text-align:left;
	font-size: 11px;
	color:#999999;
}

.login-blocks-footer-right {
	padding-top:10px;
	padding-right:20px;
	text-align:right;
	font-size: 11px;
	color:#999999;
}

/* login */


/* header */

.popup-block {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	height:50px;
	background-color:#283993;
}

.popup-block-head {
	font-family: 'Glegoo', serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;	
}

.top-head-block {
	width:100%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	height:50px;
	background-color:#283993;
}

.top-head-block-logo {
	padding-left:15px;
	padding-right:15px;
	border-right: 1px solid #D4D4D4;
}

.top-head-block-logo img {
	margin-top:3px;
	width:52px;
	height:40px;
	padding:1px;
	border: 1px solid #D4D4D4;
}

.top-head-block-heading {
	padding-left:10px;
	font-family: 'Glegoo', serif;
	font-size:25px;
	color:#FFFFFF;
}

.top-head-block-institute {
	width:75%;
}

.top-head-block-profile {
	float:right;
	padding-right:25px;
	
}

.top-head-block-profile a {
	font-family: 'Glegoo', serif;
	font-size:14px;
	color:#FFFFFF;
}

.top-head-block-profile-picture {
	padding-left:15px;
	padding-right:15px;
	border-right: 1px solid #D4D4D4;
}

.top-head-block-profile-picture img {
	margin-top:3px;
	padding:1px;
	border: 1px solid #D4D4D4;
}

.top-head-block-profile-logout {
	padding-left:15px;
	color:#ffffff;
}

#top-head-block-account {
	background:aqua;
	position:absolute;
	top:20px;
	right:0;
	width:200px;
	height:200px;
}


.head-block {
	background-color: #ffffff;
	border-bottom: #D4D4D4 1px solid;
}

.head-content-block {
	background-color:#283993;
	padding: 3px;
	font-family: 'Glegoo', serif;
	font-size:25px;
	color:#FFFFFF;
	margin-bottom:15px;	
}

.head-content-block-left {
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
}

.head-content-block a {
	font-family: 'Glegoo', serif;
	font-size:12px;
	color:#FFFFFF;	
}

.head-content-block b {
	font-family: 'Glegoo', serif;
	font-size:12px;
	color:#FFFFFF;	
}

/* header */


/* vle table */

.vle-block {
	background-color: #F3F3F3;
	border: #D4D4D4 1px solid;
	min-width:100%;
}

/* vle table */


/* vle content path */

.vle-content-block {
	background-color:#FAFAFA;
	padding: 8px;
	font-family: 'Glegoo', serif;
	font-size:11px;
	color:#333333;
	border-top: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
}


.vle-content-block a {
	font-family: 'Glegoo', serif;
	font-size:11px;
}

/* vle content path */

/* form */

label {
	color:#333;
}

label:hover {
	color: #575B60;
}

fieldset {
	border-top: 1px solid #D4D4D4;
	border-bottom: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

legend {
    font-size: 12px;
    font-weight: bold;
	color: #283993;
	text-transform:uppercase;
}

.labelinfo {
	color:#999999;
	font-size:11px;
}

.labelrequired {
	color: #990000;
}

.largecheckbox {
	width: 22px;
	height: 22px;
}

.text-block {
	background-color: #D4D4D4;
	padding:3px;
}

.text {
    font-size: 12px;
    font-weight: normal;
	border: #B8B8B8 1px solid;
	min-width:100px;
	height:23px;
	padding-left:5px;
	border-radius: 3px;
}

.file {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	border: #B8B8B8 1px solid;
}

textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	border: #CCCCCC 1px solid;
	padding:4px;
	border-radius: 3px;
}

select {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	border: #B8B8B8 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left:2px;
	border-radius: 3px;
}

form {
	margin-bottom:0px;
}

#pay {
	color: #3c3c3c;
	font-size: 14px;
	font-weight:bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.greenactive {
	border: #006699 5px solid;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tac {
	width:99%;
}

input[type="reset"], input[type="submit"], input[type="button"] {
	/*background: #283993;
	border: 1px solid #004F55;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 12px 7px 12px;
	text-align: center;
	text-shadow: 0 1px 0 #004F55;
	cursor:pointer;*/
	padding: 4px 13px 4px 13px;
	cursor:pointer;
}

.button {
	/*background: #283993;
	border: 1px solid #004F55;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	text-shadow: 0 1px 0 #004F55;
	color: #fff;*/
	font: 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 12px 7px 12px;
	text-align: center;
	cursor:pointer;
}

.button:hover {
	color: #283993;
}

.button:active {
	position:relative;
	top:1px;
}

#button {
	background: #283993;
	border: 1px solid #004F55;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 12px 7px 12px;
	text-align: center;
	text-shadow: 0 1px 0 #004F55;
	cursor:pointer;
}

#button:hover {
	background-color:#006433;
}

#button:active {
	position:relative;
	top:1px;
}

/* form */


/* content tags */

.content-block {
	background-color:#283993;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	text-align:left;
}


.content-menu-block	{
	background-color: #F3F3F3;
}

.content-menu-block-contents .last {
	border-bottom: #D4D4D4 0px solid;
}

.content-menu-block	a {
    font-family:Arial, Helvetica, sans-serif;

    font-size: 12px;
    font-weight: normal;
}

.content-menu-main-block-contents td {
	width:195px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: #D4D4D4 1px solid;
}

.content-menu-main-block-contents .last {
	border-bottom: #D4D4D4 0px solid;
}

.content-menu-block-contents td {
	width:195px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: #D4D4D4 1px solid;
}

.content-menu-block-contents .last {
	border-bottom: #D4D4D4 0px solid;
}

.content-menu-block-barcode {
	background: url(../images/icons/barcode.png) no-repeat left;
	padding-left:22px;
}

.content-menu-block-vcard {
	background: url(../images/icons/16x16/user-card.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.content-menu-block-user {
	background: url(../images/icons/16x16/user.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.content-menu-block-applications {
	background: url(../images/icons/16x16/browser.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.content-menu-block-applications-new {
	background: url(../images/icons/16x16/browser-new-window.png) no-repeat left;
	padding-left:22px;
}

.content-menu-block-td {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	border-bottom: #D4D4D4 0px solid;
}

.content-menu-block-td a {
	font-weight:bold;
}

.content-menu-block-td-sep {
	padding-top:13px;
	border-bottom: #D4D4D4 1px solid;
}

.content-menu-block-courses {
	background: url(../images/icons/line_double_line_arrow_end.png) no-repeat right;
	padding-right:20px;
}

.student-term-registration {
	background: url(../images/icons/line_double_line_arrow_end.png) no-repeat right;
	padding-right:20px;
}

.content-menu-block-courses-mtid {
	color:#999999;
	font-size: 11px;
	font-weight: bold;
}

.my-course-contents {
	background: url(../images/icons/16x16/menu.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.current {
	background: url(../images/icons/line_double_line_arrow_end.png) no-repeat right;
	padding-right:20px;
}

.my-term-registrations {
	background: url(../images/icons/16x16/timeline.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-timetables {
	background: url(../images/icons/16x16/calendar.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-assignments {
	background: url(../images/icons/16x16/browser-upload.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-attendance {
	background: url(../images/icons/16x16/grid-2.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-leave-requests {
	background: url(../images/icons/16x16/notes.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-course-downloads {
	background: url(../images/icons/16x16/browser-download.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-student-photo {
	background: url(../images/icons/16x16/browser-upload.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-hesa-profile {
	background: url(../images/icons/16x16/polaroid-2.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-module-results {
	background: url(../images/icons/16x16/list.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.module-re-enrollments {
	background: url(../images/icons/16x16/reminder.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.study-materials {
	background: url(../images/icons/16x16/book.png) no-repeat left;
	padding-left:22px;
	padding-top:2px;
}

.my-modules-contents {
	background: url(../images/icons/application_side_boxes.png) no-repeat left;
	padding-left:22px;
}

.my-students-contents {
	background: url(../images/icons/user_red.png) no-repeat left;
	padding-left:22px;
}

.my-students-uploads-contents {
	background: url(../images/icons/folder.png) no-repeat left;
	padding-left:22px;
}

.my-timetables-contents {
	background: url(../images/icons/calendar_view_day.png) no-repeat left;
	padding-left:22px;
}

.my-attendnace-contents {
	background: url(../images/icons/date_edit.png) no-repeat left;
	padding-left:22px;
}

.content-term-block	{
	background-color: #ffffff;
	border: #D4D4D4 1px solid;
}

.content-blue {
	background-color: #BEE4E7;
}

.content-light-blue {
	background-color: #EAF5FB;
}

.content-light-yellow {
	background-color: #FFE6E6;
}

.content-light-green {
	background-color: #D7FFD7;
}

.content-light-red {
	background-color: #FFE6E6;
}

.content-light-gray {
	color:#333333;
}

.td-app-submit {
	margin-top:10px;
	padding:10px;
	background-color: #ffffff;
	border: #D4D4D4 1px solid;	
}


/* menu tags */

.toggle {
	cursor: hand;
	cursor: pointer;
	font: bold 10px;
	margin: 0px 0;
}

.toggleheading	{
	font-size:12px;
	font-weight:bold;
	margin-left: 15px; 
	margin-top: 1px;
}

.menu {
	background-color: #ffffff;
	border: #D4D4D4 0px solid;
}

/* calendar tags */

.calendar-block		{background: #ffffff url('../images/gradient.jpg'); border: #629DFF 1px solid;}
.calendar-holiday	{background-color: #CCFF99; border: #B3FF66 1px solid; padding: 3px;}


/* records display tags */

div.centered {
    text-align: center;
}

div.centered table {
    width:96%;
    margin: 0 auto; 
    text-align: left;
}

.disp-block {
	background-color: #F3F3F3;
	border: #D4D4D4 1px solid;
	min-width:100%;
}

.disp-block-popup {
	background-color: #F3F3F3;
	border: #D4D4D4 1px solid;
	min-width:98%;
	margin-left:5px;
	margin-right:10px;
}

.overview-block {
	background-color:#E8E8E8;
	border: #D4D4D4 1px solid;
	padding:5px;	
}

.overview-fv {
	color:#990000;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

.disp-heading-b {
	color: #D25A0B;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

.disp-heading-h2 {
	font-family: 'Glegoo', serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 5px;
}

.disp-heading-h3 {
	font-family: 'Glegoo', serif;
	font-size:15px;
	font-weight:bold;
	color:#283993;
	padding-left: 5px;
}

.disp-heading-h4 {
	font-family: 'Glegoo', serif;
	font-size:17px;
	font-weight:bold;
	color:#283993;
	padding-top:10px;
	padding-bottom:15px;
}

.att-block {
	background-color: #FFFFCC;
	padding: 5px;
	border: #5FBEC0 1px solid;
}

.disp-heading {
	font-size: 15pt;
	color:#000000;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
	border-bottom: #D4D4D4 5px solid;
}

.disp-heading-block {
	font-size: 15pt;
	color:#000000;
	font-weight: bold;
	background-color: #D4D4D4;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
}

.disp-tab-heading a {
    
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	background:#F3F3F3;
	border: #D4D4D4 1px solid;
	padding: 6px;
}

.disp-tab-heading-s {
    font-family:Arial, Helvetica, sans-serif;

    font-size: 12px;
    font-weight: normal;
	background: #FFFFFF;
	border: #D4D4D4 1px solid;
	padding: 6px;
}

.disp-td-block {
	background-color: #F3F3F3;
}

.disp-row-block			{background-color: #FFFFFF; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; padding: 8px; height: 26px;}
.disp-row-block-last	{background-color: #FFFFFF; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; border-right: #D4D4D4 1px solid; padding: 8px;}
.disp-row-block-bg		{background-color: #FFFFCC; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; padding: 8px; height: 26px;}
.disp-row-block-last-bg	{background-color: #FFFFCC; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; border-right: #D4D4D4 1px solid; padding: 8px;}

.disp-th-block {
	padding: 8px;
	background:#283993;
}

.disp-te-block {
	padding: 8px;
}

.disp-th-block a {
    font-size: 12px;
    font-weight: normal;
    color:#FFFFFF;
}

.disp-th-td-block {
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-top: #D4D4D4 1px solid;
	padding: 8px;
}

.disp-th-td-block a {
	font-weight: bold;
}

.disp-th-td-block-last {
	color:#FFFFFF;
	font-weight: bold;
	border: #D4D4D4 1px solid;
	padding: 8px;
}

.disp-th-td-block-last a {
	font-weight: bold;
}

.disp-block-print {
	border: #D4D4D4 1px solid;
}

.disp-row-block-green {
	background-color: #CCFFCC;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	padding: 8px;
	height: 26px;
}

.disp-row-block-red {
	background-color: #FFCCCC;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	padding: 8px;
	height: 26px;
}

.disp-th-td-block-cal {
	color:#ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
}

.disp-td-block-cal {
	font-size: 12px; 
	font-weight: bold;
	border: #D4D4D4 1px solid;
	padding: 6px;
}


.app-disp-row-block {	
	background-color: #FFFFFF;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	padding: 8px;
}

.app-disp-row-block-bg {	
	background-color:#FFFFCC;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	padding: 8px;
}

.app-disp-row-block-last {
	background-color: #FFFFFF;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 8px;
}

.app-disp-row-block-last-bg {
	background-color:#FFFFCC;
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 8px;
}

.app-disp-row-sid {
	border-top: #D4D4D4 1px solid;
	font-size: 12px;
	font-weight: bold;
}

.disp-row-block-sch {
	background-color: #FFFFFF; 
	border-top: #D4D4D4 1px solid; 
	padding: 5px;
}

.disp-d-block {
	background-color: #D4D4D4;
	padding: 7px;
}

.payment-td-block	{
	background-color:#FFFFCC;
	border: #8AD0D2 1px solid;
	padding: 8px;
}

.disp-grid-block-bg {
	color:#333333;
	background-color:#FFFFCC;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 0px;
}

.disp-grid-block-red {
	color:#333333;
	background-color:#FFCCCC;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 10px;
}

.disp-grid-block-re {
	color:#333333;
	background-color:#FFCCCC;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
}

.disp-grid-block-green {
	color:#333333;
	background-color:#D7FFD7;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding:0px;
}


.disp-time-block {
	color:#333333;
	background-color:#FFFFCC;
	border: #D4D4D4 1px solid;
	margin-bottom: 1px;
}

.disp-grid-block {
	background-color: #FFFFFF;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 0px;
}

.disp-grid-block-last {
	background-color: #FFFFFF;
	border: #D4D4D4 1px solid;
	padding: 0px;
}

.disp-grid-block-mat-table {
	margin-top: 10px;
	margin-bottom: 10px;
}

.disp-grid-block-mat {
	color:#333333;
	background-color: #FFFFFF;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
	padding: 0px;
}

.disp-grid-block-mat-last {
	color:#333333;
	background-color:#FFFFCC;
	border: #D4D4D4 1px solid;
	padding: 0px;
}

.disp-grid-block-confirm {
	color:#333333;
	background-color: #FFFFFF;
	border: #BAE3E4 5px solid;
	padding-left: 6px;
}

.disp-grid-block-left {
	border-left: #D4D4D4 1px solid;
	padding: 8px;
}

.disp-grid-block-right {
	padding-left: 8px;
	padding: 8px;
}

.disp-menu-block {
	background-color:#283993;
	padding-top:8px;
	padding-bottom:8px;
}

.disp-top-menu-block {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.li-padding {
	padding-top: 5px;
}

.round-next {
	padding-left: 4px;
	padding-right: 3px;
	background: #ffffff url('../images/round-next-bg.gif');
}

.menu_block_contents {
	padding-bottom: 10px;
}

.menu_block_heading {
	font-family: 'Glegoo', serif;
	font-size:13px;
	color:#FFFFFF;
}

.result_row_heading {
	color: #D84A38;
	padding-left: 0px;
	letter-spacing: 0.9px;
}

.td-block-pink {
	background: #FFCCFF;
	border: #FF99FF 1px solid;
	color: #333;
	font-weight: bold;
	padding: 5px;
	letter-spacing: 0px;
	text-transform:uppercase;	
}

.td-block-green {
	background: #35FF9A;
	border: #00B95C 1px solid;
	color: #333;
	font-weight: bold;
	padding: 3px;
	letter-spacing: 0px;
	text-transform:uppercase;	
}

.td-block-red {
	background: #FF9999;
	border: #CC3300 1px solid;
	color: #000000;
	font-weight: bold;
	padding: 3px;
	letter-spacing: 0px;
	text-transform:uppercase;	
}

.td-block-orange {
	background:#FF9933;
	border: #B96F00 1px solid;
	color: #333;
	font-weight: bold;
	padding: 3px;
	letter-spacing: 0px;
	text-transform:uppercase;	
}

/* sub records display tags*/

.sub-disp-th-block			{background: #ffffff url('../images/gradient.jpg'); padding: 6px;}
.sub-disp-th-td-block		{font-size: 11pt; font-weight: bold; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; border-top: #D4D4D4 1px solid; border-right: #D4D4D4 1px solid; padding: 6px;}
.sub-disp-row-block			{background-color: #FFFFFF; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; padding: 6px;}
.sub-disp-row-block-last	{background-color: #FFFFFF; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; border-right: #D4D4D4 1px solid; padding: 6px;}
.sub-disp-row-block-b		{background-color: #D4D4D4; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; padding: 6px;}
.sub-disp-row-block-last-b	{background-color: #D4D4D4; border-bottom: #D4D4D4 1px solid; border-left: #D4D4D4 1px solid; border-right: #D4D4D4 1px solid; padding: 6px;}
.orange						{color:#FF6600;}
.green						{color:#006600;}
.red						{color:#CC0000;}

.grey {
	color: #575B60;
}

.green-block				{border: green 1px solid; padding: 0px 5px 0px 5px; background-color: #99CC00;}
.red-block					{border: red 1px solid; padding: 0px 5px 0px 5px; background-color: #FFC1C1;}
.orange-block				{border: #FF9900 1px solid; padding: 0px 5px 0px 5px; background-color: #FFE2B7;}
.cas-red-block				{border: red 1px solid; padding: 5px 5px 5px 5px; background-color: #FFC1C1; color:#333;}
.cas-green-block			{border: green 1px solid; padding: 5px 5px 5px 5px; background-color: #99CC00; color:#333;}
.cas-orange-block			{border: orange 1px solid; padding: 5px 5px 5px 5px; background-color:#FFDFBF; color:#333;}
.cas-black-block			{border: black 1px solid; padding: 5px 5px 5px 5px; background-color:#CCCCCC; color:#333;}


/* confirm tags */

.confirm-block		{background-color: #ffffff; border: #008000 1px solid;}
.confirm-td-block	{background-color: #FFFFCC}


/* error tags */
.error {
	color: #FF0000;
}

.required {
	color: #FF0000;
	font-size: 14pt;
}

.error-td-box {
	color: #00662A;
	background-color: #FFFFCC;
	border: red 1px solid;
	padding: 2px;
}

.error-field {
	border: red 1px solid;
	padding: 5px;
}

.ok-field {
	border: green 1px solid;
	padding: 5px;
}

.green-assign {
	border: green 1px solid;
	padding: 4px;
	background-color: #FFFFCC;
}

.confirm-box {
	color: #00662A;
	background-color: #FFFFCC;
	border: #00662A 1px solid;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.error-box {
	color: #00662A;
	background-color: #FFFFCC;
	border: red 1px solid;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
/* form tags */



/* images tags */

.file-formats {
	color: #008000;
	margin:4px;
}

.form-small-image	{border: 1px solid #D4D4D4;}
.thinborderfloat 	{float:left; border:solid 1px silver; padding:5px; margin-right:10px;} 


/* assign/deassign */

.assign		{background-color: #FF9B9B;}
.deassign	{background-color: #9BDD9B;}
.block		{background-color: #FFFFCC; border: #D4D4D4 1px solid; padding:6px;}

.imgblock	{border: #D4D4D4 5px solid;}

.sannposted {
	color:#999999;
	font-size: 10px;
	font-weight: bold;
	padding-top: 3px;
}

.note-block	{
	margin-top:5px;
	margin-bottom:7px;
	background-color: #FFFDE5;
	border: #FFCC00 1px solid;
	padding:10px;	
}

.note-block	table {
	width:100%;
	background-color: #FFFDE5;
	border: #FFCC00 1px solid;
	padding: 10px;
	color:#333333;
}

.note-block	table a {
	font-size:12px;
	font-weight:bold;
}

.note-block-heading	{
	font-family: 'Glegoo', serif;
	font-size:13px;
	font-weight:bold;
	padding-left: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	background: url(../images/icons/date.png) no-repeat left;
}

.note-block-heading	a {
	font-family: 'Glegoo', serif;
	font-size:13px;
	font-weight:bold;
}

.note-block-date {
	padding-top: 2px;
	padding-bottom: 2px;
}

.note-block-date-details {
	color: #555;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
}

.note-block-details	{
	color: #333333;
	background: #FFD3BD;
	padding: 5px;
	border: #FFB18C 1px solid;
	line-height: 1.4em;
}

.note-block-details-error {
	color: #333333;
	font-weight:bold;
	background: #FFFFCC;
	padding: 5px;
	border: #E14900 2px solid;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.note-block-details-current	{
	color: #333333;
	background:#D6F8CD;
	padding: 5px;
	border: #91ED7C 1px solid;
	line-height: 1.4em;
}

.note-block-li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.blocke {
	background-color: #FFFFCC;
	border: #D4D4D4 1px solid;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

.sblock {
	color:#333333;
	background-color: #FFFFD0;
	border: #FF9900 1px solid;
	padding:8px;
	margin-top:10px;
	margin-bottom:4px;
}

.cblock {
	color:#333333;
	background-color: #FFFFD0;
	border: #C0C0C0 1px solid;
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 70%;
}


/* image */
.image-block {
	background-color: #ffffff;
	border: #D4D4D4 1px solid;
}

/* system error */
.syserror {
	border: #CC3300 1px solid;
	background:#FFFFCC;
}

/* sub menu */
#sub-container {
	padding-left:3px;
}

ul#sub-menu {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#sub-menu li {
	display:block;
	float:left;
	margin-right: 4px;
	margin-top: 4px;
}

ul#sub-menu li a.wizard {
	background: #fff;
	border: #FF0000 1px solid;
	border-radius: 3px;
	padding: 7px 10px 7px 10px;
	text-align: center;	
}

ul#sub-menu li a.wizardf {
	background: #e3e3e3;
	background:#CCCCCC;
	border: #9F9F9F 1px solid;
	border-radius: 3px;
	padding: 7px 10px 7px 10px;
	text-align: center;
}

ul#sub-menu li a.wizardc {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	color: #333;
	padding: 7px 10px 7px 10px;
	text-align: center;
}

ul#sub-menu li a.wizard-n {
	background: #e3e3e3;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	padding: 7px 10px 7px 10px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

ul#sub-menu li a.wizard-g {
	background: #68AA34;
	border: 1px solid #63A62F;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	padding: 7px 10px 7px 10px;
	text-align: center;
}

ul#sub-menu li a.wizard-r {
	background: #D63D2B;
	border: 1px solid #951100;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	padding: 7px 10px 7px 10px;
	text-align: center;
}

ul#sub-menu li a.main {
	background: #e3e3e3;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

ul#sub-menu li a.maine {
	font-weight:normal;
	text-decoration:none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: #FF0000 1px solid;
}

ul#sub-menu li a.mains {
	background: #68AA34;
	border: 1px solid #63A62F;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
}

ul#sub-menu li a.mainr {
	background: #D63D2B;
	border: 1px solid #951100;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}

ul#sub-menu li a.mainp {
	background: #7D3FBC;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #660099;	
}

ul#sub-menu li a.mainv {
	background: #C87937;
	border: 1px solid #8A5326;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #8A5326;	
}


ul#sub-menu li a.maindg {
	font-weight:normal;
	background:#8B8C00;
	color: #ffffff;
	text-decoration:none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: #8A5326 1px solid;
}

ul#sub-menu li a.mainf {
	background: #CC6698;
	border: 1px solid #8C2F5E;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 1px 0 #8C2F5E;
}

ul#sub-menu li a.submain {
	background: #e3e3e3;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

ul#sub-menu li a:hover {
	color: #666666;
}

ul#sub-menu li a.current {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 5px 7px 5px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

ul#sub-menu li a.currente {
	font-weight: normal;
	text-decoration:none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FFFFFF;
	border: #FF0000 1px solid;
}

ul#sub-menu li a.current:hover {
	color:#2E4560;
	background:#fff;
}

.sub1,
.sub1:hover,
.sub1-active,
.sub1-active:hover {
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}


/* cropping css */

.btn {
	background-color: #99ccff;
}

.trans {
	background-color: white;
	filter: alpha(opacity=30);
	position: absolute;
	font-size: 0px;
}

#valbox {
	position: absolute;
	cursor: default;
	padding: 0px;
	top: 100px;
	left: 400px;
	background-color: #6699ff;
	border-top: solid 3px #c2e0ff;
	border-left: solid 3px #e2ecff;
	border-right: solid 3px #000088;
	border-bottom: solid 3px #000000;
}

/* cropping css */


/* calendar */

.names 	    	{background-color: ; font-size: 13px; color: #FFFFFF; text-decoration: none; text-align:  center; font-weight: bold;}
.calendarBody   {background-color: #F0F0F0; font-size: 12px; color: #000000; text-decoration: none; text-align: center;}

.calcurrentday {
	background-color: #CCFF99;
	padding-top: 8px;
}

.calselectday {
	background-color:#E6E6E6;
	padding-top: 8px;
}

.calotherday {
	background-color: #FFFFFF;
	padding-top: 8px;
}

.caleventday {
	background-color:#FFB895;
	padding-top: 8px;
}

.calNotDay	    {background-color: #FFFFFF; font-size: 11px; color: #000000;}
.calFormMenu    {background-color: #4C5D87; font-size: 13px; color: #FFFFFF; text-decoration: none; text-align:  center; font-weight: bold;}

/* calendar */

/* powered */
.powered {
	font-size: 7pt;
	color: #808080;
	letter-spacing: 0.9px;
}

/* status */
.approved {
	color:green;
}

.pending {
	color:#FF9900;
}

.declined {
	color:#CC3300;
}

/* search box */

.top-search-box	{
	min-width: 150px;
	background-color: #ffffff;
	border: 1px solid #87CED1;
	border-style: dashed; 
}

.announcement-heading {
	margin:0px;
	padding-left: 20px;
	padding-bottom:5px;
	background: url('../images/icons/bell.png') left 0px no-repeat;
	text-align:left;
}

/* search box */


/* sas */


.sas-main-td	{
	text-align:center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.sas-search-text	{
	width: 150px;
	background-color: #ffffff;
	border: 1px solid #87CED1;
}

/* sas */


/* icons */

.time-icon {
	color:#CC3300;
	padding-left: 20px;
	background: url(../images/icons/time.png) no-repeat left;
	float: left;
}

.enrol-icon {
	color:#CC3300;
	font-weight:bold;
	padding-left: 20px;
	background: url(../images/icons/login.png) no-repeat left;
}

/* icons */

.tick-cross {
	vertical-align:text-bottom;
}

/* print */

.print-bg-head {
	padding-top:10px;
	padding-bottom:2px;
	border-bottom: 2px solid #000000;
	color:#000000;
	font-size:18px;
	font-weight:bold;
}

.print-bg-sub-head {
	padding-top:10px;
	padding-bottom:2px;
	border-bottom: 0px solid #000000;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

/* print */


/* status */
.status-head {
	font-weight:bold;
	text-transform:uppercase;
	color:maroon;
}

.status-name {
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
}
/* status */


/* uploads */

.upload-folder {
	position:relative;
	top:3px;
	left:-22px;
}

/* uploads */


/* appplication */

.application_navigation_round_bg_active {
	width:22px;
	height:28px;
	padding-left:10px;
	color:#ffffff;
	background: url(../images/application_navigation_round_bg_active.gif) no-repeat;	
}

.application_navigation_round_bg {
	width:20px;
	height:28px;
	padding-left:10px;
	color:#808080;
	background: url(../images/application_navigation_round_bg.gif) no-repeat;	
}

.application_navigation_text {
	width:90px;
	color:#ffffff;
	font-weight:normal;
}

/* appplication */


/* buttons */
button.cupid-green {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	width: 150px;
}
button.cupid-green:hover {
	background-color: #76b347;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
	background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
	background-image: linear-gradient(top, #76b347, #5e9e2e);
	-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
	box-shadow: inset 0 1px 0 0 #8dbf67;
	cursor: pointer;
}
button.cupid-green:active {
	border: 1px solid #5b992b;
	border-bottom: 1px solid #538c27;
	-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}
button.cupid-green a {
	color: #fff;
}

/* buttons */


/* footer tags */

.foot-block {
	background-color: #BEE4E7;
	border-top: 0px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}

.foot-content-block {
	width:960px;
	margin-top:25px;
	margin-bottom:25px;
	background: #283993;
	padding: 5px;
}

.foot-content-block td {
	color:#808080;
	font-size:11px;
}

/* jquery form plugin */

.progress {
	position:relative;
	width:400px;
	border: 0px solid #ddd;
	padding: 1px;
	border-radius: 3px;
}

.bar {
	background-color: #B4F5B4;
	width:0%;
	height:20px;
	border-radius: 3px;
}

.percent {
	position:absolute;
	display:inline-block;
	top:3px;
	left:48%;
}

.status {
	margin-top:10px;
}

/* jquery form plugin */



/* docs viewer */

.google-frame {
	width:800px;
	height:450px;
	border:none;
}

.letter-sep {
	padding-right:10px;
	border-right: 1px solid #D4D4D4;
}

.letter-start {
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #D4D4D4;
}

.letter-space {
	padding-left:10px;
	padding-right:0px;
}

.gray-image {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
 
.gray-image:hover {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
}

.google-download {
	padding-top:5px;
	padding-bottom:5px;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
}

/* docs viewer */