body {
	background: #999999 url(/img/bodybackground.gif) top repeat-x;
    padding: 0px;
    width: 70%;
    min-width: 850px;
    margin: 0px auto;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
}




#header {
	height: 68px;
	background: url(/img/header.gif) top left;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
}


#header h1 {
    text-indent: -100em;
	overflow: hidden;
	background: url(/img/careerpowerups.png) top left;
    width: 273px;
    height: 45px;
    position: relative;
    top: 12px;
}

#header img {
    position: absolute;
    right: 0px;
    top: 0px;
}

#nav {
    margin-top: 2em;
    background-color: white;
}

#nav ul {
    padding: 0px;
    margin: 0px;
    height: 27px;
}

#nav li {
    list-style-type: none;
    display: inline;
    margin: 0px;
    margin-right: 2px;
    padding: 0px;
}

#nav li a {
    background-color: #cc0000;
    padding: 0px;
    margin: 0px;

    height: 27px;
    display: inline-block;

    text-indent: -100em;
    overflow: hidden;


/*
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
*/
}



#nav li#findajob a {
	background: url(/img/tab_find.gif) top left;
    width: 131px;
    height: 27px;
}
#nav li#postajob a {
	background: url(/img/tab_post.gif) top left;
    width: 131px;
    height: 27px;
}
#nav li#about a {
	background: url(/img/tab_about.gif) top left;
    width: 155px;
    height: 27px;
}

/* selected versions of tabs */
#page_find #nav li#findajob a { background: url(/img/tab_find_selected.gif) top left; }
#page_postjob #nav li#postajob a { background: url(/img/tab_post_selected.gif) top left; }
#page_about #nav li#about a { background: url(/img/tab_about_selected.gif) top left; }



#content {
    background-color: white;
    padding: 1em;
    margin: 0px;
    border-top: 8px solid #cc0000;

/*    -webkit-border-top-left-radius: 6px; */
    -webkit-border-top-right-radius: 6px;
/*    -moz-border-radius-topleft: 6px; */
    -moz-border-radius-topright: 6px;
/*    border-top-left-radius: 6px; */
    border-top-right-radius: 6px;
}

#footer {
    background-color: white;
    margin-bottom: 2em;

    border-bottom: 8px solid #cc0000;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


table.joblist {
    width: 100%;
    border: none;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.joblist td { padding: 3px; }
/*table.joblist tr { border: none; } */
table.joblist thead th { text-align: left; }

table.joblist col.posted { width: 8em; }
table.joblist col.title {}
table.joblist col.company { width: 16em; }
table.joblist col.location { }
table.joblist col.pay { }

table.joblist tr:nth-child(odd) td {
  background-color: #f2f2f2;
}



/* job posting form */

table.postjob tr
{
	border-style: solid;
	border-width: 0.2em;
	border-color: white;
}

table.postjob th
{
	background: #e0e0e0;
	padding-bottom: 1em;
	vertical-align: top;
}

table.postjob td
{
	padding-bottom: 1em;
}
	
/* box above form pointing out mistakes */
div#badnessbox
{
	border: 0.1em dashed red;
}

table.postjob tr.badness th { color: red; }
/* table#postjob tr.badness td { color: red; } */

/* explaination text for form elements */
.explain
{
	padding: 0.4em;
	font-style: italic;
}

#job { padding: 0.5em; }

#job h2 { margin: 0px; }

div#description
{
	margin: 0.5em 0px;
	padding: 0.5em;
	border: 1px solid #CC0000;
}

div#company
{
	font-size: larger;
	font-weight: bolder;
}

div#location
{
	font-style: italic;
}

.preview
{
  border: 1px solid #cccccc;
  -moz-box-shadow: 3px 3px 3px #888888;
  padding: 0px;
}


.tooltip-with-bg {
  background: white none;
  padding: 4px;
  border: 1px gray solid;
  -border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 3px 3px 3px #888888;
}


.chart {
    display: block;
}

.chart .plot {
    display: block;
    float: left;
}

.chart .legend {
    display: inline-block;
}

.chart .caption {
    display: block;
    padding: 4px 0px 4px 28px;
    font-style: italic;
    color: #444;
}