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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#governmentlogo {
	/*background:transparent url(../images/qg-coa.png) no-repeat scroll left top;*/
	float: left;
	padding-top: 10px; /* banner space[70]/2 - img size[50]/2 = 10 */
	/*top: 0px;*/
	padding-left: 5px;
	margin: 0px auto;
}

#agencylogo {
	/*background:transparent url(../images/agencyname.png) no-repeat scroll left top;*/
	float: left;
	padding-top: 31px; /* banner space[70]/2 - img size[18]/2 + some buffer[5] = 31 */
	top: 0px;
	padding-left: 25px;
	border: none;
}

#productlogo {
	/*background:transparent url(../images/productname.png) no-repeat scroll left top;*/
	position: absolute;
	padding-top: 5px; /* banner space[70]/2 - img size[60]/2 = 5 */
	right: 0px;
	padding-right: 10px;
	border: none;
}

#printreminderspan {
	display: none;
	color: #000000;
}

#panel-page {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #828CAC;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#panel-shareimage {
	position: absolute;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

#panel-header {
	height: 69px;
	padding: 0px;
	width: 100%;
	background-color: #335597;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #00224E;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
}
/*
 #panel-header img {
 float:left;
 }*/

#panel-header h1 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
	padding: 25px 10px 0px 0px;
	margin: 0px;
}

#panel-subheader {
	position: absolute;
	top: 0px;
	width: 100%;
	margin-top: 70px; /* margin must match header height */
	height: 15px; /* 10 + 5 shadow */
	padding: 0px;
	background-image: url(../images/subheader.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: right;
}

#panel-subheadermenu {
	float: right;
	padding: 20px 20px 5px;
	line-height: 30px;
	vertical-align: middle;
}

#panel-subheadermenu span {
	color: #000000;
	font-family: Roboto, Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	background-color: #FFFFFF;
	padding: 8px 8px 8px 28px;
	background-position: 8px center;
}

#panel-subheadermenu span:hover {
	background-color: #EEEEEE;
}

#function-newcatchments {
	background-image: url(../images/icon-link.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
}
#function-email {
	background-image: url(../images/menuicon-email.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}
#function-print {
	background-image: url(../images/menuicon-print.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	background-clip: padding-box;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}
#function-link {
	background-image: url(../images/menuicon-share.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	background-clip: padding-box;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	border-left: 0px none;
}

#panel-link {
	position: absolute;
	top: 80px; /* header height + sub header height */
	right: 0px;
	width: 300px;
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px #666666;
}
#panel-link input {
	width: 100%;
}

#panel-link a img {
    border: 0;
}


#linkclose {
	float: right;
	cursor: pointer;
}

#aria-describe {
	display: none;
}

#panel-content {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	margin: 80px 0px 32px 0px; /* margin must match header+subheader and footer heights */
}

#display-panel-content {
	position: static;
	/* 4k - A1? */
	width: 3840px;
	/*height: 2160px;*/
	height: 3840px;
	/* 8k - A0 */
	/*width: 7680px;
	 height: 4320px;*/
}

#panel-leftpanel {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 305px; /* 300 + 5 shadow */
	margin: 70px 0px 20px 0px; /* margin must match header and footer heights */
	background-image: url(../images/leftpanel.png);
	/*background-color: white;*/
	background-repeat: repeat-y;
	background-position: right;
}

#panel-leftpanelcontent {
	padding: 24px 10px 10px 10px;
}

#panel-leftpanelheader {
	float: left;
	width: 295px;
	height: 9px;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	background-image: url(../images/leftpanelheader1.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
	font-size: 16px;
}

#toggle-panel {
	background-image: url(../images/btn-slide-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	float: right;
	left: 35px;
	bottom: 9px;
	height: 9px;
	width: 30px;
	cursor: pointer;
}

