/*
 * Cascading Style Sheet(CSS), for Trellis Desk
 * Author: Aaron Draczynski
 * Copyright: 2007 ACCORD5, All Rights Reserved
 *

  green  5aa83a
  red  c03b20
 */

/*
======================================
General styles
======================================
*/

body {
	margin: 0px;
	padding: 0px;
	background: #EDF4F9 url(../../images/default/panel_bkg.jpg) repeat-x;
	color: #222;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;

background: white none;
font-size: 13px;
color: black;
}

table th {
	background-color: #94C0E8;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
	color: #3E5F84;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;

background-color: #eeeeee;
color: gray;
font-size: 9px;
font-weight: normal;
}

table th a {
	color: #3E5F84;
}

img {
	border: 0;
}

a {
	color: #5A79A0;
	text-decoration: none;

color: #c03b20;
}
a:hover {
  color: black;
  text-decoration: underline;
}

p {
	margin: 0px;
	padding: 4px 1px 2px 1px;
}

ul {
	padding: 0px 0px 0px 28px;
}

ol {
	padding: 0px 0px 0px 36px;
}

li {
	padding: 0px 0px 2px 0px;
}

h1 {
	margin: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 8px;
	color: #3C608A;
	font-family: inherit;
	font-size: 19px;
	font-weight: bold;

color: inherit;
font-size: 14px;
font-weight: normal;
}

#hold_left {
	float: left;
	padding-top: 2px;
	width: 77%;
}

/*
======================================
Header styles
======================================
*/

#header {
	height: 60px;

height: auto;
padding: 20px 0 10px 20px;
}

#header a {
	display: block;
}

#right_links {
	position: relative;
	float: right;
	top: 40px;
}

#right_links a {
	display: inline;
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

#menu {
	margin: -2px 0px;
	padding-top: 10px;
	padding-bottom: 46px;
	padding-left: 134px;
	padding-right: 0;
	background: transparent url(../../images/default/header_lower.jpg) left top no-repeat;
        font-size: 11px;
        font-weight: bold;
        font-family: inherit;

background-image: none;
margin: 10px 0 10px 20px;
padding: 0;
border: 1px solid #58A746;
border-width: 1px 0;
text-align: center;
}

#menu #menucenter {
	float: left;
	padding: 11px 0px 12px 0px;
	background: transparent url(../../images/default/menu_bg.jpg) left top repeat-x;
	font-weight: bold;

background-image: none;
padding: 0;
float: none;
font-weight: normal;
}

#menu #menuleft {
	float: left;
	padding: 11px 0px 26px 10px !important;
	background: transparent url(../../images/default/menu_left.jpg) left top no-repeat;

display: none;
}

#menu #menuright {
	float: left;
	padding: 11px 10px 26px 0px !important;
	background: transparent url(../../images/default/menu_right.jpg) right top no-repeat;

display: none;
}

#menu a {
	padding: 0 18px 16px 13px;
	color: #fff;
	text-decoration: none;

color: black;
display: inline-block;
padding: 10px 12px;
text-transform: lowercase;
font-size: 13px;
}

#menu a:hover {
	color: #c3e8f8;

background-color: #E0F1DC;
color: #c03b20;
}

#navbar {
	margin: 6px 0 10px 135px;
	border: 2px solid #8EB95D;
	background-color: #FFF;

	padding-top: 0;
margin-left: 20px;
}

#navbar a {
	color: #608339;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

#navbar_inline {
	margin: 2px;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(../../images/default/infobar_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #ADD074;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #608339;
}

/*
======================================
Content styles
======================================
*/

#content {
	margin: 0px 0px 0px 134px;
	padding: 0px;
	background: #fff;

margin-left: 20px;
}
#content a {
  font-weight: bold;
}

.boutline {
	border: 2px solid #B1CCE4;
}

.content_block {
	margin: 5px 0px;
	border: 2px solid #B1CCE4;
	padding: 8px;
	background: #fff;

border: 1px solid silver;
}

.content_block .date {
	margin: 0px;
	color: #555;
	font-size: 11px;
	font-weight: normal;
}

#print_wrap .date {
	font-size: 12px;
}

.date a:link,
.date a:visited,
.date a:active,
.date a:hover {
	color: #555;
}

