* {
	margin: 0;
}

/*li.ui-menu-item { font-size:18px;
	font-family: arial; 
      color:#fff;
    background:#6b0c36;

}

li.ui-menu-item:hover { font-size:18px;
	font-family: arial; 
      color:#fff;
    background:#6b0c36;
    text-decoration:underline;

}*/

.papertable {
   width: 30%;
    border-collapse: collapse;
    border: 1px solid black;
}



#wrapper {
    /*width: 1005px;
    margin: 0 auto;
    position: relative;*/
}
.column {
    width:500px;
    float:left;
    margin:20px;
	font-size:16px;
	font-family: arial;
    /*border: 1px solid white;
    min-height: 750px;
    color: white;*/
}

.column-submit {
    width:50%;
    float:left;
    margin:20px;
	font-size:16px;
	font-family: arial;
    /*border: 1px solid white;
    min-height: 750px; */
    color: black;
}

.column-full {
    width:95%;
    float:left;
    margin:20px;
    /*border: 1px solid white;
    min-height: 750px; */
    color: black;
}

.column-right {
    width:50%;
    float:right;
    margin:20px;
    /*border: 1px solid white;
    min-height: 750px; */
    color: black;
}

.column-left {
    width:50%;
    float:left;
    margin:20px;
    /*border: 1px solid white;
    min-height: 750px; */
    color: black;
}


#totalPrice{
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}

#PaperCodeFinishing{
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}

.Inputs{
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}



#CostCentre {
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}
#tickCC {
	display:none
}
#crossCC {
	display:none
}
#NominalCode {
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}
#tickNC {
	display:none
}
#crossNC {
	display:none
}
#ProjectCode {
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}
#tickPC {
	display:none
}
#crossPC {
	display:none
}

.inputbox {
	padding:3px;
	font-size:18px;
	border:3px #CCC solid;
}

.small {
	font-size:16px;
	font-family: arial;
}

#list label {
    display: inline-block;
    width: 15em;
    text-align: right;
    padding-right: 0.5em;
}
#list input {
    display: inline-block;
}


#footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#F2F6F9;
   border-top: 2px solid #e7e7e7;
   color: #777;
    padding-top:20px;
}

        .myTableStyle
        {
           position:absolute;
           top:50%;
           left:35%; 

            /*Alternatively you could use: */
           /*
              position: fixed;
               bottom: 50%;
               right: 50%;
           */


        }

	
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

html, body {
	height: 100%;
	
	}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
	margin-bottom: -60px; 

}
.page-wrap:after {
  content: "";
  display: block;
}



#header{
position: relative;
top: 0;
left: 0;
padding-top: 140px;
background: #fff url(../images/header/Crest_long.jpg) no-repeat scroll;
min-width:945px;
}

#header h1 {
display: block;
clear: both;
padding: 0 25px 0 25px;
background: #df0052;
/* background: #123e5a; */
color: #fff;
font: normal 400 2em/2em verdana, "arial", sans serif;
margin: 0;
border: 0;
outline: 0;
vertical-align: baseline;
font-size: 100%;
}

#header .logout {
float:right;
}

#content {
padding:0 0;
}

#login{
background:#eee;
margin-left:auto;
margin-right:auto;
margin-top:60px;
width:60%;
min-width:600px;
height: 425px;
border: 2px solid #ddd;
}

#return_users{
float:left;
width:50%;
}

#return_users a{
padding-bottom:3px;
}

#new_users{
float:right;
width:50%;
border-left: 1px solid #ddd;
}

