/* Some basic style and useful class */

html {overflow-y: scroll;}		/* force scrollbar always show up */
input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"], label, select, a {cursor: pointer;}

.no_show {display:none;}		/* for semantic correctness of hidden items */
.print_only {display:none;}
.no_print {}

.clear {clear:both;}
div.clear {clear: both; height: 0; visibility: hidden; display: block;}

.no_wrap {white-space:nowrap;}
.no_wrap th {white-space:normal;}

.note {font-size:90%; color: #555;}
.important{ color: #cc0000;}
.error {color: #ff0000;}
.disabled {color:#bbb;}

strong {font-weight: bold;}
em {font-style:italic; }

.sup, .sub { position: relative;font-size: 80%; color:#666; font-weight:normal;}
.sup { top: -0.5em; }
.sub { top: +0.5em; }

ul {margin-bottom: 10px; list-style-type: disc; margin-left: 30px;}


/** Text Styling **/
body {color: #222323; font-size: 11.5pt; font-family: "Lucida Grande", Verdana, Helvetica, Sans-serif; line-height: 1.75em;}

a { color: #0000ff; }
a:hover { color: #3333cc; text-decoration:none;}

h1,h2,h3,h4,h5,h6 {font-family: Georgia, sans-serif;}
h1,h2,h3,h4 { font-weight:normal; letter-spacing:-1px; }
h2,h3,h4 {color: #2C2B2B; margin-bottom: 1em;}
h1 {font-size: 2.25em; margin-bottom: 1.2em; }
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5,h6 {margin-bottom: 0.5em; }
h5 {font-size: 1.10em;}
h6 {font-size: 1.05em; text-decoration:underline;}

p {margin-bottom: 1em; font-size: 0.9em;}

table {border-collapse: collapse; border: 1px solid #666; max-width: 99%; background-color:#f9f9f9; margin-bottom:1em;}
th, td {border: 1px solid #666; padding: 3px 6px;}
thead td, th {padding: 8px 8px; font-weight: bold; text-align:center;}
.tabulate_th, thead th, thead td {border-bottom:3px double; background: #f0e0e0;}

.today { background-color: #f0ffe0;}

img.left { margin:5px 20px 20px 0; float:left;}
img.top { margin: 5px 0 20px 0;}
img.pic { padding: 5px;	border: solid 1px #D4D4D4;}
a img.pic:hover {padding: 4px; border: 2px solid #e3c3c3;}


/** Layout **/
body {text-align:center; margin: 0; padding: 20px 0; border-top: 4px solid #000;}
#container {margin:0 auto; text-align:left; width:960px; padding: 15px; border: 1px dashed #333; background:#f6f6f6; min-height: 500px;}

#header { margin-bottom: 20px; }
#sidebar { width: 200px; float: left; }
#content { width: 740px; float:right; }


legend {border: 1px solid #999; padding: 1px 12px; min-width:120px; background-color:white;}
fieldset {padding: 10px 20px; margin: 10px 5px 20px; border: 1px solid #999;}
.required {font-size:70%; color:#ff3333; }

fieldset.simple_form label {float:left; width: 140px; text-align: right; margin-right: 10px;}
fieldset.simple_form input {}
fieldset.simple_form span.error {color:#ff0000; margin-left:150px; font-size:75%; font-family: calibri, sans-serif;}

/** header **/
#header { border-bottom: 1px solid #ccc; }

/** footer **/
#footer { font-size: 80%; line-height: 1.5; text-align:left; padding: 6px 4px 0px; border-top: 1px solid #ccc; margin-top: 30px;}
#footer span {float: right;}

/** Menu **/
#sidebar dl {width: 190px; margin: 0 auto; padding: 0 0 10px 0; background: #69c;}
#sidebar dt {margin:0; padding: 10px; font-size: 0.8em; font-weight:bold; color: #036; border-bottom:1px solid #fff; background: #69c; line-height: 1em;}
#sidebar dd {margin:0; padding:0; color: #fff; font-size: 0.8em; border-bottom:1px solid #fff; background: #47a;}
#menu a, #menu a:visited {color:#fff; text-decoration:none; display:block; padding:0 0 0 20px; background: #47a url(arrow.gif) no-repeat 10px 10px; width:165px;}
#menu a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}


/** Hours **/
#hours {font-size: 85%;}
#hours thead th {width: 18%;}
#hours tbody td {line-height: 1.1em;}
.roomnum {color: #486; font-size:80%;}

/** flashInfo / flashError **/
div.flashInfo, div.flashError {
	text-align:center; font-size:90%; padding:10px;
	position:absolute;
	margin: auto;
	background: white;  
	display:none;			/* with coordination with jQuery */
	z-index:100;
}
div.flashInfo *, div.flashError * {}
div.flashInfo	{border: 3px double #fff; background: #47a; color:#fff;}
div.flashError	{border: 2px solid #000; background: #cef; color:red;}