/* --- start of css --- */
div, table, td { border-color: #cccccc !important; }

div.logoContainer {
  background-color: var(CorporateLogoBGColor);
}
body {
	margin: 0px;
	padding: 0px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
    background-color: #f0f0f0;
    line-height: 1.5em;
}

h1 {
    text-transform: lowercase;
    margin: 0;
    padding: 0;
    line-height: 1.9em;
	font-size: 1.8em;
	font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #514F42;
}

h2 {
    text-transform: lowercase;
    margin: 0;
    padding: 0;
    line-height: 2.0em;
    font-size: 1.5em;
    font-weight: normal;
    font-style: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    color: #154890;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    color: #514F42;
}

p, ol, ul { margin-top: 0px; }
ul { }
ol { }

.survey ul { list-style: disc outside ;  }
.survey ol { list-style: decimal outside; }
.survey .nav { border: 1px solid #ccc; background: #DF772E; font-weight: bold; color: #fff; padding: 4px 6px 6px 6px; vertical-align: middle; }

.quote {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 8px 8px 8px 8px;
    font-size: 12px;
    font-style: italic;
}

textarea { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.reference {
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
}

.relate { color: #154890; font-size: 1.1em; }
.org { color: #154890; font-size: 1.1em; font-weight: bold; }
.big { font-size: 18px; }
.medium { font-size: 16px; }
.small { font-size: 10px; }

img { border: none; }

a {
    text-decoration: none;
    color: #DF772E;
}

a:hover {
	text-decoration: none;
}

hr {
	/* display: none; */
}

#top_block {
    height: 10px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    background-color: #f0f0f0;
    overflow: visible;
    z-index: 10;
}
/* Header */

#header {
    background: url(images/system/site/header_bg.jpg) repeat-x;
	height: 200px;
    width: 90%;
    min-width: 940px;
    margin: 0 auto;
    position: relative;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
}

#header .left {
    background: url(images/system/site/header_fg.jpg) 0 0 no-repeat;
    margin-left: 180px;
    height: 220px;
    width: 640px;
}

#header .right {
    background: url(images/system/header_bg.jpg) 100% 0 no-repeat;
}

#login {
    position: absolute;
    padding-top: 10px;
    top: 10px;
    right: 10px;
    display: block;
    font-size: 12px;
    color: #fff;
}

#login input {
    font-size: 10px;
}

#login a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#section {
    position: absolute;
    top: 140px;
    height: 30px;
    left: 5px;
    width: 200px;
    text-align: left;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

#logo {
    position: absolute;
	top: 30px;
    left: 20px;
    height: 200px;
    font-size: .2em;
}

#logo_txt {
    position: absolute;
    top: 100px;
    left: 20px;
}

#logo_img {
    position: absolute;
    top: 100px;
    left: 20px;
}

#logo h1 {
	margin: 0 0 0 0px;
    padding: 120px 0 0 0px;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 44px;
    line-height: 32px;
	font-weight: normal;
    color: #fff;
}

#logo h1 a {
	display: block;
	text-decoration: none;
    color: #154890;
}

#logo p {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 11px;
    color: #fff;
}

#logo a {
	display: block;
	text-decoration: none;
	color: #06266F;
}

/* Menu */
#menu {
    position: absolute;
    right: 20px;
    top: 149px;
}

#menu ul {
	margin: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 20px;
    background: #154890;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
    color: #fff;
}

#menu a.active {
    background: #808080;
    color: ##fff;
}

#menu a:hover {
    color: #DF772E;
}

#site_msg_box {
    position: absolute;
    left: 6px;
    top: 181px;
    height: 16px;
    width: 400px;
    font-style: italic;
    z-index: 1000;
}

#sub_menu {
    position: absolute;
    right: 0px;
    top: 181px;
}

#sub_menu ul {
    margin: 0px;
    list-style: none;
}

#sub_menu li {
    display: inline;
}

#sub_menu li .active {
    background: #ccc;
    color: #444;
    display: inline;
}