.login_box{
padding: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.login_box h2{
border-bottom: 1px solid #ddd;
padding: 10px 0;
margin-bottom:5px;
font: normal 400 19px Verdana, "Arial", Sans serif;
color: #333;
}

.login_box h3{
border-bottom: 1px solid #ddd;
padding: 3px 0;
margin-bottom:10px;
font: normal 400 17px Verdana, "Arial", Sans serif;
color: #333;
}

.login_box p{
padding: 3px 0;
font: normal 400 15px Verdana, "Arial", Sans serif;
color: #333;
padding-top:10px;
padding-bottom:10px;
}

.login_box a{
display: block;
padding-top:5px;
}

.login_box input {
border-width: 1px;
font-family: Verdana,sans-serif;
font-size: 1.1em;
color: #000;
padding: 3px;
width:50%;
}

.login_box label {
font-size: 12px;
color: #777;
float: left;
width: 100%;
line-height: 1.5;
}

.login_box label.error {
width:46%;
color:red!important;
float:right;
}

.required {
background: #ffd;
}

.login_buttons{
margin-top:12px;
padding-top: 18px;
border-top: 1px solid #ddd;
}

.login_box .btn-submit{
float: left;
clear: none;
display: inline;
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 30%;
}

.login_box .btn-reset {
float: left;
clear: none;
margin-left: 5px;
border: 0;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
width:20%;
}

#main-section{
margin-left:auto;
margin-right:auto;
width:1000px;
margin-top:10px;
}

#main-section h2{
border-bottom: 3px solid #ddd;
padding: 3px 0;
margin-bottom:10px;
font: normal 400 18px Verdana, "Arial", Sans serif;
color: #333;
}

#main-section p{
padding-bottom:10px;
font: normal 400 14px Verdana, "Arial", Sans serif;
color: #333;
line-height: 1.5;
}

.general-form {
padding-top:10px;
border-top: 1px solid #ddd;
padding-left:50px;
padding-right:50px;
}

.text_block{
padding-top:20px;
}

.options {
padding-top:30px;
padding-bottom:50px;
}

.option-select p{
margin-top:10px;
margin-bottom:10px;
}


.option-select  a{
display:block;
text-decoration:none;
color:#333;
padding-top: 15px;
padding-bottom: 15px;
}

.options .option-select{
width: 250px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
border: 1px solid #ddd;
background:#eee;

}

.option-select.active:hover{
background:#fff;
cursor:pointer;
}

.option-separate{
width:75px;
height:58px;
}

.applicant_table{
padding-bottom:30px;
}



/** staff login **/

#staffLogin{
background:#eee;
margin-left:auto;
margin-right:auto;
margin-top:60px;
margin-bottom:30px;
width:300px;
height: 340px;
border: 2px solid #ddd;
}


#applicants tr.spaceUnder > th
{
  font: normal 400 17px Verdana, "Arial", Sans serif;
  text-align: left;
  padding-bottom: 15px;
}

#applicants tr:nth-child(even) {
    background-color: #ddd;
}

#tabs a {
font-size:0.8em;
}

#app-nav{
height:32px;
border-bottom: 2px solid #ccc;
background:#f9f9f9;
list-style:none;
margin:0;
}

#app-nav li {
float:left;
display:block;
background-color:#f9f9f9;
border: 1px solid #f9f9f9;
padding:5px;
}

#app-nav li.right_border {
border-right: 1px solid #ccc;
}

#app-nav li a {
text-decoration: none;
color:#777;
}

#app-nav li.current-tab{
background-color:#123e5a;
}

#app-nav li.current-tab a{
color:#fff;
}

#submit_section ol {
font:normal 400 15px Verdana, "Arial", Sans serif;
margin-top:10px;
margin-bottom:10px;
}

.add p:hover{
cursor:pointer;
color:#777 !important;
}

.logout a{
text-decoration:none;
color: #fff;
}

.logout a:hover {
color: #777;
}

#app-nav li.approve {
color: #fff;
}

.form_section{

}

#imagebox {
width: 110px; 
height: 110px;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
border: 1px solid #000;
background-color: #ccc;
text-align: center;
}

/********************************************************************************************
* colours for form text                                               *
********************************************************************************************/
.greentxt {
color: #006400 !important;
}

.drkbluetxt {
color: #0000ee !important;
}

