* { font-family: Arial, Verdana, Geneva, helvetica, sans-serif; font-size: 12px; color: #666666; border: 0; margin: 0; padding: 0; }
u,i,b,s,sup,sub,em,strong { font-family: inherit; font-size: inherit; color: inherit; }

body { background: #003D5B url(images/background.gif) repeat-x left top; }

strong { font-weight: bold; }
.important { color: red; }

a:link    { color: #008B8B; text-decoration: none; }
a:visited { color: #008B8B; text-decoration: none; }
a:hover   { color: #008B8B; text-decoration: underline; }
a:active  { color: #008B8B; text-decoration: underline; }

.important a:link    { color: red; text-decoration: underline; }
.important a:visited { color: red; text-decoration: underline; }
.important a:hover   { color: #008B8B; text-decoration: underline; }
.important a:active  { color: #008B8B; text-decoration: underline; }

/* | Start Header | */

.header_container_index {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
}
.header_index {
	position: relative;
	width: 950px;
	height: 120px;
	margin: 0 auto;
}
.header_container
{
	display:none;
}

.header
{
	position: relative;
	width: 900px;
	height: 90px;
	margin: 0 auto;
}

.header_level1_container
{
	float: left;
	width: 870px;
	height: 19px;
	padding: 5px 0px 0px 15px;
	color: #ACEDED;
}
.header_level1_container .top_nav {
	float: right;
	height: 19px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.header_level1_container .top_nav ul { float:right; padding:0; margin:0; list-style-type:none; height:19px; position:relative; }
.header_level1_container .top_nav ul li { color: #ACEDED; display:block; float:left; height:19px; padding:0; margin:0px 0px 0px 5px; }
.header_level1_container .top_nav ul li a { padding:0; margin:0; }
.header_level1_container .top_nav ul li a:link    { color: #ACEDED; text-decoration: none; }
.header_level1_container .top_nav ul li a:visited { color: #ACEDED; text-decoration: none; }
.header_level1_container .top_nav ul li a:hover   { color: #ACEDED; text-decoration: underline; }
.header_level1_container .top_nav ul li a:active  { color: #ACEDED; text-decoration: underline; }

.header_index .header_level2_container
{
	float: left;
	width: 900px;
	height: 80px;
}

.header .header_level2_container
{
	display:none;
}

.header_level2_logo
{
	float: left;
	width: 100px;
	height: 41px;
	margin: 9px 0px 3px 15px;
	padding: 0px;
}

.header_level2_logo a
{
	display: block;
	width: 100px;
	height: 41px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/logo2.gif) no-repeat left top;
}
.header_level2_logo_index {
	position: relative;
	width: 950px;
	height: 76px;
	padding: 0;
	margin: 18px auto 0px auto;
}
.header_level2_logo_index a
{
	display: block;
	width: 200px;
	height: 76px;
	padding: 0px;
	margin: 0px auto;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/logo.gif) no-repeat left top;
}

.header_level2_menu_container
{
	float: right;
	width: 758px;
	height: 41px;
  margin: 12px 15px 0px 0px;
}

.header_level3_container
{
	background: url(images/header_level3_bg.gif) no-repeat left top;
	float: left;
	width: 900px;
	height: 13px;
	font-size: 1px;
}

.content_container_index
{
	position: relative;
	width: 950px;
	margin: 120px auto 0px auto;
	padding: 0px;
}

.content_index
{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0;
	overflow: visible;
}

.content_container
{
	/* background: url(images/content_container_bg2.gif) repeat-y left top #FFFFFF; */
	background-color: #FFFFFF;
	position: relative;
	width: 862px;
	margin: 0px auto;
	padding: 0px 19px 5px 19px;
	overflow: hidden;
	border: 0;
	min-height: 250px;
}

/*
.sidebar
{
	float: left;
	width: 174px;
	padding: 30px 19px 0px 0px;
	margin: 0;
	overflow: visible;
}
*/

.content
{
	/*float: left;*/
	width: 862px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	overflow: visible;
}

h1 { font-size: 16px; font-weight: bold; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; }
h1.h1_index { font-size: 16px; font-weight: bold; margin: 0px 0px 15px 0px; color: #FFFFFF; text-align: center; }
h2 { font-size: 14px; font-weight: bold; margin: 20px 0px 15px 0px; }
p { margin: 0px 0px 15px 0px; }

p.alert {
	font-weight: bold;
	text-align: center;
	color: #FF6666;
}

p.alert_index {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

ul
{
	list-style-type: disc;
	padding: 0px 0px 0px 30px;
}

ol
{
	padding: 0px 0px 0px 30px;
}

li
{
	margin: 15px 0px 0px 0px;
}

.zone_options
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.footer1
{
	display: none;
}
.footer1_index
{
	position: relative;
	width: 900px;
	height: 7px;
	margin: 0 auto;
	overflow: hidden;
}

.footer2
{
	display: none;
}
.footer2_index
{
	position: relative;
	width: 900px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0px 0px 15px;
	overflow: hidden;
	color: #5A869F;
	text-align: center;
}



table.form_table {
  border		:	solid #FFFFFF 1px;
  border-collapse	:	collapse;
  margin-bottom		:	15px;
}

table.form_table tr {
  background-color	:	#c4e3f1;
}

table.form_table td {
  border-right		:	solid #FFFFFF 1px;
  padding		:	4px 20px 4px 20px;
  text-align		:	left;
  vertical-align	:	top;
}

table.form_table th {
  background-color	:	#003d5b;
  color			:	#FFFFFF;
  font-weight		:	bold;
  border		:	solid #FFFFFF 1px;
  padding		:	4px 20px 4px 20px;
  text-align		:	left;
}

table.form_table td.form_border {
  background-color	:	#FFFFFF;
  padding		:	0;
}



table.data_table {
  border		:	solid #FFFFFF 1px;
  border-collapse	:	collapse;
  margin-bottom		:	15px;
}

table.data_table tr.odd {
  background-color	:	#e8f8ff;
}

table.data_table tr.even {
  background-color	:	#c4e3f1;
}

table.data_table td {
  padding		:	4px 8px 4px 8px;
  text-align		:	left;
  vertical-align	:	top;
}

table.data_table th {
  background-color	:	#003d5b;
  color			:	#FFFFFF;
  font-weight		:	bold;
  border-top		:	solid #FFFFFF 1px;
  border-bottom		:	solid #FFFFFF 1px;
  padding		:	4px 8px 4px 8px;
  text-align		:	left;
}

table.data_table th.left, table.data_table td.left {
  border-right		:	2px solid #ffffff;
}

table.data_table th.right, table.data_table td.right {
  border-left		:	2px solid #ffffff;
}

table.data_table td.form_border {
  background-color	:	#FFFFFF;
  padding		:	0;
}


input, textarea, select, option, button { font-family: Verdana, Arial, Geneva, helvetica, sans-serif; }

.form_textbox {
  background-color	:	#FFFFFF;
  color			:	#a23d42;
  border		:	solid #098aca 1px;
  padding		:	1px;
}

.form_textbox_disabled {
  background-color	:	#CCCCCC;
  color			:	#a23d42;
  border		:	solid #098aca 1px;
  padding		:	1px;
}

.form_textarea {
  background-color	:	#FFFFFF;
  color			:	#a23d42;
  border		:	solid #098aca 1px;
  padding		:	1px;
}

.form_select {
  background-color	:	#FFFFFF;
  color			:	#a23d42;
  border		:	solid #098aca 1px;
  padding		:	0px;
}

.form_select_disabled {
  background-color	:	#CCCCCC;
  color			:	#a23d42;
  border		:	solid #098aca 1px;
  padding		:	0px;
}

option {
  color			:	#a23d42;
  padding		:	1px 7px 1px 1px;
}

.form_button {
  background-color	:	#bfd5e3;
  color			:	#333333;
  border		:	solid #003d5b 1px;
  padding		:	2px 5px;
  margin		:	3px 15px 3px 0px;
}

.form_button_over {
  background-color	:	#029fee;
  color			:	#FFFFFF;
  border		:	inset #003d5b 1px;
  padding		:	2px 5px;
  margin		:	3px 15px 3px 0px;
}

.pdf_attachment {
	background:url(images/icon_pdf.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.word_attachment {
	background:url(images/icon_word.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.excel_attachment {
	background:url(images/icon_excel.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.powerpoint_attachment {
	background:url(images/icon_powerpoint.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.file_attachment {
	background:url(images/icon_file.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.url_attachment {
	background:url(images/icon_url.png) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.img_attachment {
	background:url(images/icon_img.gif) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}
.zip_attachment {
	background:url(images/icon_zip.png) no-repeat left top;
	margin-left:0px;
	padding-left:20px;
	line-height:20px;
}

a.btn_ok {
	display: block;
	float: left;
	width: 38px;
	height: 20px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	border: 0;
	text-indent: -9999px;
	background: url(images/btn_ok.gif) no-repeat top left;
}
a.btn_ok:hover {
	background-position: 0px -20px;
}

a.btn_cancel {
	display: block;
	float: left;
	width: 54px;
	height: 20px;
	padding: 0px;
	margin: 3px 0px 0px 10px;
	border: 0;
	text-indent: -9999px;
	background: url(images/btn_cancel.gif) no-repeat top left;
}
a.btn_cancel:hover {
	background-position: 0px -20px;
}

.content div.box {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #666666;
}
.content div.box .inner_div {
	background: #fafafa;
	border: 1px solid #978e7b;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	color: #666666;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.content div.box .inner_div2 {
	background: #e8f8ff;
	border: 1px solid #978e7b;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	color: #666666;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.content div.box .inner_div h2 {
	color: #333333;
	margin-top: 0px;
}
.content div.box .inner_div2 h2 {
	color: #993333;
	margin-top: 0px;
}
.content div.box .inner_div p:last-child, .content div.box .inner_div2 p:last-child {
	margin: 0px 0px 0px 0px;
}

a.tooltip {
	text-decoration: none;
	border: none;
	outline: none;
	margin:0px 0px 0px 5px;
	padding: 0px;
	color: inherit;
}
a.tooltip div {
	text-indent: 0px;
	background: #fafafa;
	border: 1px solid #978e7b;
	color: #666666;
	text-align: left;
}
a.tooltip:hover div {
	z-index: 100;
}

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip div {
	display: none;
	position: absolute;
}
.tooltip:hover div {
	display: block;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 30px;
	top: 30px;
	margin: 0px;
	padding: 10px;
	width: 300px;
	height: auto;
	z-index: 200;
}

a.mag_thumb {
	display: block;
	width: 150px;
	height: 200px;
  margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
  border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
}
a.mag_thumb:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

a.app_thumb {
	display: block;
	width: 150px;
	height: 45px;
  margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
  border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
}
a.app_thumb:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
