/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* SLIDER LAYERS TEXT COLOR */
p.ls-l span { color : inherit; }



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
/*h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }*/
h3 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }

h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

div.gray {
  background : #fff;
}
div.rounded {
  border-radius : 6px;
}
div.padded {
  padding : 2% 4%;
}
div.padded-two-thirds {
  padding:1% 1%;
}

.pagination {
  background : rgba(255,255,255,0);
  padding : 2px 8px;
  border-radius : 6px;
  margin-left : 2px;
  margin-right : 2px;
  border : 1px solid #ddd;
}
.pagination.selected {
  background: rgba(255,255,255,0);
  color : #ff3131;
  font-weight : bold;
}
.pagination a {
  text-decoration : none;
  font-weight : bold;
  color : #666;
}
.pagination a:hover {
  color : #ff3131;
}
/*.pagination.selected a {
  color : #ff3131;
}*/

#searchbar2 {  background-image: url("../images/bg-search.png");background-repeat: no-repeat; padding: 0px 3px 0px 27px; width: 172px; height:23px;}
#searchbar2 .inputbox { margin-top:5px; background: none repeat scroll 0 0 transparent;border: 0 none;color: #999999; font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0;width: 154px;}
#searchbar2 input.inputbox:focus { outline:none; }

table.bordered,
table.bordered_heavy,
table.bordered_no_padding {
  *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;
  width: 100%;  
}

table.bordered_heavy {
  font-size : 12px !important;  
}

.bordered,
.bordered_heavy,
.bordered_no_padding {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.bordered th {
  font-weight : bold !important;
}

.bordered_no_padding th {
  font-weight : bold !important;
}

.bordered td, .bordered th {
    border-left: 1px solid #ebf3fc;
    border-top: 1px solid #ebf3fc;
/*    padding: 5px;*/
    text-align: left;    
}

.bordered_no_padding td, .bordered_no_padding th {
    border-left: 1px solid #ebf3fc;
    border-top: 1px solid #ebf3fc;
/*    padding: 3px;*/
    text-align: left;    
}

.bordered thead th,
.bordered tbody th.head,
.bordered tbody td.head {
/*    padding : 10px;*/
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered_no_padding thead th,
.bordered_no_padding tbody th.head,
.bordered_no_padding tbody td.head {
/*    padding : 3px;*/
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}



.bordered thead td.head {
/*    padding : 5px;*/
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered_no_padding thead td.head {
/*    padding : 3px;*/
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered_heavy thead th,
.bordered_heavy tbody th.head {
/*    padding : 5px;*/
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}


.bordered tbody th,
.bordered_heavy tbody th,
.bordered_no_padding tbody th,{
  background-color: #fff;
  text-align : right;
}

.bordered td:first-child, .bordered th:first-child,
.bordered_heavy td:first-child, .bordered_heavy th:first-child,
.bordered_no_padding td:first-child, .bordered_no_padding th:first-child{
/*    border-left: none;*/
}

.bordered thead th:first-child,
.bordered_heavy thead th:first-child,
.bordered_no_padding thead th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered thead th:last-child,
.bordered_heavy thead th:last-child,
.bordered_no_padding thead th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered thead th:only-child, 
.bordered_heavy thead th:only-child,
.bordered_no_padding thead th:only-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tbody tr:last-child td:first-child,
.bordered_heavy tr:last-child td:first-child,
.bordered_no_padding tbody tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tbody tr:last-child td:last-child,
.bordered_heavy tr:last-child td:last-child,
.bordered_no_padding tbody tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}




input[type="text"].i4 {
  width: 97.5%;padding: 1% 1% 1% 3px;left:0;right:0;
}

.i4.edit {
  border        : 1px solid #ffc000;
  background    : #FFF;
}
.i4.read {
  border        : 1px solid #ccc;
  background    : #ebebeb;
}



.even_v4 { background  : #FFF; }
.odd_v4  { background  : #f5f5f5; }
.highlighted_v4 { background   : #ffbc90; }

.bordered tr.highlighted_v4:hover {
    background: #ffbc90;
/*    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;  */   
}  


.info, .success, .warning, .error, .validation {
  /* DOWNLOAD FROM > http://www.softicons.com/free-icons/toolbar-icons/knob-buttons-toolbar-icons-by-itweek */
  
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/messagebox/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/messagebox/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/messagebox/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/messagebox/error.png');
}

.info.small {
padding:15px 10px 15px 30px;
background-repeat: no-repeat;
background-position: 10px center;
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/messagebox/info_16.png');
}



.rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

a.bold {
  font-weight : bold;
  color : #00529B;
}
/* Datepicker adds empty DIV - http://bugs.jqueryui.com/ticket/5970 */
#ui-datepicker-div { display:none }

/* #Page Styles
================================================== */

a:link,
a:active,
a:visited {
  text-decoration : none;
}

.one-third.rounded {
  margin-top : 2%;
}
.two-thirds.rounded {
  margin-top : 2%;
}

pre {
  font: bold 12px/18px 'Arial', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*


#nav ul {
  display: inline;
  margin: 0px;
  list-style: none;
  z-index : 1000;
}
#nav ul li {
  font: bold 12px/18px 'Arial', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin-left : 5px;
  margin-right : 5px;
 
  width : 12%;
}
#nav a {
  color : #666;
  position: relative;
  padding: 8px 20px;
  width : 120px;
  border-radius : 14px;
  border : 1px solid #f1f1f1;
}

#nav  ul li:hover a,
#nav  ul li.selected a {
  background: #f6f6f6;
  box-shadow: inset 1px 1px 1px 0px #999;
  border : 1px solid #e6e6e6;
  color : #d42027;
}

#nav a { text-decoration :none; }

*/

/* #Media Queries
================================================== */



.slicknav_menu {
    display:none;
}

@media screen and (max-width: 40em) {
    .js #menu {
        display:none;
    }
    
    .js .slicknav_menu {
        display:block;
    }
    
    .if_map {
/*      width:46% !important;*/
    }
}


      .if_map {
        width:100% !important;
/*        display : none;*/
      }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
      .no-mobile { display : none; }
      .if_map {
/*        width:46% !important;*/
      }
      
      
    .js #menu {
        display:none;
    }
    
    .js .slicknav_menu {
        display:block;
    }
      
      
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
      img.no_mobile { display : none; }
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
      img.no_mobile { display : none; }
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
      img.no_mobile { display : none; }      

      img.border { margin : 2% 0 !important; }
      .columns { padding : 0 2%; }
      img.scale-with-grid { max-width : 94%; margin-left : -2%; }
      p,h1,h2,h3,h4,h5,h6, hr.large { max-width : 94%; }
      hr.dashed { width : 91%; }
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
     img.no_mobile { display : none; }
     
      img.border { box-shadow : none !important; margin : 1% 0 !important; }
      .columns { padding : 0 3%; }
      img.scale-with-grid { max-width : 94%; margin-left : -3%; }
      p,h1,h2,h3,h4,h5,h6, hr.large { max-width : 94%; }
      hr.dashed { width : 87%; }
      
    }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/*@font-face {
  font-family : 'Helvetica';
  src : url('../fonts/Helvetica.ttf') format('truetype');
  font-weight : normal;
  font-style : bold;
}
@font-face {
  font-family : 'Helvetica Bold';
  src : url('../fonts/Helvetica-Bold.otf');
  font-weight : normal;
  font-style : bold;
}
@font-face {
  font-family : 'HelveticaNeue';
  src : url('../fonts/HelveticaNeue.dfont');
  font-weight : normal;
  font-style : normal;
}*/