/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.indeterminate_progress {
    display:    none;
    position:   fixed;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background:
                url('../images/default2.svg')
                50% 50%
                no-repeat;
}

iframe.view,img.view {
    max-width:100%;
    max-height:100%;
    background:
                url('../images/default2.svg')
                50% 50%
                no-repeat;
}

img,table{
    width:100%;
}

table.graphs,img.view{
    width:auto;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .indeterminate_progress {
    display: block;
}

html, body {margin: 0; height: 100%;}

body {
    text-align:left;
    margin: 0px 0 0 0;
    border:0px solid red;
    padding:0px;
    font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:150%;
    background-color: #fec;
    color:#292F33;
    height:100%;
    /* background:url(../images/144436-2880x1800_3.jpg) no-repeat fixed; */
}

/* Start of panel0 */

.panel0{position:relative;width:95%;}
.panel0_header {position:absolute;top:5px;right:8px;left:8px;border:0px solid white;height:45px;}
.panel0_header_left{float:left;padding:10px 0;width:70%;font-size:1.5em;}
.panel0_header_right{float:right;padding:0;cursor: pointer;}
.panel0_header_center{display:inline-block;padding:10px 20px 0 50px;}
.panel0_content{top:50px;right:0px;left:0px;bottom:5px;overflow-y:auto;}

.panel0 i{
    font-style:normal;
    padding:2px;
}

.panel0_header,.panel0_spacer_top,.panel0_content,.panel0_footer{
    padding:0 10px;position:fixed;font-family: Arial, Helvetica, sans-serif;font-size:18px;background:#ddd;color:black;width:inherit;margin:auto;
}

.panel0_content{
    padding:0px 10px 10px 10px;
    height:auto;
    font-size:14px;
}

.panel0_header {
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    font-weight:bold;
    background:#cf0303;
    color:white;
}

.panel0_content {
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
    padding:10px;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:normal;
    background:#ddd;
    color:white;
}

.panel0_content_container{
    width:inherit;
}

/* End of panel */

.cover{
    position: absolute;
    top: 0px;
    bottom: -20000px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
}

/* Start of dialog */

.dialog_header{
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    height:45px;
}
.dialog i{
    font-style:normal;
    padding:2px;
}
.dialog_header_left{float:left;padding:10px;font-size:20px;}
.dialog_header_right{float:right;padding:0 10px;cursor: pointer;}
.dialog_footer{
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
    font-size:18px;
}
.dialog_header,.dialog_footer {
    font-weight:bold;
    /* background:#84B5D9; */
    /* background:#ddd; */
    color:#333;
    width:100%;
}

.footer_menu_item{
    margin:8px;
    border:2px solid #666;
    border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
    padding: .4em 1em;
    background:#666;
    color:white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: normal;
    float:right;
    display:inline;
    cursor:pointer;
}

.padded{
    padding:10px;
}

.dialog_content {
    padding:10px;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:normal;
    /* background:#ddd; */
    color:#333;
    border:0px solid white;
    border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
    font-size:14px;
    height:250px;
}
.dialog{
    border:3px solid #69c;
    border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
    padding:5px;
    /* width:70%; */
    font-family: Arial, Helvetica, sans-serif;
    /* width:500px; */
    position:fixed;
    top:50%;
    left:50%;
    margin-right:-50%;
    transform: translate(-50%, -50%);
    background:#fffff0;
    width:500px;
}
.dialog .fa{
    color:#666;
}
.dialog_header,.dialog_footer,.dialog_content {
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    width:auto;
}
.dialog_content_container{
    position:relative;
    padding:0 5px;
    /* background:#84B5D9; */
    /* background:#ddd; */
}

/* End of dialog */

/* Start of big dialog */

.big_dialog{
    padding:0 10px;
    border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
}

.big_dialog,.big_dialog_header,.big_dialog_content,.big_dialog_footer{
    position:fixed;
}

.big_dialog{border:3px solid #69c; width:600px;background:#fffff0;margin:0px auto;top:5px;bottom:5px;left:8px;right:8px;}

.big_dialog_header{
    height:45px;
}
.big_dialog i{
    font-style:normal;
    padding:2px;
}
.big_dialog_footer{
    font-size:18px;
}
.big_dialog_header,.big_dialog_footer {
    font-weight:bold;
    /* background:#84B5D9; */
    /* background:#ddd; */
    color:#333;
}

.big_dialog_content {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:normal;
    /* background:#ddd; */
    color:#333;
    border:0px solid white;
    font-size:14px;
}
.big_dialog .fa{
    color:#666;
}

.big_dialog_header{top:8px;right:8px;left:8px;border:0px solid white;height:45px;border:0px solid green;}
.big_dialog_header_left{float:left;padding:10px 0;border:0px solid red;}
.big_dialog_header_right{float:right;padding:0;cursor: pointer;border:0px solid blue;}
.big_dialog_content{top:53px;right:0px;left:0px;bottom:73px;overflow-y:auto;}
.big_dialog_footer{bottom:8px;right:8px;left:8px;height:65px;}
.big_dialog_header,.big_dialog_footer,.big_dialog_content {
    font-family: Arial, Helvetica, sans-serif;font-size:18px;background:#fffff0;color:black;width:inherit;margin:auto;}

.big_dialog_content_container{
    position:relative;
    width:inherit;
    /* background:#84B5D9; */
    /* background:#ddd; */
}

.big_dialog_footer .footer_menu_item{
    margin:10px;
}

/* End of big_dialog */

.overlayer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Start of popup */

.popup{position:relative;}
.popup_header {position:absolute;top:5px;right:8px;left:8px;border:0px solid white;height:45px;}
.popup_header_left{float:left;padding:10px 0;font-size:15px;}
.popup_header_right{float:right;padding:0;cursor: pointer;}
.popup_header_center{display:inline-block;padding:10px 20px 0 50px;}
.popup_content{top:50px;right:8px;left:8px;bottom:5px;overflow-y:auto;}

.popup i{
    font-style:normal;
    padding:2px;
}

.popup_header,.popup_spacer_top,.popup_content,.popup_footer{
    padding:0 10px;position:fixed;font-family: Arial, Helvetica, sans-serif;font-size:18px;background:#ddd;color:black;width:inherit;margin:auto;
}

.popup_content{
    padding:0px 10px 10px 10px;
    height:auto;
    font-size:14px;
}

.popup_header {
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    font-weight:bold;
    background:#D1E7FD;
    color:#666;
}

.popup_content {
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
    padding:5px;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:normal;
    background:#ddd;
    color:white;
    line-height:0px;
}

.popup_content_container{
    width:inherit;
}

.truncated {
    display: block;
    white-space: nowrap; /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
    border:0px solid black;
}

/* End of popup */

.container{
    overflow-y:auto;
    top:90px;
    bottom:10px;
    left:10px;
    right:10px;
    position:fixed;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

.fa{
    display:block;
}

i.fa-bars,i.fa-lock,i.fa-unlock-alt,i.fa-arrow-circle-left,i.fa-arrow-circle-right,i.fa-home,i.fa-user,i.fa-plus-square-o,i.fa-info-circle,i.fa-phone,i.fa-line-chart,i.fa-question,i.fa-cog,i.fa-quora,i.fa-refresh,i.fa-gbp,i.fa-bullseye,i.fa-envelope-o,i.fa-comment-o,i.fa-search,i.fa-calendar-times-o,i.fa-twitter,i.fa-bath,i.fa-bar-chart,i.fa-binoculars,i.fa-times-circle,i.fa-redo,i.fa-expand,i.fa-balance-scale,i.fa-download{
	font-size: 40px;
	color: white;
}

i.fa-remove{
	font-size:40px;
	color:#999;
}

i.fa-check-circle-o{
	font-size:40px;
	color:#999;
}

i.fa-photo,i.fa-car{
    color:#999;
}

i.fa-print{
	font-size:40px;
	color:#999;
}

i.fa-print{
	font-size:40px;
	color:#999;
}

i.calendar-text{
	font-size:0.6em;
	color:#3388ff;
}

.button{
    margin:0px 4px;
    border:2px solid #3388ff;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding:5px 5px;
    display: inline-block;
    color:#3388ff;
    font-size:0.8em;
    line-height: 0.8em;
}

ul.defra-data li{
    margin:5px 0px;
}

.social-links a{
    text-align: center;
	border: 1px solid #909090;
	margin: 4px; /*space between*/
    border-radius:100%;
    padding:10px;

}
.social-links a i{
	font-size: 16px;
    line-height: 16px;
	color: #909090;
}

.page_title{
	padding: 0;
	border: 0;
	margin: 0 0 10px 0;
}

li.cell span{
	color: white;
	text-decoration: none;
	outline: medium none;
    display:block;
}

li.cell {
	display: table-cell;
	vertical-align: text-top;
	border: 0px solid blue;
	cursor: pointer;
    padding:0px;
}

li.cell a:link {
	text-decoration:none;
    outline:0;
}

.menu{margin:0px auto 10px auto;    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; border:0px solid red;margin:0px auto;padding:0px;background:#50A7E6;width:98%;position:fixed;top:10px;
    text-align:center;
}

/* Start ------------------------------------------------------------------- */

.dropdown{
    display: table;
    border:0px solid red;
}

.dropdown a {
	color: #FFF;

}
.dropdown,
.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
    margin:0px auto;
    width:50%;
}
.dropdown li {
	position: relative;
    padding:0px 5px;
    margin:0px;

}
.dropdown a {
	padding: 5px 0px;
	display: block;
	text-decoration: none;

}
.dropdown a:hover {
   /*	background: #000;    */
}


/* Level 1 Drop Down */
.dropdown > li {
	/* display: inline-block; */
	vertical-align: top;
	margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.dropdown > li:first-child {
	margin-left: 0;
}

/* Level 2 */
.dropdown > li > ul {
	/* display: none; */
	background: #333;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 160px;
    border:3px solid white;
}

/* Level 3 */
.dropdown > li > ul > li > ul {
	text-align: left;
	display: none;
	background: darkcyan;
	position: absolute;
	left: 100%;
	top: 0;
}

ul.noscript li a:link,ul.noscript li a:visited{
    color:white;
    padding:0px;
    margin:0px;
    text-align: left;
}

ul.noscript span.separator{
    padding:0px 5px;
    line-height:100%;
}

ul.noscript span.title{
    padding:0px 5px;
    color:yellow;
    text-align: left;
}

/* End ------------------------------------------------------------------- */

hr {
    width:75%;
    border:1px solid #50A7E6;
}

h3.no-lower-margin,h4.no-lower-margin{
    margin-bottom:10px;
}

a:link {
	color : #3388FF;
    text-decoration: none;
    outline-style : none;
    }
a:visited {
	color : #3388FF;
    text-decoration: none;
    outline-style : none;
    }
a:hover {
	color : red;
    text-decoration: none;
    outline-style : none;
    }
a:active {
	color : red;
    text-decoration: none;
    outline-style : none;
    }

.panel0_header_left a:link {
	color : white;
    text-decoration: underline;
    outline-style : none;
    }
.panel0_header_left a:visited {
	color : white;
    text-decoration: underline;
    outline-style : none;
    }
.panel0_header_left a:hover {
	color : white;
    text-decoration: underline;
    outline-style : none;
    }
.panel0_header_left a:active {
	color : white;
    text-decoration: underline;
    outline-style : none;
    }

a.highlight:link {
	color : green;
    text-decoration: none;
    outline-style : none;
    }
a.highlight:visited {
	color : green;
    text-decoration: none;
    outline-style : none;
    }
a.highlight:hover {
	color : red;
    text-decoration: none;
    outline-style : none;
    }
a.highlight:active {
	color : red;
    text-decoration: none;
    outline-style : none;
    }

div.outer_css3_border{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0px solid #FCFCFC;
    width:654px;
    margin:0 auto;
    float:left;
}

div.css3_border{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0px solid #50A7E6;
    width:650px;
    margin:0 auto;
    padding:20px 0;
}

div.border {
    margin:auto;
    width: 650px;
  background-image: url('../images/mysprite_border3.png');
  background-position: -0px top;
    }

div.border div.border_top {
    height: 24px;
  background-image: url('../images/mysprite_border3.png');
  background-position: -650px top;
    }

div.border div.border_bottom {
    height: 24px;
  background-image: url('../images/mysprite_border3.png');
  background-position: -1300px top;
    }

div.contact_border {
    margin:auto;
    width: 470px;
  background-image: url('../images/mysprite_border4.png');
  background-position: -0px top;
    }

div.contact_border div.contact_border_top {
    height: 24px;
  background-image: url('../images/mysprite_border4.png');
  background-position: -470px top;
    }

div.contact_border div.contact_border_bottom {
    height: 24px;
  background-image: url('../images/mysprite_border4.png');
  background-position: -940px top;
    }

.small_gap {
    padding:5px;
    }
.large_gap {
    padding:10px;
    }

div.content {
    /* border:0px solid #000000;margin-left:20px;margin-right:20px;padding-left:5px;padding-right:5px; */

    text-align:left;
    border:0px solid blue;
    width:654px;
    margin:auto;
    padding:20px;
    }

div.contact_content {
    text-align:left;
    border:0px solid blue;
    width:420px;
    margin:auto;
    padding:0px 0px 0px 0px;
    font: Arial, Helvetica, sans-serif;
    font-size:22px;
    }

h1 {
    color:#52ADE7;
    font: Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:200;
    padding:0;
    border:0;
    margin:0 0 10px 0;
    line-height:150%;
    }
h3 {
    font-size:18px;
    font-weight:200;
    color:#52ADE7;
    padding:0;
    border:0;
    margin:0 0 10px 0;
    }

span.subtitle{
    font-size:12px;
    margin:10px 0px;
}

.centernav {
    text-align:center;
    margin:0px auto 0px auto;
    font-weight:bold;
    font-size: 14px;
    float:none;
    color:#A8A8A8;
    text-decoration: none;
    }

.centernav a:link,.centernav a:visited,.centernav a:hover,.centernav a:active {
    text-decoration: none;
    color:#4040FF;
    font-weight:bold;
    }

.horicurrent {
    font-size: 15px;
    font-weight:bold;
    color:#FF0000;
    }
table.myborder {
	border: 2px solid #52ADE7;
	border-collapse: collapse;
	font-size: 11px;
    background:white;
    }
table.myborder th {
    text-align:center;
	border: 2px solid #52ADE7;
	padding: 0.5em;
    }

table.myborder td
{
    text-align:center;
	border: 2px solid #52ADE7;
	padding: 0.5em;
    }

table.myborder_narrow {
	border: 2px solid #52ADE7;
	border-collapse: collapse;
	font-size: 11px;
    background:white;
    }
table.myborder_narrow th {
    text-align:center;
	border: 2px solid #52ADE7;
	padding: 0.2em;
    }

table.myborder_narrow td
{
    text-align:center;
	border: 2px solid #52ADE7;
	padding: 0.2em;
    }

table.myborderleft {
	border: 2px solid #52ADE7;
	border-collapse: collapse;
	background-color: white;
	font-size: 11px;
    }
table.myborderleft th {
    text-align:left;
	border: 2px solid #52ADE7;
	background-color: #FFFFFF;
	padding: 6px 6px 2px 6px;
    }
table.myborderleft td
{
    text-align:left;
	border: 2px solid #52ADE7;
	padding: 3px 6px 3px 6px;
    }

table.myresultsborder {
	border: 2px solid #9CC3EF;
	border-collapse: collapse;
	background-color: white;
	font-size: 11px;
    }
table.myresultsborder th {
    text-align:center;
	border: 2px solid #9CC3EF;
	background-color: #FFFFFF;
	padding: 6px 6px 2px 6px;
    }
table.myresultsborder td
{
    text-align:left;
	border: 2px solid #9CC3EF;
	padding: 3px 6px 3px 6px;
    }

.odd{color:black;}
.even{color:black;}
.first{background:#666;color:white;}

sup { font-size: 10px; line-height: 0 }

br { line-height: 120%; }

.twtr-doc {border:2px solid #FCFCFC; }

input.searchbutton {
	width: 13px;
	height: 12px;
	border: 0px solid blue;
	margin-top: 0px;
    vertical-align: middle;
    padding: 0px;
	cursor: pointer;
    background:#CCCCCC;
    background-image:url('../images/button2.png');
    background-repeat:no-repeat;
    outline: none;
}

.ajaxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    z-index: 100;
    display: none;
}

.show_dialog{
    color:#38f;
    cursor:pointer;
}

.menu dd{
text-align:left;
margin-left:0
}

.menu dd a span.color{
color:#CE0707;
}

.menu dt{
color:black;
text-align:left;
padding:10px 0 0 0;
font-weight: bold;
}

.main_menu{
margin:0 0 5px 0;
border:2px solid #69f;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:5px 10px;
background:#fcfcfc;
display:inline-block;
}

div.main_menu span{
font-size:14px;
}

div.quote{
    margin:0 20px;
    border:1px solid #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:10px;
    color:#666;
}

#left-margin{
    width:180px;
    float:left;
}

#navigation{
    margin:auto;
    border:0px solid black;
    width:1050px;
}

#myrecent{
    background:#222;
    color:#fff;
    float:left;
    width:185px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:4px solid #fff;
    margin:0 10px 0 0;
}

#myrecent a{
    color:#cdf;
}

#mycenter{
    float:left;
    text-align:center;
    background:#efe;
    border:1px solid #bfb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin:0 10px 0 0;
}

