/******************** Tags ********************/
label{font-weight:bold;font-family: sans-serif;}
footer{width:100%;margin-top:12px;padding-top:6px;color:#888;border-top:3px solid #888;text-align:center;}
a{text-decoration:none;font-family:sans-serif;color:#36f;}
a:hover{text-decoration:underline;}


/******************** IDs ********************/
#wrapper{width:100%;}
#mainbody{margin-left:6px;vertical-align: top;}
#logout{float:right;border:2px solid #000;background-color:#69f;padding:3px 6px;margin:0;}
#logout a{text-decoration:none;font-weight:bold;color:#000;}
#title{font-weight:bold;font-family:sans-serif;border-bottom: 2px solid #333;}

/******************** Feedback Messages ********************/
.msg{padding:6px;margin:12px;border:2px solid #f00;background-color:#ffc;}
.note{margin-left:12px;font-size:small;}

/******************** Menu ********************/
#menu ul{
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-bottom:10px;
	list-style-type: none;
	border-bottom:1px solid #000;
}
#menu ul li {
	display:inline;
}
#menu ul li a{
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color:#036;
	white-space:nowrap;
}
#menu ul li a:hover{
	color:#fff;
	background-color:#369;
}
#menu ul li > .active{
	background-color:#369;
}

/******************** Inputs ********************/
.input{padding:6px 6px;border-bottom:1px dotted #777;}
.input:hover, .input:focus{background-color:#ffd;}
.input input{margin:0;padding:0;height:22px;}

/******************** Misc Classes ********************/
.wide{width:300px;}
.btn{display:inline;}
.cat{width:250px;}
.dial{width:160px;height:160px;}

/******************** Foreground Color Classes ********************/
.orange{color:#cc6200;}
.green{color:#007f00;}
.black{color:#000;}
.grey{color:#777;}
.good{color:#090;}
.bad{color:#900;}
.blue{color:#369;}


/******************** Background Color Classes ********************/
.bgred{background-color:#ffdddd;}
.bgyellow{background-color:#ffffdd;}
.bgorange{background-color:#ffeddd;}
.bggreen{background-color:#ddffdd;}
.bgwhite{background-color:#fff;}
.odd{background-color:#dce6f1;}
.even{background-color:#b8cce4;}

.blueHeader{background-color:#4F81BD;color:#fff;}
.blueOdd{background-color:#DCE6F1;}
.blueEven{background-color:#B8CCE4;}
.redHeader{background-color:#C0504D;color:#fff;}
.redOdd{background-color:#F2DCDB;}
.redEven{background-color:#E6B8B7;}
.greenHeader{background-color:#9BBB59;color:#fff;}
.greenOdd{background-color:#EBF1DE;}
.greenEven{background-color:#D8E4BC;}
.purpleHeader{background-color:#8064A2;color:#fff;}
.purpleOdd{background-color:#E4DFEC;}
.purpleEven{background-color:#CCC0DA;}
.tealHeader{background-color:#4BACC6;color:#fff;}
.tealOdd{background-color:#DAEEF3;}
.tealEven{background-color:#B7DEE8;}
.orangeHeader{background-color:#F79646;color:#fff;}
.orangeOdd{background-color:#FDE9D9;}
.orangeEven{background-color:#FCD5B4;}

.headerbg{background-color:#4f81bd;color:#fff;}
.h2{border-bottom:1px solid #000;font-family:Calibri, Arial;margin-bottom:0;}

/******************** Formatting Classes ********************/
.th{padding:0 12px;}
.td{padding:2px 3px;}
.top{vertical-align: top;}
.clear{clear:both;margin:0;padding:0;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.underline{text-decoration:underline;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.nopad{padding:0;}
.pads{padding:0 3px;}
.dpads{padding:0 6px;}
.bottomdots{border-bottom:1px dotted #000;}
.inline{display:inline;}
.nowrap{white-space:nowrap;}
.border{border:1px solid #000;}
.hidden{display:none;}
.indent{padding-left:20px;}
.sans{font-family:sans-serif;}
.padding{padding:3px;}
.dpadding{padding:6px;}
.margin,.margins{margin:3px;}
.dmargin,.dmargins{margin:6px;}
.small{font-size:small;}
.med{font-size:medium;}
.big{font-size:large;}