@import url("/css/reset.css");
@import url("/css/style-common.css");

@font-face {
    font-family: 'NewCicleFina';
    src:  url('/css/NewCicleFina-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    src:  url('/css/Montserrat-Regular.ttf') format('truetype');
}

/*@font-face {
    font-family: 'Montserrat-bold';
    src:  url('/css/Montserrat-Bold.ttf') format('truetype');
}
*/

/*  Main site layout  */
BODY, HTML, TABLE, TD, DIV {
  /*font-family: "Montserrat",sans-serif;*/
  /*font-size: 13px;*/
  /*background-color: #404040;*/
  /*color:#CCC;*/
  margin:0;
  padding:0;
}

BODY {
  font-family: "Montserrat",sans-serif;
  font-size: 11pt;
  color:gray;
  width:100%;
}

/*#background_container {
  position:relative;
}

#bodyouter {
  background: no-repeat fixed 50% 50% / cover;
  max-height:1500px;
  min-width:100%;
  position:absolute;
}

#bodyinner {
  background: no-repeat fixed 50% 50% / cover;
  max-height:1500px;
  min-width:100%;
  position:absolute;
}*/

/*a:active {
  color:yellow;
}*/

h1, h2, h3 {
  font-family: "NewCicleFina",sans-serif;
  color:#686968;
  font-weight: bold;
  line-height: 30px;
}

h1 a, h2 a, h3 a {
  text-decoration: none;
  opacity:0.8;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  opacity:1;
  background-color:silver;
}

h1, h1 a {
  font-size: 18pt;
}

h2, h2 a {
  font-size: 14pt;
}

h3, h3 a {
  font-size: 12pt;
}

a {
  font-family: "NewCicleFina",sans-serif;
  font-weight: bold;
  color:black;
  text-decoration:none;
  margin:0;
  font-size: 11pt;
  border-radius:6px;
  padding:4px 4px 2px 4px;
}

a:hover {
  background-color:silver;  
}

#content {
  position:relative;
  max-width:1200px;
  width:99%;
  min-height:500px;
  margin:0 auto 20px auto;
  padding:0;
  z-index: 1;
}

#content #sidebar .secondary {
 float:left;
}

#content #sidebar .sidebar_box {
  border:1px solid black;
  border-radius: 10px;
  margin:5px;
}

#header_container {
  width: 100%;
}

#header {
  width:98%;
  max-width: 974px;
  height: 65px;
  margin: 0 auto;
  padding-bottom: 10px;  
}
#header a {
  background-color:inherit;
}

.slogan {
  font-weight:bold;
  color:gray;
  /*text-shadow: 1px 1px 4px black;*/
}

#header_share {
  float:right;
  /*padding:10px;*/
  /*margin-left:10px;*/
  /*margin-right:10px;*/
}

#header_share a {
  margin-top:12px;
}

#header_share form input[type="text"]:focus {
  width: 180px;
  background-color: #232326;
  border-color: #232326;
  right:5px;
}


#header_share form input[type="text"] {
  color: #4E85AB;
  display:inline;
  position:relative;
  right:0px;
  width: 10px;
  background: url("/images/small_icons.png") no-repeat scroll transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition-duration: 400ms;
  transition-property: width, #2C2C2C;
  transition-timing-function: ease;
  box-shadow: none !important;
  border-radius: 3px;
  cursor: pointer;
  background-position: -8px -2509px;
  margin: 3px 0px 0px;
  padding: 8px 0px 8px 30px;
}

#header_menu {
  margin-top: 2px;
  width:60%;
  float:right;
}


#header_menu a {
  font-size: 14pt;
  font-weight: bold;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

#header_menu a.selected_menu,#header_menu a:hover {
  /*padding: 15px 20px 15px 20px;*/
  /*border-top:5px solid transparent;*/
  background-color: silver;
}



/*#background_container {
  position:absolute;
  top:92px;
  max-height:600px;
  max-width:100%;
  width:100%;
}

#bodyouter {
  background: no-repeat fixed ;
  background-size: 100% 600px;
  position:absolute;
  min-width:100%;
  width:100%;
}

#bodyinner {
  background: no-repeat fixed  ;
  background-size: 100% 600px;
  position:absolute;
  min-width:100%;
  width:100%;
}*/