.vertical_menu{display:none;}

.horizontal_menu{
    display:inline;
    background:#777;
    color:#fff;
    float:left;
    width:325px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:4px solid #fff;
    padding:15px 20px;
}

.label{
    color:white;
    font-weight:bold;
}

.search_box{
    margin:0;
    border:0px solid red;
    float:right;
    display:inline;
    vertical-align:middle;
}

.search_form{
    margin:0;
    border:0px solid green;
    padding:0;
    vertical-align:middle;
}

.search_text{
    padding:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:4px solid white;
    background-color:#fff;
    vertical-align: top;
}

.search_icon{
    vertical-align:bottom;
}

#mytweets{
    margin:0px 0px 0px 0px;
    float:left;
    padding:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:2px solid #ccc;
    background-color:#fff;
    width:360px;
}

#viewport{
    margin:0 auto;
    border:0px solid black;
    width:auto;
    display:table;
}

.iframe_wrap {
    position: fixed;
    top: 48px;
    right:8px;
    bottom:0px;
    left: 8px;
    overflow-y: none;
    overflow-x: none;
}

span.note{
    color:gray;
    font: Arial, Helvetica, sans-serif;
    font-size:0.7em;
    font-weight:normal;
}

table.graphs{
    border:0px solid red;
    border-collapse: collapse;
    margin:auto;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    display: inline-block;
    margin:10px;
}