.lgtbluetxt {
color: #0099ff !important;
}

/********************************************************************************************
 * left and right columns                                             *
 *******************************************************************************************/
 
/* staff details table */

#left-section-staff{
margin-left:auto;
margin-right:auto;
width:50%;
margin-top:5px;
float: left;
}

#right-section-staff{
margin-left:auto;
margin-right:auto;
width:50%;
margin-top:5px;
float: right;
}

#left-section-staff label{
display:inline-block;
width:20%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

#right-section-staff label{
display:inline-block;
width:20%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

/* teaching activities table */
 
#left-section-teacher{
margin-left:auto;
margin-right:auto;
width:50%;
margin-top:5px;
float: left;
}

#right-section-teacher{
margin-left:auto;
margin-right:auto;
width:50%;
margin-top:5px;
float: right;
}

#left-section-teacher label{
display:inline-block;
width:85%;
line-height:1.5;
font: normal 400 12px Verdana, "Arial", Sans serif;
}

#right-section-teacher label{
display:inline-block;
width:85%;
line-height:1.5;
font: normal 400 12px Verdana, "Arial", Sans serif;
}

/* admin activities table */

#left-section-admin{
margin-left:auto;
margin-right:auto;
width:42%;
margin-top:5px;
float: left;
}

#right-section-admin{
margin-left:auto;
margin-right:auto;
width:58%;
margin-top:5px;
float: right;
}

#left-section-admin label{
display:inline-block;
width:80%;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

#right-section-admin label{
display:inline-block;
width:88%;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

/* other activities table */

#left-section-other{
margin-left:auto;
margin-right:auto;
width:35%;
margin-top:5px;
float: left;
}

#right-section-other{
margin-left:auto;
margin-right:auto;
width:65%;
margin-top:5px;
float: right;
}

#left-section-other label{
display:inline-block;
width:82%;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

#right-section-other label{
display:inline-block;
width:20%;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

/********************************************************************************************
 * Login form																				*
 ********************************************************************************************/
 
 

/********************************************************************************************
 * General form																				*
 ********************************************************************************************/
 
