.base_stacktable {
    content:"";
    display:table;
    clear:both;
}

* {
  box-sizing: border-box;
}

.ui-dialog{
z-index: 2000;
}
.ui-widget-overlay{
z-index: 1990;    
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: none;
}

.ui-dialog .ui-dialog-buttonpane {
     text-align: left;
     margin-top: 0px;
}

.ui-button-spl1 {
    background:#003300;
}

/* Create two equal columns that floats next to each other */
.columninfo {
  float: left;
  width: 33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
/* stackable */




body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-style: normal;
	font-weight:normal;
	color: #000;

	margin: 0;
	padding: 0;
}

a {
    color:#000;
    text-decoration:underline;
}

.masthead {
    height: 67px;

    position:relative;
    background:url(/site/images/masthead.png);
    background-size:100% 100%;
}

.custom_masthead {
    min-height: 67px;
    position:relative;
    width:100%;
    background-size:100% 100%;
}


.masthead_nopic {
    height:67px;
    width:920px;
    background:#FFF;
    position:relative;
}



.masthead_title {
    font-size:60px;
    line-height:64px;
    padding-top:10px;
    padding-left:5px;
    color:#6666FF;

}

.loginlink {
    font-size:18px;
    line-height:20px;
    
}

.body_area {
    padding-top: 0px;
    padding-left: 0px;
    padding-right:0px;
    background:#FFF;
/*    min-height: 250px; */
}

.title {
    color:#3333FF;
    font-size:20px;
    line-height:22px;
}


.navigation {
    padding:5px;
    padding-left:10px;    
}

.footer {
    padding-top:20px;
    text-align:center;
}


.content_title {
    background:#CCFF99;
    border:solid 1px #CCCCFF;
    padding:5px;
}


/* page manager classes */
.pm_indent {
    padding-left:16px;
}

.pm_column_title {
    font-size: 15px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
}

.pm_subpages {
    border:solid 2px #CCCCCC;
    padding: 5px;
    background: #EEEEEE;
    width:100%;
}
#accordion div {
    background: #FFFFFF;
}

#accordion h3 {
    padding-top:4px;
    padding-bottom:4px;
    background:#CCCCFF;
    color:  #000000;
    font-size:24px;
    line-height:26px;
}
.float_right {
    float:right;
}

/* field classes */

.field_label {
    font:Helvetic,Arial,sans-serif;
    font-size:18px;
    line-height:20px;

    background:#F9F9FF;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;

    padding-top:5px;
    padding-bottom:5px;
    margin-right:5px;
    width:200px;
    margin-bottom:2px;
    text-align:left;
}

/* class for content to the right of label */
.field_content {
    padding-left:5px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
}

.field_content input[type=text]:read-only {
    background:#F0F0F0;
}

.field_content select {
    background:#FFFFFF;
}

.field_comments {
    padding-left:5px;
    color: #3333FF;
}


.postcomments {
    padding-left:5px;
    color: #3333FF;
    text-align:left;
    padding-bottom:10px;
    line-height:1.3;
}

/* class for content for labels that cross over 3 columns */
.field_content_wide {
    padding-left:5px;
}

.field_submit {
    background: #33FF33;
    border: solid 1px #003300;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:8px;
}

.field_reset {
    background: #339933;
    border: solid 1px #009900;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.field_submit:hover {
    background:#339933;
    border:solid 1px #00FF00;
    color:#FFF;
}

/* class for 3 column section for submit button */
.field_submit_wide {
}

.field_section {
    background:#CCCCFF;
    color:#000;
    font-size:24px;
    line-height:26px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
}

/* class for making something bold */
.heavy {
    font-weight:bold;
}

/* class for error messages */
.message {
    color:#CC0000;
    font-weight:bold;
}

.siteobj_category h3 {
    color:#FF0000;
}


/* Admin Menu Section */
.admin_menu_section {
    padding-top:8px;
    font-weight:bold;
    color:#3333FF;
}

/* admin menu link */
.admin_menu_link {
    padding-top:6px;
}