div.graphs{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 2px solid #999;padding:10px;
    background:#eee;
}

div.graphs2{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 2px solid #999;padding:10px;
    background:#EEFFEE;
}

.radius10{
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
}

.content_html,.recent_html{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border:2px solid #bfb;
    text-align:left;
    max-width:600px;
    margin:0 auto;
    padding:10px;
    background:white;
}

.content_html_with_links{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border:2px solid #bfb;
    text-align:left;
    width:630px;
    margin:0 auto;
    padding:10px;
    background:white;
}

.recent_html a.view{
    /* float:left; */
}

.email_address,.email_message{
    font:13px ARIAL bold;
    color:#1D5987;
}

.opener_contact_me{
    color:#38f;
    cursor:pointer
}

.opener_print_me{
    cursor:pointer;
}

/* Disables links in any panel content */

.content_html a,a.viewless:link,a.viewless:visited,a.viewless:hover,a.viewless:active{
   pointer-events: none;
   cursor: default;
   color:black;
}

/* Start of panel */

.panel_buttons,.panel_title,.panel_spacer_top,.panel_content,.panel_spacer_bottom,.panel_divider{
    padding:0px;position:fixed;font-family:Arial;font-size:18px;background:#ddd;color:black;
}

.panel_content{
    padding:0px 10px 10px 10px;
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
}

