/* Copyright ePark Labs All Rights Reserved */

/* Elements */
/*html{height: 100%;}*/
body{text-align:center;margin:0px;background-color:#eeeefe; font-family: verdana, helvetica;}
form{display: inline;}
a{text-decoration:none; color:#336699}
a:hover{text-decoration: underline;}
h1{ font: normal 16px arial, helvetica; color: #336699; letter-spacing : 0.15em; text-transform: uppercase;}
h2, h2 a{
	font: 12pt Arial, Helvetica, sans-serif;
	color: #319622;
	letter-spacing: 1pt;
	text-transform: uppercase;
	line-height: 18pt;}
h3{font: bold 15px verdana; color: #336699; letter-spacing : 1px; margin:0px;}
h4{font: bold 13px verdana; color: #336699; margin:0px;}
h5{font: bold 12px verdana; color: #336699; margin:0px;}
h6{font: bold 11px verdana; color: #336699; margin:0px;}
h1 a, h3 a, h4 a, h5 a, h6 a{color: #336699;}
h1 .tagline{font: bold 11px verdana; color: #999999; margin-bottom:20px; letter-spacing : -1px;}
th a{color: #6BA2B6;}
th.data-on a{color: #6F5D37;}
th.data-on a:hover{color: #6F5D37; background-color: #ffffff; }
th.data-off a:hover{color: #6BA2B6;}
ol, ul{margin-bottom:1em;}
li{margin-bottom:0.5em;line-height:1.3em}
p{font: 10pt normal verdana, arial, helvetica, sans-serif; letter-spacing: 0.1em;color: #111111; line-height: 1.5em;}


/* Sections */
#page{border: 1px solid #111111;width:800px; text-align:left; background-color: white; margin-top: 10px;}

#content{padding-top: 0px; width: 470px; font-size: 12px; text-align: left; }

#nav {margin:0px; padding:0px; }
#nav div{margin:0px; padding:0px;}

#nav2{ font-size: 12px; width: 380px; margin-left: 0px; margin-top: 20px; }
#nav2 .item{display: inline;}
#nav2 .on{border-bottom: 2px dotted #cccccc;}
#nav2 .item a{color: #999999; }
#nav2 .item a:hover{border-bottom: 2px dotted #cccccc; text-decoration: none;}
#nav2 .spacer{display: inline; padding: 0em 0.5em;}

#nav3{ font-size: 12px; width: 380px; margin-left: 0px; margin-top: 20px; }
#nav3 .item{display: inline;}
#nav3 .on{border-bottom: 2px dotted #cccccc;}
#nav3 .item a{color: #999999; }
#nav3 .item a:hover{border-bottom: 2px dotted #cccccc; text-decoration: none;}
#nav3 .spacer{display: inline; padding: 0em 0.5em;}

div.paging-box{width:100%; text-align: center;}
div.paging-nav-on{display:inline; font-weight:bold;}
div.paging-nav-off{display:inline; color: #dddddd;}
div.paging-pages{display:inline; }
div.paging-page-on{display:inline; font-weight:bold;}
div.paging-page-off{display:inline; text-decoration: underline;}

#menu-box{margin:0px 0px 20px; }
#button-bar{margin:0px 0px 20px;border-left: 1px solid #eeeeee; }
#button-bar th{border-right: 1px solid #eeeeee; border-left: 0px; }

/* Content */
.website-content{margin-bottom: 40px;/*width: 480px;*/ }
#footer {width: 100%; clear: both; color: #999999; margin-top:20px; margin-bottom:20px; padding-top: 1px; text-align: left; }
#footer .item{font-size: 10px;}


div.event{border-top: 1px solid #eeeeee; margin-bottom: 20px;}
div.event .name{font-weight: bold;}
div.event .date{font-size: 11px;color: #A1A5A9;}
div.event .location{font-size: 11px;font-weight: bold;color: #666666;}
div.event .url{font-size: 10px; color: #008000}

div.legend{}
div.editable-content{cursor: pointer;border: 1px solid #ffffff;}
div.editable-content:hover{border: 1px solid #dddddd;}
div.addible-content{cursor: pointer;border: 1px solid #ffffff;color:#ededed;width:100%;}
div.addible-content:hover{border: 1px solid #dddddd;color:black;}

.select_item{border-bottom: 1px solid #999999;padding:10px;cursor:pointer;height:250px;}
.select_item .thumb{float:left;padding-right:20px;}
.select_item .specs{}
.selected_item{border-left:3px solid black; background-color: #ffffff;}

.select_frame{border: 1px solid #eeeeee;}

/* General */
.spacer_1{height: 1px; width: 1px; clear: both; overflow: hidden;}
.spacer_8{height: 8px; width: 8px; clear: both; overflow: hidden;}
.spacer_16{height: 16px; width: 16px; clear: both; overflow: hidden;}
.spacer{height: 20px; width: 20px; clear: both; overflow: hidden;}

.right{float:right;}
.doc-section-space{height: 10px; width: 10px;}
.inline{display: inline;}
.center{text-align: center;}

/* Dialogs */
div.message{margin: 4px 0px 16px 0px; text-align:left;}
.info, .success{border:2px solid #000066; font-weight: bold; background-color: rgb(240,240,250); padding: 4px;}
.alert, .error{border:2px solid #ff9900; font-weight: bold; background-color:  rgb(250,240,240); padding: 4px;}


/* Tables */
td{font: 11px verdana, sans-serif;empty-cells: show;}
.table-box{border:1px solid #a9a9a9;}
.table-section{font-weight:bold;background-color:rgb(240,240,255);padding:4px;}
th{text-transform: uppercase;font: 8pt trebuchet ms, helvetica, arial;}
th.data-on{font-weight:bold; color: #6D5E33; background-color: #ffffff; /*letter-spacing : -1px; border-bottom: 1px solid #111111; border-right: 1px solid #a9a9a9;*/ cursor: pointer;padding: 2px 3px 2px 3px;empty-cells: show;}
th.data-off{font-weight:bold; color: #387A88; background-color: #ffffff; /*letter-spacing : -1px; border-bottom: 1px solid #111111; border-right: 1px solid #a9a9a9;*/ cursor: pointer;padding: 2px 3px 2px 3px;empty-cells: show;}
tr.data-on, td.data-on{color: #333333; background-color: #E8DDC7;}
tr.data-off, td.data-off{color: #333333; background-color: #ffffff;}
tbody.data-on{border:3px solid red;}
tbody.data-off{border:3px solid red;}
td.data{font: 11px verdana, sans-serif;empty-cells: show; /*border-right: 1px solid #eeeeee;border-bottom: 1px solid #dddddd;*/padding-left:3px;padding-right:3px;empty-cells: show;}
td.row-num{width: 12px; /*color: white; background-color: #111111; border-bottom: 1px solid #dddddd;*/ text-align: center;}
td.int, td.int2, td.int4, td.int8, td.number2, td.number{text-align: right;}
td.select, td.boolean, td.booleanimage, td.urlicon, td.combobox, td.date, td.datetime{text-align: center;}
td.money{text-align: right;}
.over{background-color:#FEAB11;}
td.data a{color:#0000bb;}
td.data a:hover{color:#000000;}
th.data-on a:hover{color:#000000;}
td.section{border-bottom:1px solid #000066;}


/* Forms & Fields */
form{display: inline;}
form div.help{width:400px;}
form#search div.help{width:80%;margin-bottom:2em;}
label.field{font: 10px verdana, sans-serif; font-weight:bold; color:#387A88;}
label.group{color: #387A88; display: block; font: 12px verdana, sans-serif; font-weight: normal; padding-right:4px; margin-top: 2em; border-top: 1px dotted #387A88; width: 400px; text-transform: uppercase;}
td.group-label{height:24px;vertical-align: bottom;}
input.login-form-field{font: 11px verdana, sans-serif;}
fieldset{-moz-border-radius: 9px; padding: 10px 20px 20px; margin-bottom: 20px}
legend{padding: 2px 10px;font-size:11px;font-weight: bold;color: #003366;}
.field-hint{font-size:11px;color:#777777;}
.field-help{font-size:12px;color:#777777;}
.field-box{float:left;}
input, textarea, select{font: 12px verdana, sans-serif;}
.field-error{padding-left:2px;color:#000000;background-color:#ff9900;}
.form-section{background-color:#eeeeee;margin-top:20px;margin-bottom:6px;padding: 3px 10px; font-size: 11px; font-weight:bold; border: solid 1px #ededed;}
input.combobox{background-image:url(/local/media/combobox_arrow.gif);background-position : right;background-repeat : no-repeat;}
div.select-box{display:none;text-align:left;position:absolute;z-index:900;border:1px solid rgb(200,200,200);border-bottom:0px;}
div.select-box .option{width:100%;border-bottom:1px solid rgb(200,200,200);background-color:white; cursor: pointer;}
div.select-box .option:hover{background-color:rgb(204, 204, 204);}
#record .value{font-size: 13px;font-weight:bold;}
.checklist {border: 1px solid #ccc;list-style: none;height: 20em;overflow: auto;width: 16em;}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label {display: block; height: 1%; padding-left: 25px;text-indent: -25px;}
.checklist label:hover { background: #777; color: #fff; }

/* Calendar */
.appCalendar_header{   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 9pt;   font-weight: bold; }
.appCalendar_dayname {   background-color: #eeeeee;   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 8pt;   text-align: center;     width: 24px; }
.appCalendar_day {   background-color: #eeeeee;   color: #000000;   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 8pt; }
.appCalendar_other_month_day {   background-color: #dddddd;   color: #000000;   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 8pt; }
.appCalendar_today {   background-color: #ffffff;   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 8pt; }
.appCalendar_selected_day {   background-color: #111111;     color:#eeeeee;   font-family: Arial, Verdana, Helvetica, Sans-Serif;   font-size: 8pt; }
.appCalendar {   background-color: #c0c0c0;   border: 2px outset white;   visibility: hidden;   position: absolute;   top: 1px;   left: 1px; }
.cal-pop-day{cursor:pointer;}