/* @override 
	http://localhost:9002/css/style.css
	http://www.blueaura.com/gamma/css/style.css
	http://blueaura.com/gamma/css/style.css
	http://blueaura.com/css/style.css
*/

/* =GENERIC
   ----------------------------------------------------*/

html, body {
   height: 100%;
}

body {
   margin: 0px;
   padding: 0px;
   background: #ffffff;
   color: #555555;
   font: 12px/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-align: center;
}

#container {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -46px;
}

.wrapper {
   width: 768px;
   margin: 0 auto;
   text-align: left;
}

br {
   clear: left;
}

.clear {
   clear: both;
}

a:link, a:visited {
   border-bottom: 1px solid #50a6d4;
   color: #0079bf;
   text-decoration: none;
}

a:hover {
   border-color: #caee75;
   background: #caee75;
   color: #000000;
}

a:link.img, a:hover.img, a:visited.img {
   border: none;
   background: none;
}

h2 {
   color: #4d5762;
   font-size: 20px;
   padding: 0;
   margin: 0;
}

h2 a:link, a:visited {
   border-bottom: 1px dotted #4d5762;
   color: #4d5762;
   text-decoration: none;
}

hr {
   border: 0;
   width: 87%;
   color: #4d5762;
   background-color: #4d5762;
   height: 5px;
   float: left;
   margin-bottom: 15px;
}

/* =SPLASH PAGE
   ----------------------------------------------------*/

#index {
   margin: 0px;
   padding: 0px;
   background: #000000;
   color: #ffffff;
   font: 12px/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-align: center;
   min-width: 1024px;
}

#splash {
   position: relative;
   width: 1024px;
   height: 768px;
   background: url(../images/splash.jpg) no-repeat;
   margin: 0 auto;
   text-align: left;
 }

#splash .wrapper_i {
   width: 768px;
   margin: 0 auto;
   text-align: left;
}

#logo_i {
   float: left;
   margin: 14px 0 14px;
   display: block;
   width: 200px;
   height: 100px;
   border: none;
   background: url(../images/logoi-trans.png) no-repeat;
}

#logo_i img {
   display: block;
   width: 0;
   border: none;
}

#phone_i {
   float: right;
   margin: 14px 0 14px;
   display: block;
   width: 200px;
   height: 100px;
   border: none;
   background: url(../images/phonei-trans.png) no-repeat;
}

#phone_i img {
   display: block;
   width: 0;
   border: none;
}

#nav_i {
   float: left;
   margin-top: 120px;
   margin-left: -230px;
   z-index: 1;
}

#nav_i ul {
   list-style: none;
}

#nav_i ul li {
   margin-bottom: 3em;
}
#nav_i ul li a img, #nav_i ul li a:link, #nav_i ul li a:visited, #nav_i ul li a:hover {
   border: none;
   background: none;   
}

#footer_i {
   float: left;
   width: 100%;
   color: #555555;
   font-size: 11px;
   text-align: center;
}


/* =HEADER
   ----------------------------------------------------*/

#header {
   float: left;
   width: 100%;
   background: #000000;
}

#logo {
   float: left;
   margin: 14px 0 14px;
   display: block;
   width: 200px;
   height: 100px;
   border: none;
   background: url(../images/logo.png) no-repeat;
}

#logo img {
   display: block;
   width: 0;
   border: none;
}

#phone {
   float: right;
   margin: 14px 0 14px;
   display: block;
   width: 200px;
   height: 100px;
   border: none;
   background: url(../images/phone.png) no-repeat;
}

#phone img {
   display: block;
   width: 0;
   border: none;
}

/* =NAVIGATION
   ----------------------------------------------------*/

#navbar {
   float: left;
   width: 100%;
   background: #50a6d4;
   border-top: 4px solid #0079bf;
   border-bottom: 2px solid #caee75;
   height: 40px;
}

ul#nav {
   list-style: none;
   float: right;
   padding: 0;
   text-align: right;
}