.gen-form {
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.gen-form label {
display:inline-block;
width:60%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

.gen-form label.error{
float:right;
color:red!important;
width:275px;
}

.gen-form label.radio-label {
width:90px;
color:#000;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

.gen-form input {
/*width:270px;*/
font: normal 400 12px Verdana, "Arial", Sans serif !important;
}

.gen-form input.noedit{
background:#E8E8E8;
}

.gen-form input[type="radio"]{
width:13px;
vertical-align: middle; 
margin-bottom: 2px;
margin-right: 5px;
}

.gen-form input.error, .gen-form textarea.error {
color:#000!important;
border-color: red;
}

#qualification_form input, #employment_history_section  input{
float:left;
}

.gen-form .radio-group{
display:inline-block;
}

.gen-form textarea {
resize: none;
width: 932px;
height: 90px;
margin-top:10px;
margin-bottom:10px;
}

.gen-form .select{
width:275px;
padding:1px 0px;
border: 2px inset;
}

.gen-form  .form-section{
border-bottom: 1px dashed #ddd;
padding-bottom: 5px;
padding-top: 5px;
}
.gen-form .submit-buttons{
margin-top:25px;
width:100px;
margin-left:auto;
margin-right:auto;
float: right;
}

.gen-form .btn-submit{
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 100px;
}

.gen-form .reset {
border: 0;
width:100px;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
}

.gen-form .form_nav{
width:140px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}

.error{
	color: red;
	font-size: .7em;	
}

/**------------------------------END GENERAL FORM --------------------------------**/

.dept-overview label {
display:inline-block;
font: normal 400 15px Verdana, "Arial", Sans serif;
margin: 0px !important;
padding-left:3px;
}

.dept-overview  .form-section{
border-bottom: 1px solid lightgrey;
padding-bottom: 5px;
padding-top: 5px;
}

/********************************************************************************************
 * lookup form																				*
 ********************************************************************************************/
 
.lookup-form {
padding: 10px 10px 10px 60px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width: 70%;
border: 1px solid #ccc;
}

.lookup-form label {
display:inline-block;
width:45%;
font: normal 400 14px Verdana, "Arial", Sans serif;
color: #000;
line-height:1.5;
}

.lookup-form label.error{
float:right;
color:red!important;
width:275px;
}

.lookup-form label.radio-label {
width:90px;
color:#000;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

.lookup-form input {
width:45%;
font: normal 400 14px Verdana, "Arial", Sans serif !important;
}

.lookup-form input.noedit{
background:#E8E8E8;
}

.lookup-form input[type="radio"]{
width:13px;
vertical-align: middle; 
margin-bottom: 2px;
margin-right: 5px;
}

.lookup-form input.error, .gen-form textarea.error {
color:#000!important;
border-color: red;
}

#qualification_form input, #employment_history_section  input{
float:left;
}

.lookup-form .radio-group{
display:inline-block;
}

.lookup-form textarea {
resize: none;
width: 932px;
height: 90px;
margin-top:10px;
margin-bottom:10px;
}

.lookup-form .select{
width:275px;
padding:1px 0px;
border: 2px inset;
}

.lookup-form  .form-section{
/* border-bottom: 1px dashed #ddd; */
padding-bottom: 5px;
padding-top: 5px;
}
.gen-form .submit-buttons{
margin-top:25px;
width:100px;
margin-left:auto;
margin-right:auto;
float: right;
}

.lookup-form .btn-submit{
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 100px;
}

.lookup-form .reset {
border: 0;
width:100px;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
}

.lookup-form .form_nav{
width:140px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}
 
 
 /**------------------------------END LOOK_UP FORM --------------------------------**/
 
 /********************************************************************************************
 * staff form																				*
 ********************************************************************************************/
 .staff-form {
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.staff-form label {
display:inline-block;
width:30%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

.staff-form label.error{
float:right;
color:red!important;
width:275px;
}

.staff-form label.radio-label {
width:90px;
color:#000;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

.staff-form input {
width:60%;
font: normal 400 12px Verdana, "Arial", Sans serif !important;
}

.staff-form input.noedit{
background:#E8E8E8;
}

.staff-form input[type="radio"]{
width:13px;
vertical-align: middle; 
margin-bottom: 2px;
margin-right: 5px;
}

.staff-form input.error, .gen-form textarea.error {
color:#000!important;
border-color: red;
}

#qualification_form input, #employment_history_section  input{
float:left;
}

.staff-form .radio-group{
display:inline-block;
}

.staff-form textarea {
resize: none;
width: 932px;
height: 90px;
margin-top:10px;
margin-bottom:10px;
}

.staff-form .select{
width:275px;
padding:1px 0px;
border: 2px inset;
}

.staff-form  .form-section{
border-bottom: 1px dashed #ddd;
padding-bottom: 5px;
padding-top: 5px;
}
.staff-form .submit-buttons{
margin-top:25px;
width:100px;
margin-left:auto;
margin-right:auto;
float: right;
}

.staff-form .btn-submit{
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 100px;
}

.staff-form .reset {
border: 0;
width:100px;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
}

.staff-form .form_nav{
width:140px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}

 
 
 /**------------------------------END STAFF FORM --------------------------------**/
 /********************************************************************************************
 * course-staff form																				*
 ********************************************************************************************/
 .course-staff-form {
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.course-staff-form label {
display:inline-block;
width:40%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

.course-staff-form label.error{
float:right;
color:red!important;
width:275px;
}

.course-staff-form label.radio-label {
width:90px;
color:#000;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

.course-staff-form input {
/*width:270px;*/
font: normal 400 12px Verdana, "Arial", Sans serif !important;
}

.course-staff-form input.noedit{
background:#E8E8E8;
}

.course-staff-form input[type="radio"]{
width:13px;
vertical-align: middle; 
margin-bottom: 2px;
margin-right: 5px;
}

.course-staff-form input.error, .gen-form textarea.error {
color:#000!important;
border-color: red;
}

#qualification_form input, #employment_history_section  input{
float:left;
}

.course-staff-form .radio-group{
display:inline-block;
}

.course-staff-form textarea {
resize: none;
width: 932px;
height: 90px;
margin-top:10px;
margin-bottom:10px;
}

.course-staff-form .select{
width:275px;
padding:1px 0px;
border: 2px inset;
}

.course-staff-form  .form-section{
border-bottom: 1px dashed #ddd;
padding-bottom: 5px;
padding-top: 5px;
}
.course-staff-form .submit-buttons{
margin-top:25px;
width:100px;
margin-left:auto;
margin-right:auto;
float: right;
}

.course-staff-form .btn-submit{
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 100px;
}

.course-staff-form .reset {
border: 0;
width:100px;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
}

.course-staff-form .form_nav{
width:140px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}

 
 
 /**------------------------------END STAFF FORM --------------------------------**/
 /********************************************************************************************
 * admin-research form																				*
 ********************************************************************************************/
.admin-form {
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.admin-form label {
display:inline-block;
width:60%;
font: normal 400 12px Verdana, "Arial", Sans serif;
color: #777;
line-height:1.5;
}

.admin-form label.error{
float:right;
color:red!important;
width:275px;
}

.admin-form label.radio-label {
width:90px;
color:#000;
font: normal 400 12px Verdana, "Arial", Sans serif;
line-height:1.5;
}

.admin-form input {
/*width:270px;*/
font: normal 400 12px Verdana, "Arial", Sans serif !important;
}

.admin-form input.noedit{
background:#E8E8E8;
}

.admin-form input[type="radio"]{
width:13px;
vertical-align: middle; 
margin-bottom: 2px;
margin-right: 5px;
}

.admin-form input.error, .gen-form textarea.error {
color:#000!important;
border-color: red;
}

#qualification_form input, #employment_history_section  input{
float:left;
}

.admin-form .radio-group{
display:inline-block;
}

.admin-form textarea {
resize: none;
width: 932px;
height: 90px;
margin-top:10px;
margin-bottom:10px;
}

.admin-form .select{
width:275px;
padding:1px 0px;
border: 2px inset;
}

.admin-form  .form-section{
border-bottom: 1px dashed #ddd;
padding-bottom: 5px;
padding-top: 5px;
}
.admin-form .submit-buttons{
margin-top:25px;
width:100px;
margin-left:auto;
margin-right:auto;
float: right;
}

.admin-form .btn-submit{
letter-spacing: 0;
min-height: 1.5em;
border-width: 2px !important;
margin: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important;
width: 100px;
}

.admin-form .reset {
border: 0;
width:100px;
border-left: 1px solid #ddd;
background: transparent;
color: #777 !important;
text-transform: lowercase;
letter-spacing: 0;
font: normal 400 13px Verdana, "Arial", Sans serif !important; 
}

.admin-form .form_nav{
width:140px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}


/********************************************************************************************
 * Breadcrumb menu 		      																*
 ********************************************************************************************/
.breadcrumb-container {
background-color: #fff;
height: 45px;
position: relative;
border-bottom: 1px solid #ddd;
margin-bottom:70px;
}

.breadcrumb{
padding-top: 11px;
position: relative;
}

.breadcrumb-nav{
display: inline-block;
white-space: nowrap;
}

.breadcrumb-nav>ul{
list-style: none;
padding-left:25px;
}

.breadcrumb-nav>ul>li {
display: inline-block;
}

.breadcrumb-nav>ul>li a {
text-decoration:none;
}

.breadcrumb-nav>ul>li a:hover {
text-decoration:underline;
color:#000;
}

.crumb.previous {
color: #999;
}

.crumb.current {
color: #777;
text-decoration:underline;
}

.crumb-container:before {
display: inline-block;
padding: 0 5px;
position: relative;
top: 5px;
content: url(../images/arrow.png);
}

.lonely:after{
display: inline-block;
padding: 0 9px;
position: relative;
top: 5px;
content: url(../images/arrow.png);
}
 
 /**------------------------------END Breadcrumb menu  --------------------------------**/
 
  .nav a{
 text-decoration:none;
 color: #333;
 }
 
 .nav a:hover{
 cursor:pointer;
 color: grey;
 }
 
 .course-title{
 width: 100%;
 font-size: .9em;
 margin-top: 6px;
 margin-bottom: 6px;
 border-bottom: 2px dotted #ddd;
 }
 
 .course-activities input{
 padding: 2px;
 margin: 2px;
 width: 40px;
 }
 
 .course-activities label{
 width: 20%;
 margin:0 30px 0 20px;
 }
 
  #course-activities-dialog label{
 width: 85%;
 margin:0 30px 0 20px;
 }
 
  #dialog-research-form label{
 width: 85%;
 margin:0 30px 0 20px;
 }
 /** -------------- TABLE OVERVIEW -----------------------*/

 #deptTableContainer, #activitiesTableContainer{
	margin: 30px 0 30px 0;
	min-height:300px;
 }

 table.display {
	width:100%;
	border-spacing:0;
	padding:0;
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}


table.display thead th {
	font: normal 400 12px Verdana, "Arial", Sans serif;
	color: #000;
	background: #FAFAFA;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding: 5px 2px 10px 2px;
}


table.display thead th:first-child {
	
}

table.display td {
	font: normal 400 12px Verdana, "Arial", Sans serif;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding: 5px 0 5px 0;
}


table.display td.center {
	
} 

table.display td:hover{
	background:#123e5a;
	color: white;
	cursor: pointer;
} 


table.display tr td:first-child{
	background: white;
	font: normal 400 12px Verdana, "Arial", Sans serif;
	color: #777;
}

table.display tr td:first-child:hover{
	cursor:auto;
}

table.display tr td:last-child, table.display tr td:nth-child(2){
	background:#123e5a;
	font: normal 400 12px Verdana, "Arial", Sans serif;
	color: white;
	border-right:1px solid black;
	cursor: pointer;
}

 table.display tr td:nth-child(2):hover{
    background: white;
    font: normal 400 12px Verdana, "Arial", Sans serif;
    color: #777;
}

table.display tr:last-child td{
	background:#123e5a;
	font: normal 400 12px Verdana, "Arial", Sans serif;
	color: white;
	
}

table.display tr:last-child td:hover{
	cursor:pointer;
}



.dataTables_length {
	width: 40%;
	float: left;
	font: normal 400 14px Verdana, "Arial", Sans serif;
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	font: normal 400 14px Verdana, "Arial", Sans serif;
	padding-bottom:10px;
}
  
.dataTables_info {
	width: 60%;
	float: left;
	font: normal 400 14px Verdana, "Arial", Sans serif;
}

.dataTables_paginate {
	float: right;
	text-align: right;

}

.dataTables_paginate a{
		font: normal 400 14px Verdana, "Arial", Sans serif;
}

tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}

#module_summary{
	width:100%;
	border-spacing:0;
	padding:0;
	border-collapse: collapse;
	border:1px solid black;
}


#module_summary thead th {
	font: normal 400 12px Verdana, "Arial", Sans serif;
	color: #000;
	background: #FAFAFA;
	border:1px solid black;
	padding: 5px 2px 10px 2px;

}