.admin_menu_link a:hover {
    color:#FF3333;
}
		       
/* calendar */
/* front page calendar */
.calendar_header {
    font-weight:normal;
    background:#f1592a;
    color:#FFF;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
}

.calendar_header a {
    color:#FFF;
    font-weight:normal;
    font-size:11px;
}
.calendar_day {
    background:#fff;
    color:#000;
    text-align:center;
}

.calendar_cell {
    width:63px;
    height:66px;
    text-align:center;
    border:solid 1px #cccccc;
    background:#fff;
}

.calendar_cell_with_day {
    background:#eeebeb;
}

.calendar_cell_current_day {
    background: #f1bcab;
    border:solid 0px #999999;
    color:#FFF;
}

.calendar_cell_has_event {
    background:#bbdae8;
    color:#FFF;

}
/*   big calendar */
.bigcalendar_header {
    font-weight:bold;
    color:#f1592a;
    text-align:center;
    font-size:15px;
}

.bigcalendar_header a {
    color:#f1592a;
    font-weight:bold;
    text-decoration:none;
    font-size:15px;
}
.bigcalendar_day {
    background:#5ac6ce;
    color:#fff;
    text-align:center;
    width:150px;
}

.bigcalendar_cell {
    width:150px;
    height:60px;
    padding:4px;
    border:solid 1px #f1592a;
    background:#ed9377;
}

.bigcalendar_link {
    color:#009900;
}

.bigcalendar_cell_with_day {
    background:#fff;
}

.bigcalendar_cell_current_day {
    background:#f1592a;
    border:solid 1px #fff;
    color:#FFF;

}

.bigcalendar_cell_has_event {
    background:#fff;
    color:#cc0000;

}

//  flagships 
.flagships {
    position:relative;
    background:url(/images/specials_box.gif);
    background-repeat:no-repeat;
    width:166px;
    height:230px;
    border:solid 1px #FF0000;
    }

.flagship_name {
    height:35px;
    font-size:13px;
    line-height:13px;
}

.flagship_company {
    font-size:16px;
    line-height:16px;
    font-family:Georgia;
     color: #006699;
    font-weight:normal;
}

.ad_sep {
    height:14px;    
}

// chamber news
.chamber_news {
    background:url(/images/chamber_news_box.gif);
    background-repeat:no-repeat;
    width:166px;
    height:190px;
    }

.new_members_title {
    color:#CC0000;
    
}

.subfooter  {
    text-align:center;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    background:#f1592a;
    padding-top:6px;
    padding-bottom:6px;
    }

.subfooter a {
    text-align:center;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    }

.basefooter {
    border-top:3px solid #5ac6ce;
    background:#FFF;
    color:#000;
    text-align:center;
    font-size: 11px;
    line-height:13px;
    font-weight:normal;
    padding-bottom:6px;    
}

.basefooter a {
   color:#000;
}
.page_wrapper {
    background:#CCC;

}
.page_border {
    background:#666;
    clear:both;
}
.page_spacer {
    width:918px;
    margin:auto;
    padding-left:7px;
    padding-right:9px;
    background:#FFF;
}
.page_container {
   width:1024px;
   background:#FFF;
   margin:auto;
}

.page_center {
    margin:auto;
}

.member_nav {
    padding-top:9px;
    height:40px;
}

.joinus {
    color:#95a43d;
}

.joinus_active {
    color:#000;
}

.joinus_link {
    color: #95a43d;
}

.joinus_link:hover {
    color:#000;
}

.payment_warning {
    border: solid 3px #FF0000;
    color:#FF0000;
    font-weight:bold;
    font-size: 24px;
    line-height: 26px;
    padding: 5px;
}

.board {
    background:url(/images/board/board_members_background.gif);
    height:272px;
    width:860px;
    margin:auto;
    position:relative;
}

.board_holder {
    position:absolute;
    left:100px;
    top:50px;
}

.board_table 
{
    width:340px;
    margin:auto;
}