#sub_menu a {
    display: block;
    min-width: 100px;
    float: left;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    border-left: 1px solid #fff;
    padding: 0px 5px 0px 5px;
    background: #567EB9;
}

#sub_menu a .active {
    color: #444;
}

#sub_menu a:hover {
    color: #aaa;
}

/* Page */

#wrapper {
}

#page {
    position: relative;
    display: block;
	width: 90%;
    min-width: 940px;
    min-height: 600px;
	margin: 0px auto;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-right: 1px solid;
    border-left: 1px solid;
}

/* Content */
#content {
	float: left;
    /* position: absolute; */
    top: 0px;
    left: 0px;
    width: 75%;
	margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
}

#content_admin {
    float: left;
    width: 98%;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.news_heading {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-style: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    color: #ffffff;
    background: #888888;
    border-right: 1px solid #ffffff;
}

/* Post */
.post {
	margin-top: 20px;
    table-layout: fixed;
}

.post .date {
	float: left;
	width: 76px;
	height: 58px;
	margin: 0;
	margin-right: 20px;
	padding-top: 2px;
	background: #514F42;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .title {
	margin: 0;
	padding: 0 0 0 0;
	margin-left: 0px;
    padding-left: 0px;
	font-size: 1.8em;
}

.post .title h2 {
	padding: 0;
	margin: 0;
}

.post .hr1 {
}

.post strong, b {
    color: #222;
    font-size: 16px;
}

.post .meta {
	/* margin: 0 0 30px 20px; */
    margin: 0 0 0px 0px;
	padding: 0;
	color: #979680;
	line-height:normal;
}

.post .meta a {
	/* color: #828170; */
    color: #2B6BC1;
}

.post .entry {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #666633;
}

.caption {
    font-weight: bold;
    padding: 4px;
}

/* Sidebar */
#sidebar {
    float: right;
    width: 20%;
}

#sidebar a { text-decoration: none;  color: #CC3433; }
#sidebar a:hover { text-decoration: none; color: #aaaaaa; }

#sidebar ul {
    list-style: disc outside;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    display: block;
    min-height: 28px;
    padding: 6px 4px 0px 20px;
    background: #567EB9;
    border-bottom: 1px solid #fff;
}

#sidebar li a {
    color: #fff;
}

#sidebar li.active {
    background: #ccc;
}

#sidebar li.active a {
    color: #444;
}

#sidebar h2 { background: #154890 url("images/system/site/sidebar_tl.gif") 0 0 no-repeat; text-align: center; padding: 6px;
        margin: 0 auto; color: #fff; height: 28px; border-bottom: 1px solid #fff;}

#sidebar h2.bottom { background: #154890 url("images/system/site/sidebar_bl.gif") 0 100% no-repeat; font-size: 12px; font-weight: normal; text-align: right; margin: 0 0 10px 0; }
#sidebar h2.bottom a { color: #fff; }

