@import "reset.css";
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; background: #fff; color: #000; text-align: left;  }

/*------------ Top Navigation ------------*/
#topbar { background: url(../images/top_nav.png) repeat-x top; height: 42px; }
#topbar #navcontainer { width: 800px; margin: 0px auto; }
#topbar #navcontainer ul { list-style: none; margin-left: 160px; height: 42px; border-left: 1px solid #0F6092; }
#topbar #navcontainer ul.admin { margin-left: 5px; }
#topbar #navcontainer ul li { float: left; list-style: none; height: 42px; border-right: 1px solid #0F6092; }
#topbar #navcontainer ul li a { float: left; list-style: none; height: 42px; padding: 0px 20px; color: #fff; text-decoration: none; font: bold 14px/42px Arial, Helvetica, Geneva, sans-serif; }
#topbar #navcontainer ul li a:hover { background: #000; }

/*------------ Header / Logo ------------*/
#header { margin-top: 0; height: 85px; width: 800px; }
#header h2, #header h3 { margin: 0; padding-top: 10px; color: #206fa7; font: bold 26px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; }
#header h3 { color: darkgreen; padding: 0px; }

/*------------ Containers ------------*/
#container { width: 770px; margin: 90px auto 0 auto; }
#techniques { float: left; width: 515px; }
#techniques_sidebar { float: right; width: 220px; }

