body {
  background: #113f5f url('images/electives_bg_sm.jpg') repeat-x center top;
  border-color:#ffffff;
  margin-left: auto; 
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 40px;
  text-align: center;
  font-family:Calibri,Helvetica,Arial,sans-serif;
}

h1{ font-size:20px; }
h2{ font-size:19px;  color:#000000; font-weight:normal;  line-height:1em; }
h3{ font-size:18px; }
h4{ font-size:17px; }
h5{ font-size:16px; padding-bottom:3px; margin-bottom:0px;}
h6{ font-size:15px; }

hr
{
	background-color: #666;
	color:#666;
	height:2px;
}

/*fieldset
{
	border:solid 1px #ccc;
	padding:20px;
}*/

fieldset input
{
	margin:10px 10px 10px 0px;

}

a
{
	text-decoration:none;
}

a:link,
a:visited {
  color:#136799;
}

a:hover {
  color:#4498ca;
}
img 
{
    border: 0px solid #ff0000;
    padding:0px;
    margin:0px;
}
.content {margin-top:40px;}
.content li{padding:4px;}

#login-form-container{width:960px; background: #FFF; border: 1px solid #DDD; text-align:center; margin:0 auto; height:500px}
#login-form{ width:100%; height: 230px;  text-align:center;  }
/*#login-form fieldset{padding:20px;border:1px solid #ccc;}*/
#login-message{ margin:0px; color:#b41a1a; height:20px; }

#login-form .left {
    width: 43%;
    float: left;
    text-align: right;
    margin-bottom:5px;
    
}
#login-form .right {
    width: 55%;
    margin-left: 10px;
    float:left;
    text-align: left;
    margin-bottom:5px;
}

.loginbutton1{
    padding:3px; 
    width:60px;
    font-size:0.8em
}

.loginbutton2{
    padding:3px; 
    width:160px;
    font-size:0.8em
}

/* Table */
table {
	border-collapse: collapse;
	width: 97%;
	margin: 10px;
	text-align: left;
}

th {
	background: url('images/table_top.jpg') repeat-x;
	color: #fff;
	font-weight: normal;
	font-style:italic;
	padding: 10px 11px;
	text-align: left;
	border-right: 1px solid #999999;
	line-height: 1.2;
}

td {
	padding: 10px 11px;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
table.nostyle
{
    width:50px;
    padding:0px;
    margin:0px;
}
table.nostyle td
{
    border-bottom: 0px solid #ff0000;
    width:50px;
    padding:0px;
    margin:0px;
}

#elective_page_table table
{
	width: 97%;
	margin: 0px 10px;
	text-align: left;
}

#elective_page_table td
{
	border: 1px solid #000000;
	vertical-align: top;
}

#showforms td
{
    padding-left:4px;
    padding-right:2px;
    padding-top:7px;
    padding-bottom:7px;
    margin:0px;
}

#showforms th
{
    background: url('images/table_top.jpg') repeat-x;
	color: #fff;
	font-size: 95%;
	font-weight: normal;
	font-style:italic;
	padding: 9px 4px;
	text-align: left;
	border-right: 1px solid #999999;
	line-height: 1.2;
}

/*td * {
	padding: 10px 11px;
}*/

tr.alt td {
	background: #e6e6e6;
}

tr.over td {
	background: #bcd4ec;
}


/*.tabular-data
{
	width:900px;
	border-width: 0px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
}


.tabular-data th
{
	background-color: #ddd;
	border:2px solid #bbb;
	padding:5px;
	vertical-align:bottom;
}
.tabular-data td
{
	border-width:1px;
	padding:5px;
	border-style:solid;
	border-color: #ccc;
}*/

.tabular-form
{
	margin-bottom:0px;
}

#tabular-form-submit
{
	margin-right:10px;
	float:right;
}
.indented 
{
    margin-left: 30px;
}
.notindented
{
    margin-left:-23px;
    padding-right:10px;
    color:#ff0000;
    position:absolute;
}
.user-details
{
	float:right;
    font-size:80%;
    font-weight:bold;
	margin-right: 12px;
	margin-top: 0px;
	color: #ffffff;    
}

.user-details a
{
	color: #ffffff;
    text-decoration: underline;
}
.menu
{
	padding:0;
	margin:0;
}
.menu ul
{
	padding:0;
	margin:0;
    
}
.menu li
{
	width:140px;
	height:40px;
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
    border-left: solid 1px #505050;
    border-right: solid 1px #1a1a1a;
}

.menu li a:hover
{
	background: url('images/nav_back.gif') repeat-x;
	color: #ffffff;
}

.menu li a
{
	height: 40px;
	display: block;
	text-decoration:none;
	text-align: center;
	line-height: 40px;
    padding-left:0px;
	background-color: none;
	color: white;
}

/* sub menu li */
.menu li li a
{
	text-align: left;
	text-indent: 0px;
	border-top:none;
	background: url('images/nav_back_orig.gif') repeat-x;
}

.admin-menu li a
{
	width:130px;
	
}

.user-menu li li a
{
	width:160px;
}

.user-menu li a
{
	width:140px;
}

.user-menu #last
{
    border-left: solid 1px #505050;
    border-right: 0;
}


.admin-menu li li a
{
	width:160px;
}

.menu ul ul
{
	/*position: absolute;*/
	top: 60px;
	visibility: hidden;
}

.menu ul li:hover ul
{
	visibility:visible;
} 

.trclick
{
	background-color: #eaeaea;
}

.filelist
{
	list-style:none;
}

.page-picker
{
	list-style:none;
}

.page-picker li
{
	float:left;
}

.page-picker li 
{

	text-align:center;
}

/* Login Page */

#header {
	background: url('images/top.png') no-repeat center top; width: 1000px; height: 150px; }