.toggle-panel-left-over {
	background-image: url(../images/btn-slide-left-over.png);
}
.toggle-panel-right-over {
	background-image: url(../images/btn-slide-right-over.png);
}

.leftpanel-subheading {
	width: 240px;
	padding: 5px 10px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #ACB2C6; /* #C0C4D3 */
	background-repeat: no-repeat;
	border: 1px solid #C0C4D3;
	white-space: nowrap;
	/*margin-bottom: 1px;*/
}

#searchtitle {
	margin-top: 10px;
}

#geocode {
	position: absolute;
	padding: 10px;
	width: 200px;
	bottom: 10px;
	background-color: #FFFFCC;
	display: none; "
}

#panel-footer {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	width: 100%;
	/*height: 30px;*/
	padding: 0px;
	bottom: 0;
	background: #335597;
	text-align: center;
	/*color:#CCCCCC;*/
	color: #FDFDFD;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #00224E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 31px;
}

#panel-footer-footnote {
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	color: #CCCCCC;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*
 #display-map-canvas-container {
 ...
 }
 */

#map-canvas-container {
	position: static;
	left: 300px;
	top: 0px;
	bottom: 0px;
	right: 0px;
}

#map_canvas {
	max-width: none;
	position: absolute;
	left: inherit;
	top: inherit;
	bottom: inherit;
	right: inherit;
	/*width:inherit;*/
	height: inherit;
}

#searchfor {
	width: 260px;
	padding: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #999999;
}

#dataloading {
	background-image: url(../images/loader-white.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
}

#searchresults {
	position: absolute;
	top: 330px; /* 340 base _ 345 reg old: 275*/
	bottom: 67px;
	background-color: #DADCE4;
	border: 1px solid #999999;
	width: 260px;
	padding: 10px;
	overflow: auto;
}

#resultsclose {
	float: right;
	cursor: pointer;
}

#resultstitle h3 {
	margin: 0px;
	padding: 0px;
	color: #828CAC;
}

#resultstitle p {
	margin: 0px;
	padding: 0px;
}

.resultspanel {
	display: block;
	background-color: #FFFFFF;
	/*padding: 0px 0px 10px 0px;*/
	border-bottom: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
}
.resultspanel h3 {
	display: block;
	background-color: #828CAC;
	color: #FFFFFF;
	margin: 5px -10px 10px;
	padding: 3px 3px 3px 10px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #828282;
}

.resultspanel a {
	font-weight: bold;
	color: #335597;
	text-decoration: none;
}

.resultspanel a:hover {
	color: #0000FF;
	text-decoration: underline;
}

.resultspanel p {
	display: block;
	margin: 0px;
	/*padding:0px 10px 0px 10px;
	 word-wrap: normal;
	 text-wrap: normal;*/
}

.resultspanel em {
	display: block;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #666666;
	font-style: normal;
	text-decoration: underline;
}

#resultsSchool {
	/*padding-bottom: 5px;*/
	padding: 0px 10px 5px 10px;
}

.resultsDetails {
	padding: 0px 10px 5px 10px;
}

#resultsCommentsNote {
	margin: 0px 10px 0px 10px;
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FF0000;
}

#resultsEMPnote {
	margin: 3px 0px 0px 0px;
	border-top: 1px solid #B2B2B2;
	padding-top: 3px;
	/*padding-bottom: 5px;*/
	color: #FF9900;
}
#resultsIndependentSchool {
	margin: 0px 10px 0px 10px;
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	padding-bottom: 5px;
}

#siteLabel {
	position: absolute;
	display: none;
}

.schoolLabel {
	position: relative;
	top: -35px;
	left: -35px;
	white-space: nowrap;
	padding: 2px 4px 2px 4px;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	cursor: pointer;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}

#schoolLabelNonEMP {
	background-color: #5587FF;
}

#schoolLabelEMP {
	background-color: #FA4535;
}

#addressLabel {
	background-color: #08D208;
}