/*------------ Text and Links ------------*/
h1, h1 a:link, h1 a:visited { color: #000; font-size: 30px; }
h2 { color: #000; font-size: 22px; text-decoration: none; margin: 5px 0 10px 0; font-weight: bold; line-height: 30px; }
h3 { color: #000; font-size: 18px; font-weight: bold; margin: 10px 0; }

p { margin: 10px 0 10px 0; line-height: 16px; }
small { font-size: 12px; }

.gray { color: #999; }
.red { color: red; }
.inline { margin: 5px 0 0 0; }

a:link, a:visited { color: #2685c7; text-decoration: underline; }
a:hover { background-color: #2685c7; color: #fff; }

a:link.green, a:visited.green { color: darkgreen; text-decoration: underline; }
a:hover.green { background-color: darkgreen; color: #fff; }

/*------------ Events Mini-Nav ------------*/
ul#navigation { margin: 0 0 20px 0; text-align: center; }
ul#navigation li { list-style: none; display: inline; margin: 1em; }

table#events { width: 100%; }
table#events td.name { width: 300px; line-height: 16px;}
table#events td.date { text-align: center; width: 125px; }
table#events td.seats { width: 45px; }
table#events td.registrations { width: 45px; }
table#events td.seats, table#events td.attachments, table#events td.registrations { text-align: center; }
table#events tr.iac td a { color: #2685c7; text-decoration: underline; }
table#events tr.iac td a:hover { background-color: #2685c7; color: #fff; }

table#events tr.library td a { color: darkgreen; text-decoration: underline; }
table#events tr.library td a:hover { background-color: darkgreen; color: #fff; }

table#events td.attachments { padding: 5px 20px 5px 5px; }
table#events td.attachments img {  }

/*------------ Forms ------------*/
fieldset { border: 0; border: 1px solid #ccc; background-color: #ededed; padding: 20px; margin: 0; margin-bottom: 20px; }
fieldset label { float: left; width: 110px; margin: 4px 1em 0 0; font-weight: bold; }
fieldset label.text { margin-top: 0em; }
fieldset ul { padding: 1em 1em 0 1em; list-style: none; }
fieldset ul li { padding-bottom: 1em; }
fieldset ul li input.submit { float: none; width: auto; margin-left: 120px; font-size: 13px; }
fieldset ul li.attachment { padding-left: 3em; }

fieldset ul li input.text { font-size: 14px; padding: 5px; width: 380px; border: 1px solid #cccccc; }
fieldset ul li input.human { font-size: 14px; padding: 5px; width: 50px; border: 1px solid #cccccc; }

fieldset ul li textarea { font: 100% Verdana, Helvetica, Arial, sans-serif; padding: 5px; width: 600px; height: 80px; overflow: auto; border: 1px solid #cccccc; margin-bottom: 10px; }

textarea#link_description { width: 400px; }
textarea#event_description { font: 100% Verdana, Helvetica, Arial, sans-serif; padding: 5px; width: 620px; height: 150px; overflow: auto; border: 1px solid #cccccc; margin-bottom: 10px; }
textarea#registration_comments { font: 100% Verdana, Helvetica, Arial, sans-serif; padding: 5px; width: 380px; height: 1z0px; overflow: auto; border: 1px solid #cccccc; margin-bottom: 10px; }

select option { padding-right: 5px; }

/*------------ Techniques ------------
fieldset#techniques { border: 0; width: 600px; }
fieldset#techniques ul li label.text { margin: 1px 14px 6px 0; }
fieldset#techniques textarea#technique_body { font-size: 14px; padding: 3px; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; width: 384px; height: 300px; }
fieldset#techniques li.submit { margin-left: 0; }

select#technique_department_id { width: 250px; }
input[type="text"]#search { width: 160px; }

div#headline { margin: 10px 0 10px 0; }
div#headline h2 { color: #000; display: inline; margin: 0 1em 0 0; padding-bottom: 10px; }
*/

/* Input for searching events */
input#search_events { font-size: 14px; padding: 5px; width: 300px; border: 1px solid #cccccc; }

fieldset input.classrooms { margin-left: 0.5em; width: auto; background-color: #f1f1f1; border: 1px solid #cccccc; padding: 5px; }

select option { padding-right: 5px; }

input.text #search { width: 160px; }
input.time { font-size: 14px; padding: 5px; width: 70px; border: 1px solid #cccccc; }
input.short { font-size: 14px; padding: 5px; width: 185px; border: 1px solid #cccccc; }

/* Event attachments */
ol { margin: 1em 0 0 0; }
ol li { margin: 0 0 0 3em; }

/*------------ Table ------------*/
.first { background-color: #fff; }
.second { background-color: #f1f1f1; }

table td { padding: 5px; }

/*------------ Other ------------*/
#users { border: 1px solid #666666; background-color: #f1f1f1; padding: 10px; margin: 20px 0 20px; }

ul#recent { margin-bottom: 20px; }
ul#recent li { margin: 0 0 0 20px; list-style: none; }

ul#links li { list-style: none; margin-bottom: 10px; padding: 10px; }
ul#links li.first { background-color: #fff; }
ul#links li.second { background-color: #ededed; }

#classrooms #add { float: left; width: 400px; }
#classrooms #add fieldset { border: 0; }
#classrooms #add fieldset ul { padding: 0; }

#classrooms #existing { float: right; margin: 40px 40px; border: 1px solid #999; padding: 5px 10px 5px 10px; }
#classrooms #existing ul { margin: 10px 0 10px 10px; }
#classrooms #existing ul li { list-style: none; display: inline; }

#classrooms #buildings { float: left; border: 1px solid #999; padding: 10px; }
#classrooms #buildings ul li { list-style: none; }

/*------------ Notice & Errors ------------*/
.notice, .error { border: 2px solid green; background-color: lightgreen; padding: 10px; font-weight: bold; font-size: 14px; text-align: center; margin-bottom: 30px; line-height: 16px; }
.error { border: 2px solid red; background-color: pink; }

.fieldWithErrors { padding: 1px; background-color: red; display: table; }
#errorExplanation { background-color: pink; padding: 10px; margin: 0 0 25px 0; width: 495px; border: 1px solid red; }
#errorExplanation h2 { text-align: left; font-weight: bold; font-size: 13px; margin: 0;}
#errorExplanation p { margin: 0px; padding: 0; }
#errorExplanation ul { margin: 0; padding: 0; margin-top: 10px; }
#errorExplanation ul li { margin-left: 25px; list-style: disc; margin-bottom: 3px; padding: 0; }


/*------------ Alignment ------------*/
.align-right { text-align: right; }
.align-center { text-align: center; }