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;
}

#forcelandscape {
	display:none;
}

#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;
}

#scrollpanel {
	text-align:left;
	width: 100%;
	height: 600px;
	overflow: auto;
}

.roundedgrey {
	background-color:#F2F2F2;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

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

#controlpanel tr:nth-of-type(odd) { 
	background: #eee; 
}


/* 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 #ccc; }

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

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

.controlhdr table { 
	width: 100%; 
}

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

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


.controlhdr td {
	width: 100%;
}

#buttons3 {
	display:none;
}

.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; 
}

.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 : 7pt;
}


.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 : normal;
}

.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;
}





        /* 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;
		}


.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;
				border: 1px solid navy;
		    -moz-border-radius: 6px;
		    border-radius: 6px;
		    -webkit-border-radius: 6px;
}