@CHARSET "UTF-8";

/*
Author: Josh Hutchins
Company: Hutch Services, LLC
Site: learn.energygrp.com
Color Scheme: (multiple choices)
			Green: http://kuler.adobe.com/#themeID/572794
			E1F2BB (lightest)
			98BF45
			658C2A
			435915
			222601 (darkest)

                        Choice1 http://www.colourlovers.com/palette/154705/Panda_vs_Bamboo
                        Choice2 http://www.colourlovers.com/palette/785896/My_Beloved_Monster
                        Choice3 http://www.colourlovers.com/palette/484555/Introduction
                        Choice4 http://www.colourlovers.com/palette/728391/Dig_My_Olive_Branch
                        Choice5 http://www.colourlovers.com/palette/100694/Machu_Picchu

Sizing: 1em = 12px (with 16px font being browser default)

Thanks to: pxtoem.com for helping with size conversions.
*/

* {margin:0;padding:0;}
fieldset {border:0;}

body {
    background-image: url('../images/bg_test3.png');
    font-size: 90%;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
/* h2 { font-size: 2em; margin-bottom: 0.75em; } */
h2 {  /* Used as Admin Header, same as Course Header, different color */
      font-size: 1.3em;
      font-weight: bold;
      line-height: 1.3em;
      border: thin black solid;
      padding: .5em;
      background-color: #95B1B4;
}
h3 { /* Used as Content Header */
     font-size: 1.5em;
     margin-bottom: .5em;
     border-bottom: 2px solid black;
     padding-bottom: .2em;
}
h4 {  /* Used as Course Header */
      font-size: 1.3em;
      font-weight: bold;
      line-height: 1.3em;
      border: thin black solid;
      padding: .5em;
      background-color: #98BF45;
}
.h4gray { background-color: #aaa; }

h5 { font-size: 1.2em; font-weight: bold; margin-bottom: .5em; } /* Used as Course Subheader */
h6 { font-size: 1.2em; font-style:italic; } /* Used in Forms */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { 
    margin: 0;
} 

/* Text elements */ 
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover { color: #98BF45; }
a { color: #658C2A; text-decoration: underline; cursor: pointer; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, 
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */ 
ul { margin-left: 1em; }
dl { margin-left: 1em; }
dl { font-weight: bold; }
dt { font-style: italic; font-weight: normal; }
dd { margin-left: 1.5em; }

/* Tables */ 
table { margin-bottom: 1.4em; width:100%;}

textarea { width: 100%; }
/* th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; } */

/* Misc classes */
.text-right {text-align: right;}
.text-left {text-align: left;}
.indent {padding-left: 1em;}
.small { font-size: x-small; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { font-weight: bold; font-style: italic; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.normal { font-size: x-small; font-weight:normal; }
.bottomline { border-bottom: thin #435915 dotted; margin-bottom: 2em; }
.breadcrumbs { margin-bottom: .5em; }
.rounded { border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; -khtml-border-radius: .5em; }
.rounded-bottom { border-radius: 0 0 .5em .5em; -moz-border-radius: 0 0 .5em .5em; -webkit-border-radius: 0 0 .5em .5em; -khtml-border-radius: 0 0 .5em .5em; }
.rounded-top { border-radius: .5em .5em 0 0; -moz-border-radius: .5em .5em 0 0; -webkit-border-radius: .5em .5em 0 0; -khtml-border-radius: .5em .5em 0 0; }
.attention {
    background: #FF7D77;
    margin-bottom: .5em;
    padding: .5em;
    font-size: 1.2em;
    border: thin black solid;
}
.move { cursor: move; }

.good { background-color: #99ED62; }
.caution { background-color: #E9D974; }
.error { background-color: #FF6959; }

.relative { position:relative; }
.absolute { position:absolute; }
.inline { display:inline; }
.clickable { cursor: pointer; color: #658C2A; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

/* container to center the layout */
#container {
    width: 85%; /* 70em; */
    min-width: 70em;
    margin-left: auto;
    margin-right: auto;
    background: #f4f5f1;
    border-color: black;
    border-style: solid;
    border-width: 0 thin thin thin;
}

/* header */
#header {
    text-align: right;
    padding: 0px;
    padding-top: 0.5em;
    margin: 0px 1em 1em 1em;
}

#header_top {
    vertical-align: bottom;
}

#logo {
    display: inline;
    float: left;
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: .25em;
    color: #435915;
}

#logo img {
    height: 2em;
    vertical-align: text-bottom;
}

#motto {
    display: inline;
    font-style: italic;
    font-size: 1.5em;
    position: relative;
    bottom: -1.8em;
    /*	line-height: 3em; */
    color: #435915;
}

#header_nav {
    border-bottom: thin #435915 dotted;
    border-top: thin #435915 dotted;
    padding: .25em;
    text-align: center;
    clear: both;
}

#header_nav a {
    text-decoration: none;
    color: #658C2A;
}
#header_nav a:hover { color: #98BF45; }

.site_nav_link {
    display: inline;
    margin-right: 2.5em;
    margin-left: 2.5em;
}

.site_nav_link_first {
    display: inline;
    margin-right: 2.5em;
}

.site_nav_link_last {
    display: inline;
    margin-left: 2.5em;
}

#site_nav_link_selected {
    display: inline;
    margin-right: 2.5em;
    margin-left: 2.5em;
}
#site_nav_link_selected a { color: #98BF45; font-weight: bold; }

/* .site_nav_link_selected { font-style: italic; font-weight: bold; }
.site_nav_link_selected a { color: #98BF45; } */

.site_nav_link_last {
    display: inline;
}

/* content */
#content {
    padding: 0px;
    margin-left: 12em;
    margin-right: 0px;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
div#content { 
    border-left: thin #435915 dotted;
    min-height:40em;
    height:expression(this.scrollHeight > 600 ? "auto":"600px");
}

/* left menu */
#left {
    float: left;
    width: 11em;
    margin: 0px;
    padding: 0px;
    padding-left: 1em;
}

