/* CSS Document */

/* === ALL/HTML/HEADER/BODY/IMG/H1/P/A STYLES === */	

/*
* {
	font-family: arial;
	font-size: 10pt;
}
*/

@media screen and (max-device-width: 480px){
/* All iPhone only CSS goes here */
}

html {
	height: 100%;
	}

header {
	}
	
body {
	font-family: Arial;
	font-size: 9pt;
	height: 100%;
	margin-top: 1px;
	background-color: #000000;
	background-image:url('../images/bgtile1px_v2.png');
	background-attachment: fixed;
	}
	
body.alt {
	font-family: MS Sans Serif;
	font-size: 9pt;
	height: 100%; 
	}
	
body.plain {
	background-color: #AAAAAA;
	background-image:url('');
	}

img {
	border: 0;
	}

h1 {
	font-family: Arial;
	font-size: 20pt;
	margin: 0
	}
	
p {
	font-family: Arial;
	font-size: 10pt;
	margin: 0
	}
	
a {
	text-decoration: none;
	border: 0px;
	}
	
a.black {
	text-decoration: none;
	border: 0px;
	color: #000000;
	}
	
/* === DIV STYLES === */	
	
div.title1 {
	font-family: Sans-Serif;
	font-size: 16pt;
	font-weight: bold;
	}
	
div.title2 {
	font-family: Arial;
	font-size: 10pt;
	font-style: none;	
	}
	
div.error_message {
	font-weight: bold;
	color: #FF0000;
	}

/* === TABLE STYLES === */

/* Need to create separate set for intended borders - navigation menus, display tables, etc. */
table, td {
	border-collapse: collapse;
	border-width: 0px;
	border-color: #CCCCCC;
	border-style: none;	
	border-spacing: 0px;
	padding: 0px;
	}

table.spreadsheet, td.spreadsheet {
	border-collapse: collapse;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;	
	border-spacing: 0px;
	padding: 0px;
	}

table.frame_outer {
	border-collapse: collapse;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-color: #DDDDDD;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	}
	
table.frame_outer_popup {
	border-collapse: collapse;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-color: #DDDDDD;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	}
	
table.frame_footer {
	border-collapse: collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-color: #EEEEEE;
	}
	
table.frame_outer_mailings {
	border-collapse: collapse;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	/*border-width: 1px;*/
	background-color: #FFFFFF;
	border-color: #DDDDDD;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;	
	}

table.frame_navigation {
	border-collapse: collapse;
	/*border-width: 1px;*/
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-style: solid;
	border-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	font-family: Sans-Serif;
	font-size: 8pt;
	height: 24px;
	}
	
table.frame_navigation_top{
	border-collapse: collapse;
	border-top-width: 1px;
	border-bottom-width: 0px;	
	border-style: solid;
	border-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	font-family: Sans-Serif;
	font-size: 8pt;
	height: 24px;
	}

table.frame_navigation_bottom{
	border-collapse: collapse;
	border-top-width: 0px;
	border-bottom-width: 1px;	
	border-style: solid;
	border-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	font-family: Sans-Serif;
	font-size: 8pt;
	color: 8pt;
	color: gray;
	}	
	
table.frame_navigation_mailings {
	border-collapse: collapse;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	font-family:Arial;
	font-size:8pt;
	border-left-style: none;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: solid;
	}
	
table.frame_navigation_registration {
	border-collapse: collapse;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	font-family:Arial;
	font-size:10pt;
	height:34px;
	}

table.navigation {
	width: 100%; 
	text-align: center;
	}
	
table.line_items td {
	border-width: 1px;
	border-color: #BBBBBB;
	font-size: 8pt;
	padding: 2px;
	}
	
table.info_box {
	border-width: 1px;
	border-color: #BBBBBB;
	border-style: solid;
	font-size: 8pt;
	}
	
table.info_box_header {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-color: #BBBBBB;
	border-style: solid;	
	font-size: 8pt;
	}
	
td.info_box {
	font-size: 8pt;
	padding: 3px;
	}
	
.noborder {
	border-style: none;	
	border-spacing: 0px;
	padding: 0px;
	}
	
table.frame_inner {
	border-collapse: collapse;
	border-width: 0px;
	border-color: #CCCCCC;
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	height: 500px;
	min-height: 500px;
	/*height: auto;*/
	margin-left: auto;
	margin-right: auto;
	}
	
table.header {
	border-collapse: collapse;
	border-width: 0px;
	border-color:#DDDDDD;
	border-spacing:0px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 100%;
	}
	
table.left {
	margin-left:0px;
	margin-right:auto;
	}
	
table.right {
	margin-left:auto;
	margin-right:0px;
	}

/* === MAILINGS-SPECIFIC STYLES === */
	
table.frame_footer_mailings {
	border-collapse: collapse;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: none;
	background-color: #EAEAEA;
	}

/* === TR STYLES === */

tr.spacer {
	height: 12px;
	}
	
tr.title {
	/*background-color: #D4D0C8;*/
	background-color: #EEECDC;
	color: #000000;
	height: 40px;
	}

.title a:link {
	/*text-decoration: none;
	color: black;*/
	}
	
.title a:visited {
	/*text-decoration: none;
	color: black;*/
	}

/* === TD STYLES === */	
	
td.margin_left  {
	width: 20px;
	}

td.margin_right  {
	width: 20px;
	}
	
td.section_right  {
	width: 25%;
	vertical-align: top;
	}

td.header_outer {
	width: 22px;
	}

td.header_inner {
	width: 240px;
	}
	
td.footer_outer {
	width: 5%;
	}
	
td.footer_inner {
	width: 20%;
	}
	
td.footer_center {
	width: 35%;
	text-align: center;
	}
	
#footer {
   position:absolute;
   bottom:0;
   /*width:100%;*/
   /*height:60px; */  /* Height of the footer */
}	

td.navigation_light {
	background-color: #FAFAFA;
	/*
	background-color: #7A7A7A;
	color: #FFFFFF;
	*/
	}
	
td.navigation_dark {
	background-color: #EAEAEA;
	/*
	background-color: #2A2A2A;
	color: #FFFFFF;
	*/
	}
	
td.navigation_registration_light {
	height: 34px;
	background-color: #AAFFAA;
	font-weight: bold;
	vertical-align: middle;
	}
	
td.navigation_registration_dark {
	height: 34px;
	background-color: #EAEAEA;
	color: #AAAAAA;
	vertical-align: middle;
	}

/* === NON-TAGGED STYLES === */
	
.left {
	text-align: left;
	}	

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.top {
	vertical-align: top;
	}
	
.middle {
	vertical-align: middle;
	}
	
.bottom {
	vertical-align: bottom;
	}
	
.pct20 {
	width: 20%;
	}

.pct33 {
	width: 33%;
	}	
	
.pct40 {
	width: 40%;
	}
	
.pct45 {
	width: 45%;
	}
	
.pct50 {
	width: 50%;
	}
	
.pct100 {
	width: 100%;
	}
	
.px10 {
	width: 10px;
	}
	
.px20 {
	width: 20px;
	}
	
.numbering {
	color: #AAAAAA;
	}
	
/* === FORM INPUT STYLES === */
	
input.authentication {
	width: 100% ;
	background-color:#FAFFBD ;
	border-width: 1px ;
	}
	
input.registration {
	background-color:#FAFFBD ;
	border-width: 1px ;
	}
	
#myselect { 
	width:180px; 
	}