.panel_buttons {
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
    bottom:8px;
    right:8px;
    left:8px;
    height:65px;
    width:auto;
    padding:10px;
}
.panel_title {
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    top:8px;
    right:8px;
    left:8px;
    font-weight:bold;
    background:#cf0303;
    color:white;
    font-size:16px;
}
.panel{position:relative; z-index:1000000;}
.panel_title {height:40px;}
.panel_title_left{position:absolute;top:8px;right:50px;left:8px;border:0px solid white;}
.panel_header_right{float:right;padding:0px 5px;cursor: pointer;}
.panel_title_right{display:none;}
.panel_spacer_top{top:48px;right:8px;left:8px;height:12px;}
.panel_content{top:60px;right:8px;left:8px;bottom:5px;/*overflow-y:auto;*/}
.panel_spacer_bottom,.home_spacer_bottom{bottom:93px;right:8px;left:8px;height:12px;}
.panel_divider{bottom:93px;right:23px;left:23px;height:2px;background:#999;}

.panel_title_left:first-letter{
    text-transform:capitalize;
}

.panel_buttons div{
    margin:7px 2px;
    background:#ddd;
    color:white;
    float:right;
}

div.panel_button_help{
    margin:7px 2px;
    background:#cf0303;
    color:white;
    float:left;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

div.ui-button{
    background: #cf0303;
}

.ui-dialog{
    z-index:1000000;
}

/* End of panel */

div.mobile{display:none;}

/* Start of mobile */

.mobile_title,.mobile_spacer_top,.mobile_content,.mobile_spacer_bottom{
    padding:0px;position:fixed;font-family:Arial;font-size:13px;background:#efe;color:black;
}

.mobile_content{
    padding:0px 10px 10px 10px;
    line-height:150%;
}

.mobile_title {
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    top:8px;
    right:8px;
    left:8px;
    font-weight:bold;
    background:#50A7E6;
    color:white;
}
.mobile{position:relative;}
.mobile_title {height:60px;}
.mobile_title_left{position:absolute;top:8px;right:48px;left:8px;border:0px solid white;}
.mobile_title_right{display:none;}
.mobile_spacer_top{top:68px;right:8px;left:8px;height:12px;}
.mobile_content{
    top:80px;
    right:8px;
    left:8px;
    bottom:22px;
    overflow-y:auto;
    overflow-x: hidden;
}
.mobile_title_left{
    border:0px solid red;
    padding:10px 0;
    display:inline-block;
    text-align:left;
    font-size:1.25em;
}
.mobile_spacer_bottom{
    bottom:10px;
    right:8px;
    left:8px;
    height:12px;
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
}

i.mobile_menu_icon{padding:10px 10px 0 0;float:right;cursor:pointer;color:white;}

/* End of mobile */

.sub{
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display:none;
}

table.desktop{display:table;}
table.mobile{display:none;}

.no_javascript_wrapper{
    border:0px solid blue;
    font-size:48px;
    color:#CE0707;

    width:100%;
    height: 120px;
    text-align : center;
    position:fixed;
    top:15px;
}

.no_javascript_message{
    padding:20px;
    border:1px solid red;
    border-radius: 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    background:white;

    display: inline-block;
    width:475px;
}

.mobile{display:none;}
.desktop{display:inline-block;}

.opener_link{display:block;margin:20px 0px;}

@media screen and (max-width: 1400px){
    div.edge{display:none;}
    div.end{border:0px solid black;padding:0px auto;margin:0px auto;text-align:center;}
    .content{padding:0px;width:100%;}
    td.inline{display:inline;}
    .dropdown{width:100%;}
}

@media screen and (max-width: 1320px){
    #myrecent{display:none;}
    #mytweets{display:none;}
    .horizontal_menu{display:none;}
    .vertical_menu{
        display:block;
        background:#777;
        color:#fff;
        border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border:4px solid #fff;
        padding:5px;
    }
    .vertical_menu .icon{margin:20px 0;}
}

@media screen and (max-width: 820px){
    .panel0{position:relative;width:85%;}
    .panel0_header_left{display:none;}
    .desktop_only{display:none;}
    .big_dialog{width:95%;}
    .vertical_menu{display:none;}
    div.content{margin:0;padding:0;width:auto}
    iframe#twitter-widget-0{display:none;}
    div.mobile{display:block;}
    div.menu{display:none;}
    div#mycenter{display:none;}

    .mobile_menu,.mobile_submenu{
        margin:0px;
        border:0px;
        border-top-left-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-top-left-radius:0px;
        border-top-right-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-top-right-radius:0px;
        background:#666;
        position:fixed;
        left:8px;
        right:8px;
        top:68px;
        bottom:18px;
        display:none;
        color:black;
        overflow-y:scroll;
    }

    .mobile_menu_title{
        font-weight: bold;
        font-family: Arial,sans-serif;
        color:yellow;
        padding: 1em;
        cursor:default;
        font-size:1.65em;
    }
    a.mobile_menu_item{color:white;}

    .mobile_menu_item,.footer_menu_item{
        margin:4px;
        border:2px solid white;
        border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
        padding: .4em 1em;
        color:white;
        font-weight: bold;
        font-family: Arial,sans-serif;
        text-align: center;
        line-height: normal;
        display:block;
    }
    .mobile_menu_item{
        font-size:1.65em;
        cursor:pointer;
    }
    .mobile_menu_footer,.mobile_submenu_footer{
        display:none;
        position:fixed;
        height:10px;
        left:8px;
        right:8px;
        bottom:8px;
        border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
        background:#50A7E6;
    }

    .container{
        overflow-y:unset;
        top:unset;
        bottom:unset;
        left:unset;
        right:unset;
        position:unset;
    }
    html,body{overflow:visible;}
    table.desktop{display:none;}
    table.mobile{display:table;}

    .mobile{display:inline;}
    .desktop{display:none;}

    .opener_link{display:none;}

h1 {
    color:#52ADE7;
    font: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:200;
    padding:0;
    border:0;
    margin:0 0 10px 0;
    line-height:150%;
    }
h3 {
    font-size:14px;
    font-weight:200;
    color:#52ADE7;
    padding:0;
    border:0;
    margin:0 0 10px 0;
    }

.dialog {
    /* display:none; */
    /* .dialog{position:relative;width:85%;} */
    /* .dialog{width:280px;} */
    width:85%;
    }

.panel_title_left{
    display: block;
    white-space: nowrap; /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
    border:0px solid black;
    }
}