ul#nav li {
   display: inline;
   color: #697987;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 0;
   margin-top: 0;
   margin-left: 14px;
}

ul#nav li a {
   margin: 0;
   padding: 0;
   color: #000000;
   border: none;
   background: none;
   text-decoration: none;
}

ul#nav li a:hover {
   color: #caee75
}

ul#nav li#currentpage a, #currentpage a:hover {
   color: #ffffff;
}

#bottomnav {
   float: left;
   width: 100%;
   padding: 30px 0;
   background: #ffffff;
}

#bottomnav img {
   float: left;
   margin: 15px 10px 0 0;
}

.column {
   float: left;
   width: 230px;
   margin: 0 20px 20px 0;
}

.column ul {
   list-style: none;
   margin: 0 0 10px;
   font-size: 11px;
   line-height: 160%;
}

.column li {
   padding: 0 0 10px 24px;
}

.last {
   margin-right: 0 !important;
   padding-right: 0;
}

/* =TOGGLER
   ----------------------------------------------------*/

.toggler {
   cursor: pointer;
   border-bottom: 1px solid #a1cfd4;
   color: #006699;
   text-decoration: none;
   font-size: 14px;
   margin-left: 2em;
}

.toggler-c .heading {
   color: #4d5762;
   font-size: 13px;
   padding: 0;
   margin: 0;
   text-decoration: underline;
}

.toggler-closed:hover, toggler-open:hover {
   border-color: #caee75;
   background: #caee75;
   color: #000000;
}

.toggler-closed {
   
}

.toggler-opened {
   
}

.toggler-c ul {
   list-style-type: none;
}

.toggler-c ul li {
   list-style-type: disc;
}

.toggler-c, .toggler-c-closed, .toggler-c opened {
   margin-left: 2.3em;
}

/* =CONTENT
   ----------------------------------------------------*/

#content {
   float: left;
   width: 100%;
   min-height: 320px;
   background: #eef7fc;
   padding: 30px 0 15px;
   border-bottom: 4px solid #dff0fa;
}

#contentlist li {
   background-image: url(../images/bullet.png);
   background-repeat: no-repeat;
   background-position: 0 .3em;
   padding-left: 1.3em;
   padding-bottom: 1em;
}

.iconize {
   padding-left: 5px;
   vertical-align: text-bottom;
}

.heading {
   color: #4d5762;
   font-size: 14px;
   padding: 0;
   margin: 0;
}

#heading {
   color: #4d5762;
   font-size: 14px;
   padding: 0;
   text-decoration: underline;
   display: block;
   margin-bottom: 10px;
}

.logos {
   text-align: center;
   margin-top: 20px;
}

#download a:link, #download a:visited, #download a:hover {
   border: none;
   background: none;
   text-decoration: none;
}

#download a:link img {
   border: 2px solid #dff0fa;
   background: none;
   text-decoration: none;
}

#download a:hover img {
   border: 2px solid #caee75;
   background: none;
   text-decoration: none;
}

div.left {
   float: left;
   text-align: left; 
}

div.right {
   float: right;
   text-align: left;
}

#nav_links ul {
   padding: 0;
   margin-top: 1em;
   margin-bottom: 1em;
}

#nav_links ul h3 {
   padding: 0;
   margin: 0;
}

#nav_links li {
   display: inline;
   list-style-type: none;
   padding-right: 1em;
}

#nav_links a:link, #nav_links a:visited {
   border-bottom: 1px solid #50a6d4;
   color: #0079bf;
   text-decoration: none;
}

#nav_links a:hover {
   border-color: #caee75;
   background: #caee75;
   color: #000000;
}

#nav_links li.currentlink a, .currentlink a:hover {
   color: #4d5762;
   background: none;
   border: none;
   text-decoration: none;
}

/* =FORMS
   ----------------------------------------------------*/

form {
   margin: 0;
}

