﻿/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img, div { }

/* BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. */
body { background: url(../images/background2.jpg) top center repeat-x #F7F7F7; color: #666; font: normal 11px Arial, Helvetica, sans-serif; }
textarea { font-family: Arial, Helvetica, sans-serif; }
.disclaimer { margin-left: auto; margin-right: auto; }
/* HEADER  Define all elements in the header area */
h1 { background: #d2e9fb; font-size: 20px; color: #1d3856; display: block; text-align: center; border-bottom: 1px solid #93b7d2; padding: 15px; margin: 2px; }
h2 { background: #d2e9fb; font-size: 14px; line-height: 18px; color: #1d3856; display: block; text-align: center; border-bottom: 1px solid #93b7d2; padding: 0; margin: 5px 0 5px 0; }
.header { width: 640px; float: left; clear: both; padding-bottom: 27px; padding-top: 40px; position: relative; z-index: 5; }
.header_logo { float: left; width: 258px; height: 56px; }
.header_menu { position: relative; top: 10px; float: right; width: 175px; height: 47px; padding-left: 15px; background-color: #393d47; -webkit-border-radius: 20px; -moz-border-radius: 20px; z-index: 1000; left: 0px; }
.header_menu ul { float: left; }
.header_menu li { float: left; padding-top: 15px; padding-bottom: 15px; padding-left: 8px; padding-right: 8px; }
.header_menu a { text-decoration: none; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; }
.header_menu a:link, .header_menu a:active, .header_menu a:visited { color: #DDD; }
.header_menu a:hover, .header_menu a.selected { color: #cc0000; }

/* Content */
p { padding: 10px 0; text-align: justify; line-height: 17px; }
.dtext { padding: 10px 0; text-align: justify; line-height: 17px; }
.content { clear: both; background: url(images/bg-soft-grey.jpg) top center repeat-x #ffffff; border: solid 1px #c8d3e0; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; position: relative; z-index: 6; }
.pu_container { position: absolute; width: 580px; background-color: #fff; z-index: 1000; border: 10px solid #EEE; }
.pu_close { position: absolute; height: 14px; width: 14px !important; cursor: pointer; right: 8px; top: 5px; z-index: 1000; }
.feedback_form_bg { position: absolute; background-color: #000000; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
.pu_content { border: 1px solid #aaaaaa; padding: 1px; }
.pu_content .pu_share { padding: 10px; }
.pu_content input { padding: 4px; width: 500px; }
.pu_content textarea { padding: 4px; width: 500px; height: 150px; }
.title { font-size: 11px; text-align: center; font-weight:bold; }
.title td { text-align: center; padding-bottom: 8px; }
.title1 { font-size: 13px; }
.button td p { text-align: center; }
.subcontent { padding: 10px 20px; }
.footer { clear: both; padding: 10px; position: relative; z-index: 3; }

/* Acknowledge Box */
.acknowledge { text-align: center; font-size: 12px; vertical-align: middle; line-height: 14px; }
.box { border-width: thin; border-color: Black; border-style: solid; padding: 10px 0 10px 0; vertical-align: middle; text-align: center; }

/* Adobe Reader */
.adobereader p { padding: 18px 10px 0 10px; }
.footer { clear: both; padding: 10px; position: relative; z-index: 3; }

/* Modal Popup */
.modalBackground { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }
.modalWindow { background-color: #F7F7F7; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 550px; }

/* Contact Form Styles */
.the_form label { display: block; font-size: 15px; padding-left: 10px; }
.the_form input, .the_form textarea { border: 1px solid #CCC; margin: 10px; padding: 5px; width: 510px; }
.the_form p { margin: 0; padding: 0; }
.the_form .small_input { border: 1px solid #CCC; width: 200px; }
.the_form textarea { height: 120px; }
.the_form .label_checkbox { float: left; }
.the_form .checkbox { width: auto; margin: 0; padding: 0; }
.the_form .submit { margin: 0; padding: 0; margin-left: auto; margin-right: auto; }
.clear { clear: both; height: 10px; }
.checkbox { }
.checkbox input { float: left; left: 3px; margin: 0 !important; padding: 0 !important; position: relative; width: auto !important; }
.checkbox label { float: left; margin-left: 6px; }
.right { text-align: right; }
.error { font-size: 10px; vertical-align: middle; }
.fileinfo { padding: 3px 0 3px 0; }

/* Greybox */
#GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; }
#GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; }
#GB_window .content { width: auto; margin: 0; padding: 0; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }

.GB_Gallery { margin: 0 22px 0 22px; }
.GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; }
.GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; }
.GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; }
.GB_header table { margin: 0; width: 100%; border-collapse: collapse; }
.GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; }
.GB_header .close { text-align: right; }
.GB_header .close img { z-index: 500; cursor: pointer; }
.GB_header .middle { white-space: nowrap; text-align: center; }

#GB_middle { color: #eee; }
#GB_middle img { cursor: pointer; vertical-align: middle; }
#GB_middle .disabled { cursor: default; }
#GB_middle .left { padding-right: 10px; }
#GB_middle .right { padding-left: 10px; }

.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333; }
.GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 12px; cursor: pointer; }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
