* { margin: 0; padding: 0; font-family: Arial, sans-serif; color: #2e2e2e; }

a { color: #3275d2; text-decoration: none; }
a:hover, a:focus { color: #fff; text-decoration: underline; background: #444; }
a.external { background: url(images/external.png) right center no-repeat; padding-right: .9em; }
a:hover.external, a:focus.external { background-color: #444; }

img { border: none; vertical-align: -11%; }

html { 
	font-size: 16px; padding: 0 2em; min-width: 44.75em; height: 100%; }
body { height: 100%; }
#header { height: 4.5em; background: #7aa054 url(/images/logo2.png) .5em center no-repeat; border-bottom: 1px solid #b4d28b; }
#header div { float: left; padding: .5em .5em .5em 4.75em; }
#searchForm { float: right; margin-right: 1.5em; margin-top:1.5em; }
#search { border: none; font-size: .85em; padding: .25em .25em .25em 1.5em; color: gray; background: #fff url(/images/search.png) 5px center no-repeat; }
#navigation { clear: both; list-style: none; background: #cde9a7; height: 2em; padding: .25em 0; }
#navigation li { margin: 0 .25em; }
#navigation li, #navigation a { float: left; display: block; height: 2em; }
#navigation a { padding: 0 .65em; font-size: .95em; line-height: 2em; text-decoration: none; border: 1px solid #cde9a7; font-weight: bold; text-transform: lowercase; letter-spacing: -.02em; color: #2e2e2e; }
#navigation a:hover, #navigation a:focus { background: #7aa054; color: #fff; border: 1px solid #b4d28b; }
.loginNav { float: right !important; }
#content { clear: both; }
#content p { font-size: .85em; padding: .5em 0; line-height: 1.3; }
#leftWrap { margin: 0 0 0 -16em; float: left; width: 100%; }
#leftColumn { margin: 0 0 0 16em; padding: 1em; }
#rightColumn { float: right; max-width: 15em; min-width: 13em; padding: 1em 1em 1em 0; }
#footer { clear: both; padding: .5em 1em; background: #cde9a7; height: 1.25em; position: relative; margin-top: -2.25em;}
#footer p { float: left; padding-top: .25em; }
#footer p, #footer a { font-size: .85em; }
#footer ul { list-style: none; height: 1.25em; float: right; }
#footer li { float: left; padding: 0 0 0 .25em; }
#footer a { padding: .2em; border: 1px solid #cde9a7; }
#footer a:hover, #footer a:focus { background: #7aa054; color: #fff; border: 1px solid #b4d28b; }

#footerFix { height: 2.25em; color: #fff;}
.clear { clear: both; }
#nonFooter { position: relative; min-height: 100%;}

h1, h2, h3, h4, h5 { letter-spacing: .02em; color: #fff; }
h2 { font-size: .85em; letter-spacing: -.03em; }
h3, h4, h5 { color: #93c51d; border-bottom: 1px solid #e7e7e7; letter-spacing: -.01em; margin: 0 0 .5em 0; }
h4, h5 { color: #c5a71d; padding: .7em 0 0; font-size: .95em; }
h5 { font-size: .85em; }
#docInfo { padding: 0 !important; margin: -5px 0 0 5px !important; clear: both; }
#docInfo dt { float: left; width: 6em;}
#tags { list-style: none; font-size: 1em !important; }
#tags li { float: left; padding: 0 .5em 0 0 !important; }
#rating { vertical-align: middle; display: inline; }

table { width: 100%; border-spacing: 1px; background: #000; }
table * { background: #fff; }
td, th { padding: .15em; }

#leftColumn label { font-weight: bold; display: block; float: left; width: 100px; }
#leftColumn select { font-size: .85em !important; top: -.4em; position: relative; width: 200px; }
#leftColumn ul, #leftColumn dl { margin-left: 2em; font-size: .85em; }
.myInfo { list-style: none; margin-left: 1em !important; }
.myInfo span { color: #f00; font-weight: bold; }
#classesP { height: 1.6em; }
#classesP * { float: left !important; }
.myInfo dt { width: 4em; float: left; }

#rightColumn h3 { font-size: .95em; }
#rightColumn ul { list-style: none; }
#rightColumn li { display: block; border-bottom: 1px solid #e7e7e7; clear: both; }
#rightColumn li a { display: block; padding: .4em; font-size: .85em; min-height: 1.2em; text-decoration: none !important; }
span.num { display: block; float: left; font-size: .6em; margin: 0 .5em 0 0; border: 1px solid #e2e0c4; background: #f5f4e0; color: #998f0a !important;  padding: .2em; }

.smallTitle { font-size: 0.7em;}
.docInfo {display: none;}
.docInfo dt {float: left; width: 20em;}
#docInfoTags {float: left; width: 10em;}
.docInfo dd.info {font-style: italic; padding: 0 0 0 1.8em;}
#docOutline {border: 1px solid #CDE9A7; padding: 5px;}
#docSig {padding: 10px 0;}
.arrow {background-image: url(http://joynotes.net/images/arrow-right.png); background-position: center; background-repeat: no-repeat; padding: 0 15px 1px 2px; color: #fff;}
.edit {float: right; margin: -1.3em 0px 1em 0; font-size: 0.85em;}
.pubpriv {float: right; margin: -2em 0px 1em 0; font-size: 0.85em;}
.inputOutline {outline: 1px solid #7F9DB9; border: none;}
/*input {outline: 1px solid #7F9DB9; border: none;}*/
#license {float: right; margin: 0; outline: 1px solid #000;}
#docInfo {width: 400px; float: left;}
#comments {clear:left; width: 810px;}
#about {margin-left: 425px;}
#allInfo {width: 810px;}
.popup {border: 10px solid #7aa054; padding: 8px; position: absolute; left: 30%; top: 300px; background-color: white; width: 40%; z-index: 1; text-align: center; visibility: hidden;}
#comment0 {background-color: #fff; padding: 8px; border: 1px solid #cde9a7;}
#comment1 {background-color: #fff; padding: 8px; border: 1px solid #cde9a7;}
.pagination0 {display:block;}
.pagination {display: none;}
#pageNums {border: 1px solid #CDE9A7; margin-top: 10px; width: 10%; margin-left: 45%;}
#pageNums a{padding-left: 10px; padding-right: 10px;}

#editDoc dt { float: left; width: 12em;}
#tags2 { list-style: none; font-size: 1em !important; }
#tags2 li { float: left; padding: 0 .5em 0 0 !important; }