label {
   display: block;
}

input[type=text], input[type=password], textarea, select {
   padding: 2px;
   margin-bottom: 0.5em;
   border-bottom: 1px solid #d1e5fd;
   border-right: 1px solid #d1e5fd;
   border-top: 2px solid #848484;
   border-left: 2px solid #848484;
   font: 12px/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input[type=text], input[type=password] {
   width: 60%;
}

select {
   padding-left: 0px;
   width: 60%;
}
input[type=text].input_small {
   width: 30%;
}

input[disabled='disabled'] {
   background: #ffffff;
}

.error {
   color: #FF0000;
   margin: 0;
   padding: 0 0 1em;
}

.form_column {
   float: left;
   margin: 0 20px 20px 0;
}

/* =BUTTONS
   ----------------------------------------------------*/

button {
   border: 0;
   cursor: pointer;
   font-weight: bold;
   padding: 0 10px 0 0;
   text-align: center;
   display: block;
}

button span {
   position: relative;
   display: block;
   white-space: nowrap;
   padding: 0 0 0 10px;
}

button.submitBtn {
   background: url(../images/button/right.gif) right no-repeat;
}

button.submitBtn span {
   height: 25px;
   line-height: 25px;
   background: url(../images/button/left.gif) left no-repeat;
   color: #000000;
}

button.submitBtn:hover {
   background: url(../images/button/right_hover.gif) right no-repeat;
}

button.submitBtn:hover span {
   background: url(../images/button/left_hover.gif) left no-repeat;
}

/* =THICKBOX
   ----------------------------------------------------*/

a.thickbox:link, a.thickbox:visited {
   border: none;
   text-decoration: none;
}

a.thickbox img {
   border: 2px solid #50a6d4;
   padding: 2px;
   background-color: #ffffff;
}

a.thickbox img:hover {
   border: 2px solid #caee75;
}

/* =DATEPICKER
   ----------------------------------------------------*/
#datepicker_div, .datepicker_inline {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0;
   margin: 0;
   background: #dddddd;
   width: 185px;
}

#datepicker_div {
   display: none;
   border: 1px solid #777777;
   z-index: 9999;
/*must have*/
}

.datepicker_inline {
   float: left;
   display: block;
   border: 0;
}

.datepicker_rtl {
   direction: rtl;
}

.datepicker_dialog {
   padding: 5px !important;
   border: 4px ridge #dddddd !important;
}

button.datepicker_trigger {
   width: 25px;
}

img.datepicker_trigger {
   margin: 2px;
   cursor: pointer;
}

input#date1.date-pick.hasDatepicker {
   width: 30%;
   padding: 2px;
   margin-bottom: 0.5em;
   border-bottom: 1px solid #d1e5fd;
   border-right: 1px solid #d1e5fd;
   border-top: 2px solid #848484;
   border-left: 2px solid #848484;
   font: 12px/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.datepicker_prompt {
   float: left;
   padding: 2px;
   background: #dddddd;
   color: #000000;
}

* html .datepicker_prompt {
   width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
   clear: both;
   float: left;
   width: 100%;
   color: #ffffff;
}

.datepicker_control {
   background: #50a6d4;
   padding: 2px 0px;
}

.datepicker_links {
   background: #000000;
   padding: 2px 0px;
}

.datepicker_control, .datepicker_links {
   font-weight: bold;
   font-size: 80%;
   letter-spacing: 1px;
}

.datepicker_links label {
/* disabled links */
	padding: 2px 5px;
   color: #888888;
}

.datepicker_clear, .datepicker_prev {
   float: left;
   width: 34%;
}

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
   float: right;
   text-align: right;
}

.datepicker_current {
   float: left;
   width: 30%;
   text-align: center;
}

.datepicker_close, .datepicker_next {
   float: right;
   width: 34%;
   text-align: right;
}

.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
   float: left;
   text-align: left;
}