#footer {
  line-height:18px;
  font-size:10pt;
  z-index:0;
  position: baseline;
  width: 100%;
}


#footer a {
  font-size:10pt;
  font-weight:bold;
}

#footer a.selected_menu {
  background-color: silver;
}

#footer .copyright {
  color: gray;
  border-top: 1px solid rgba(59, 60, 62, 0.8);
  padding: 10px; 
  font-size:9pt; 
}

#footer .copyright a {
  font-size:9pt;
}

#footer h3 {
    border: medium none;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    padding: 0px;
    /*margin-bottom: 20px;*/
}



.fancy_box {
  background: url(/images/transpWhite80.png);
  padding:5px;
  border-radius:2px;
}

.fancy_box1 {
  background: url(/images/transpBlack80.png);
  color:rgba(255, 255, 255, 0.6);
  padding:5px;
  box-shadow: 0 0 2px #444A44;
  border-radius:2px;
  line-height: 28px;
}

.fancy_box1 h1, .fancy_box1 h2 {
  color:rgba(255, 255, 255, 0.8);
}


.fancy_link {
  text-decoration: none;
}

.fancy_link:hover {
  opacity: 0.8;
  text-shadow: 1px 1px 4px black;
}

.fancy_box_header {
  font-size: 14pt;
  font-weight: bold;
  background:#EFEFF0 url(/images/fancy_box_header_bg.png);
  height:29px;
  padding:11px 5px 2px 5px;
  border-radius: 8px 8px 0 0;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
  text-align: center;
}

.fancy_box_header a {
  /*color:#333;*/
  text-decoration: none;
}

.fancy_box_content {
  background:#F7F7FE url(/images/fancy_box_content_bg.png) no-repeat;
  position: relative;
  color:black;
  padding:10px;
  height: 220px;
  max-height: 220px;
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid #CFCAFF;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
}

.fancy_button {
  display: inline-block;
  position: relative;
  margin:0 auto 0 auto;
  bottom:5px;
  padding: 2px 5px 2px 5px;
  background: #B4B5FD;
  line-height: 16px;
  border-radius: 4px;
  border-bottom: 1px solid #CFCAFF;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
}

.fancy_button:hover {
  background: #CFCAFF;
}

a.fancy_button , a.fancy_button:visited {
  color:black;
  font-size: 10pt;
  text-decoration: none;
}

.transBlue50 {
  background: white url(/images/transpBlue50.png);
}


#thumbs {
  background-color: #B9B9B9;
  float:left;
  width:460px;
  height:700px;
  margin:0;
  padding:0;
  /*min-width:100%;*/
  /*overflow-x: hidden;*/
  min-height:100.1%;
  font-family: "Montserrat",sans-serif;
  font-size: 8px;
}

#map {
  width:700px;
  height:700px;
  font-family: "Montserrat",sans-serif;
  font-size: 10px;
}

#thumbs li {
  list-style-type: none;
  box-shadow: 1px 1px 3px #000;
  float:left;
  margin: 2px;
  padding: 7px;
  width: 130px;
  height: 130px;  
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8px;
  font-weight: bold;
  background-color: #E7E7E7;
  cursor: pointer;
  position: relative;
  color:#333;
  font-family: "Montserrat",sans-serif;
  position:relative;
}

#thumbs li a {
  color:#333;
  font-family: "Montserrat",sans-serif;
  font-size: 8px;
}

.gm-style-iw img.thumbnail_image {
  border:1px solid silver;
}

img.thumbnail_image {
  width: 130px;
  height: 100px;
}

.thumbnail_title {
  width:100px;
  height: 30px;
  float:right; 
  overflow:hidden;
  font-family: "Montserrat",sans-serif;
  position:relative;
  left:-7px;
}

.icon_image {
/*  width: 16px;
  height: 21px;*/
}

