html {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	color:white;
	font-family: 'Libre Franklin', sans-serif, Arial, Helvetica;
	font-size:17px;
	width:100%;
	height: 100%;
  background: url(/Images/background_marble.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* A link that has not been visited */
a:link {
    color: #BBCCFF;
	text-decoration:none;
}
/* A link that has been visited */
a:visited {
    color: #BBCCFF;
	text-decoration:none;
}
/* A link that is hovered on */
a:hover {
    color: #BBFFFF;
	text-decoration:underline;
}
/* A link that is selected */
a:active {
    color: #BBFFFF;
	text-decoration:underline;
}

img{border-style:none;}

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.clear {
clear:both;
}

.centered {
margin-left:auto;
margin-right:auto;
}

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

textarea:disabled, select:disabled, input:disabled {
color:#111111;
background-color:#EEEEEE;
opacity:1;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#page_header {
position:fixed;
background-color:#001020;
width:100%;
height:50px;
top:0;
left:0;
z-index:42;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
}

#page_footer {
position: fixed;
background-color:#213345;
width:100%;
bottom: 0;
left: 0;
height: 64px;
padding:4px;
}

.footer_text {
color:white;
font-size:18px;
padding:4px;
}

#top_nav_container {
position:relative;
width:100%;
padding-top:5px;
padding-bottom:5px;
height:50px;
position:relative;
}

#top_nav_back {
position:absolute;
top:8px;
left:8px;
width:32px;
cursor:pointer;
}

#top_nav_logo {
position:absolute;
top:8px;
left:8px;
}

#top_nav_title {
position:absolute;
bottom:8px;
left:54px;
font-size:30px;
color:white;
}

#top_nav {
position: absolute;
top: 2px;
right:18px;
}

#page_content {
width:98%;
min-width:320px;
max-width:1024px;
margin: auto;
padding: 20px 0 60px 0;
}

.content_box {
width:100%;
background-color:rgba(0,17,35, 0.5);
padding:16px;
border-radius:8px;
}

#no_title {
margin-top:50px;
}

#page_title {
width:100%;
background-color:rgba(0,17,35, 0.8);
color:#EEEEEE;
font-size:28px;
font-weight:300;
padding:24px 0 24px 0;
margin-top:50px;
text-align:center;
}

.input_row_pad {
margin-top:16px;
}

.input_label {
	font-weight: normal;
	color: #DDDDDD;
	font-size: 19px;
	line-height:25px;
	width:96%;
}

.input_rounded {
	margin-top:6px;
	border: 2px solid #31476e;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	outline: 0px none;
	font-size:18px;
	padding:8px 6px 8px 6px;
	color:#DDDDDD;
	background-color:#31476e;
	vertical-align:middle;
	font-family:Arial,helvetica,sans-serif;
}

.input_rounded:focus {
	box-shadow: 0 0 5px rgba(0,150,225, 1); /* Green Shadow */
}

.clickable {
cursor:pointer;
}

.hoverhighlight:hover {
background-color: #EEEEEE !important;
}

/* This border width must match the input_rounded border style */
.default_border_style {
	border: 1px solid #999999;
}

/* this will be applied to input fields with errors */
.error_border_style {
	border: 2px solid #FF6500;
}

#live_video {
width:100%;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/** buttons **/

.button_forward {
	background-color: #238cac;
	border-style: solid;
	border-color:#238cac;
	border-width:1px;
	height:42px;
	border-radius:21px;
	outline: 0px none;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 2px;
	padding: 6px 18px;
	cursor:pointer;
	display:inline-block;
}

.button_forward:hover {
	background-color: #226c9c;
	border-color:#226c9c;
}

.button_back {
	background-color: #999999;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height:42px;
	border-radius:21px;
	outline: 0px none;
	color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 2px;
	padding: 6px 18px;
	cursor:pointer;
	display:inline-block;
}
.button_back:hover {
	background-color: #777777;
	border-color: #777777;
}

.button_disabled {
	background-color: #666666;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	color: #fff;
}

.button_forward_round {
	position:relative;
	background-color: #238cac;
	border-color: #238cac;
	border-style: solid;
	border-width: 1px;
	border-radius:50%;
	outline: 0px none;
	width:42px;
	height:42px;
	cursor:pointer;
	display:inline-block;
}

.button_forward_round:hover {
	background-color: #226c9c;
}

