body
{
	background-color: white;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 24px;
	min-width: 720px;
}

body.no-footer { padding: 0px }
body.fixed-sidebar-right #main { margin-right: 210px }

a { text-decoration: none }
a[href], a[onclick] { cursor: pointer; color: #048 }
a[href]:hover, a[onclick]:hover { color: #fc0 }
a.item { display: block; font-weight: bold }

h1, h2, h3, h4, h5, h6 { color: #444; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0em }
h2 { font-size: 14pt; font-weight: normal }
h3 { font-size: 11pt }

p:first-child { margin-top: 0em }
p:last-child { margin-bottom: 0em }

ul:first-child { margin-top: 0em }
ul:last-child { margin-bottom: 0em }
ul.gold { list-style-image: url(/images/yellowarrow-right.png); padding-left: 14px }
ul.gold-subtle { list-style-image: url(/images/yellowarrow.png); padding-left: 14px }
ul.gold-subtle li { margin: 0.4em 0em }
ul.spaced li { margin-bottom: 1em }
ul.spaced li:last-child { margin-bottom: 0em }

ul.jobs { color: #aaa }
ul.jobs a.item { display: inline }
ul.headlines .date { font-weight: bold }

input[type=text], textarea
{
	border: 1px solid #8ad;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	background-color: white;
	background-image: url(/images/input.png);
	background-repeat: repeat-x;
	padding: 2px 1px;
}

input[type=text]:hover, textarea:hover { border-color: #aaa; box-shadow: 0px 0px 2px #fc0 }
input[type=text]:focus, textarea:focus { border-color: #a84; box-shadow: 0px 0px 3px #fa0 }

input[type=text].field-error, textarea.field-error { background-image: url(/images/input_error.png) }
.field-error { background-color: #faa !important }

#main
{
	border-left: 1px dotted #fc0;
	border-right: 1px dotted #fc0;
	min-height: 605px;
	height: auto!important;
	height: 605px;
	margin-left: 200px;
	margin-right: 15%;
	padding: 10px;
}

#main ul { line-height: 150% }
#main .message { background-color: #ffc; border: 1px solid #cca; margin: 1em 0em; padding: 0.4em }
#main .message:first-child { margin-top: 0em }

#header
{
	color: white;
	border: 0px;
	border-bottom: 2px solid #fc0;
	text-align: right;
	background: url(/images/gray_gradient_100.png) repeat-x;
	width: 100%;
	height: 100px;
}

#header .nav { padding-top: 70px; padding-right: 20px }
#header .nav a { color: white }
#header .nav a:hover { color: #fc0 }

#header .logo
{
	display: block;
	background: url(/images/jjlogo_background.png);
	margin: 0px 10px;
	width: 239px;
	height: 100px;
}

#header .banner
{
	float: left;
	font: 28pt/100px Calibri, Verdana;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0em 0.25em;
}

#footer
{
	position: fixed;
	bottom: 0px;
	border-top: 1px dotted #fc0;
	background-color: white;
	opacity: 0.85;
	font-size: 10px;
	line-height: 23px;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	height: 23px;
	z-index: 1;
}

.accent { font-weight: bold }
.shadow { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.33) }

.icon-add { background: url(/images/icons/add.png) no-repeat left center; padding-left: 15px }
.icon-ajax { background: url(/images/icons/ajax.gif) no-repeat left center; padding-left: 20px }
.icon-check { background: url(/images/icons/check.png) no-repeat left center; padding-left: 20px }
.icon-disk { background: url(/images/icons/disk.png) no-repeat left center; padding-left: 20px }
.icon-external { background: url(/images/icons/external.png) no-repeat left center; padding-left: 14px }
.icon-eye { background: url(/images/icons/eye.gif) no-repeat left center; padding-left: 20px }
.icon-feed12 { background: url(/images/icons/feed12.png) no-repeat left center; padding-left: 16px }
.icon-feed14 { background: url(/images/icons/feed14.png) no-repeat left center; padding-left: 20px }
.icon-link { background: url(/images/icons/link.png) no-repeat left center; padding-left: 19px }
.icon-mail { background: url(/images/icons/mail.png) no-repeat left center; padding-left: 17px }
.icon-music1 { background: url(/images/icons/music1.png) no-repeat left center; padding-left: 15px }
.icon-music2 { background: url(/images/icons/music2.png) no-repeat left center; padding-left: 15px }
.icon-no { background: url(/images/icons/no.png) no-repeat left center; padding-left: 20px }
.icon-pencil { background: url(/images/icons/pencil.png) no-repeat left center; padding-left: 16px }
.icon-video { background: url(/images/icons/video.png) no-repeat left center; padding-left: 18px }
.icon-x { background: url(/images/icons/x.gif) no-repeat left center; padding-left: 16px }

/*
<div class="infield-label">
	<input type="text" />
	<label>Text inside input box</label>
</div>
*/
.infield-label { position: relative }
.infield-label label
{
	cursor: text;
	pointer-events: none;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #888;
	font: italic 11pt Calibri, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
}

.sidebar
{
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 24px;
	width: 190px;
}

.sidebar img { border: 0px }

.sidebar .services ul { list-style-image: url(/images/yellowarrow.png); padding-left: 14px }
.sidebar .services ul li { margin: 0.4em 0em }

.sidebar .services .section .header
{
	color: #444;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0em;
}

.sidebar .services:first-child .row:first-child .column:first-child .section:first-child .header
{
	margin-top: 0em;
}

.sidebar .services .associations .logo { display: inline-block }
.sidebar .services .associations .logo.fif { background: url(/images/logos/fif-sidebar.png); width: 38px; height: 24px }
.sidebar .services .associations .logo.fpl { background: url(/images/logos/fpl-sidebar.png); width: 104px; height: 24px }
.sidebar .services .associations .logo.rixml { background: url(/images/logos/rixml-sidebar.png); width: 107px; height: 24px }

.sidebar .services .associations .description { display: none }

.search-box { border-spacing: 0em; width: 100%; padding-right: 10px }
.search-box td:first-child { padding: 0em 0.75em 0em 0em }

.search-box .infield-label label
{
	background: url(/images/logos/google-small.png) no-repeat 3px 3px;
	padding-left: 23px;
}

.search-box input[type=submit]
{
	cursor: pointer;
	border: none;
	background: white url(/images/icons/search.png);
	width: 15px;
	height: 15px;
	margin-top: 1px;
}

.separator
{
	text-align: center;
	background: url(/images/separator.png) no-repeat center center;
	height: 25px;
	padding: 5px;
}

/*
<div class="titled-box collapse">
	<div class="title">
		<span class="extra">Extra</span>
		Title
	</div>

	<div class="content">
		Content
	</div>
</div>
*/
.titled-box { border: 1px dotted #888; margin: 0.5em 0em }
.titled-box.dim { border: 1px dotted #ddd; color: #aaa }
.titled-box .title { font-size: 12pt; font-weight: bold; padding: 0.5em }
.titled-box .title .extra { float: right; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
.titled-box .content { border-top: 1px dotted #ccc; padding: 0.5em }

.job form { background-color: #faf8f7 }
.job form .titled-box { border-color: black }
.job form .titled-box .title { background-color: #f0eae4 }
.job table { width: 100% }
.job .title tr { vertical-align: middle }
.job .title th { white-space: nowrap; width: 1px; padding-left: 0.5em }
.job .title input { font-size: 12pt; font-weight: bold }
.job .content tr { vertical-align: baseline }
.job .content th { text-align: left; white-space: nowrap; width: 1px; padding-right: 1em }
.job .content .commands { float: right }
.job .commands a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-left: 0.5em }
.job input[type=text], .job textarea { width: 100% }