.board_name {
    font-size:18px;
    line-height:20px;
    
}

.board_title {
    font-size: 15px;
    line-height:18px;
}

.boad_company {
    font-size: 15px;
    line-height:18px;
    }

.board_link {
    padding-top:10px;
}

.board_link a {
    font-weight:bold;
    color: #0099CC;
}

.sitedev {
    font-size: 11px;
    font-family:Arial;
    font-weight:normal;
    color:#cccccc;
}

.sitedev a {
    font-size: 11px;
    font-family:Arial;
    font-weight:normal;
    background:#FFF;
    color:#cccccc;

    }

.csv_field_box {
    padding:5px;
    border:solid 1px #CCCCFF;
}

.weather_label {
    text-align:right;
    font-weight:600;
}

.weather_box {

    width:152px;
    background:#EEE;
    border:solid 1px #000000;
    padding:5px;
}

.weather_title {
    background:#000;
    color:#FFF;
    font-family:Arial Black;
    font-weight:bold;
    font-size:12px;
    width:164px;
    text-align: center;
    border:none;
}

.weather_box_wind {
    font-size:10px;
}


.indent {
    padding-left:20px;
    padding-right:20px;
}


#autonav_masthead {
    position:absolute;
    top: 40px;
    left: 700px;
}

#autonav_masthead a {
    color:#000;
}

#autonav_masthead a:hover {
    font-weight:bold;
    color:#FFFFCC;
}

#autonav_wrapper {
    width:100%;
}

.authdomain_div {
    padding:10px;
    border:solid 2px #CCCCFF;
    width:430px;
    margin: 0px auto;
}


