body  {
    color : #000000;
    margin: 0px 0px 12px 10px;
    padding: 0px;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

img {
    max-width: 100%;
    height: auto;
}


#msglandscape {
	display:block;
	color:red;
	font-weight:bold;
	font-size:14px;
}


div#maxshadow {
height:14px;
background-image: url(../images/shaded_bottom.gif);
background-repeat: repeat-x;
}


div#maxmain {
	width:95%;	
	text-align:center;
	margin: 5px auto 0 auto;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
    background-color:#FFFFFF;
	font-weight : normal;
    font-size : 10pt;
    padding: 2px;
}

div#security {
	width:680px;	
	text-align:left;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
    background-color:#FFFFFF;
	font-weight : normal;
    font-size : 10pt;
    padding:10px;
}

.propall { width:80%; }
.propprayer { width:80%; }
.proppraise { width:80%; }
.propdiscuss { width:80%; }


#radioleft {
	float:left;
	width:56%;
}

#radioright {
	float:right;
	width:40%;
}

.doubleheight {
	font-weight:normal;
	line-height:200%;
}

#buttons3 {
	display:none;
}

#panel {
	overflow-x:auto;
	overflow-y: hidden
}

.mobilerow {
	margin-top:16px;
}

.mobileblock {
	border: 1px solid black;
	margin-top:12px;
	padding:8px 0 8px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
	
.mobileblock:nth-child(odd) { 
	background: #C4C4C4; 
}

#controlpanel table { 
	width: 100%; 
	border-collapse: collapse; 
}

#controlpanel tr:nth-child(odd) { 
	background: #C4C4C4; 
}


/* Force table to not be like tables anymore */
#controlpanel table, thead, tbody, th, td, tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
#controlpanel thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#controlpanel tr { 
	border: 1px solid black;
	margin-top:12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
 }

#controlpanel td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-top: 4px;
	text-align:left;
	width:95%;
}

#controlpanel td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			display: block; 
}


.controlhdr table { 
	width: 100%;
}

.controlhdr table, thead, tbody, th, td {
	display: block;
}

.controlhdr tr {
	display: block;
	margin-bottom:30px;
}


.controlhdr td {
	width: 100%;
}


.maxprint {
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10pt;
}

@media print {
	.maxprint {
		font-size:14pt;
	}
}


.width450 {
	width: 92%;
}

input[type="text"] {
	max-width:50%;
}

textarea {
	max-width:90%;
}



.maxwidth {
	width:100%;
}

.nomobile {
	width:1%;
}

.mobilehide {
	display:none;
}

/* used in photo directory */
.mobileoveride {
		display: block !important;
		float: none !important;
		width: 100% !important;
		height: 300px !important;
		padding: 0px !important;
		border: 0 !important;
}

.boxsizing {
	width:90%;
}


@media print {
    .noPrint { display: none; }
}

.break { page-break-after: always; }


.primetextcolormain {
	color:black; 
}

.whitetext, .whitetext th {
	color:white;
}

.maxcase {
    font-family: Times, serif;
	font-size : 14pt;
	font-weight: bold;
	color: #646155;
}

.maxheaderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #646155;
}

.maxcontentline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #646155;
}

.maxcontentlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight: normal;
	color: #646155;
}

               
.maxcenteredbox {
    text-align:left;
    margin: 0 20% 0 20%;
}

.maxcenteredboxlarge {
    text-align:left;
    margin: 0;
}

.maxtable {
	    text-align:left;
        width: 100%;
        border:0;
        margin:0;
        padding:0;
}



.maxsheet * {
}


/*   The subheader class is used for subtitles  */
.maxsubheader {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
    font-size : 10pt;
}



/*    The error class is used for error messages such as incorrect input      */
.maxerror {
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
    font-size : 10pt;
    font-style: italic;
    color: red;
}

.maxlogerror {
    text-align:left;
	margin: 3px;
    border: 2px solid red;
	color: #000000;
    background-color:#8080FF;
    font-size : 10pt;
    padding: 4px;
}


.maxcontent {
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

.maxcontentbig {
	font-size : 11pt;
    font-weight : bold;
}

.maxcontentcp {
	font-size : 10pt;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


.maxcontentsmall {
	font-size : 8pt;
}

.maxcontentsmaller {
	font-size : 10pt;
}


.maxcontent10 {
	font-size : 10pt;
}

/* The fixed tag is used on forms so that the fields will align properly */
.maxfixed {
	font-family: "Courier New";
	color: #000000;
	font-size : 10pt;
    font-weight : bold;
}

.whitetext {
	font-size : 10pt;
    color: #FFFFFF;
    padding:8px;
}

fieldset {
  margin: 0 0 16px 3px; 
  padding: 0 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}


legend {
  color: blue;
  font-weight: bold;
}

label {
  float:left;
  width:100px;
}

.maxtitle {
    font-size : 14pt;
	font-weight: bold;
	color: navy;
}

.redbutton {
  color: red;
  font-weight : bold;
}

.bluebutton {
  color: blue;
  font-weight : bold;
}



.smallbutton {
  font-size: 9px;
}

.smallerbutton {
  font-size: 8px;
}



.maxtextdate {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
}

.maxtext {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
}

.maxborder {
  padding: 5px;
  border: 1px solid #ccc;
}


.buttonlink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
    font-weight: bold;
}


.buttonlink a:link, .buttonlink a:visited {
   color: black;
}
 
.buttonlink a:hover {
   color: red;
}

.adsbackground{
   background-color: silver;
}

.menubutton {
  padding: 5px;
  border: 1px solid #666;
  text-decoration:none;
  width:80px; height:24px;
}

#hamburgtext {
	width:180px;
	font-size:18px;
	font-weight:bold;
	padding:0;
	line-height:200%;
}

