body {
padding: 0;
margin: 0;
background: #fff url(http://datasearch.uts.edu.au/notetaker/images/wrapper_bg.gif) top center repeat-y;
min-width: 920px;
text-align: center;
color: #000;
font-family: Verdana, Arial, sans-serif;
}

#wrapper {
margin: 0 auto 0 auto;
width: 920px;
text-align: left;
font-size: 11px;
line-height: 1.4em;
background: #fff;
}

.hidden {display: none;}

/* Font styles
    ----------------------------------------- */

div, p, blockquote, th, td, li, dd, ul, ol { font-family: Verdana, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {padding: 0; margin: 1.4em 0 0.2em 0;}

h1 {font-size: 1.40em;}
h2 {font-size: 1.30em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1.10em; font-style: italic;}
h5 {font-size: 1.10em;}
h6 {font-size: 1.10em; font-weight: normal; font-style: italic;}

ol, li {
font-size: 1em;
line-height: 1.5em;
padding: 0;
margin-left: 10px;
margin-top: 0.1em;
margin-bottom: 0.6em;
}

ul, li {
font-size: 1em;
line-height: 1.5em;
padding: 0;
margin-left: 8px;
margin-top: 0.1em;
margin-bottom: 0.6em;
}

p {
font-size: 1em;
line-height: 1.5em;
margin: 0.8em 0em 0.6em 0em;
}

li > p { margin-top: 0.2em; }

img {border: 0;}

a:link { color: #0099CC; }
a:visited {color: #005571; }
a:active {color: #999999; }

li ul {margin: 0.6em 0 0.6em 0;}


/* banner & banner2 */
#banner {
width: 100%;
margin: 0;
padding: 0;
background: #09C;
white-space: nowrap;
height: 29px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;  
}

#banner2 {
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #ffffff url(<sm);
height: 7px;
/* ie5win fudge begins */
voice-family: "\"}\"";  
voice-family: inherit;
}

#banner img, #banner2 img {display: inline;}




#contents {
margin: 10px 0 0px 10px;
padding: 10px 0 10px 10px;
background: #fff url(none) top left no-repeat;
}




/*** NAVIGATION ***/
#navcontainer {
margin: -20px 0 0 2px;
padding: 0;
height: 60px;
}

#navcontainer ul {position: absolute; border: 1px solid #8c8c8c; border-right: none;}

#navcontainer ul li {
margin: 0;
float: left; 
list-style: none;
text-align: center;
border-right: 1px solid #8c8c8c;
background: #fff url(http://datasearch.uts.edu.au/notetaker/images/nav_list_bg.gif) top left repeat-x;
}

#navcontainer ul li a
{
margin: 0;
display: block; 
width: 105px;
height: 30px;
padding: 12px 15px 0 15px; 
color: #000;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
}

#navcontainer ul li a:hover {
color: #fff;
background: #0099CC;
text-decoration: none;
}

#navcontainer ul li#active a:hover {color: #000;}
#navcontainer ul li.currenttab a {background: #000 url(none); color: #fff;}



.tabs {
margin: 10px 0 0 -7px;
padding: 0;
height: 30px;
}