/* Calendar */
.cal_sidebar { margin: 0; }
table.cal_month  { width: 90%; margin-left: 5%; margin-right: 5%; padding: 4px; margin: 0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 14px; }
table.cal_month a { text-decoration: none; }
table.cal_month td { text-align: center; }
table.cal_month td.l { width: 14%; text-align: left; border: none; }
table.cal_month td.c { width: 72%; text-align: center; border: none;  }
table.cal_month td.r { width: 14%; text-align: right; border: none; }
table.cal_month td.d { text-align: right; }
table.cal_month td.today { text-align: right; background: #cccccc; }

#cal_disp_box { display: block; position: relative; width: 100%; border: none; }
.cal_header  { height: 32px; line-height: 30px; font-size: 14px; font-weight: bold; vertical-align: middle; background: #154890; color: #ffffff; }

.cal_sidebar { width: 15%; vertical-align: top; border-left: 1px solid; padding-left: 4px;}
.cal_sidebar h2 {font-size: 18px; margin: 0; }
.cal_row_0 { background: url("images/system/dot_gray.gif") 0 100% repeat-x; }
.cal_row_1 { background: url("images/system/dotted_gray.gif") 0 100% repeat-x; }

.event_box { cursor: pointer; position:absolute; width: 600px; height: 30px; left: 75px; top: 0; visibility: visible;
    background-color: #eeeeee; z-index: 100; color: #222222; overflow: hidden; filter: alpha(opacity=80); opacity: .8 }
.event_box .bar { cursor: move; display: block; width: 90%; height: 14px; background-color: #cccccc; font-size: 10px; text-align: left; padding-left: 4px; overflow: hidden; }
.event_box .edit { position: absolute; display: block; cursor: pointer; left: 80%; top: 0px; height: 14px; width: 20%; font-size: 10px; text-align: left; padding-right: 4px; overflow: hidden; }
.event_box .bar .close { margin: 5px; float: right; display: block; width: 8px; height: 8px; padding: 4px;}
.event_box .body { padding: 8px; display: block; height: 100%;font-size: 12px; overflow: hidden; }
.event_box .stretch { cursor: s-resize; position: absolute; display: block; width: 100%; text-align: right; padding-right: 20%; font-size: 10px; overflow: hidden;}

#site_msg_popup { display: none; position: absolute; border: 1px solid; background: #FBF7C5; zindex: 1000; padding: 1px 4px 1px 4px; }
/* Footer */

#wrapper2 {
    background-color: #f0f0f0;
    color: #222;
}

#footer {
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
    background: #154890;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

#footer a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 300px;
	padding-left: 20px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 30px;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #573D30;
}

#footer li li a {
}

#footer h2 {
	margin-top: 0;
	color: #FFFFFF;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	background: #f0f0f0;
}

#legal a {
	border-bottom: 1px dotted #939393;
	text-decoration: none;
	color: #D86A6A;
}