#sitepopup ::-webkit-scrollbar {
	display: none;
}

#sitepopup h3 {
	padding: 6px 5px 4px 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #C0C4D3;
	background-image: url(../images/icon-info.png);
	background-repeat: no-repeat;
	border: 1px solid #C0C4D3;
	white-space: nowrap;
}

#sitepopup p {
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	height: auto;
	max-width: 250px;
}

#sitepopup a {
	font-weight: bold;
	color: #335597;
	text-decoration: none;
}

#sitepopup em {
	display: block;
	margin: 0px;
	padding: 0px 10px 5px 10px;
	color: #666666;
	font-style: normal;
	text-decoration: underline;
}

#sitepopup-main {
	margin-bottom: 5px;
}

#sitepopup-comments {
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FF0000;
}

#sitepopup-independent {
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sitepopup-emp {
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	color: #FF9900;
}

/*
 #layerSelect{
 font-size: 14pt;
 display:block;
 width:212px;
 padding:10px 20px 10px 50px;
 background-image:url(../images/btn-off.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 border-bottom: 1px solid #999999;
 }*/
/*
 #yearSelect{
 font-size: 14pt;
 display:block;
 width:212px;
 padding:10px 20px 10px 50px;
 background-image:url(../images/btn-off.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 border-bottom: 1px solid #999999;
 }*/

#yearSelectPrimary {
	visibility: hidden;
}

#yearSelectSecondary {

}

.yearSelect {
	float: right;
	position: relative;
	right: -15px;
	top: -14px;
}

#controlSelect {
	font-size: 12pt;
	display: block;
	width: 250px;
	padding: 5px 5px 9px 5px;
	/*border-bottom: 1px solid #999999;*/
}

.styled-select {
	font-size: 12pt;
	width: 3em;
	font-weight: bold;
	border: 1px solid #000000;
}

.styled-select option {
	font-weight: bold;
}

#empLegend {
	/*font-size: 12pt;*/
	position: absolute;
	bottom: 12px;
	display: block;
	width: 190px;
	padding: 10px 2px 12px 90px;
	background-color: white;
	background-image: url(../images/example-marker.png);
	background-position: left center;
	background-repeat: no-repeat;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#secondaryCatchmentsFootnote {
	display: block;
	color: gray;
	font-size: 8pt;
	white-space: pre;
	width: 238px;
	padding: 2px 10px 2px 30px;
	background-color: white;
	border-bottom: 1px solid #888888;
	border-left: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
}

.secondaryCatchmentsFootnote {
	display: none;
	color: gray;
	font-size: 8pt;
}

.btnjuniorOn .secondaryCatchmentsFootnote {
	display: block;
}

.btnsatelliteOn .secondaryCatchmentsFootnote {
	display: block;
}

.btnseniorOn .secondaryCatchmentsFootnote {
	display: block;
}

.btnsatelliteOn .secondaryCatchmentsFootnote {
	display: block;
}

/*
 #sideDisclaimer{

 }*/

.btncatchment {
	display: block;
	width: 208px;
	padding: 10px 20px 12px 50px;
	background-color: white;
	background-image: url(../images/btn-off.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	border-top: 1px dotted #DDDDDD;
	border-left: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
	cursor: pointer;
}

#btnsenior {
	border-bottom: 1px solid #888888;
}

#btnnewschools {
	padding: 9px 20px 9px 50px;
	margin-bottom: 6px;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	/*cursor:pointer;*/
	/*cursor:default;*/
}

#btnyears {
	display: block;
	height: 40px;
	width: 278px;
	/*padding:0px 40px 0px 40px;*/
	/*border-top: 2px solid #888888;*/
	border-top: 1px solid #BBBBBB;
	border-left: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
	border-bottom: 0px solid #BBBBBB;
}

#btnlayercurrent {
	width: 46px;
	float: left;
	border-right: 1px solid #BBBBBB;
}