.content_block p {
	margin: 8px;
	padding: 1px;
	line-height: 16px;
}

#print_wrap p {
	margin: 7px 0;
	padding: 0px;
}

.sidebar {
	margin: 12px 10px 0px 0px;
	border: 2px solid #B1CCE4;
	padding: 8px;
	background: #fff;
	float: right;
	width: 18%;
	font-size: 11px;

padding: 0;
margin-right: 20px;
border: 0;
}

.sidebar p { margin: 0px; padding: 4px 5px 2px 5px; }

.sidebar h2 {
	background-color: #6593C0;
	border-bottom: 1px solid #4C73A0;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 5px;
	color: #FFF;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1px 0;

background-color: #5aa83a;
border: 0;
}

.sidebar h2 a {
	color: #fff !important;
	text-decoration: none;
}

#copyright {
	padding: 5px 0px;
	color: #777;
	font-size: 10px;
	text-align: right;

padding-top: 25px;
font-size: 9px;
}

#copyright a {
	color: #777;
	text-decoration: underline;
	line-height: 170%;
}

/*
======================================
Option stack styles
======================================
*/

.groupbox {
	background-color: #6593C0;
	border-bottom: 1px solid #4C73A0;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #FFF;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;

background-color: #5aa83a;
border: 0;
}

.groupbox a {
	color: #FFF;
}

.subbox,
.subboxstaff {
	background-color: #94C0E8;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
	color: #3E5F84;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;

background-color: #eeeeee;
font-size: 14px;
margin: 0;
color: inherit;
}

.subbox a {
	color: #3E5F84;

color: #c03b20;
}

.subbox .links,
.subboxstaff .links {
	 font-size: 11px;
	 vertical-align: middle;

font-weight: normal;
}

.subboxstaff {
	background-color: #B8D97F;
	color: #49701B;
}

.option1 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFF;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #5A79A0;

background-color: transparent;
border: 0;
color: inherit;
}

.option1-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #5A79A0;

background-color: #dddddd;
color: inherit;
}

.option2 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFF;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #5A79A0;

background-color: #efefef;
color: inherit;
}

.option2-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #5A79A0;
	
	background-color: #efefef;
	color: inherit;
}

.row1 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFF;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 13px;
	color: #5A79A0;

background-color: transparent;
color: inherit;
padding: 18px 8px 18px 10px;
}

.row1-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 12px;
	color: #5A79A0;

background-color: transparent;
border: 0;
padding: 10px 8px 10px 10px;
color: inherit;
}

.row1-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 11px;
	color: #5A79A0;

background-color: #dddddd;
color: inherit;
}

.row2 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFF;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 13px;
	color: #5A79A0;

background-color: #efefef;
color: black;
}

.row2-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 12px;
	color: #5A79A0;

background-color: #efefef;
color: inherit;
}

.row2-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 11px;
	color: #5A79A0;

background-color: #efefef;
color: black;
}

.option1-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #E5EFFD;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #5A79A0;

background-color: transparent;
border: 0;
color: inherit;
}

.option2-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #D5E7FD;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #5A79A0;

background-color: #efefef;
color: inherit;
}

.formtail {
	text-align: center;
	background-color: #9ECAE9;
	border-top: 1px solid #5881A6;
	padding: 3px;

background-color: transparent;
border-color: silver;
padding: 10px 0 0;
}

.blbig {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4D7299;
	font-size: 15px;
}

.blbig a {
	text-decoration: none;
	color: #4D7299;

color: black;
}

/*
======================================
Form styles
======================================
*/

form {
	padding: 0;
	margin: 0;
}

label,
.fake_link {
	cursor: pointer;
}

INPUT, TEXTAREA, SELECT {

}

INPUT, TEXTAREA, SELECT, OPTION {

}
textarea {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  padding: 2px;
}

INPUT.button {
	margin: 1px;
	padding: 2px 6px 2px 6px;

	font-weight: bold;
	font-size: 14px;
	color: #3E6592;
	cursor: pointer;

color: inherit;
font-weight: normal;
padding: 0;
font-size: inherit;
}

.fake_button {
	background: #FFF url(../../images/default/input_bkg.gif) no-repeat;
	margin: 1px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #5F88AB;
	font-family: inherit;
	font-weight: bold;
	font-size: 14px;
	color: #3E6592;
}

