/*
  This file is for style libraries that are about the interior content (inside the white area) 
  of evergreen themed sites.  This is separated both so that it will render properly in 
  themed pages as well as PDF transformations.
*/
html {
   font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

p {
  margin-top: 0.25em; 
  margin-bottom: 0.5em; 	
} 
	

h2 {
	line-height: 1.0em; 
  /*margin-top: 0;*/
  margin-bottom: 0.5em;     
	}

h3 {
	line-height: 1.0em; 
	/*margin-top: 0; */ 
	margin-bottom: 0.5em; 
	}
dt {
    line-height: 0.9em;
    font-weight: bold;
}

dd { margin: 0 0 0.4em 0;  }

nav.bar ul, nav.bar li {
    margin: 0;
    padding: 0;
}
nav.bar li {
    display: inline-block;

}
nav.bar a {
    display: inline-block;
    text-decoration: none;
    padding: 5px .5em;
}

div.container { clear: both;  }

/** Grid  Styles related to the grid system.  @section l-grid */
/** Grid  Unit layout and sizing for the grid system.  @section grid */
.left-1-7, .left-2-7, .left-3-7, .left-4-7, .left-5-7, .left-6-7, .left-1-3, .left-2-3, .left-1-1 { margin: 0 2%; }

.row { width: 100%; clear: both; display: block; }

@media all and (min-width: 43em) { .left-1-1, .left-1-2 { margin: 0 2% 0 0; float: left; }
  .left-1-2 { margin: 0 2% 0 0; width: 46%; }
  .left-1-3 { width: 29.3333333333%; float: left; }
  .left-2-3 { width: 62.66666666667%; float: left; } 
}

@media all and (min-width: 43em) { .left-2-6, .left-4-6, .left-1-7, .left-2-7, .left-3-7, .left-4-7, .left-5-7, .left-6-7 { margin: 0 2% 0 0; float: left; }
  .left-1-1 { width: 96%; clear: left; }
  .left-1-7 { width: 10.285714285714286%; }
  .left-2-7 { width: 24.571428571428571%; }
  .left-3-7 { width: 38.857142857142857%; }
  .left-4-7 { width: 53.142857142857143%; }
  .left-5-7 { width: 67.428571428571429%; }
  .left-6-7 { width: 81.714285714285714%; }
  .push-1 { margin-left: 16.285714285714286%; } 
}

/** Grid  Styles related to the grid system.  @section l-grid */
/** Grid  Unit layout and sizing for the grid system.  @section grid */
.right-1-7, .right-2-7, .right-3-7, .right-4-7, .right-5-7, .right-6-7, .right-1-3, .right-2-3, .right-1-1 { margin: 0 2%; }

.row { width: 100%; clear: both; display: block; }

@media all and (min-width: 43em) { .right-1-1, .right-1-2 { margin: 0 0 0 2%; float: right; }
  .right-1-2 { margin: 0 0 0 2%; width: 46%; }
  .right-1-3 { width: 29.3333333333%; float: right; }
  .right-2-3 { width: 62.66666666667%; float: right; } 
}

@media all and (min-width: 43em) { .right-2-6, .right-4-6, .right-1-7, .right-2-7, .right-3-7, .right-4-7, .right-5-7, .right-6-7 { margin: 0 0 0 2%; float: right; }
  .right-1-1 { width: 96%; clear: right; }
  .right-1-7 { width: 10.285714285714286%; }
  .right-2-7 { width: 24.571428571428571%; }
  .right-3-7 { width: 38.857142857142857%; }
  .right-4-7 { width: 53.142857142857143%; }
  .right-5-7 { width: 67.428571428571429%; }
  .right-6-7 { width: 81.714285714285714%; }
  .push-1 { margin-left: 16.285714285714286%; } 
}

	
	
/* little tweaks to get the headers and following text a little tidier */
#content h3+p, 
#content h3+ul, 
#content h4+p, 
#content p+ul { 
	margin-top: .3em; 
}
#content h3, 
#content h4, 
#content p { 
	margin-bottom: 0; 
}

.grayed_out, .disabled {
  color: #999999;
}
.bold_text {
  font-weight: bold;
}

.page-before {
  page-break-before:always; 
}
.page-after {
  page-break-after:always; 
}
.warning_box {
    background-color: #FFFFCC;
    border-color: #C2A366;
    border-style: solid;
    border-width: 1px;
    padding: 6px;
}