#btnlayernew {
	width: 47px;
	float: right;
	/*border-left: 1px solid #888888;*/
}

.btnchangecatchment:hover {
	color: #335597;
}

#btnyears .btnlayerOn {
	color: #000000;
}

.btnchangecatchment {
	height: 40px;
	font-size: 16pt;
	/*line-height: 2;*/
	/*padding: 0px 46px 0px 46px;*/ /* For 2 year setup*/
	padding: 0px 116px 0px 116px; /* For 1 year setup */
	cursor: pointer;
	color: #909CC1;
	border-bottom: 1px solid #888888;
	background-color: #EEEEEE;
}

.btnlayerOn {
	border-bottom: 0px none !important;
	background-color: #FFFFFF !important;
}

.yearSelect {
	display: none;
}

.btnjuniorOn .yearSelect {
	display: block;
}

.btnseniorOn .yearSelect {
	display: block;
}

.btnsatelliteOn .yearSelect {
	display: block;
}

.btnchangecatchmentnote {
	font-size: 8pt;
	color: gray;
}

.btncatchment h3 {
	padding: 0px;
	margin: 0px;
	color: #909CC1;
	white-space: nowrap;
}
.btncatchment p {
	padding: 0px;
	margin: 0px;
	color: #B4B4B4
}
.btncatchment .btncatchmentgrade {
	color: #909CC1;
}
.btncatchment #yearSelectPrimary .styled-select {
	color: #969696;
}
.btncatchment #yearSelectSecondary .styled-select {
	color: #969696;
}
/*.btncatchment h3 {padding:0px; margin:0px; color:#909CC1}
 .btncatchment p {padding:0px;  margin:0px; color:#B4B4B4}*/

.btnprimaryOver {
	background-image: url(../images/btn-primary-over.jpg);
}
.btnprimaryOver h3 {
	color: #335597;
}
.btnprimaryOver p {
	color: #969696;
}
.btnprimaryOver .btncatchmentgrade {
	color: #335597;
}
.btnprimaryOn {
	background-image: url(../images/btn-primary-on.jpg);
	cursor: default;
}
.btnprimaryOn h3 {
	color: #000000;
}
.btnprimaryOn p {
	color: #969696;
}
.btnprimaryOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnprimaryOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}
.btnprimaryOn #yearSelectPrimary .styled-select {
	color: rgb(0,0,252);
}
.btnprimaryOn .btncatchmentgrade {
	color: #000000;
}

.btnjuniorOver {
	background-image: url(../images/btn-junior-over.jpg);
}
.btnjuniorOver h3 {
	color: #335597;
}
.btnjuniorOver p {
	color: #969696;
}
.btnjuniorOver .btncatchmentgrade {
	color: #335597;
}
.btnjuniorOn {
	background-image: url(../images/btn-junior-on.jpg);
	cursor: default;
}
.btnjuniorOn h3 {
	color: #000000;
}
.btnjuniorOn p {
	color: #969696;
}
.btnjuniorOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnjuniorOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}
.btnjuniorOn #yearSelectSecondary .styled-select {
	color: rgb(128,0,128);
}
.btnjuniorOn .btncatchmentgrade {
	color: #000000;
}

.btnseniorOver {
	background-image: url(../images/btn-senior-over.jpg);
}
.btnseniorOver h3 {
	color: #335597;
}
.btnseniorOver p {
	color: #969696;
}
.btnseniorOver .btncatchmentgrade {
	color: #335597;
}
.btnseniorOn {
	background-image: url(../images/btn-senior-on.jpg);
	cursor: default;
}
.btnseniorOn h3 {
	color: #000000;
}
.btnseniorOn p {
	color: #969696;
}
.btnseniorOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnseniorOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}
.btnseniorOn #yearSelectSecondary .styled-select {
	color: rgb(55,117,28);
}
.btnseniorOn .btncatchmentgrade {
	color: #000000;
}

