/* DEFAULTS */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, a, div, tr, td, th, table, hr, form {
margin: 0px;
padding: 0px;
border: 0px;
color: #000;
font-weight: normal;
text-decoration: none;
font-family: arial;
text-align: left;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

.bold {
font-weight: bold;
}

.underline {
text-decoration: underline;
}

.strike {
text-decoration: line-through;
}

.align_c {
text-align: center;
}

.align_r {
text-align: right;
}

/* colors */
.add_link, .edit_link, .cancel_link {
color: #0069D6;
}

.add_link:hover, .edit_link:hover, .cancel_link:hover {
color: #00438a;
text-decoration: underline;
}

.delete_link, .red {
color: #dd0000;
}

.delete_link:hover {
text-decoration: underline;
}

.green {
color: #00773C;
}

/* clearfix styles */
.group:before,
.group:after {
  display: table;
  content: "";
}

.group:after {
  clear: both;
}

.group {
    *zoom: 1;
}

/* form_button */
.form_button, .large_form_button {
background-color: #0064CD;
border-color: #CCCCCC #CCCCCC #BBBBBB;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
color: white;
padding: 4px 18px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
cursor: pointer;
font-family: arial;
}

.form_button:hover, .large_form_button:hover {
background-color: #00438A;
}

.large_form_button {
padding: 12px 26px;
}

/*-- HEADER --*/
#header_container {
background-color: #333;
}

#header {
padding: 10px;
}

#header h1 {
color: #fff;
font-size: 1.8em;
float: left;
}

#logout {
float: right;
color: #ccc;
}

@media (min-width: 1024px)
{
	#header {
	width: 1200px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 20px 0 20px 0;
	}
		
}

/*-- HEADER NAV --*/
#header_nav_container {
background-color: #EEEEEE;
background: linear-gradient(#f9f9f9, #e7e7e7);
}

#header_nav {

}

#header_nav ul ul {
display: none;
}

#header_nav ul li:hover > ul {
display: block;
}

#header_nav ul {
padding: 0;  
list-style: none;
position: relative;
display: block;
}

#header_nav ul:after {
content: ""; clear: both; display: block;
}

#header_nav ul li {
float: left;
}

#header_nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
}

#header_nav ul li:hover a {
color: #fff;
}

#header_nav ul li a {
display: block;
padding: 12px 10px;
text-decoration: none;
color: #333;
font-size: 0.9em;
}

#header_nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}

#header_nav ul ul li {
float: none; 
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a; position: relative;
}

#header_nav ul ul li a {
padding: 8px 40px;
color: #fff;
}

#header_nav ul ul li a:hover {
background: #4b545f;
}

#header_nav ul ul ul {
position: absolute; left: 100%; top:0;
}

#header_nav #active {
font-weight: bold;
}

@media (min-width: 1024px)
{
	#header_nav {
	margin: 0px auto; 
	text-align: center;
	padding: 0px;
	width: 1200px;
	}
	
	#header_nav ul li a {
	padding: 12px 40px;
	}
}


/*-- CONTENT --*/
#content_container {

}

#content {
padding: 10px;
}

@media (min-width: 1024px)
{
	#content {
	width: 1200px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
		
}

/*-- sub_nav --*/
#sub_nav {
margin: 5px 0 0 0;
}

#sub_nav li {
display: inline;
color: #ccc;
font-size: 0.8em;
}

#sub_nav li a {
color: #0069D6;
}

#sub_nav #active {
color: #00438A;
font-size: 1.1em;
}

#sub_nav li a:hover {
color: #00438A;
text-decoration: underline;
}

/*-- AUTOBUILD DEFAULTS --*/
.ab_container h1 {
margin: 20px 0 0 0;
font-size: 1.6em;
}

.ab_container h1 .add_link {
font-size: 0.6em;
}

.ab_container h2 {
margin: 25px 0 0 0;
font-size: 1.1em;
font-style: italic;
}

.ab_container h3 {
margin: 10px 0 0 0;
font-size: 0.9em;
font-weight: bold;
}

.ab_container #zero_entries {
font-style: italic;
font-size: 0.8em;
margin-top: 15px;
color: #333;
font-weight: bold;
}

.ab_container .view_div {
margin-top: 10px;
}

.ab_container .view_div table {
display: block;
overflow-x: auto;
}

.ab_container .view_div table th {
font-weight: normal;
border-bottom: 1px solid #000;
padding: 3px 10px 3px 4px;
}

.ab_container .view_div table tbody tr:nth-child(odd) {
background: #F9F9F9;
}

.ab_container .view_div table td {
padding: 4px 10px 4px 4px;
}

.ab_container .view_div table td .edit_link {
font-size: 0.8em;
}

.ab_container .edit_div {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
padding: 20px;
margin-top: 10px;
}

.ab_container .edit_div table th {
font-weight: normal;
vertical-align: top;
text-align: right;
padding: 5px;
}

.ab_container .edit_div table td {
vertical-align: top;
padding: 5px;
}

@media (min-width: 1024px)
{
	.ab_container h1 {
	margin: 30px 0 0 0;
	}
	.ab_container .full_width_table table {
	display: table;
	width: 100%;
	}		
}

/*-- DEFAULT FORM DEFAULTS --*/
.default_form p {
font-size: 1.0em;
clear: both;
padding: 2px 0;
}

.default_form p.more_below {
padding: 6px 0 6px 0;
}

.default_form label {
display: block;
float: left;
width: 180px;
padding: 6px 10px 0 0;
}

.default_form input[type="text"], .default_form input[type="password"] {
font-size: 1.1em;
width: 230px;
border: 1px solid #ccc;
}

.default_form select {
font-size: 0.9em;
max-width: 230px;
border: 1px solid #ccc;
}

.default_form button {
margin: 10px 0;
}

@media (min-width: 450px)
{
	.default_form p {
	padding: 3px 0;
	}
}


/*-- PAGENATION --*/
#total_results {
font-style: italic;
font-size: 0.8em;
margin-top: 15px;
color: #333;
font-weight: bold;
text-align: right;
}

#pagenation {
color: #ccc;
margin: 15px 0 0 0;
text-align: right;
}

#pagenation a {
background-color: #F9F9F9;
border: 1px solid #ccc;
padding: 3px 10px 3px 10px;
margin: 0 2px 0 2px;
}

#pagenation a:hover {
background-color: #666;
color: #fff;
}

#pagenation .active_pn {
background-color: #ccc;
color: #fff;
}

/*-- FOOTER --*/
#footer {
padding: 200px 10px 100px 10px;
}

#footer p {
padding-top: 5px;
font-size: 0.9em;
border-top: 1px solid #ccc;
}

@media (min-width: 1024px)
{
	#footer {
	width: 1200px;
	margin: 0 auto 0 auto;
	padding: 200px 0 100px 0;	
	}		
}