#elelctive_logo {
	background: url('images/electives_logo.png') no-repeat left; height: 110px;}

#logbox {
	width: 1000px; background:#e6e6e6; padding: 20px 0px 20px 0px; min-height:500px;}
	
.logintext {
	font-size:16px;color:#000; font-weight:normal; }
	
.logintext2 {
	 font-size:20px;  font-style:italic; color:#000; font-weight:normal; letter-spacing:-0.8px; line-height:1em; margin-top:20px;}
	
#container {
	width:1000px; margin:0px auto;}
	
#align {
vertical-align:middle;
}
	
/* Courses Page */

#contain{width:960px; background: #FFF; border: 1px solid #DDD; text-align:left; margin:0 auto; padding-bottom:10px;}

#page {width:940px;text-align:left; margin:10px 0px 0px 10px;}

#page-layout {text-align:left; margin:10px 10px 0px 10px; background:url('images/page_bg.png') repeat-y; padding:20px;}

.page-layout {text-align:left; margin:10px 10px 0px 10px; background:url('images/page_bg.png') repeat-y; padding:20px;}

#back-button {float:right;margin:10px 10px 10px 0px; }

#text-list {font-style:normal;}

#spacer {height:25px;}

/* Footer */

#footer {
    background: url('images/footerback.jpg') repeat-x;
    height: 70px;
    width: 1000px;
}

#footer a:link,
#footer a:visited {
    color: #fff;
}

#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer-links {
    float: left;
    height: 50px;
    margin-top: 15px;
    padding-left: 20px;
    text-align: left;
    width: 550px;
}

#footer-logo {
    background: url('images/uoa.png') no-repeat;
    background-position: center right;
    background-size: 80%;
    float: right;
    height: 50px;
    margin-right: 20px;
    margin-top: 10px;
    text-align: right;
    width: 146px;
}

.footer-text {
    color: #adadad;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -0.8px;
    line-height: 1.4em;
}

#blankswf
{
	border:2px solid #ccc;
	color:#bbb;
	height:40px;
	font-weight:bold;
	margin:20px;
	padding:10px;
	text-align:center;
	width:40px;
}

.admintools
{
    float:right;
    margin-right:10px;
}
.hide
{
    display:none;
}
.show
{
    display:block;
}

/***
 * Notices
 ***/

.notice {
    font-size: 16px;
    padding: 15px;
}

.notice-warning {
    background-color: #fff3cd;
    color: #856404;
}

/***
 * Modals
 ***/

.modallink {
    font-size:80%;
    padding-left:11px;
}

.modal {
    position: absolute;

    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;

    width: 250px;
    height: fit-content;

    z-index: 100;

    background-color: #E8E9EA;
    border: 1px solid #DDDDDD;

    padding: 10px;

}

