/* tables */
table { 
  width: 100%; 
}
/* Override inline table styles 
    table {
      width: 100% !important;
    }*/
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #FFF;
}
th { 
  background: #FFF; 
  color: white; 
}
td, th { 
  padding: 0; 
  border: none; 
  text-align: left;
   border: 1px solid #FFF !important;
}

/* Training Centers Table */
.tc-table table {width: 100%;}
.tc-table tr:nth-of-type(odd) {vertical-align: top;}
.tc-table th {background: #FFF; color: white;}
.tc-table td, .tc-table th {padding: 0; border: none; text-align: left;  border: none !important;}
.tc-table td:nth-of-type(odd) {width: 75%; padding-right: 10px;}
.tc-table td:nth-of-type(even) {width: 25%; background-color: #F7F8E0; padding: 10px;}

/* Global Guidelines Table */
.global-table table {width: 100%;}
.global-table tr:nth-of-type(odd) {vertical-align: top;}
.global-table th {background: #FFF; color: white;}
.global-table td, .global-table th {padding: 0; border: none; text-align: left !important;  border: none !important;}
.global-table td:nth-of-type(odd+1) {width: 75%; padding-right: 10px;}
.global-table td:nth-of-type(even) {width: 25%; background-color: #F7F8E0; padding: 10px;}
.global-subtable h3, .global-subtable p {text-align: left;}

/* Global Sub Guidelines Table*/
.global-subtable table {width: 100%;}
.global-subtable tr:nth-of-type(odd) {vertical-align: top;}
.global-subtable th {background: #FFF; color: white;}
.global-subtable td, .global-subtable th {padding: 0;  border: 1px solid #CDDDED; text-align: left;}
.global-subtable td:nth-of-type(odd) {width: 75%; padding-right: 10px;}
.global-subtable td:nth-of-type(even) {width: 25%; background-color: #FFF; padding: 0 10px;}

.meetingsCalendar table {width: 100%;}
.meetingsCalendar td:nth-of-type(odd) {width: 83.7%; padding-right: 10px;}
.meetingsCalendar td:nth-of-type(even) {width: 16.3%; padding: 10px;}

.meetingsText {border-bottom: 1px dotted #BAD2EA; display: table; width: 100%;}
.meetingsText p {margin: 0; padding: 0;}

h1, .heading1 {font: 400 2.2em 'Archivo Narrow', Arial, sans-serif; color: #0F7CBD; border-bottom: 1px solid #BAD2EA; padding: 0 0 5px 0;}
h2, .heading2 {font: 400 1.6em 'Arimo', Arial, sans-serif; color: #0F7CBD; padding: 0 0 5px 0; margin: 0; line-height: 1.2em;}
h3, .heading3 {font: 400 1.2em 'Arimo', Arial, sans-serif; color: #0F7CBD;}

.floatR {float: right;}
.floatL {float: left;}
hr { border-top: none; border-left: none; border-right: none; border-bottom: 1ps solid #BAD2EA;}

#sect-col-2 ul li {list-style-type: square; margin: 8px 0; color: #0F7CBD;}

/* HOME BUTTONS*/
.hm-head1 {font: 400 1.8em 'Arimo', Arial, sans-serif; line-height: 1.1em; color: #0F7CBD; padding: 0 0 5px 0;}
.hm-head21 {font: 400 1.8em 'Arimo', Arial, sans-serif;  background: -webkit-linear-gradient(#FDFCFE, #DBE7F4); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(#FDFCFE, #DBE7F4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FDFCFE, #DBE7F4); /* Standard syntax */; line-height: 1.1em; color: #0F7CBD; padding: 20px 10px; border: 1px solid #C5D7ED; display: inline-table; width: 100%;}
.hm-head2 {font: 400 1.8em 'Arimo', Arial, sans-serif;  background: -webkit-linear-gradient(#FDFCFE, #DBE7F4); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(#FDFCFE, #DBE7F4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FDFCFE, #DBE7F4); /* Standard syntax */; line-height: 1.1em; color: #0F7CBD; padding: 20px 10px 0 10px; border: 1px solid #C5D7ED; display: inline-table; width: 100%;}
.hm-head2-img {float: left; display: block; position: relative; top: -10px; margin: 0 10px 0 0;}
.hm-head1 a, .hm-head21 a, .hm-head2 a {text-decoration: none; color: #0F7CBD;}
.greenList li {color: #4ec20c;}
.greenList li a {color: #4ec20c; text-decoration: none;}
.greenList li a:hover {color: #2781CF; text-decoration: none;}
.grnButton {width: 6.25em; margin: 10px 0; font: normal .85em 'Arimo', Arial, sans-serif; color: #FFF;  text-align: center;}
.grnButton a {display: block; padding: 5px; color: #FFF; text-decoration: none; border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	background: -webkit-linear-gradient(#66E71B, #4ec20c); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#66E71B, #4ec20c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#66E71B, #4ec20c); /* Standard syntax */
}
.grnButton a:hover { 
	background: -webkit-linear-gradient(#4ec20c, #66E71B); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#4ec20c, #66E71B); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4ec20c, #66E71B); /* Standard syntax */
	color: #062E61;
}

.grnButton a:visited, .orangeButton a:visited {color: #FFF; text-decoration: none;}
.grnButton a:active, .orangeButton a:active {color: #FFF; text-decoration: none;}

.orangeList li {color: #e97b10;}
.orangeList li a {color: #e97b10; text-decoration: none;}
.orangeList li a:hover {color: #2781CF; text-decoration: none;}
.orangeButton {width: 6.25em; margin: 10px 0; font: normal .85em 'Arimo', Arial, sans-serif; color: #FFF;  text-align: center;}
.orangeButton a {display: block; padding: 5px; color: #FFF; text-decoration: none; border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	background: -webkit-linear-gradient(#f8983a, #e97b10); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#f8983a, #e97b10); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8983a, #e97b10); /* Standard syntax */
}
.orangeButton a:hover { 
	background: -webkit-linear-gradient(#e97b10, #f8983a); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#e97b10, #f8983a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e97b10, #f8983a); /* Standard syntax */
	color: #062E61;
}

/* Current New */
.currentNews {margin: 0; padding: 0; list-style-type: none; width: 100%;
    overflow: scroll; overflow-x: hidden;}
.currentNews  ul {margin: 0; padding: 0; list-style-type: none;}
.currentNews li { margin: 0; padding: 15px 0; border-bottom: 1px dotted #1C5795;}
.currentNews li a {text-decoration: none;}
.currentNews li a:hover {color:#64BCE4; text-decoration: none;}
.currentTitle {margin: 0 0 3px 0;}
.pubDate {font: normal .9em 'Arimo', Arial, sans-serif; color: #A3A3A3;}

/* Back to Top */
.back-to-top {position: fixed; bottom: 7.2em; right: 70px; text-decoration: none; color: #000; background-color: #072D5E; font-size: 12px; display: none; border-radius: 5px; padding: 5px;
	opacity: 0.5;           /* fx, safari, opera */
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */}

/* Right Column Template CSS */

.rtContent  {
	display: block;
	width: 215px;
	float: right;
	background-color: #F7F8E0;
	margin: 0 auto;
	padding: 5px 10px;
}

#footWrap .heading1, footer .heading1 {border: none; padding: 0;}

/* jQuery Expand/Collapse */

#accordion-example {	margin: 25px 0;}

h4 { margin: 10px 0; color: #000;}
h5 { margin: 0;font: normal 1em 'Apercu Pro Regular', Trebuchet MS, Arial, sans-serif;}
h5 a { background: url("/images/sprite.png") 15px 13px no-repeat; display: block; padding: 10px 0; padding-left: 32px; margin: 0; color: #000; text-decoration: none;}
h5 a:hover {color: #0F7CBD;text-decoration: none;}
h5.open  {text-decoration: none;}
h5.open a { background-position: 13px -35px; text-decoration: none; }
h4 + div { padding: 0px;}
h4 + div, .example { background: #fff; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 20px;}
h5+div { display: none;}

.AccordianText {margin: 0px 0 0px 30px; background-color: #D8E5F3; padding: 5px 10px;}
.AccordianText img {display: block; width: 100%;}

#css3-animated-example h5 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
#css3-animated-example .content { padding: 10px;}
#css3-animated-example h5.open + div { height: auto; background: #aaffff;}
pre#event-log { background: #fafacc; padding: 10px; display: block;}

/* Fancy Box */
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}

/* MOBILE PORTRAIT*/
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px), only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

  legend {display: table; width:100%; box-sizing: border-box;}
  input.formfield {width: 100%;}
  textarea {width: 100%;}
   
 table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Override inline table styles */
    table {
      width: 100% !important;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    tr { border: none; }
    
    td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: none; 
        position: relative;
        padding-left: 50%; 
    }
    
    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    *, *:before, *:after {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box; }

    table {width: 100%; border: none; border-collapse: collapse;}
    tr {vertical-align: top;}
    th {background: #FFF; color: white;}
    td, th {padding: 10px 0; border: 1px solid #CDDDED; text-align: center;}
    td:nth-of-type(odd) {width: 100%; background-color: #FFF; padding: 0 10px;}
    td:nth-of-type(even) {width: 100%; background-color: #FFF; padding: 0 10px;}

    /* Training Center */
    .tc-table table {width: 100%; border-collapse: collapse;}
    .tc-table tr:nth-of-type(odd) {vertical-align: top;}
    .tc-table th {background: #FFF; color: white;}
    .tc-table td, .tc-table th {padding: 0; border: none; text-align: left;}
    .tc-table td:nth-of-type(odd) {width: 100%; padding-right: 10px;}
    .tc-table td:nth-of-type(even) {width: 100%; background-color: #F7F8E0; padding: 10px;}
    .tc-table img {display: block; margin: 0 auto; text-align: center;}

    /* Global Guidelines */
    .Global-table table {width: 100%; border-collapse: collapse;}
    .global-table tr:nth-of-type(odd) {vertical-align: top;}
    .global-table th {background: #FFF; color: white;}
    .global-table td, .global-table th {padding: 0; border: none; text-align: left;}
    .global-table td:nth-of-type(odd) {width: 100%; padding-right: 10px;}
    .global-table td:nth-of-type(even) {width: 100%; background-color: #F7F8E0; padding: 10px;}
    .global-table img {display: block; margin: 0 auto; text-align: center;}
    .global-subtable h3, .global-subtable p {text-align: center;}

     /* Global Sub Guidelines */
    .global-subtable table {width: 100%; border-collapse: collapse;}
    .global-subtable tr {vertical-align: top;}
    .global-subtable th {background: #FFF; color: white;}
    .global-subtable td, .global-table th {padding: 10px 0; border: 1px solid #FFF !important; text-align: center !important;}
    .global-subtable td:nth-of-type(even) {width: 100%; background-color: #FFF; padding: 0 10px;}
    .global-subtable h3, .global-subtable p {margin: 0; padding: 0; text-align: center !important;}
    
    .meetingsText {border-bottom: 1px dotted #BAD2EA; display: table; width: 100%;}
    .meetingsText p {margin: 0; padding: 0;}
    .floatR {float: none !important;}
    .floatL {float: none !important;}

}

/* Form Fields globals */

fieldset {
font: 400 1em 'Arimo', Arial, sans-serif;
  border: 1px solid #BAD2EA;
  color: #494949;
  display: table;
}

legend {
  display: block;
  font: 700 1.1em 'Arimo', Arial, sans-serif;
  color: #BA131A;
  padding: 10px;
  
}

label {
  display: inline-block;
  padding: 5px 0;
}

input, textarea, select {
 margin: 5px;
 display: inline-block;
 padding: 3px 0;
}

label, textarea, select {
  clear: both;
}