.button_back_round {
	position:relative;
	background-color: #999999;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	border-radius:50%;
	outline: 0px none;
	width:42px;
	height:42px;
	cursor:pointer;
}
.button_back_round:hover {
	background-color: #777777;
}

/* Display panel icon elements */
.panel_element {
height:50px;
width:230px;
margin-left:10px;
margin-top:10px;
display:inline-block;
font-size:18px;
color:#007799;
text-decoration:none;
overflow:hidden;
}
.panel_element:hover {
background-color:#ECECEC;
}

.panel_icon {
width:50px;
height:50px;
vertical-align:middle;
float:left;
}

.panel_text {
width:170px;
height:50px;
line-height:50px;
margin-left:8px;
vertical-align:middle;
float:left;
}

.panel_text_span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}


#div_more_button {
border-bottom:1px dashed #CCCCCC;
padding:8px;
background-color:white;
min-height:70px;
font-size:22px;
color:#666666;
text-align:center;
line-height:52px;
}


/* Columns for page layout */

.column_2_768 {
width:50%;
float:left;
padding:2%;
}

.column_3_768 {
width:33%;
float:left;
padding:10px;
}

/* Display of generic data rows in lists */

.data_row {
position:relative;
border-bottom:1px dashed #CCCCCC;
padding:8px;
background-color:white;
min-height:70px;
}

.data_row_details {
float:left;
margin-left:55px;
padding-top:6px;
}

.detail_title {
font-weight:bold;
font-size:17px;
}

.data_row_portrait_area {
position:absolute;
left:2px;
width:50px;
background-color:transparent;
}

.data_row_portrait {
width:50px;
height:50px;
border-radius:50%;
}

.data_row_active_1 {
color:black;
}

.data_row_active_0 {
color:#999999;
}

.data_dropdown {
display:none;
padding-left:2px;
}

.data_dropdown_element {
width:48%;
float:left;
padding:6px;
margin-top:10px;
}

.data_dropdown_element img {
vertical-align:middle;
margin-right:10px;
}

.indicator_icon {
width:16px;
height:16px;
margin-right:5px;
}

/* Formatting for the jquery dialog popup */

.ui-dialog {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
	z-index: 202;
	max-width:90%;
}

.ui-widget-overlay {
	z-index: 201;
	background:black;
	opacity:0.3;
}

.ui-widget-modal-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

.ui-widget .ui-widget-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 135%;
}

.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.default-dialog {
width:90%;
max-width:400px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .fwd_button,
.default-dialog + .ui-dialog-buttonpane .ui-button {
	background: #336699;
	border-color: #3c5488;
	border-style: solid;
	border-width: 1px;
	border-radius:3px;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin: 0 2px;
	padding: 0 4px 0 4px;
	cursor:pointer;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .fwd_button:hover,
.default-dialog + .ui-dialog-buttonpane .ui-button:hover {
	background: #2a547e;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .back_button,
.default-dialog + .ui-dialog-buttonpane button:nth-last-of-type(2) {
	background: #f3f3f3;
	border-color: #a6a6a6;
	border-style: solid;
	border-width: 1px;
	border-radius:3px;
	color: #464b54;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin: 0 2px;
	padding: 0 4px 0 4px;
	cursor:pointer;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .back_button:hover,
.default-dialog + .ui-dialog-buttonpane button:nth-last-of-type(2):hover {
	background: #e9e8e8;
}

#dialog-custom-title {
	font-size:16px;
	font-weight:bold;
	color:#444444;
	margin-bottom:10px;
}

#dialog-custom-content {
	display:inline-block;
}

#dialog-buttons-section {
	border-top:1px solid #DDDDDD;
	margin-top:10px;
	padding:10px 5px 0px 5px;
	text-align:right;
}

/* for text highligher */
.highlight { background-color: #FFCC66 }


#div_spinner {
	display:none;
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
	background-color:rgba(00, 00, 00, 0.2);
	padding-top:80px;
}

/* iPad width */
@media only screen and (max-width:768px) {
	.column_3_768 {
	width:100%;
	float:none;
	padding:none;
	margin-top:20px;
	}

	.column_2_768 {
	width:100%;
	float:none;
	}

}


@media only screen and (max-width:470px) {

#top_nav_title {
bottom:10px;
font-size:24px;
}

#page_title {
font-size:20px;
padding:16px 0 16px 0;
}

}


@media only screen and (max-width:360px) {

#top_nav_title {
bottom:12px;
font-size:22px;
}

}