.btnsecondaryOver {
	background-image: url(../images/btn-senior-over.jpg);
}
.btnsecondaryOver h3 {
	color: #335597;
}
.btnsecondaryOver p {
	color: #969696;
}
.btnsecondaryOver .btncatchmentgrade {
	color: #335597;
}
.btnsecondaryOn {
	background-image: url(../images/btn-senior-on.jpg);
	cursor: default;
}
.btnsecondaryOn h3 {
	color: #000000;
}
.btnsecondaryOn p {
	color: #969696;
}
.btnsecondaryOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnsecondaryOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}
.btnsecondaryOn #yearSelectSecondary .styled-select {
	color: rgb(55,117,28);
}
.btnsecondaryOn .btncatchmentgrade {
	color: #000000;
}

.btnnewschoolsOver {
	background-image: url(../images/btn-newschools-over.jpg);
}
.btnnewschoolsOver h3 {
	color: #335597;
}
.btnnewschoolsOver p {
	color: #969696;
}
.btnnewschoolsOn {
	background-image: url(../images/btn-newschools-on.jpg);
	cursor: default;
}
.btnnewschoolsOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnnewschoolsOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}

.btnsatelliteOver {
	background-image: url(../images/btn-satellite-over.jpg);
}
.btnsatelliteOver h3 {
	color: #335597;
}
.btnsatelliteOver p {
	color: #969696;
}
.btnsatelliteOn {
	background-image: url(../images/btn-satellite-on.jpg);
	cursor: default;
}
.btnsatelliteOn h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}
.btnsatelliteOn p {
	padding: 0px;
	margin: 0px;
	color: #969696;
}*/

/*
 #btnprimary {
 border-top: none;
 }*/

#btnprimarydisplay {
	background-image: url(../images/btn-primary-on.jpg);
	display: none;
}
#btnprimarydisplay  h3 {
	color: #000000;
}
#btnprimarydisplay  p {
	color: #969696;
}

#btnjuniordisplay {
	background-image: url(../images/btn-junior-on.jpg);
	display: none;
}
#btnjuniordisplay h3 {
	color: #000000;
}
#btnjuniordisplay p {
	color: #969696;
}

#btnseniordisplay {
	background-image: url(../images/btn-senior-on.jpg);
	display: none;
}
#btnseniordisplay h3 {
	color: #000000;
}
#btnseniordisplay p {
	color: #969696;
}

.btnselectdisplay {
	display: block !important;
}

#liPrime {
	border-bottom: 2px solid #888;
}
#liFinal {
	border-bottom: 2px solid #888;
}

/*Select list CSS */

#topSelect {
	border-top: 1px solid #888;
	width: 260px;
	height: 50px;
	padding: 5px 5px 5px 5px;
	cursor: default;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	/*z-index:1;*/
}
#drop-nav li {
	display: block;
	position: relative;
	float: left;
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	border-top: 1px solid #888;
}

li ul {
	display: none;
}

#drop-nav li a {
	display: block;
	background: #fff;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	white-space: nowrap;
	color: #000
}

#drop-nav li:hover ul {
	display: block;
	position: absolute;
}

/*icons aren't transparent - so the background colour change clashes*/
/*ul li ul li:hover a {background: #EEEEEE;}*/

/*li:hover li {float: none;}*/
/*
 #drop-nav li ul li {
 border-top: 1px;
 }*/
/*
 #drop-nav li:last-child {
 border-bottom:2px solid #888;
 }*/

#drop-nav {
	/*left: 0px;*/
	/*padding-top: 10px;
	 padding-bottom: 10px;*/
	height: 60px;
}

.dropdownarrow {

	background-image: url(../images/bkg-dropdown-arrow.png);
	background-position: center center;
	/* float: right; */
	width: 30px;
	height: 30px;
	/* display: none; */
	position: absolute;
	right: 0px;
	bottom: 0px;
}