/*                       */
/*  --  Body Styles  --  */
/*                       */

*{
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font-size: 12px;
    font-family: Helvetica,Arial,"lucida grande",tahoma,verdana,arial,sans-serif;
    color: #1B1B1B;
}
body {
    background-color: #F0F0F0;
    overflow-y: scroll;
}
#logo {
    margin: 0;
    float: left;
}
.main {
/* 	margin-top: 100px; Add a top margin to avoid content overlay with header */
}



/*                 */
/*  --  Links  --  */
/*                 */

a:link {
    color: #42331E;
    text-decoration: underline;
/*     text-decoration: none; */
}
a:visited {
    color: #42331E;
    text-decoration: underline;
}
a:active {
    color: #42331E;
    text-decoration: underline;
}
a:hover {
    color: #EFAB30;
    text-decoration: underline;
    background: #1B1B1B;
}



/*                         */
/*  --  Table Elements  --  */
/*                         */

th, td {
    padding: 2px;
    /*text-align: left;*/
}



/*                         */
/*  --  Header Elements  --  */
/*                         */

/* Style the header */
.header {
  background: #F0F0F0;
}

/* Page content */
.content {
/*   padding: 16px; */
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}
/* Add some top padding to the page content to prevent sudden quick movement
(as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
/*   padding-top: 192px; */
}
#logo_wrapper {
	float: left;
	padding: 2px;
}
#logo {
	float: left;
	margin-right: 10px;
/*     border: 1px solid red; */
}
#comp_name {
	float: left;
	height: 40px;
	font-size: x-large;
	margin: auto;
    vertical-align: middle;
    padding: 6px 0 0 0;
    text-align: center;
/*     border: 1px solid green; */
}
#comp_slogan {
	font-size: small;
	text-align: center;
}





#headerSession {
    float: left;
    margin: 10px 10px 10px 10px;
}
.sessionInfo {
    display: inline-block;
    width: 100px;
    font-weight: bold;
    padding-bottom: 5px;
}
.sessionButton {
    margin: 0 0 5px 0;
}



/*                         */
/*  --  Page Elements  --  */
/*                         */

#mainContent {
    margin: 10px 0 0 10px;
    clear: both;
}




/*               	           */
/*  --  Routing Checklist  --  */
/*                  	       */

.prereq_contentSection {
    float: left;
    margin: 10px 20px 20px 0;
    border: 1px solid black;
    padding: 5px;
}
.prereq_section {
	
}
.prereq_section_divider {
	clear: both;
	margin: 0 0 25px 0;
}
.prereq_checkmark_wrapper {
	float: left;
}
img.prereq_checkmark {
	width: 50px;
}
.prereq_check_description {
	margin: 0 0 0 60px;
	font-weight: bold;
	font-size: large;
	
}
.prereq_sub_message {
	margin: 0 0 0 60px;
}
.homeSections {
    margin: 10px 0 10px 0;
}





/*                       */
/*  --  Form Styles  --  */
/*                       */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
select {
    /*background-color: <?php echo $optionalField; ?>;*/
}
label {
	display:block;
	margin: 3px 0 0;
}
input:focus {
	border: 2px solid floralwhite;
}
input[type="number"] {
	width: 5px;
}
input[type="text"], input[type="email"],input[type="url"],input[type="tel"],input[type="password"] {
    width: 140px;
    border: 1px solid #0066cc;
    border-radius: 3px; 
}
input[type="date"], input[readonly] {
    width: 110px;
    border: 1px solid black;
    border-radius: 3px;  
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),   
            0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
    margin-right: 5px;
    background-color: black;
}
textarea {
        width: 100%;
	display: block;
	margin-bottom: 5px;
}



/*                      */
/*  --  Login Form  --  */
/*                      */

/*Login box*/
#loginFormWrapper{
    float: right;
    margin: 0 10px 0 0; 
}
.loginform ul {  
    padding: 0px;  
    margin: 0;  
}  
.loginform li {  
    display: inline;  
    float: left;  
}  
label {   
    color: #42331E;  
}
::-webkit-input-placeholder {
    color:    #42331E;
}
.cf:before,  
.cf:after {  
    content: "";   
    display: table;  
}  
.cf:after {  
    clear: both; 
    padding-bottom: 5px;
}  
.cf {  
    *zoom: 1;  
}  
:focus {  
    outline: 0;  
}  
.loginform input:not([type=submit]) {  
    padding: 5px;  
    background: #F0F0F0;
    color: #42331E;
    margin: 0 10px 0 0;  
    border: 1px solid #42331E;  
    border-radius: 3px;
}  
.loginform input[type=submit]{  
    border: 1px solid rgba(0, 0, 0, 0.3);  
    background: #42331E;
    color: #ffffff;
    padding: 5px 15px;
    margin-right: 0;
    margin-top: 15px;
    margin: 18px 5px 5px 0px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.rememberMe {
    float: left;
    text-decoration: none;
    color: #42331E;
}
#forgetPassword {
    position: relative;
    float: left;
    margin: 0 0 0 45px;
    font-size: larger;
    font-weight: bold;
}




/*                      */
/*  --  Color Box   --  */
/*                      */

.colorBox {
    /*width: 5px;*/
    height: 10px;
    border: 1px solid black;
}