/*********** navigation menu rules *******/

/*Strip the ul of padding and list styling*/
#myTopnav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
/*Create a horizontal list with spacing*/
#myTopnav li {
    display:inline-block;
    float: left;
    margin-right: 1px;
}

/*Style for menu links*/
#myTopnav li a {
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display:block;
    background: #fff;
}
/*Hover state for top level links*/
#myTopnav li:hover a,
#myTopnav li:focus-within > a {
    background: #ddd;
}
/*Style for dropdown links*/
#myTopnav li:hover ul a {
    background: #fff;
}
/*Hover state for dropdown links*/
#myTopnav li:hover ul a:hover {
    background: #ddd;
}


/*Hide dropdown links until they are needed*/
#myTopnav li ul {
    display: none;
    position: absolute;
	z-index: 1;
	-webkit-box-shadow: 0px 5px 5px #666;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0px 5px 5px #666;  /* Firefox 3.5 - 3.6 */
	box-shadow:         0px 5px 5px #666;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
/*Make dropdown links vertical*/
#myTopnav li ul li {
    display: block;
    float: none;
}
#myTopnav li ul li:first-child {
	margin-top: 4px;
	background-color:transparent;
}
/*Prevent text wrapping*/
/*#myTopnav li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}*/
/*Display the dropdown on hover*/
#myTopnav ul li a:hover + .hidden,
#myTopnav ul li a:focus + .hidden,
#myTopnav .hidden:hover,
#myTopnav .hidden:focus,
#myTopnav ul li:focus-within ul {
    display: block;
}

/* Hide the link that should open and close the topnav on small screens */
#menu_icon {
    display: none;
	color: gray;
    text-align: center;
    padding: 2px 2px;
}

#select_language {
	display:inline-block;
}

hr {
	margin:0;
	border:0;
	height:1px;
	background:#333;
	background-image:
	linear-gradient(to right, #ccc, #333, #ccc);
}

/*Responsive Styles*/
@media screen and (max-width: 780px) {
	#logo {
		/* this is used as a method of detection to disable clicks on mobile */
		cursor:default;
	}
	
	#maintable {
		width:auto !important;
	}
	#spacer {
		display: none;
	}

	#menu_icon {
		display: block;
		float: right;
		font-size: 29px;
		text-decoration: none;
	}

	/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

	#myTopnav,
	#select_language {
		display: none;
	}
	#select_language.responsive {
		display: inline-block;
	}
	#myTopnav.responsive {
		position: relative;
		display: block;
	}
	#myTopnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	#myTopnav li:focus-within > a {
		background: #fff;
	}
	#myTopnav a:focus {
		background: #ddd !important;
	}

	/*Make dropdown links appear inline*/
	#myTopnav li ul {
		display: block;
		position: static;
		margin-left:15px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
    /*Create vertical spacing*/
    #myTopnav li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    #myTopnav ul li,
	#myTopnav li a {
        width: 100%;
    }
}		


/*********** end navigation menu rules ***/


body {
	font-family: Montserrat;
	background-color:white;
}
.ui-page { 
	font-family: Montserrat;
	background-color:white;
}
label {
	display: block;
}


a {color: inherit; }
a:link {
	color:#333ddd!important;
}
a:visited {
	color:#333ddd!important;
}
a:active {
	color:#f48c1d!important;
}

.ui-bar-a.ui-footer {
	background-color:#ffa237 !important;
	color:#5a5858 !important;
}

div.ui-input-text,
div.ui-input-search {
	
}
			
		

#select_language .ui-select {
	width:auto;
}

a {
	text-decoration:none;
	color:#5a5858 !important;
	font-family:Myriad Pro;
	font-weight:normal !important;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

h1,h2,h3 {
	font-family: avenir;
}
h1 {
	font-size: 24px;
	color: #000000;
}
h2 {
	font-size: 18px;
	color: #000000;
}
h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
body,td,th {
	font-family: avenir;
	font-size: 14px;
	color: #000000;
}

#page_html {
	margin-top: 12px;
}

.status {
	color: red;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* red border */
.errorbox {
	border:red solid 1px;
	padding:40px;
	color:red;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}