.gm-style, .gm-style-iw, .gmap_scroll_fix {
  /*font-family: "Montserrat",sans-serif !important;*/
  color:black;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: bold !important;  
  overflow: hidden;
  white-space: nowrap;  
}

.gm-style a, .gm-style a:hover {
  font-size: 11px;
  font-weight: bold;  
  font-family: "Montserrat",sans-serif !important;
  background-color:transparent;
}

.gm-style a:hover {
  text-decoration: underline;
}

/*.gmap_scroll_fix {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}*/


/*  Site Widgets  */
label[aria-pressed=true] span {background-color:black;color:silver} //temp hack, remove after updating ui theme

#login_welcome {}

#login_dashboard_link {padding-right: 5px;}

#site-messages {max-width:820px; margin:0 auto 0 auto; padding:5px}

#recently_visited {display:inline}
#recently_visited span {padding-right:5px}

/*  Framework Widgets  */
#recently_visited {display:inline}
#recently_visited span {padding-right:5px;display:block}

.addform_row label {
    display:inline-block;
    width:150px;
}

.crud_form_field {
	min-height:30px;
  display:block;
}


.crud_form_field label {
	font-size:9pt;
	font-weight:bold;
	width:220px;
  margin-left: 5px;
  color:navy;
}

.crud_form_field:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#captcha_container  {
  width:350px;
}

#captcha_container img {
  margin-top: 15px;
  height:35px;
  float:right;
}

#captcha_result span {
  margin-left: 5px;
  padding-bottom: 5px;
}

/* these next few are fixes we need for the jquery ui css */
.ui-icon {
	display:inline-block !important; /* jquery ui icons force line breaks w/o this */  
}
input.ui-state-disabled[name=changetime],input.ui-state-disabled[name=addtime] {
  opacity:0.9;
}
.border-fix {
	margin:1px;
}

.option_buttons a {
  background-color:inherit;
  padding:0;
}



/* these next few are fixes we need for the jquery ui css */
.ui-icon {
	display:inline-block !important; /* jquery ui icons force line breaks w/o this */
}
.border-fix {
	margin:1px;
}

#sort_table td.ui-widget-content {
  padding:2px;

}

/* custom site definitions that grab this jquery ui themes * base colors and use them */
/*.ui_style label {
	font-weight:bold;
}*/

/*  Highlight button class to mimic ui_style buttons but highlighted */
.ui_style_bright, a.ui_style_bright {
	background-color: forestgreen;
	color:white;
	border: 1px solid lime;
	font-weight: bold;
	text-decoration: none;
	opacity:0.9;
	padding:0 5px 0 5px;
  border-radius: 6px 6px 6px 6px;
}

.ui_style_bright:hover {
	 opacity:1;
}

.ui_style a, a.ui_style {
	white-space:nowrap;
	font-size:10pt;
}

.ui-widget-content a {
    /* color: #333333; */
}



/* overrides for datatables */
/* make toolbars float right and left to not take up two lines*/
.data_table {
	font-size: 9pt;
	width:100%;
}

.data_table tr {
  background: url(/images/transpWhite50.png);
}

.dataTables_length   {float:left}
.dataTables_filter   {float:right}
.dataTables_info     {float:left}
.dataTables_paginate {float:right}
.DataTables_sort_wrapper {white-space:nowrap;cursor:pointer;}

/* Jquery timepicker addon to datepicker needs these to look right*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div .ui_tpicker_hour div { padding-right: 2px; }
.ui-timepicker-div .ui_tpicker_minute div { padding-right: 6px; }
.ui-timepicker-div .ui_tpicker_second div { padding-right: 6px; }
.ui-timepicker-div td { font-size: 90%; }

/*  fullcalendar prints day numbers in white, switch them to brown */
.fc-day-number {color:brown}

/*  ui-dialog boxes seem to be broken close icon and other s are aligned left */
.ui-dialog {font-size:11pt; border:1px solid silver}




/* style the .open_modal class that is used on links or elements that open a modal box on click  and the hidden content element for the model*/
.open_modal {cursor:pointer;}
.open_modal_content {display:none; }