.tabs ul {position: absolute; border: 1px solid #8c8c8c; border-right: none;}

.tabs ul li {
margin: 0;
float: left; 
list-style: none;
text-align: center;
border-right: 1px solid #8c8c8c;
background: #fff url(http://datasearch.uts.edu.au/notetaker/images/nav_list_bg.gif) top left repeat-x;
}

.tabs ul li a
{
margin: 0;
display: block; 
width: 140px;
height: 24px;
padding: 8px 15px 2px 15px; 
color: #000;
font-size: 1.05em;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
}

.tabs ul li a:hover {
color: #fff;
background: #0099CC;
text-decoration: none;
}

.tabs ul li#active a:hover {color: #000;}
.tabs ul li.currenttab a {background: #000 url(none); color: #fff;}



/*** WRAPPER 2 ***/

#wrapper2 {margin: 0px 10px 10px 10px;}

#user {font-size: 1.2em; margin-right: 48px;}
#user p {border-bottom: 1px dotted #8c8c8c;}
#user a {margin-left: 20px; text-decoration: none;}
#user .links {float: right; margin-top: -20px;}

#main-content {font-size: 1.2em; padding: 0 10px 25px 0;}

#login-main-content {float: left; font-size: 1.2em; width: 420px; margin-left: 20px;}

#main-content h1, #login-main-content h1 {
font-size: 1.8em;
font-weight: bold;
line-height: 1.2em;
margin: 0;
height: 1%; 
}

#form {padding-top: 20px;}
#purpose, .text-area {background-color: #eee; border: 1px solid #8c8c8c;}
.text-area {font-size: 1.3em;}
input {border: 1px solid #8c8c8c; padding: 5px 15px 5px 15px;}
#cancel, #send, #update {margin-right: 3px; background-color: #eee; border: 1px solid #8c8c8c; padding: 5px 15px 5px 15px;}
#cancel {margin-right: 200px;}
#send, #update {position: absolute; margin-left: 223px;}

select {border: 1px solid #8c8c8c;}

td {background-color: #90d6eb; border: 1px solid #fff;}
table {margin-bottom: 10px; border: 1px solid #8c8c8c;}
#form td {text-align: center; vertical-align: middle; padding: 5px;}
#form th {border: 1px solid white; text-align: center; vertical-align: middle; font-weight: normal; padding: 5px; background-color: #ddd;}
.activity_name {width: 10px; background-color: #0099cc; color: #fff; font-weight: bold; writing-mode: tb-rl;}
.match_area_label {font-weight: bold; color: #555;}
#employee_name li {margin-left: 10px;}

#form .amplify input, .feddback_section_2 p .amplify input {width: 30px; height: 30px;}

.subject-code {font-size: 88%; text-align: left;}

.admin, .admin_details, .availability {line-height: 1.8em;}
#purpose {width: 40%; font-size: 16px; padding: 8px;}
#purpose option {padding: 4px;}
#login {
width: 250px;
min-height: 120px;
margin: 20px 0 60px 520px;
border: 1px solid #8c8c8c;
padding: 20px 20px 24px 20px;
font-size: 1.3em;
background-color: #D8EFF7;
}

#login p {margin: 5px 0 20px 0;}

.user {margin-left: 29px; width: 150px; height: 22px; border: 1px solid #8c8c8c; padding: 0;}
.password {margin-left: 17px; width: 150px; height: 22px; border: 1px solid #8c8c8c; padding: 0;}
.login {margin-left: 87px; width: 153px; height: 40px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; background-color: #f8f8f8; border: 1px solid #8c8c8c;}




/* footer */
#footer {
clear: both;
position: relative;
padding: 30px 5px 5px 5px;
margin: 10px 0 10px 0;
text-align: center;
line-height: normal;
font-size: 1.1em;
}


/* Error message */
.error {
color: red;
font-size: 1.1em;
padding:10px 0  20px 0;   
}

.inactive, .inactive a, .inactive a:link,
.inactive a:active, .inactive a:visited
{
   text-decoration: none;
   color: #e10000; 
   font-weight: bold;
}
.inactive a:hover {text-decoration: underline;}

.active a, .active a:link,
.active a:active, .active a:visited
{
   text-decoration: none;
   color: #057a05; 
   font-weight: bold;
}
.active a:hover {text-decoration: underline;}
.hidden {display: none;}

td, th
{
   text-align: left;
   vertical-align: top;
}

input.text_field {width: 98%;}
form.adding {display: none;}
.emailMessage
{
   display: none;
   padding: 5px;
   border: 1px solid #0099CC;
   margin-top: 10px;
   width: 600px;
}

div.actions
{
   width: 100%;
   margin-top: 10px;
}

/* notification message */
.message
{
   color: #009900;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 10px;
}

/*
table.admin, table.admin_details, 
table.admin_profiles
{
   width: 97%;   
   border-width: 2px;
   border-spacing: 0;
   border-style: solid;
   border-color: #8c8c8c;
   border-collapse: collapse;
   padding: 3px;
}
*/

table.admin {width: 97%; padding: 3px 0 0 3px;}

table.admin_profiles {width: 380px;}
table.admin td, table.admin th,
table.admin_details td, table.admin_details th
{
   border-style: solid;
   border-color: #0099CC;
   border-width: 1px;
   padding: 2px;
   vertical-align: top;
   padding-bottom: 0px;
}

tr.admin_heading, tr.admin_heading {background-color: #ddd;}
ul.no_bullet {list-style-type: none;}
.extra
{
   display: none;
   margin-left: 50px;
}

input.long_text {width: 400px;}
.clear_button
{
   text-align: right; 
   padding-top: 5px; 
   padding-bottom: 5px; 
   border-bottom: 1px solid black;
}

td.chosen, span.chosen
{
   font-weight: bold;
   color: #009900;
}

tr.student_row {display: none;}
table.admin_details td.student_row_title {padding-left: 20px;}

div.right_box
{
   margin-left: 600px;
   border: 1px solid #00AACC;
   padding-top: 0;
   width: 200px;
}

div.right_box p
{
   padding-left: 2px;
   padding-right: 2px;   
}

.right_box .notes_heading
{
   font-weight: bold;
   background-color: #00AACC;
}

textarea
{
   width: 580px;
   height: 150px;
}

textarea.admin_message {float: left;}
.instructions {margin-bottom: 20px;}
.list_heading {font-weight: bold;}
.registered 
{
   float: right; 
   clear:both;
   margin-right: 20px;
}

.sorting a:link, .sorting a:active,
.sorting a:visited, .sorting a:hover
{
   text-decoration: none;
   color: #09C;
   font-weight: bold;
}

.sorting a:hover
{
   color: #e10000;
}

table.admin td, table.admin th {border: 3px solid #fff; border-top: none; border-left: none;}

input#next-button a:link, input#next-button a:visited  {border: 1px solid #8c8c8c; background-color: #09c; padding: 10px 20px 10px 20px; text-decoration: none;}
.next-button {margin-top: 25px;}
.next-button a:link, .next-button a:visited {border: 1px solid #ccc; background-color: #09c; padding: 10px 20px 10px 20px; text-align: center; color: #fff; text-decoration: none;}
table.feedback td {padding: 10px;}
p textarea {border: 1px solid #8c8c8c; font-size: 1.3em;}
table.feedback td.amplify {text-align: center;}
h1 {font-size: 1.8em;}
.feedback-into {font-size: 1.1em;}
.feedback_section_1 p, .feddback_section_2 p, .feddback_section_3 p {margin-top: 20px; font-size: 1.1em;}
.feddback_section_2 p.amplify input {width: 20px; height: 20px; border: 1px solid #8c8c8c;}
.feedback_section_1 #next-button, .feddback_section_2 #next-button, .feddback_section_3 #next-button, .highlighted a:link, .highlighted a:visited {background-color: #09c; padding: 30px; padding: 10px 25px 10px 25px; color: #fff;}

input#send, input#cancel, input#submit, input#update, input.highlighted, input#addMoreBtn, input#deleteChecked, input#updatedChecked, input#updateChecked, input#composeEmail, input#addMore, input#reactivate, input#putOnLeave, input#requestDefault_btn {background-color: #09c; color: #fff;}
.text_field {padding: 4px 2px 4px 6px; margin-bottom: 2px;}
.admin_message {border: 1px solid #8c8c8c; margin-bottom: 20px;}

option.disabled  {font-weight: bold;color: red;}

#faqs h2 {padding-bottom: 20px;}
#faqs h3 {margin-top: 50px;}

.feedback_image {float:right;}

/* Search form */
.list_search_form, #searchStudentForm, #searchEmployeeForm {display:none;}

#simplemodal-container .list_search_form, 
#simplemodal-container #searchStudentForm, 
#simplemodal-container #searchEmployeeForm {text-align:left; font-size:14px;}

#simplemodal-container .list_search_form fieldset label, 
#simplemodal-container #searchStudentForm fieldset label,
#simplemodal-container #searchEmployeeForm fieldset label {float:left;margin:0;padding:0;text-align:right;width:180px;}

#simplemodal-container .list_search_form fieldset legend, 
#simplemodal-container #searchStudentForm fieldset legend,
#simplemodal-container #searchEmployeeForm fieldset legend {font-size:14px;}

/* Previous employee content */
.previousEmployeeContent {display:none;}
#simplemodal-container .previousEmployeeContent {text-align:left; font-size:14px;}
#simplemodal-container .previousEmployeeContent h3 {color: #ffff00;}

/* Employment calendar - details of a match */
#employmentcalendar-employmentdetail {display:none;}
#simplemodal-container #employmentcalendar-employmentdetail {text-align:left; font-size:14px;}
#simplemodal-container #employmentcalendar-employmentdetail h3 {color: #ffff00;}