#module_summary td{
	font: normal 400 12px Verdana, "Arial", Sans serif;
	padding: 5px 0 5px 0;
border:1px solid black;
}
#module_summary th, #module_summary td{
    text-align:center;
}

#module_summary td:not-first{
	text-align:center;
}

#module_summary tbody th{
    font: normal 400 12px Verdana, "Arial", Sans serif;
    background: #123e5a;
    color:#ffffff;
    text-align:left;
    border:1px solid black;
    width:150px;
}
#module_summary tr:last-child{
    background: #123e5a;
    color:#ffffff;
}

#module_summary tr td:last-child{
    background: #123e5a;
    color:#ffffff;
    width:100px;
}



/*dialog box*/
.ui-dialog, .ui-tooltip{
background: white;
border: 1px solid black;
}

.dialogTitle{
color: #123e5a !important;
background-color:#FFF5EE;
font: normal 400 16px Verdana, "Arial", Sans serif;
border-bottom: 1px solid #123e5a;
padding-bottom: 5px;
padding-top: 15px;
}

p.dialogText{
padding-bottom: 5px;
padding-top: 5px;
}

#update-course-activity label{
	float:left;
	line-height:2.5;
	width:75%;
	margin:0;
}

#update-course-activity input{
	float:right;
	width:15%;
}