.rounded_1 { display: block; position: relative; background-color: #ffffff; width: 100%; background: url("images/system/rounded_1/b.gif") 0 100% repeat-x; margin-right: 4px; margin-bottom: 10px; }
.rounded_1 .t_caption {background: url("images/system/rounded_1/t_caption.gif") 0 0 repeat-x; }
.rounded_1 .t_tabs { }
.rounded_1 .t { background: url("images/system/rounded_1/t.gif") 0 0 repeat-x; }
.rounded_1 .b {background: url("images/system/rounded_1/b.gif") 0 100% repeat-x; }
.rounded_1 .l {background: url("images/system/rounded_1/dot.gif") 0 0 repeat-y}
.rounded_1 .r {background: url("images/system/rounded_1/r.gif") 100% 0 repeat-y}
.rounded_1 .bl {background: url("images/system/rounded_1/bl.gif") 0 100% no-repeat; }
.rounded_1 .br {background: url("images/system/rounded_1/br.gif") 100% 100% no-repeat; }
.rounded_1 .tl_caption {background: url("images/system/rounded_1/tl_caption.gif") 0 0 no-repeat}
.rounded_1 .tr_caption {background: url("images/system/rounded_1/tr_caption.gif") 100% 0 no-repeat; padding:10px; }
.rounded_1 .tl {background: url("images/system/rounded_1/tl_caption.gif") 0 0 no-repeat}
.rounded_1 .tr {background: url("images/system/rounded_1/tr_caption.gif") 100% 0 no-repeat; padding:10px}
.rounded_1 .c { background-color: #ffffff; }
.rounded_1 strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }

.top_rounded {display: block; position: relative; height: 10px; background: url("images/system/rounded_1/t.gif") 0 0 repeat-x;}
.top_rounded div {display: block; position: absolute; height: 10px; width: 100%; top: 0px; left: 0px; background: url("images/system/rounded_1/tl.gif") 0 0 no-repeat;}
.top_rounded div div { display: block; position: absolute; height: 10px; width: 100%; top: 0px; left: 0px; background: url("images/system/rounded_1/tr.gif") 100% 0 no-repeat; }
.bottom_rounded { display: block; position: relative; height: 10px; background: url("images/system/rounded_1/b.gif") 0 100% repeat-x; }
.bottom_rounded div { display: block; position: absolute; height: 10px; width: 100%; top: 0px; left: 0px; background: url("images/system/rounded_1/bl.gif") 0 0 no-repeat; }
.bottom_rounded div div { display: block; position: absolute; height: 10px; width: 100%; top: 0px; left: 0px; background: url("images/system/rounded_1/br.gif") 100% 0 no-repeat; }
.middle_rounded { display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0px; padding: 10px 10px 10px 20px; }

.service_list { }
.service_list table { border-top: 1px solid; border-left: 1px solid; width: 95%; }
.service_list table td { border-right: 1px solid; border-bottom: 1px solid; }
.verticaltext { writing-mode: tb-rl; filter: flipv fliph; border-right: none; }
.service_header { font-weight: bold;}

table.alt0 td { background-color: #ffffff; }
table.alt1 td { background-color: #eeeeee; }
tr.alt0 td { background-color: #ffffff; }
tr.alt1 td { background-color: #eeeeee; }

table.bordered { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.bordered tr th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.bordered tr td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; }

table.nonbordered { width: 100%; }
table.nonbordered tr th {  }
table.nonbordered tr td { vertical-align: top; }
table.nonbordered tr.top td { margin-top: 6px; border-top: 1px dotted #ccc; vertical-align: top; }
table.nonbordered tr td.score { margin-top: 6px; vertical-align: top; text-align: right; padding-right: 2%; font-size: 1.2em; font-weight: bold; }
table.nonbordered tr.section td { margin-top: 10px; border-top: 3px solid #ccc; vertical-align: top; }

table.report { width: 100%; padding: 4px; }
table.report tr.alt0 td { background-color: #ffffff; }
table.report tr.alt1 td { background-color: #eeeeee; border-bottom: 1px solid; }
table.report tr.caption td { font-weight: bold; color: #777777; }

table.tabs_white  { margin-left: 10px; margin-right: 20px; border-right: 1px solid; }
table.tabs_white a { text-decoration: none; color: #ffffff;}
table.tabs_white td { padding: 8px; border-left: 1px solid; border-top: 1px solid; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #aaaaaa; margin-right: 4px; }
table.tabs_white td.active { padding: 8px; border-left: 1px solid; border-top: 1px solid; background-color: #ffffff; }
table.tabs_white td.active a { color: #d86a6a; }
table.tabs_white td.fill { background-color: #ffffff; border-bottom: 1px solid; border-top: none; }

table.tabs_blue  { margin-left: 10px; margin-right: 20px; border-right: 1px solid; }
table.tabs_blue a { text-decoration: none; color: #ffffff;}
table.tabs_blue td { padding: 8px; border-left: 1px solid; border-top: 1px solid; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #6C8CD5; margin-right: 4px; }
table.tabs_blue td.active { padding: 8px; border-left: 1px solid; border-top: 1px solid; background-color: #ffffff; }
table.tabs_blue td.active a { color: #d86a6a; }
table.tabs_blue td.fill { background-color: #ffffff; border-bottom: 1px solid; border-top: none; }

.control_bar { display: block; border-bottom: 1px solid #cccccc; margin-bottom: 4px; width: 100%; }
.control_bar a { text-decoration: none; font-weight: bold; }
.control_bar form { display: inline; }
.control_bar input { font-size: 10px; width: 80px; }
.control_bar input.submit { font-size: 10px; width: 30px; height: 14px; }
.control_bar ul { margin: 0px; list-style: none; padding: 0px; }
.control_bar li { margin: 0px; display: inline; padding: 0px; }
.control_bar div { float: left; padding: 0px 4px 4px 4px; height: 24px; }

#contact_card { display: block; position: relative; float: left; width: 32%; margin: 5px; margin-bottom: 20px; }
#contact_card .row { display: block; position: relative; height: 16px; font-size: 12px; margin: 0;  }
#contact_card select { font-size: 12px; margin: 0; }
#contact_card .cap { position: absolute; top: 0px; left: 0px; height: 16px; text-align: left; font-weight: bold; color: #aaaaaa; }
#contact_card .con { position: absolute; top: 0px; left: 0px; height: 16px; padding-left: 79px; width: 300px; }
#contact_card .photo { position: absolute; top: 0px; left: 0px; height: 75px; width: 75px; }
#contact_card .address { position: relative; display: block; min-height: 75px; margin: 0; padding-left: 80px; font-size: 12px; margin-bottom: 5px; min-width: 200px; overflow: hidden; }
#contact_card .title { margin: 0; font-size: 16px; }

.name_row_0 { display: block; width: 100%; background: #ffffff; padding: 4px; }
.name_row_1 { display: block; width: 100%; background: #eeeeee; padding: 4px; }

#event_edit { width: 100%; margin: 0; border-left: 1px solid #154890; border-right: 1px solid #154890; padding-left: 10px; padding-right: 10px; }
#event_edit .right { width: 100%; margin: 0; background: url("images/system/dot_blue.gif") 100% 0 repeat-y; }
#event_edit a { text-decoration: none; }
#event_edit td { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; margin: 0; padding: 4px 8px 0 0; vertical-align: top; }
#event_edit td.caption { font-weight: bold; color: #888; width: 100px;}
#event_edit td.full_caption { font-weight: bold; color: #888; width: 90%;}
#event_edit .check_box { width: 150px; float: left; padding: 4px; }
#event_edit input {  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#event_edit input.text_entry { width: 300px; }
#event_edit input.date_entry { width: 100px; }

#my_page h1 { font-size: 16px; font-weight: bold; margin-bottom: 0; width: 90%; height: 20px; padding: 4px 4px 4px 0px; }
#my_page textarea { width: 90%; height: 40px; }
#my_page ul { margin: 0px; list-style: none; padding: 0px 0px 0px 4px; }
#my_page form {margin-top: 0px; }
#my_page .caption { font-weight: strong; color: #aaaaaa; margin: 0; padding: 0;}
#my_page .info { font-weight: normal; font-style: italic; }

#child_page h1 { font-size: 16px; font-weight: bold; margin-bottom: 0; width: 90%; height: 20px; padding: 4px 4px 4px 0px; }
#child_page textarea { width: 90%; height: 40px; }
#child_page ul { }
#child_page form {margin-top: 0px; }
#child_page .caption { font-weight: strong; color: #aaaaaa; margin: 0; padding: 0;}
#child_page .info { font-weight: normal; font-style: italic; }

table.post { padding: 0px; margin: 4px 0px 8px 0px; }
table.post tr { margin: 0px; padding: 0px; }
table.post td { vertical-align: top; margin: 0px; padding: 0px 2px 0px 2px; font-size: 12px; line-height: 16px;}
table.post td.timestamp { font-size: 10px; color: #aaaaaa; font-style: italic; }
table.post td.border { font-size: 5px; border-top: 1px dotted; padding-top: 4px; }
table.post td.action{ font-size: 10px;}
table.post td.input{ font-size: 10px; }
input.post {font-size: 10px; }
.post_timestamp { font-size: 11px; color: #888; font-style: italic; }
.post_caption { font-size: 12px; color: #154890; font-weight: bold; }
.post_headline { font-size: 14px; color: #444; font-weight: bold; }
.post_action { font-size: 10px; }

#event_list { font-size: 14px; padding-left: 8px; padding-right: 4px; }
#event_list .date_heading { font-size: 14px; font-weight: bold; color: #154890; }
#event_list .activity { font-size: 14px; font-weight: bold; font-style: normal; color: #222; }
#event_list .info { font-size: 12px; font-weight: normal; font-style: italic; color: #333; border-bottom: 1px dashed #ccc; margin-bottom: 4px;}

#side_by_side { display: block; position: relative; width: 100%; height: 24px; }
#side_by_side div { display: block; position: absolute; top: 0px; left: 4px; width: 100%; font-weight: bold; color: #555; }
#side_by_side div div { display: block; position: absolute; top: 0px; left: 10%; width: 75%; }

.row { display: block; position: relative; width: 100%; height: 30px; font-weight: bold; }
.row div { display: block; position: absolute; top: 0px; left: 150px; font-weight: normal; }
.row_hidden { display: none; position: relative; width: 100%; height: 30px;  font-weight: bold; }
.row_hidden div { display: block; position: absolute; top: 0px; left: 150px; font-weight: normal;}

#top_bottom { display: block; position: relative; width: 100%; }
#top_bottom .caption { display: block; position: relative; width: 100%; height: 18px; font-weight: bold; color: #555; }

.chart { display: block; position: relative; width: 800px; height: 16px; font-size: 12px; font-weight: normal; font-style: italic; padding: 0; margin: 0; color: #222; }
.chart div { display: block; position: absolute; height: 16px; left: 100px; top: 0px; width: 700px; padding: 0px; margin: 0px; font-size: 12px; font-weight: normal; color: #222; background: url("images/system/chart_00.gif") repeat-x 0 0;}
.label_field { display: block; position: relative; width: 100%; height: 24px; font-size: 14px; font-weight: bold; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; color: #555; }
.label_field div { display: block; position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 4px; padding-bottom: 0; padding-left: 15%; font-size: 14px; font-weight: normal; color: #333; }
.label_field input.text { width: 40%; }
.label_field input.text.money { text-align: right; }
.label_field_high { display: block; position: relative; width: 100%; height: 72px; font-size: 14px; font-weight: bold; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; color: #555}
.label_field_high div { display: block; position: absolute; left: 0px; top: 0px; width: 100%; padding-left: 15%; font-size: 12px; font-weight: normal; }
.label_field_high div textarea { width: 50%; height: 60px; }
.label_report { display: block; position: relative; width: 100%; height: 24px; font-size: 14px; font-weight: bold; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; color: #555; border-bottom: 1px solid #ccc; overflow: hidden;}
.label_report div { display: block; position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 4px; padding-bottom: 0; padding-left: 15%; font-size: 14px; font-weight: normal; color: #333; overflow: hidden;}
.label_report .yes_no_label { display: block; position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 4px; padding-bottom: 0; padding-left: 15%; font-size: 14px; font-weight: normal; color: #333; overflow: hidden;}
.label_report .scale_label { display: block; position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 4px; padding-bottom: 0; padding-left: 15%; font-size: 14px; font-weight: normal; color: #333; overflow: visible;}
.label_report_count { display: block; position: relative; width: 100%; height: 24px; font-size: 14px; padding: 0px 4px 4px 4px; border-bottom: 1px solid #ccc;}
.label_report_count .count_value { display: block; position: absolute; left: 0px; bottom: 4px; width: 14%; font-weight: bold; color: #333; text-align: right;}
.label_report_count .count_label { display: block; position: absolute; left: 0px; bottom: 4px; width: 100%; padding-left: 15%; font-weight: normal; color: #333; height: 20px; }
.report_note { padding-top: 2px; border-bottom: 1px solid #ccc; color: #000; }
.report_note div { color: #777; font-style: italic; }
.trk_report h1 { padding: 0px 0px 0px 0px; margin: 0px; }
.trk_report h2 { padding: 0px 0px 0px 24px; margin: 0px; }
.trk_report h3 { padding: 0px 0px 0px 48px; margin: 0px; }
.trk_report .sub_category { padding-left: 72px; font-weight: bold; }

.sv_num { width: 40px; text-align: right; overflow: hidden; }
.sv_num_ta { width: 40px; text-align: right; overflow: hidden;  }
.sv_txt { width: 80%; }
.sv_txt_wrap { width: 80%; font-size: 110%; }
.sv_txt_wrap textarea { width: 100%; }
.sv_ans { width: 50%; overflow: hidden; }
.sv_code { width: 100px; overflow: hidden; }
.sv_tag { width: 20%; }
.sv_name {width: 200px; }
.sv_date {width: 200px; }
.sv_depends_on { width: 10%; }
.sv_body { width: 80%; height: 40px; margin-left: 50px; }
.sv_body_no_controls { width: 80%; height: 40px; }
.sv_sub { margin-left: 2em; width: 90%; }
.sv_sub textarea { width: 80%; }
.sv_sub input { width: 40%; }
.sv_sub_edit { width: 90%; }
.sv_radio { margin-top: 4px; }
.sv_li { padding-top: 8px; border-top: 1px dotted #ccc; margin-top: 16px; vertical-align: middle; };
.sv_spacer_0 { float: left; width: 45px; padding-right: 5px; text-align: right; }
.sv_spacer_1 { float: left; width: 95px; padding-right: 5px; text-align: right; }
.sv_spacer_2 { float: left; width: 115px; padding-right: 5px; text-align: right; }
.sv_goto { width: 80%; text-align: center; font-size: 1.1em; border: 2px solid #ccc; padding: 8px; margin: 8px; }
.sv_heading { width: 100%; }
.sv_heading textarea { margin-left: 45px; width: 90%; height: 40px; }
.sv_id { float: left; width: 45px; padding-right: 5px; text-align: right; }
.sv_ans_id { float: left; width: 85px; padding-right: 5px; text-align: right; }
.sv_sub_id { float: left; width: 115px; padding-right: 5px; text-align: right; }

table.grid { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.grid tr td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; background-color: #fff; }
table.grid tr.alt0 td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; background-color: #fff; }
table.grid tr.alt1 td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; background-color: #f8f8f8; }
table.grid tr.alt2 td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; background-color: #fbf7c5; }
table.grid th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.tracker table { font-size: .9em; }
.tracker table td { vertical-align: top; padding-left: 4px; padding-right: 4px; padding-top: 0; padding-bottom: 8px; margin: 0;}
.tracker table th { }
.tracker select { width: 200px; }
.tracker opt { display: block; float: left; width: 100px; font-size: 12px; }
.trk_heading { position: relative; display: block; width: 100%; height: 32px; text-transform: lowercase; margin: 0; padding: 0;
    line-height: 1.7em; font-size: 1.5em; font-weight: normal; font-style: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #154890; }
.trk_heading div { position: absolute; left: 70%; top: 0px; height: 32px; font-size: 12px; line-height: 14px; color: #222; font-weight: normal;  }
.trk_track_select { padding: 12px 8px 0px 8px; border-top: 1px solid #ccc;; border-left: 1px solid #ccc; border-bottom: 0pt; border-right: 0pt; float: left; height: 28px; background: #fff; }
.trk_track_unselect { padding: 12px 8px 0px 8px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 0pt; border-bottom: 1px solid #ccc; float: left; height: 28px; font-weight: normal; background: #eee; }
.trk_track_end { padding: 12px 0px 0px 0px; border-left: 1px solid #ccc; float: left; height: 28px; background: #fff; }
.trk_collect_select { margin: 4px 2px 2px 2px; padding: 2px 8px 0px 8px; border: 1px solid #ccc; float: left; height: 22px; background: #fff; }
.trk_collect_unselect { margin: 4px 2px 2px 2px; padding: 2px 8px 0px 8px; border: 1px solid #ccc; float: left; height: 22px; font-weight: normal; background: #eee; }
.trk_collect_unselect a { }
.trk_collect_end { margin-top: 4px; padding: 2px 0px 0px 0px; border-left: 1px solid #ccc; float: left; height: 22px; background: #fff; }
.trk_note { position: relative; display: none; width: 100%; height: 90px; margin-bottom: 4px; border-bottom: 1px solid #ccc; }
.trk_note_dis { position: relative; display: block; width: 98%; height: 60px; border: 1px solid #ccc; overflow: auto; }
.trk_note textarea { width: 98%; height: 60px; overflow: auto; }
.trk_list { position: relative; display: none; width: 100%; height: 30px; margin-bottom: 4px; }

table.matrix_selection { width: 80%; table-layout: fixed; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.matrix_selection td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px; }

.button { float: left; margin-left: 4px; background: url(images/system/button_center.gif) 0 0 repeat-x; height: 40px; vertical-align: middle; line-height: 40px;}
.button div { background: url(images/system/button_right.gif) 100% 0 no-repeat; height: 40px; vertical-align: middle; line-height: 40px; padding-right: 20px; }

.report_h1 { display: block; position: relative; width: 100%; text-transform: lowercase; margin: 0; padding: 0;
    line-height: 1.9em; font-size: 1.8em; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    letter-spacing: -1px; color: #514F42; }
.report_h1 div { display: block; position: absolute; top: 0; left: 400px; height: 24px; width: 200px; }

.report_h2 { display: block; position: relative; width: 100%; text-transform: lowercase; margin: 0; padding: 0;
    line-height: 1.7em; font-size: 1.5em; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    letter-spacing: -1px; color: #154890; }
.report_h2 div { display: block; position: absolute; top: 0; left: 400px; height: 24px; width: 200px; }

a.add_question {
    width: 162px;
    height: 16px;
    background: url(images/system/icons/add_question.gif) 0 0 no-repeat;
}
a.add_question:hover {
    background: url(images/system/icons/add_question_hover.gif) 0 0 no-repeat;
}

.msg_preview {
    display: none;
    position: absolute;
    overflow: auto;
    text-align: left;
    padding: 8px;
    width: 100%;
    height: 90%;
    top: 5%;
    left: 0px;
    background: #fff;
    border: 4px solid #ccc;
}

.msg_wait {
    display: none;
    position: absolute;
    text-align: center;
    padding-top: 17%;
    width: 80%;
    height: 25%;
    top: 25%;
    left: 10%;
    background: #fff;
    border: 4px solid #ccc;
}

.cal_nav_back { display: block; position: absolute; left: 0px; top: 0px; width: 15px; height: 22px; background: url(images/system/cal_nav_back.gif) no-repeat; }
.cal_nav_fwd  { display: block; position: absolute; left: 114px; top: 0px; width: 14px; height: 22px;  background: url(images/system/cal_nav_fwd.gif) no-repeat;}
.cal_nav_select   { display: block; position: absolute; top: 0px; width: 50px; height: 22px;  background: url(images/system/cal_nav_select.gif) no-repeat;   text-align: center; font-weight: bold; }
.cal_nav_selected { display: block; position: absolute; top: 0px; width: 50px; height: 22px;  background: url(images/system/cal_nav_selected.gif) no-repeat; text-align: center; font-weight: bold; color: #fff; }
table.week { height: 2400px; table-layout: fixed; }
table.week tr.alt0 td { background-color: #DDE5F1; border-bottom: 1px solid #ccc; border-right: 1px solid #333; height: 49px; margin: 0pt; padding: 0pt; z-index: 0; }
table.week tr.alt1 td { background-color: #A9BEDD; border-bottom: 1px dotted #ccc; border-right: 1px solid #333; height: 49px; margin: 0pt; padding: 0pt; z-index: 0; }
table.day { table-layout: fixed; }
table.day tr.alt0 td { background-color: #DDE5F1; border-bottom: 1px solid #ccc; border-right: 1px solid #333; width: 1120px; height: 49px; margin: 0pt; padding: 0pt; z-index: 0; }
table.day tr.alt1 td { background-color: #A9BEDD; border-bottom: 1px dotted #ccc; border-right: 1px solid #333; width: 1120; height: 49px; margin: 0pt; padding: 0pt; z-index: 0; }
/* --- end of css --- */