/**
 * Main CSS file for Roombooker
 * 
 * @author      Oriental Studies <it-support@orinst.ox.ac.uk>
 * @author      Stephen Cox <web@stephencox.net>
 * @version     $Id: roombooker.css 162 2014-07-16 15:10:23Z stephen $
 * @copyright   University of Oxford
 */

/* Main Page Components */
body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; }
a { color: #0000ff; text-decoration:none; }
a:hover { color: red; text-decoration:none; }

/* Header */
.banner { width:100%; height:80px; background-color:#f8f2ff; border-bottom: 1px solid #d8d8d8; }
.head1 { color: #002147; font-size: 14px; font-weight: bold; padding: 5px 20px; display: block; }
.head2 { color: #002147; font-size: 24px; font-weight: bold; padding: 20px; }
#logo { float: left; margin: 5px 5px 0 5px; }
.banner p { font-size: 16px; font-weight: bold; width: 100%; }
.logout { position: absolute; top: 0; right: 0; font-weight: bold; margin: 20px; }

/* Booking form */
#series { width: 100%; text-align: center; }
#series table { width: 800px; margin: 0 auto; text-align: left; border-collapse: collapse; }
#series table h2 { text-align: center; }
#series table td { padding: 3px 6px; }
#series table td.title { width: 25%; font-weight: bold; }
#series .select-time { float: right; text-align: left; }
#series img.add, #series img.remove { cursor: pointer; vertical-align: middle; }

/* Text Highlighting */
.active { color: red; font-weight: bold; }
.error { color: red; font-weight: bold; }
.sucess { color: #33cc66; font-weight: bold; }
.message { color: green; font-weight: bold; }
input[readonly="readonly"], textarea[readonly="readonly"]  {  background-color: #DDD; }

/* Admin Pages */
.data { width: 100%; clear: both; }
.data table { margin: 0 auto; }
.data th { font-size: 12px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background-color: #4169E1; color: #ffffff; }
.data td { font-size: 11px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border: 1px solid #ffffff; }
table.admin { width: 800px; }
table.admin th { font-size: larger; text-align: center; height: 2em; }
table.admin td { width: 20%; height: 4em; vertical-align: middle; padding: 0; margin: 0; }
table.admin td.heading { padding: 0.5em 1em; font-weight: bold; text-align: left; }
table.admin td a { display: block; padding: 0.5em 1em; text-align: center; }
table.admin td form { text-align: left; margin: 0.5em 1em; }
table.admin tr.bookings { background: #CBF; }
table.admin tr.lectures { background: #CCF; }
table.admin tr.allocation { background: #CDF; }
table.admin th.term_nav { font-size: 11px; padding: 0; margin: 0; }
table.admin th.term_nav a { color: #FFF; display: block; }
table.admin th.term_nav a:hover { color: #CDF; }
table.functions td { padding: 0; margin: 0; }
table.functions td a { display: block; padding: 0.5em 1em;  }
.lecture-editor h2, .lecture-editor h3 { text-align: center; }
.lecture-editor table { width: 90%; margin: 0 5%; }
.lecture-editor table h3, .lecture-editor table h4 { margin: 0.5em 2em; }
.lecture-editor table td { padding: 0.1em 0.5em; }
.lecture-editor table td a { display: block; text-align: center; }

/* Front Page */
.front { margin: 0 5%; text-align: center; }
.front h1 {  }
.front h2 { margin: 0.5em 0 1em 0; }
.front h4 { margin: 0; padding: 0; }
.front div.container { min-width: 600px; margin: 2em; padding: 0.5em 1em; border: 1px solid #6495ED; background-color: #EAF7FB; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.front ul { margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%; }
.front ul li { display: inline; float: left; margin: 0 1% 1em 1%; width: 29%; padding: 1em 1%; border: 1px solid #6495ED; background-color: #EAF1FB; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.front .links, .front .issued, .front .revised, .front .subscribe { display: block; }
.front .links { margin-top: 0.5em; }
.front .revised { color: red; }
.front .subscribe { padding-top: 0.4em; }
.front p.notes { text-align: justify; margin: 0 5em; text-indent: -1em; }

/* Authorisation pages */
#auth { width: 25em; margin: 5em auto; padding: 2em; text-align: center; border: solid 1px #CCC; }

/* Admin menu */
#menu { width: 100%; height: 1.75em; padding: 0; margin: 0; background-color: #EEE; border-bottom: 1px solid #D8D8D8; }
#menu a { color: #000; }
#menu ul { list-style-type: none; padding: 0; margin: 0; z-index: 100;  }  
#menu ul li { position: relative; float: left; padding: 0.25em 1em; margin: 0; cursor: pointer;  }  
#menu ul li:hover {  background-color: #D8D8D8;  }
#menu ul li:hover > ul { display: block; background-color: #EEE; border: 1px solid #D8D8D8; }  
#menu ul li a { display: block; text-decoration: none; padding: 0; margin: 0;  }  
#menu ul li a:hover { color: red; }  
#menu ul li ul { position: absolute; display: none; width: 20em; left: -5px; padding: 0; background-color: #FFF; }  
#menu ul li ul li { float: none; position: relative; }  
#menu ul li ul li a {  }  
#menu ul li ul li ul { position: absolute; display: none; left: 20em; top: 0; } 
#menu .submenu { background: url('../images/arrow.gif') no-repeat 19em center; }

/* Misc - Something needs to be done about these */
table { border-left: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8; border-top: 0px; border-bottom: 0px; background-color: #D9E1F9; }
.table2 { border: 0; }
.table2 td { border: 1px solid #f0f0f0; }
.white { background-color: #ffffff; }
.blue { background-color: #d9e1f9; }
.line1 { background-color: #D9E1F9; }
.line2 { background-color: #ffffff; }