/*
Color Reference:
#444
#eee
#aaa

*/

/* CSS Document */
body{ width: 100%; font:normal 12px/18px helvetica, arial, verdana; margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a { margin:0; padding:0;}
ul{ list-style:none; padding: 0; margin: 0; }
.spacer{ font-size:0; line-height:0; clear:both;}
p {padding-top: 7px;}

/* Top Navigation - TABS */
#logo { position:relative; float:left; padding:0; margin:0; list-style:none; font: normal 1.4em/1.3em sans-serif; }

#top-nav { float:right; padding:0; margin: 0 10px 0 0; list-style:none; font: normal 1.2em/1.2em sans-serif; }
#top-nav  li { float:left; margin:0; padding:0; }
#top-nav  a {display:block; color:#444; text-decoration:none; margin:0; padding:0.25em 0.50em; }
#top-nav a:hover, #top-nav a:active, #top-nav a.top-nav-selected:link, #top-nav a.top-nav-selected:visited { background:#eee; }

#parent-nav { position:relative; float:left; width:100%; padding:0; margin:0; list-style:none; font: normal 1.4em/1.3em sans-serif; }
#parent-nav  li { float:left; margin:0; padding:0; }
#parent-nav  a {display:block; color:#444; text-decoration:none; background:#ddd; margin:0; padding:0.25em 1em; border-left:1px solid #fff; border-top:0px solid #ddd; border-right:1px solid #aaa; border-bottom: 1px solid #fff; }
#parent-nav a:hover, #parent-nav a:active, #parent-nav a.parent-nav-selected:link, #parent-nav a.parent-nav-selected:visited { background:#bbb; border-bottom: 1px solid #bbb; }

#child-nav { position: relative; float:left; background:#bbb; width:100%; margin:0; padding:0; list-style:none; border-top:0px solid #fff; line-height: 2.0em; font: normal 1.2em/1.7em sans-serif;}
#child-nav li { float:left; display:block; margin-top:1px; }
#child-nav a { background:#bbb; color:#fff; display:inline; margin:0; padding:0 1em; border:0 }
#child-nav a:hover, #child-nav a:active, #child-nav a.child-nav-selected:link, #child-nav a.child-nav-selected:visited { color:#444; }


/* -- body start -- */
#body-wrapper { position: relative; float: left; display: block; width: 100%; margin:40 auto; padding:0 0 60px 0; }
#page-title { margin: 5px 0 5px 0; position: relative; float: left; padding: 0; background-color:#eee; font: bold 1.6em/1.6em sans-serif; color: #444; width: 100%;}
/* -- body end -- */

/* footer start -- */
#footer{ position: relative; float: left; display: block; width: 100%; }
.footer{ height:115px; margin:0 auto; padding:0px 0 0 0;}
.footer ul{ margin:0 auto;}
.footer ul li{ font:bold 12px/20px Arial, Helvetica, sans-serif; float:left;}
.footer a{ text-decoration:underline; padding:0 8px;}
.footer a:hover{ text-decoration:underline; padding:0 8px;}
.footer p{ margin:0 auto; font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* footer end -- */

#body-wrapper h1 { color: #aaa; padding: 4px; }
#body-wrapper h2 { color: #aaa; padding: 3px; }



/* CLASSES FOR TEXT CASE */
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.smalltext {font-size: 0.95em; }

/* MESSAGES */
.t17InlineError {color: red; margin-bottom: -20px;}
.required {color: #E66400;}

.RequiredLabel { font: normal 1.2em/1.2em arial; color: red; }

/* NAVIGATION BAR */

#child_nav {float: left; background: #fff; width: 100%;}
#child_nav ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
#child_nav li {float: left; border-right:groove 0px #fff;}
#child_nav a {display: block; float: left; margin-right: 1px; padding: 1px 10px 2px 10px;background: #fff; font-size: 1.0em; border: 0px; text-decoration: none; font-family: Verdana,Arial;}
#child_nav a:hover {background: #eee;}
li.child-nav-selected {font-weight: bold;}

input, select, textarea {border:1px solid #999; font:1.0em Arial, Helvetica, sans-serif; margin-top:3px; margin-bottom: 3px;}
input, textarea {padding:2px;}
input[type=checkbox], input[type=radio],input[type=hidden] {border:none; padding:0;}
input.checkbox, input.radio, input.hidden {border:none;}

input { font: 1.4em/1.2em sans-serif; margin-right: 10px; }
textarea { font: 1.4em/1.2em sans-serif;  }
.checkboxs { font: 1.2em/1.2em sans-serif;  }
select { font: 1.4em/1.2em sans-serif;  }

.button {width:auto !important; background:#e1e1e1 url(http://www.talogix.com/images/btn_bg_submit.gif) left center repeat-x; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; padding-right:5px; font-size: 1.4em; }
button:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf;}
button:hover, input.button:hover {cursor:pointer;}
button.primary, input.button.primary {border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; background:#ffa822 url(../images/btn_bg_submit.gif) left center repeat-x;}
button.primary:active, input.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}
button[disabled=disabled] {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button[disabled=disabled]:hover {cursor:default;}
button.disabled, input.button.disabled {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button.disabled:hover, input.button.disabled:hover {cursor:default;}

.apex_finderbar {width:500px;}

.bannerTitle {font:1.80em sans-serif,Arial, Helvetica; font-weight:bold; color:#eee;}
.bannerBody {font:0.75em Helvetica,sans-serif,Arial; font-weight:normal; color:#eee;}

.optionalLabel { font: 1.3em/1.8em sans-serif; padding:0em; color:#4C6DB9; padding: 0px; }
.requiredLabel { font: 1.3em/1.8em sans-serif; padding:0em; color:#f4000c; padding: 0px; }
.region_title { font: 1.0em/2.4em sans-serif; padding:0em; color:#a32439; padding: 0px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; } 
.title { }
.pagination { color: #333; font: 0.9em sans-serif; text-transform: uppercase; }

.region_1_caption {color:#256d88; font:bold 18px/26px Georgia, "Times New Roman", Times, serif; text-align:left;}

.formlayout {width:100%;}

/****************************************************/
/*  TABLE STYLE
 /****************************************************/
table.tab1 { background: #fff; vertical-align: top; font: 0.9em sans-serif; border: solid 0px #eee; }
th.tab1 { padding: 6px; margin:1px; color: #9f1121; font: 0.9em sans-serif; text-transform: uppercase; font-weight: bold; border-top: 4px solid #aaa; background-color: #eee; }
td.tab1 { padding: 5px; vertical-align: top; border-bottom: 1px solid #eee; }
tr.tab1 { }
td.tab1 a { color: #08c; }
td.tab1 a:link, a:visited, a:active { text-decoration: none; }
td.tab1 a:hover { text-decoration: underline; }

table.tab0 { background: #fff; vertical-align: top; font: 0.9em sans-serif; border: solid 0px #eee; }
th.tab0 { padding: 6px; margin:1px; color: #9f1121; font: 0.9em sans-serif; text-transform: uppercase; font-weight: bold; border-top: 4px solid #aaa; background-color: #eee; }
th.tab0 a:link { color: #9f1121; }
td.tab0 { padding: 5px; vertical-align: top; border-bottom: 1px solid #eee; }
tr.tab0 { }
td.tab0 a { color: #08c; }
td.tab0 a:link, a:visited, a:active { text-decoration: none; }
td.tab0 a:hover { text-decoration: underline; }