/*INDEX PAGE */

.options {
padding-top:15px;
padding-bottom:15px;
margin: 10px;
width: 220px;
height: 20px;
background-color: #eee;
border: 1px solid #666;
text-align: center;
}

.options {
font: normal 400 14px Verdana, "Arial", Sans serif;
color: #666;
text-decoration: none;
}

.options:hover{
cursor:pointer;
background-color: #fff;
color: #000;
}

/********************************************************************************************
 * Breadcrumb menu 		      																*
 ********************************************************************************************/
.breadcrumbContainer {
background-color: #fff;
height: 45px;
position: relative;
border-bottom: 1px solid #ddd;
}

.breadcrumb{
padding-top: 11px;
position: relative;
}

.breadcrumbNav{
display: inline-block;
white-space: nowrap;
}

.breadcrumbNav>ul{
list-style: none;
padding-left:25px;
}

.breadcrumbNav>ul>li {
display: inline-block;
}

.breadcrumbNav>ul>li a {
text-decoration:none;
}

.breadcrumbNav>ul>li a:hover {
text-decoration:underline;
color:#000;
}

.crumb.previous {
color: #999;
}

.crumb.current {
color: #777;
text-decoration:underline;
}

.crumbContainer:before {
display: inline-block;
padding: 0 5px;
position: relative;
top: 5px;
content: url(../images/arrow.png);
}