.hamburg {
    position: relative;
    display: inline-block;
}

.hamburg-content {
    display: none;
    position: absolute;
		left:0;
		padding:2px;
		background-color: #C4C4C4;
    min-width: 180px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.hamburg-content a {
    padding: 2px 6px;
    text-decoration: none;
    display: block;
		color:black;
}

.hamburg a:hover {background-color: #EF1C1C}

.showburg {display:block;}






        /* The following are for light boxes */
		.black-overlay{
			display: block;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
		
		.lightbox-content {
			display: block;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 60%;
			padding: 16px;
			border: 6px solid #0000F0;
		   -moz-border-radius: 16px;
		   -webkit-border-radius: 16px;
		   border-radius: 16px;
			background-color: #ADEFFF;
			z-index:1002;
			overflow: auto;
	      background-image: -moz-linear-gradient(top,#FFFFFF 0%,#00CDFF 100%);
	      background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#00CDFF 100%);
	      background-image: -o-linear-gradient(top,#FFFFFF 0%,#00CDFF 100%);
		}
		
		.close-lightbox {
			position: absolute;
			top: 0;
			right: 0;
			border-left: 12px solid #0000F0;
		   -moz-border-radius: 0 0 0 12px;
		   -webkit-border-radius: 0 0 0 12px;
		   border-radius: 0 0 0 12px;
		}
		
		
		
	/* -------------------------------------------------- */
	/* roundbar-grey http://matthewjamestaylor.com/centered-menus/ */
	/* -------------------------------------------------- */
	#roundbar-grey {
		clear:left;
		float:left;
		width:100%;
		background:#B7B7B7 url(images/roundbar-grey.gif) 0 25% repeat;
		font-family:Trebuchet MS, Helvetica, sans-serif;
		border-bottom:1px solid #A8A8A8;
		overflow:hidden;
	}
	#roundbar-grey ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
	}
	#roundbar-grey ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#roundbar-grey ul li.first {
		border-left:1px solid #A8A8A8;
	}
	#roundbar-grey ul li.last {
		border-right:1px solid #C8C8C8;
	}
	#roundbar-grey ul li a {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#000;
		text-decoration:none;
		border-left:1px solid #C8C8C8;
		border-right:1px solid #A8A8A8;
		line-height:1.3em;
	}
	#roundbar-grey ul li a span {
		display:block;
	}
	#roundbar-grey ul li.active a {
		background:url(images/roundbar-grey.gif) 0 75% repeat;
		font-weight:bold;
	}
	#roundbar-grey ul li a:hover {
		background:url(images/roundbar-grey.gif) 0 75% repeat;
	}



.alertbutton {
		    background-color: red;
        font-size:11px;
		    background: -webkit-gradient(linear, left top, left bottom, from(red), to(#ED53BC));
			background: -webkit-linear-gradient(top, red, #ED53BC);
			background: -moz-linear-gradient(top, red, #ED53BC);
			background: -o-linear-gradient(top, red, #ED53BC);
			background: linear-gradient(top, red, #ED53BC);
		    background: -ms-linear-gradient(bottom, red 5%, #ED53BC 100%);
		    color: white;
		    border:2px groove red; 
		    padding: 2px;
		    -moz-border-radius: 4px;
		    border-radius: 4px;
		    -webkit-border-radius: 4px;
		    cursor: pointer;
			-webkit-box-shadow: 2px 3px 2px #d1d1d1;
			-moz-box-shadow: 2px 3px 2px #d1d1d1;
			box-shadow: 2px 3px 2px #d1d1d1;
}

.greyalertbutton {
		    background-color: #ADADAD;
        font-size:11px;
		    color: white;
		    padding: 2px;
		    -moz-border-radius: 4px;
		    border-radius: 4px;
		    -webkit-border-radius: 4px;
		    cursor: not-allowed;
			-webkit-box-shadow: 2px 3px 2px #d1d1d1;
			-moz-box-shadow: 2px 3px 2px #d1d1d1;
			box-shadow: 2px 3px 2px #d1d1d1;
}


.roundedbox {
		    background-color: #EFEFEF;
        font-weight:bold;
				color:navy;
		    padding: 4px;
				width:70%;
				border: 1px solid navy;
		    -moz-border-radius: 6px;
		    border-radius: 6px;
		    -webkit-border-radius: 6px;
}