p.details, .details p, p .details, span.details, td.details, li.details {
  font-weight: normal;
  font-size: .875em;
  color: #444 !important;
}

ul.nav li {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  line-height: 1.4em;
  margin-left: 0;
}

/* minor info in headers and lists */
#content li span, 
h2 span,
h3 span,
small  { 
	color: #666; 
	font-size: .9em; 
}

/* 
  grid-type tables, which also may often use the functionality of the dataTables jQuery plugin
*/
/* padding for ALL THE TABLES */
td {
	padding: 8px 10px 6px 10px;
}
th {
	padding: 4px 10px;
}

/* colors and borders for more specific tables
	these will need to be updated to match other design stuff */
tr {
	background: transparent; 
}


thead th {
	font-size: 1em;
	background: #fff;
	border-bottom: 1px solid #666;
}

tr:nth-child(odd), tr.odd, tbody tr.odd {
    background: #e3f3fe;
}

tr:nth-child(even), tr.even, tbody tr.even {
	background: #ffffff;
}

article { 
	padding-bottom: 1em; 
}

/* some tables have groups of rows. these styles provide some visual separation. */
table .start-group,
table .single {
	border-top: 3px double #6E5B28; 
}
/* can hide info that's repeated in multiple rows */
table .start-only { 
	display: none; 
}
/* and then show it for first/only row of the group */
table .start-group .start-only, 
table .single .start-only { 
	display: inline; 
}
/* highlight the rows that require the user's attention */
table .current {
    background: #fff;
    font-size: 1.1em;	
}

/* big chunks o' text */
.longtext { 
	max-width: 42em; 
	margin: 0 .75em; 
	font-size: 17px; 
}
.longtext p { 
	line-height: 1.4; 
	margin: .75em 0 0 0; 
}
.longtext p:first-child { text-indent: 0; }

/* bar style navigation elements
general look/feel taken from JM's work with buttons (see forms.css)
 */
 nav.bar { 
background-color: #bccfd7;                /*backgrounds & borders*//*IE 9 fallback*/

	border-radius: 3px;

 }
nav.bar ul, nav.bar li {
    margin: 0;
    padding: 0;
}
nav.bar li {
    display: inline-block;
}
nav.bar a {
    display: inline-block;
    text-decoration: none;
    padding: 5px .5em;
    border-right: 1px solid green;
/* Buttons used by contrib modules like Media */
	border:0px solid #205f7a;                /*box model*/
	
	display: inline-block;                   /*layout*/
	color: #333;                             /*typography*/
	font-weight:normal;
	text-shadow: 0 1px 0 hsla(200, 26%, 93%, .5);
	  /*miscelaneous*/
	-webkit-transition: all .1s ease-in-out;  /*Safari 6, Chrome 25*/
	   -moz-transition: all .1s ease-in-out;  /*Firefox 15*/
	     -o-transition: all .1s ease-in-out;  /*Opera 12*/
	        transition: all .1s ease-in-out;  /*w3c*/
	/*-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;*/
}
nav.bar a:hover
{
	color:#205f7a;             /*typography*/
	background-color:#e9eff2;  /*backgrounds & borders*//*IE 9 fallback*/
	/*light blue to less-light blue*/

	-webkit-transition: all .1s ease-in-out;  /*Safari 6, Chrome 25*/  /*misc*/
	   -moz-transition: all .1s ease-in-out;  /*Firefox 15*/
	     -o-transition: all .1s ease-in-out;  /*Opera 12*/
	        transition: all .1s ease-in-out;  /*w3c*/
}
nav.bar a:active{
	text-shadow: none;
	background-color:#bccfd7;                      /*backgrounds & borders*//*IE 9 fallback*/
	/*medium blue to light blue*/
	outline-width: 0;
	box-shadow: inset 0 1px 2px hsla(0,0%,0%,.25);  /*miscelaneous*/
}
nav.secondary {
	font-size: .8em;
}

/* the very interesting case in which a navigation area includes both tabs and button(s) */
/* not super-thrilled about the nomenclature, but it's a start. (emn) */
.combo .tabs {
  float: left; 
  margin: 0;
}
.combo .tabs.secondary {
	border-bottom-width: 0;
}
.combo .buttons ul {
  padding-top: 4px;
}