.fb_pad {
	padding: 4px;
}

/*
======================================
Alert message styles
======================================
*/

.alert {
	background-color: #F6F0CA;
	border: 1px dashed #8D7330;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #815E38;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}

.critical {
	background-color: #EED4D2;
	border: 1px dashed #A94637;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #AC241A;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}

/*
======================================
Drawer styles
======================================
*/

.infopop {
	margin-bottom: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 8px;
	background: #EEF5FD url(../../images/default/infopop_bkg.gif) repeat-x;
	font-family: inherit;
	font-size: 10px;
	color: #5A79A0;
	border-bottom: 3px solid #9ECAE9;
}

.infopop img {
	margin-bottom: -1px;
	margin-right: 4px;
}

.infopop a {
	color: #5783B9;
	text-decoration: none;
}

.infopop a:hover {
	color: #99B4D9;
	text-decoration: none;
}

.linkpop {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #5783B9;
}

#info1 div, #info2 div, #info3 div, #info4 div, #info5 div,
#info6 div, #info7 div, #info8 div, #info9 div, #info10 div,
#info11 div, #info12 div, #info13 div, #info14 div, #info15 div,
#info16 div, #info17 div, #info18 div, #info19 div, #info20 div {
	font-family: inherit;
	font-size: 12px;
	color: #444;
	padding: 8px 8px 4px 4px;
	line-height: 18px;
}

.plink {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #CCC;
	background: #EEE;
}

.plink a {
	color: #7B7B7B;
}

.plinkc {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #CCC;
	background: #EEE;
}

.disabled {
	color: #999;
}

.small {
	font-size: 12px;
	font-weight: normal;
}



/*
	REDLIME
*/
body {
	font-size: 16px;
}
.row1 {
	font-size: 0.9em;
}
.header_sub {
	color: #5aa83a;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 2em;
}
.row1 blockquote {
	background-color: #efefef;
	font-style: italic;
	margin: 1em 0 0;
	padding: 1em 1.7em;
}
.smalldetails {
	font-size: 0.7em;
	color: gray;
}

@media screen and (max-device-width: 480px) {

  html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
     text-size-adjust: 100%;
  }
	
	body {
		font-size: 16px;
	}
	
	#header img {
		width: 300px;
	}
	
	#hold_left,
	.sidebar {
		float: none;
		width: auto;
	}
	
	#menu,
	#menu a,
	#navbar_inline,
	.row1,
	.smalldetails,
	.blbig,
	.subbox, .subboxstaff,
	.content_block .date,
	table th,
	.option1,
	.sidebar,
	.row1-med,
	input, textarea,
	#copyright
	{
		font-size: inherit;
	}

	#menu,
	#navbar,
	#content
	{
		margin-left: 0;
	}
	
	#navbar_inline {
		background-image: none;
	}
	#navbar a {
		color: white;
		display: inline-block;
		padding: 0.5em;
	}
	
	.groupbox,
	.header_sub {
		font-size: 1.6em;
	}
	.groupbox {
		background: transparent none;
		color: inherit;
	}
	.groupbox > div {
		display: none;
	}
	
	.content_block {
		border: 0;
	}
	.content_block > h1:first-child {
		display: none;
	}
	.content_block > table > tbody > tr > td {
		display: block;
		width: auto;
	}
	/*  subtables  */
	.content_block > table > tbody > tr > td > table {

	}
	.content_block > table > tbody > tr > td > table td,
	.content_block > table > tbody > tr > td > table th
	{
		width: auto;
		padding: 0.3em;
	}
		
	.sidebar {
		margin-right: 0;
	}
	.sidebar h2 {
		padding: 10px 20px;
		font-size: 1.5em;
	}

	.row1 {
		line-height: 1.8em;
	}

	#content a {
		display: inline-block;
		vertical-align: middle;
		padding: 0.2em 0.2em 0.3em;
	}
	
	input#remember.ckbox {
		width: 30px;
		height: 30px;
	}
	
	.row1-mini,
	.row2-mini {
		font-size: 0.8em;
	}
	#content .row1-mini a,
	#content .row2-mini a {
		font-weight: normal;
		color: black;
	}
}