.lonely:after{
display: inline-block;
padding: 0 9px;
position: relative;
top: 5px;
content: url(../images/arrow.png);
}
 
 /**------------------------------END Breadcrumb menu  --------------------------------**/
 
 /**
ADMIN SCREEN
**/
li {
	list-style: none;
	padding : 0 0 0 0;
}


.current-users{
  float:left;
  width: 400px ;
  height: 300px;  
  overflow-y:scroll;
  border:1px solid;  
}

.staff-search{
  float:right;  
  width: 500px ;  
}

.valid_users:hover{
  background-color: #DCDCDC;
  cursor:pointer;cursor:hand;
}

#namesearch{
width:100%;
}

div.total{
color: #123e5a;
background-color: #FFF5EE;
border-bottom: 1px solid #123e5a !important;
}

input.dynamic-dialog{
width:25px;
}

label.dynamic-dialog{
width:95%;
white-space:nowrap;
}

fieldset{
border: none ;
}

.ui-widget-header {
color: #123e5a !important;
font: normal 400 14px Verdana, "Arial", Sans serif;
}

label{
    display: inline-block;
    width:25%;
    margin-top:10px;
}

.checkboxes label{
    width:32%;
    font-size: 13px;
}

input[type=text], input[type=file] {
    width:70%;
    margin-top:10px;
}
textarea{
    width:100%;
    resize: none;
    height:100px;
    padding-top:10px;
}

.togglelink{
    display:block;
}

select {
    width:70%;
    margin-top:10px;
    padding: 2px;
    font-size: 18px;
    border: 3px #CCC solid;
}

.toggle{
    padding:10px;
    margin:2px;
}