.datepicker_header {
   padding: 1px 0 3px;
   background: #333333;
   text-align: center;
   font-weight: bold;
   height: 1.3em;
}

.datepicker_header select {
   background: #333;
   color: #ffffff;
   border: 0px;
   font-weight: bold;
}

.datepicker {
   background: #cccccc;
   text-align: center;
   font-size: 100%;
}

.datepicker a {
   display: block;
   width: 100%;
}

.datepicker_titleRow {
   background: #777777;
}

.datepicker_daysRow {
   background: #eeeeee;
   color: #666666;
}

.datepicker_weekCol {
   background: #777777;
   color: #ffffff;
}

.datepicker_daysCell {
   color: #000000;
   border: 1px solid #dddddd;
}

.datepicker_daysCell a {
   display: block;
}

.datepicker_weekEndCell {
   background: #dddddd;
}

.datepicker_titleRow .datepicker_weekEndCell {
   background: #777777;
}

.datepicker_daysCellOver {
   background: #caee75;
   border: 1px solid #777777;
}

.datepicker_unselectable {
   color: #888999;
}

.datepicker_today {
   background: #ffcccc !important;
}

.datepicker_currentDay {
   background: #999999 !important;
}

.datepicker_status {
   background: #dddddd;
   width: 100%;
   font-size: 80%;
   text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */

#datepicker_div a, .datepicker_inline a {
   cursor: pointer;
   margin: 0;
   padding: 0;
   background: none;
   color: #000000;
}

.datepicker_inline .datepicker_links a {
   padding: 0 5px !important;
}

.datepicker_control a {
   padding: 2px 5px !important;
   color: #000000 !important;
}

.datepicker_links a {
   padding: 2px 5px !important;
   color: #666666 !important;
}

.datepicker_titleRow a {
   color: #eeeeee !important;
}

.datepicker_control a:hover {
   color: #caee75 !important;
}

.datepicker_links a:hover, .datepicker_titleRow a:hover {
   color: #ffffff !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
   border: 1px solid #777777;
}

.datepicker_oneMonth {
   float: left;
   width: 185px;
}

.datepicker_newRow {
   clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
   display: none;
 

/*sorry for IE5*/
    display/**/: block

;
   /*sorry for IE5*/
    position: absolute;
   /*must have*/
    z-index: -1;
   /*must have*/
    filter: mask();
   /*must have*/
 	top: -4px;
   /*must have*/
	left: -4px;
   /*must have*

	/width: 200px;
   /*must have*/
    height: 200px;
/*must have*/
}

/* =CLOCKPICK
   ----------------------------------------------------*/

.img_clock {
   width: 16px;
   height: 16px;
   border: none;
   margin-left: 3px;
   cursor: pointer;
}

#CP_hourcont {
   padding: 1px;
   position: absolute;
   border: 2px solid #0079bf;
   background-color: #eef7fc;
}

#CP_minutecont {
   padding: 1px;
   position: absolute;
   background-color: #dddddd;
   width: 45px;
}

.floatleft {
   float: left;
}

.CP_hour {
   padding: 3px;
   margin: 2px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   white-space: nowrap;
   cursor: pointer;
   width: 35px;
   background-color: #cccccc;
   color: #000000;
}

.CP_minute {
   padding: 2px;
   background-color: #dddddd;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   white-space: nowrap;
   cursor: pointer;
   width: auto;
}

.CP_over {
   background-color: #caee75;
   color: #000000;
   font-weight: bold;
}

/* =FOOTER
   ----------------------------------------------------*/

#footer, #push {
   height: 40px;
}

#footer {
   float: left;
   width: 100%;
   border-top: 4px solid #f1eee0;
   border-bottom: 2px solid #caee75;
   background: #faf9f5;
   color: #999999;
   font-size: 11px;
   text-align: center;
}

#footer a {
   border: none;
}

#footer p {
   margin: 10px 0 0;
   padding: 0;
   text-align: center;
   clear: both;
}