.inputfile {
    width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
/* Responsive tables */
.resp_table {
    width:100%;
    display:table;
}


.field_row {
    width:100%;
    display:table;
    padding-bottom:10px;
    margin-bottom:16Px;

}
.resp_caption {
    display:table-caption;
    text-align:center;
    font-size:30px;
    font-weight:bold;
}


.resp_header_cell {
display:table-cell;
paddin:10px;
text-align:justify;
border-botom: 1px solid #000000;
}

.resp_body {
display:table-row-group;
}

.resp_row {
display:table-row;

}
.resp_row:after {
    content:"";
    display:table;
    clear:both;
}

.resp_cell {
width:100%;
vertical-align:top;
}

.resp_content input {
    width:90%;
    font-size:32px;
    line-height:36px;
}

.resp_field_prefix {
    font-size:32px;
    line-height:36px;
    
}


.resp_table input[type="checkbox"] {

    font-size:32px;
    line-height:36px;
    height:24px;
    width: 24px;
    border:solid 1px #FF0000;
}

.resp_content input[type="checkbox"] {

    font-size:32px;
    line-height:36px;
    height:24px;
    width: 24px;
    border:solid 1px #FF0000;
}

.resp_content input[type="radio"] {
    width:auto;
    font-size:32px;
    line-height:36px;
}

.resp_content input[type="button"] {
    width:auto;
    font-size:32px;
    line-height:36px;
}

.resp_conent input.inputbox {
    width:none;
}


.resp_radio {
    width:none;
    font-size:32px;
    line-height:36px;
    text-align:left;
    border:solid 1px #FF0000;
}

.resp_table span {
    font-size:32px;
    line-height:36px;
    width:none;
}


.resp_content span.resp_checklist {
    font-size:32px;
    line-height:36px;
    width:none;
}

.resp_content select.resp_select {
    font-size:32px;
    line-height:36px;
    border-radius: 4px;
    width:none;
}

.resp_content radio.resp_select {
    font-size:32px;
    line-height:36px;
    width:none;
}

.resp_submit {
    font-size:32px;
    line-height:36px;
    border-radius:6px;
    background:#00FF00;
    padding-left:15px;
    padding-right:15px;
    margin-left:5px;
}
.resp_submit_center {
    margin:auto;
}
.resp_footer {
display:table-footer-group;
background-color:grey;
font-weight:bold;
font-size:25px;
color:rgba(255,255,255,0.45);
}

.resp_footer_cell {
    display:table-cell;
    padding:10px;
    text-align:justify;
    border-bottom: 1px solid #000000;
}

.alert {
    border: 1px solid #000000;
    border-radius: 10px;
    padding-left:15px;
    padding-right:15px;
    margin-top:10px;
}

.alert_subject {
    font-weight:bold;
    font-family:Arial;
    font-size: 16px;
}

.alert_content {
    font-size:14px;
    font-weight:normal;
}

.alert_created {
font-weight:italic;
font-size:12px;
}

.alert_title {

font-weight:bold;
padding-top:12px;
font-family:Arial
padding-bottom:6px;

}


.quote_content {
    font-size:18px;
    line-height:20px;
    font-family:Arial;

}
.quote_source {
    font-size:15px;
    line-height:17px;
    font-family:Arial;
    font-style:italic;
    padding-top:6px;
    padding-left:30px;
}

.quote_title {
font-weight:bold;
padding-top:12px;
font-family:Arial
padding-bottom:6px;
}

.round_div {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-bottom: 10px;
    padding:3px;
    padding-left:0px;
    margin-left:0px;
}

.round_div legend {
font-weight:bold;
}
.jfilestyle {
 background:#FFFFFF;
}

/* defaults for bottom bar */
.bottombar_centered {
    background: #B2B2B2;
    color: #000000;
}
.bottombar_line1 {
    background: #B2B2B2;
    color: #000000;
}
.bottombar_line2 {
    background: #B2B2B2;
    color: #000000;
}

button.gp_colorpicker {
    border:none;
    text-decoration:underline;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
    color:#1b75bb;
    background:none;

}

button.gp_colorpicker:hover {
    background:none;
    color:none;
    border:none;
}


.field_table td {
    padding-bottom:12px;
}

.site_page_menu {
display:block;
float:right;
padding-right:20px;
padding-top:8px;
}

.simple_round_grey {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding-left:15px;
    padding-right:15px;
    margin-top:10px;

}


.glossary_item {
    padding-bottom:15px;
}

.glossary_term {
    font-weight:bold;
    font-size:20px;
    line-height:22px;
}

.glossary_description {
    font-size:18px;
    line-height:20px;
}

.crud_view_label {
    font-size:14px;
    font-weight:bold;
}

.input_required {
 border:solid 2px #FF0000;
}

.gc_title {
    color: #3333FF;
    font-weight:bold;
    font-size:18px;
    line-height:22px;
}

/*  code for element styler popup */
.elementstyler_field {
    font-family:Arial;
    font-size:16px;
}


select.elementstyler_field {
    font-family:Arial;
    font-size:16px;
}

select.elementstyler_field * {
    font-family:Arial;
    font-size:16px;
}


.font-select span {
background:#EEE;
color:#000;
}
.font-select a {
background:#EEE;
color:#000;
}
.fs-results {
background:#EEE;
border-color:#DDD;
color:#000;
}

/* Setup status configuration */


/* Popup Buttons */
.ui-dialog-buttonset > .popup_button {
    border: 1px solid #ccc;
    background: #f6f6f6 url("/js/jquery-ui-1.11.4/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
/* classes for field image select */
.imageselect {
border:solid 3px #FFFFFF;
margin:5px;
}
.imageselect:hover {
    border:solid 3px #CCCCFF;
}

.imageselect_selected {
    border:solid 3px #000;
}

.magic_button {
    border: 2px solid #ccc;
    background: #f6f6f6 url("/js/jquery-ui-1.11.4/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    padding:8px;
    text-decoration:none;
    line-height: 18px;
    font-size: 22x;
    border-radius: 9px;
    
}

.magic_button:hover {
    background:#1c94c3;
    color:#CCC;
    border: 2px solid #000;
}


/* hamburger */
/* [ON BIG SCREENS] */
/* Wrapper */
#hamnav {
    float:right;
  position: sticky;
  top:0;
  z-index: 1000;
  /* Optional */
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: none; }
#hamitems a {
  width: 20%; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color: #000;
  background:#CC0000;
  font-family: Arial;
  font-size:16px;
  line-height:22px;

  text-decoration: none;
  text-align: left;
}