.modal h3 {
    margin: 0;
    padding: 0;
}

 /***
  * Section Options dialog box
  ***/
 #sectionPopup{
 	position: absolute;
 	   
    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;
    
    width: 250px;
    height: 250px;    	   
 	   
    z-index: 100;
    
    visiblity: hidden;
    
    background-color: #E8E9EA;
    border: 1px solid #DDDDDD;
    
    padding: 10px;
 }
 
  #sectionPopup h3{
  	 margin: 0px;
  	 padding: 0px;
  }
  /***
  * Advisor select Options dialog box
  ***/
#advisorPopup1{
 	position:fixed;
 	   
    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;
    
    width: 250px;
    height: 250px;    	   
 	   
    z-index: 100;
    
    visiblity: hidden;
    
    background-color: #E8E9EA;
    border: 1px solid #CCCCCC;
    
    padding: 10px;
 }
 
  #advisorPopup1 h3{
  	 margin: 0px;
  	 padding: 0px;
  }
    /***
  * Advisor select Options dialog box
  ***/
 #advisorPopup2{
 	position: fixed;
 	   
    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;
    
    width: 250px;
    height: 250px;    	   
 	   
    z-index: 100;
    
    visiblity: hidden;
    
    background-color: #E8E9EA;
    border: 1px solid #CCCCCC;
    
    padding: 10px;
 }
 
  #advisorPopup2 h3{
  	 margin: 0px;
  	 padding: 0px;
  }
  
    #advisorPopup1 h3{
  	 margin: 0px;
  	 padding: 0px;
  }
    /***
  * Advisor select Options dialog box
  ***/
 #interviewGradePopup{
 	position: fixed;
 	   
    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;
    
    width: 250px;
    height: 250px;    	   
 	   
    z-index: 100;
    
    visiblity: hidden;
    
    background-color: #E8E9EA;
    border: 1px solid #CCCCCC;
    
    padding: 10px;
 }
 
  #interviewGradePopup h3{
  	 margin: 0px;
  	 padding: 0px;
  }
  
      /***
  * Resend dialog box
  ***/
 #resendEmailPopup{
 	position: fixed;
 	   
    left: 40%;
    right: 33%;
    top: 33%;
    bottom: 33%;
    
    width: 250px;
    height: 250px;    	   
 	   
    z-index: 100;
    
    visiblity: hidden;
    
    background-color: #E8E9EA;
    border: 1px solid #CCCCCC;
    
    padding: 10px;
 }
 
  #resendEmailPopup h3{
  	 margin: 0px;
  	 padding: 0px;
  }

/* Change Status Modal */  
#changeStatusPopup {
    background-color: #e8e9ea;
    border: 1px solid #ccc;
    bottom: 33%;
    height: fit-content;
    left: 40%;
    padding: 10px;
    position: fixed;
    right: 33%;
    top: 33%;
    visiblity: hidden;
    width: 250px;
    z-index: 100;
}

#changeStatusPopup h3 {
    margin: 0;
    padding: 0;
}

/* Show previous versions of form */  
.hiddenoldforms {
    display:none;width:260px;position:absolute;border: 1px solid #CCCCCC;background-color: #E8E9EA;
}
.hiddenoldforms table{
    width:240px;
}

fieldset {
  padding: 3px;
  border: 1px solid #bbbbbb;
  }

.elective_form{
    border: 0px solid #bbbbbb;
    padding:0px;
    margin:0px;
    width:90%;
}
.pop-up{
    border: 1px solid #bbbbbb;
    padding: 10px;
}
.left {
    width: 30%;
    float: left;
    text-align: right;
    margin-bottom:5px;
}
.right {
    width: 65%;
    margin-left: 10px;
    float:left;
    margin-bottom:5px;
}

/* Styling for Outline Form */

#page.outline-form {
    margin-left: 80px;
    width: 800px;
}

fieldset.outline-form {
    background-color: #f5f5f5;
}

fieldset.outline-form:not(:first-of-type) {
    margin-top: 10px;
}

.form-row {
    align-items: center;
    display: flex;
    margin: 10px 0 10px 20px;
}

.form-row label {
    flex: 0 0 125px;
}

.form-row-newline {
    margin: 10px 0 10px 20px;
}

.form-inline-error {
    color: #f00;
    font-weight: bold;
    margin-left: 20px;
}

textarea.outline-form {
    resize: vertical;
}

.form-row-newline label {
    margin-bottom: 5px;
    width: 100%;
}

.form-row-newline div label {
    margin-right: 10px
}

legend.outline-form {
    font-weight: bold;
}