#menu {
    
}

#menu ul {
    list-style: none;
}

/* footer */
#footer {
    width: 70em;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding: 0px;
    padding-top: .5em;
    text-align: right;
    color: #435915;
    margin-bottom: 1em;
}

#copyright {
    color: #435915;
    margin-left: 1em;
}

#footer a { text-decoration: none; font-weight: bold; color: #435915; margin-left: 1em; margin-right: 1em; }
#footer a:hover { color: #658C2A; }

/* Login Area */

#logindiv {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: thin #435915 dotted;
    text-align: right;
    line-height: 1em;
}

#login_form {
    display: inline;
}

#login_form input {
    width: 10em;
    height: 1em;
    font-size: 1em;
    border: thin outset #98BF45;
    border: thin inset #98BF45;
    padding: 2px;
}

.loginlabels {
    position: absolute;
    width: 7em;
    margin-top: 2px;
    margin-left: 5px;
    text-align: left;
    color: #666;
    cursor: text;
    font-size: 1em;
}

#forgotpw {
    font-size: 1em;
    margin-right: 6em;
}

/* Login/Register Page */

/*table,tr,td {border: thin black solid;}*/
table td span {display: block; font-size: x-small; text-align:right;}
#prefpage table input, #regloginpage table input {width: 100%; font-size:1em;}
#prefpage table textarea, #regloginpage table textarea { width: 100%; height: 20em; }
#prefpage table label, #regloginpage table label {font-weight: bold;}
#prefpage table td, #regloginpage table td {width: 50%; padding:.4em;padding-bottom:.5em; vertical-align: top;}
#prefpage table p, #regloginpage table p {margin:0;padding:0}
#prefpage table th, #regloginpage table th {font-size:2em; text-align:left;padding-bottom:.5em;padding-top:1em;}
#prefpage table td, #regloginpage table td {font-size:1.2em;}
#prefpage table ul, #regloginpage table ul { margin:0; }
#prefpage table li, #regloginpage table li { list-style: none outside none; font-size: 1em; font-style: italic; color: #FF7D77; }

#searchexamhistory table input {font-size:x-small;}
#searchexamhistory table label {font-weight: bold;}
#searchexamhistory table td {padding:.4em;padding-bottom:.5em; vertical-align: top;}
#searchexamhistory table p {margin:0;padding:0}
#searchexamhistory table th {font-size:1.2em; text-align:left;padding-bottom:.5em;padding-top:1em;}
#searchexamhistorytable input {width:100%;}
#searchexamhistorytable td {width:50%;}

.submit {float: right; display:inline;}
.submit input { width: 7em;}

#regloginpage {
    position:relative;
    width: 58em;
    float: left;
}

#loginside {
    float: left;
    width: 20em;
}

#regside {
    float: right;
    padding-left: 1em;
    width: 36em;
    border-left: thin #435915 dotted;
}

/* Browse Courses Page */

.coursecontainer {
    margin-bottom: 1em;
}

.courseprice {
    float:right;
    font-weight: normal;
    font-size: .8em;
}

.coursesections {
    padding: .5em;
    border-color: black;
    border-width: thin;
    border-style: none solid solid solid;
}

.coursesections ul {
    margin-left: 0;
    padding: 1em;
    margin-bottom: .5em;
    border-top: thin dashed #98BF45;
    border-bottom: thin dashed #98BF45;
}

.coursesections ul li {
    margin-left: 1em;
    margin-bottom: .2em;
}

#search_classes {
    float:right;
    padding-top: .2em;
}

#search {
    background: url('../images/magnifier.png') no-repeat;
    border: thin solid #aaa;
    color: #ccc;
    width: 10em;
    padding-left: 16px;
}

.purchase {
    float: right;
    font-size: 1em;
}

/* Exam-related Pages */

.exam_question_container {
    margin-bottom: 1em;
}

.exam_question {
    padding-left: 1em;
}

.exam_answer_choice {
    padding: .2em;
    padding-left: 1em;
    line-height: 1.2em;
}

.exam_answer_choice input {
    margin-right: .5em;
}

.exam_submission {
    border-top: thin dashed #98BF45;
    padding-top: .5em;
}

.exam_status {
    margin-left: 1em;
    margin-bottom: 1em;
}

.exam_status ul {
    list-style: none;
    list-style-position: inside;
    margin: 1em;
}

/* Cart */
.cart_item {
    border-top: thin dotted #bbb;
    text-align: center;
    height: 4em;
    font-size: 1.2em;
}

.cart_first_item {
    text-align: center;
    height: 4em;
    font-size: 1.2em;
}

/* Survey */
#survey p {
    margin:0;
}

#survey ul {

}

/* Receipt */

.receipt_topblock { border: thin black solid; margin-bottom: 1em; text-align: center; }

.receipt_title { font-weight: bold; font-size: 1.1em; border-bottom: thin black solid; padding: .2em; color: white; background: black;}

.receipt_topblock_text { padding: .2em; }