#hamitems a:hover {
  background: #990000;
  color:#FFF;
  font-weight:bold;

}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display:block; 
    float:right;
    color: #FFF;
    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    color: #000;
    border-top: 1px solid #333;
  }

  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display:block; }
}


div.jfilestyle.jfilestyle-theme-groupcorners input {/**/}
div.jfilestyle.jfilestyle-theme-groupcorners label {

    border: 1px solid #ccc;
    background: #f6f6f6 url("/js/jquery-ui-1.11.4/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    border-radius: 4px;
}

/* acct pulldown */
.acct_pulldown {
    position:relative;
}
.acct_pulldown ul {
margin:0px;
padding:0px;
background:#FFF;
visibility:hidden;
position:absolute;
right:0px;
top:100%;
list-style:none;
}
.acct_pulldown li {margin:0px;padding:
		   10px;text-decoration:none;
		   border-top:solid 1px #CCCCCC;
		   background: 2876ba;
		   text-align:right}
.acct_pulldown_right li {text-align:right;}
.acct_pulldown li a { display:block;width:100%;
		      color:#000;
}
.acct_pulldown ul li:hover {background:#e6e7e8; color:#2876ba;}
.acct_pulldown ul li:hover a {background:#e6e7e8; color:#2876ba;}
.acct_pulldown:hover > ul {visibility:visible}

.inputbox_checkitem {
    border:none;
}

/* timelog content */
.timelog_content {
border :solid 2px #CCCCFF;
padding:4px;
margin:auto;
width: 800px;
}

.timelog_backtrace {
    margin-left:5px;
    padding:4px;
    border:solid 2px #CCCCCC;
}

.timelog_backtrace_link {
    background:#FFFFFF;
    color:#33FF33;
    font-size:10px;
    border:none;
}

.debug_link {
margin:auto;
text-align:center;
width:200px;
}

.field_postfix {
    padding-left:3px;
    font-size:14px;
}

.libel_title {
    font-weight:bold;
    font-size:18px;
    font-family:Arial;
    line-height:22px;
    padding-bottom:5px;
}


.userchooser_action {
    padding-left: 10px;
    padding-right:10px;

}
.userchooser_button {
    text-decoration: underline;
    color:#4444FF;
}

.userchooser_readonly {
    background: #FFFFFF;
    border:none;
}


.add_comment {
    border:solid 1px #CCCC;
    border-radius: 8px;
    padding:6px;

    font-family:Cabrini;
    font-size:12px;
    line-height:14px;
    width:120px;
    font-weight:bold;
    text-align:center;
    margin-bottom: 8px;
    }

.add_comment:hover {
    background:#CCCCFF;
}

.comment_data {
   border: solid 1px #CCCCFF;
   padding: 5px;
}

.comment_gecos {
    color: #999999;
}

.comments_section {
    font-size: 12px;
    line-height:14px;
    font-weight:bold;
    padding-right:8px;
}

/*
*  code to handle
*/

.newflow_table {
	     display: table;
    border:solid 1px #CCCCFF;	     
	     min-height:100px;
	     width:100%;
	     margin:0px;
	     margin-top:1px;

}

.newflow_section {
	  min-height:150px;
	    display: table-cell;
	      margin:0px;
	        vertical-align:top;
		  position:relative;
		    z-index:50;
}


.newflow_row {
	  width:100%;
	  display: table-row;
	        vertical-align:top;
}

.newflow_cell {
    
}
.docset_item {
    padding-bottom:16px;
}

.subsection_label {
font-weight:bold;
}

.gc_button {
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    border-radius: 5px;
}


/* display a section of code
   using <code> fubar</code>
*/

code {
    display:block;
    width:100%;
    background: #EEEEEE;
    color: #000000;
    padding: 8px;
    border-radius: 8px;
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height:18px;
}