* { margin: 0; padding: 0; border:none; }
body { background: white; text-align: center; font-family: "Open Sans", Arial,"Bitstream Vera Sans",sans-serif;}
a, a:visited, a:active { text-decoration: none; color: #054467; }
div {
    text-align:left;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}
#help {clear:both;text-align:center;font-size:9pt;}
img { border: 0; vertical-align: middle; }
small { font-size: 8pt; }
.clear { clear: both; }
.hide { display: none; }
span.required { color: #F00; }
h1,h2,h3,h4,h5,h6 {font-weight:600;}

#message {margin-bottom:10px;}
#message .error, #message .success, #message .message {padding: 10px;text-align: center;font-weight: 600;border-radius:5px;}
#message .error { border: 1px solid red;background-color: #FFDDDD;}
#message .success { border: 1px solid green;background-color: #DDFFDD;}
#message .message { border: 1px solid blue;background-color: #DDDDFF;}

.validation-error { color: red; font-weight: 600; }
.input-error { border-color: red; }
#client-logo {
    background: transparent url(../images/admin/client_logo.png) no-repeat top left;
    float: left;
    width: 312px;
    height: 65px;
}
/*#content-container {margin-top:10px;min-width:980px;width:100%;}*/
#content-container {min-width:980px;padding:90px 0px;}
ul.top-nav {position: relative;text-align:left;z-index:100;}
ul.top-nav li {
    z-index:95;
    /*background: none repeat scroll 0 0 #A5B289;*/
    float: left;
    font-weight: 600;
    font-size:9pt;
    height:31px;
    line-height:31px;
}
ul.top-nav li a:hover {background-color:#EEFFEE;}
ul.top-nav li a:active {color:#FFA500;}
ul.top-nav li a {z-index:90;color:#222222;display:block;padding: 0px 12px;}
ul.top-nav li.hover, ul.top-nav li:hover {background:white;color:black;position:relative;}
ul.top-nav li ul li.hover, ul.top-nav li ul li:hover {border-color:#054467;color:black;position:relative;}
ul.top-nav li:hover {background-color:white;color:white;}
ul.top-nav li.hover a {color:black;}
/*ul.top-nav ul {left:0;position:absolute;top:100%;visibility:hidden;}*/
ul.top-nav ul {left:-1px;position:absolute;top:100%;visibility:hidden;}
ul.top-nav ul li {background-color:#F6F6F6;clear:both;color:#000000;font-weight:normal;width:100%;height:auto;}
ul.top-nav li ul {border-left:1px solid #687432;border-right:1px solid #687432;border-bottom:1px solid #687432;box-shadow:3px 5px 5px 0px #717171;}
ul.top-nav li ul li {width:175px;}
ul.top-nav ul li a {border-right:medium none;display:block;}
ul.sub-nav ul {z-index:1;list-style:none;}
ul.sub-nav li {z-index:1;float:left;}
/*ul.sub-nav li a{z-index:1;font-size:10pt;color:black;display:block;padding:7px 10px;border-left:1px solid #f5f5f6;border-right:1px solid #f5f5f6;}*/
ul.sub-nav li a{z-index:1;font-size:10pt;color:black;display:block;padding:0px 10px;line-height:30px;border-left:1px solid #f5f5f6;border-right:1px solid #f5f5f6;}
ul.sub-nav li a:hover {background-color:#EEFFEE;border-color:#687432;}
ul.sub-nav li a.active{color:white;background-color:#687432;border-color:#687432;}
ul.sub-nav li a.active:hover {color:white;background-color:#687432;}
/*.masternav {border-right:1px solid #e5e5e5;}*/

#content-body {
    /*float: left;*/
    /*min-width: 746px;
    width: 98%;*/
    /*margin-left: 10px;*/
    padding-bottom:15px;
}
#content-body #panel-container {width: 100%;}
.panel {
    margin: 0.75em 1%;
    float: left;
    width: 48%;
}
.panel, .sec-panel {
    box-shadow: 0px 0px 5px 2px #818181;
}
.panel-head, .panel-head .tl, .panel-head .tr {
    background: #45484d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.panel-head .tl{}
.panel-head .tr{}
.panel-head h2 {
    padding-left: 10px;
    font-size: 11pt;
    color: white;
    line-height: 26px;
    float: left;
}
.panel-body {
    background: #FFFFFF;
    /*border: 1px solid black;*/
    min-height: 150px;
    padding: 8px;
}
.panel-bottom, .panel-bottom .bl, .panel-bottom .br {display:none;}
.panel-body .manage, .panel-body table {width:100%;border-spacing:1;font-size:10pt;}
.panel-body .manage thead.fixed {
    
}
.panel-body .manage th {
    text-align:center;
    background: rgb(186,186,186); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(186,186,186) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(186,186,186)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(186,186,186) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(186,186,186) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(186,186,186) 0%,rgb(255,255,255) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(186,186,186) 0%,rgb(255,255,255) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    font-size:9pt;
    font-weight:600;
    height:25px;
    border:1px solid #cfcfcf;
}
.manage th a {color:black;}
.panel-body .manage tr {height:35px;}
.panel-body .manage tr:hover {background:#f1f3df;}
.panel-body .manage td, .panel-body .manage th {padding:1px 3px;}
.panel-body .manage tbody td {font-size:10pt;text-align:center;border:1px solid #cfcfcf;}
.panel-body .manage tbody td.td-id {text-align:right;}
.panel-body .manage .author, .panel-body .manage .title , .panel-body .manage .created, .panel-body .manage .actions {text-align:center;}
.panel-body input[type='text'] {width:65%;}
.panel-body input[type='image'] {text-align: right;border:none;}
.panel-body .addedit td {padding:5px;}
.panel-body #search-form input {width:65%;}

/* The following are for the pagination links - DOES NOT AFFECT THE JS PAGINATOR */
.paginate {
    /*font-size:10pt;
    color:black;
    margin-top:15px;*/
    position:fixed;
    bottom:0px;left:0px;
    height:35px;width:100%;
    padding-top:10px;
    border-top:2px solid #687432;
    background-color:white;
    box-shadow: 0 -4px 5px 0 #a1a1a1;
    font-size:0.85em;
}
.paginate .page-left, .paginate .links, .paginate .info {padding:3px 10px;}

.paginate .page-left {float:left;width:25%;}
.paginate .links {float:left;width:50%;text-align:center;}
.paginate .info {float:right;}

.paginate .page-left select {padding:1px;font-size:0.85em;}
.paginate .links span span {margin:2px;padding:4px;background-color:black;color:white;}
.paginate .links span a {margin:2px;padding:4px;border:2px solid white;}
.paginate .links span a:hover {background-color:#e0e0e0;border:2px solid #9A3231;color:black;}

/* END PAGINATION STUFF */
.btn-submit {
    text-align: right;
    margin-right: 25px;
    margin-top: 20px;
}
.error-container {
    margin: auto;
    text-align: left;
    width: 65%;
    border: 1px #D8000C solid;
    background: #FFBABA url(../images/icons/alert_48.png) no-repeat;
    background-position: 15px;
    padding: 15px 15px 15px 70px;
}
.panel .action {float:left;margin: 10px auto;text-align: center;width: 118px;}
.panel .action a {font-size: 9pt;}
#task-panel .panel-body {min-height: 350px;height: 100% !important;height: 350px;}
#calendar-panel .panel-body {
    max-height: 363px;
    min-height: 363px;
    height: 100% !important;
    height: 363px;           
}
#calendar-panel #calendar {width:100%;margin:auto;}
.date-time {text-align:right;padding-right:5%;}
#contact-results {
    padding: 10px;
    font-size: 9pt;
    max-height: 110px;
    overflow: auto;
}

#contact-results ol, #contact-results ul {
    margin-left: 10px;
}
.profile {margin:20px 5px;padding:5px 0;}
.panel-body .submit_btn {margin-top:20px;}
.panel-body h1 {font-size: 14pt;color:#054467;margin: 15px;}
.panel-body h1 input {font-size: 14pt;color: #054467;}
.profile .psidebar {border-right:1px solid #054467;vertical-align:top;width:140px;padding-right:10px;}
.profile .poptions {font-size:8pt;}
.profile .ptitle {vertical-align:top;color:#054467;font-weight:600;font-variant:small-caps;margin-bottom:5px;}
.profile .pdata {padding:0;}
.profile .pdata .profile-left, .profile .pdata .profile-right {width:49%;}
.profile .pdata .profile-full {width:100%;}
.profile .pdata .profile-left {float:left;}
.profile .pdata .profile-right {float:right;}
.profile .pdata .profile-left table, .profile .pdata .profile-right table {margin-bottom: 2%;}
.profile .pdata .profile-left div table, .profile .pdata .profile-right div table{margin:0;}
.profile .pdata .profile-notes, .profile .pdata .notes {margin:15px 0;}
.profile .pdata table {border-spacing:1px;}
.profile .pdata tr {background: #f3f3f3;}
.profile .pdata tr:hover {background: #e3e3e3;}
/*.profile .pdata td {vertical-align:top;text-align:left;padding:3px;}*/
.profile .pdata td {vertical-align:middle;text-align:left;padding:3px;}
.profile .notes textarea {min-width:538px;width:78%;height: 150px;}
.profile .contact_list {min-width:150px;width:100%;}

.ajax-search th {background: #000;color: #FFF;padding: 4px;text-align: center;}

.ajax-search td{padding: 4px;}
.ajax-search .even{background:#F5F6F6;}
.ajax-search .odd{background:#FFF;}
.ajax-search .actions{text-align:center;}
#search-results{margin-top:25px;}
.search-dropdown, #search-query, #field { padding:0px; font-size:15pt; }
#search-results th { background: #7E7C7B; color: #FFF; text-align: center; padding: 3px; }
#search-results .actions { text-align: center; }
input, select, textarea { border: 2px solid #cfcfcf; padding: 2px 3px;box-sizing:border-box;font-family:"Open Sans", Arial, Tahoma, Verdana,sans-serif;background-color:#efefef;}
select {padding:1px 3px;}
select option {
    padding:0 2px;
}
select {width:200px;}
input:focus, select:focus,textarea:focus { border-color:#B1C47E;background-color:white;}

/*COLOR PICKER */
.smallColorPicker_button_back{width:32px;height:21px;background:url("/images/picker_back.jpg");cursor:pointer;border:solid 1px #4A4A4A;position:relative;}
.smallColorPicker_button_color{width:17px;height:4px;margin:16px 0 0 2px;position:absolute;overflow:hidden;}            
.smallColorPicker_button_back_popup{border-bottom:none;z-index:2;height:22px;}      
.picker_panel{position:absolute;background-color:#fff;margin-top:-1px;border:solid 1px #4A4A4A;z-index:1;display:none;width:178px;}
.picker_panel_header{background:url("/images/picker_popup_back.jpg") no-repeat scroll center 3px transparent; height:10px;}
.color_parent{height:20px; width:18px;padding:2px;float:left;display:inline;overflow:hidden;}
.color_parent a{padding:2px;display:block;}
.color_parent a:hover{border:solid 1px #1b253e;}
.color_parent a div{height:10px; width:11px;border:solid 1px #808080;overflow:hidden;}
div.subMenu {border-left:1px solid black;border-right:1px solid black;background-color:#054467;}
/* This stuff is for the item sub sub nav menu.. works in IE6 w00t! */
ul { list-style: none; }
ul.dropdown { position: relative; }
ul.dropdown li { font-weight: 600; color: white; float: left; background: transparent; border-right: 1px solid #5A7181; padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;}
ul.dropdown li a:hover { background-color: #5A7181; }
ul.dropdown li a:active { color: #ffa500; }
ul.dropdown li a, ul.dropdown li a:visited { display: block; color: white; }
ul.dropdown li.hover, ul.dropdown li:hover { background: #5A7181; color: black; position: relative; }
ul.dropdown li:hover { background-color:#5A7181;color:white;}
ul.dropdown li.hover a { color:white; }
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; background-color: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; clear: both; width: 100%; }
ul.dropdown ul li a { border-right: none; width: 100%; display: block; width: 89%;}
/* END NAV MENU CSS */
.wait{display: none;}
table strong {font-size:10pt;font-weight:600;padding-top:4px;display:inline-block;}
table strong.required:after {content:"*";color:red;}
table .highlighted {
    background-color:#FF9999;
}
.trackTable{font-size:8pt;}
.trackTable th{padding-left:2px;background-color: #cecece;}
.trackTable select{font-size:8pt;width:auto;max-width: 150px;}

.button, .sbutton, input[type="submit"] {
    display:inline-block;
    padding:3px 7px;
    border:1px solid black;
    color:white;
    font-size:1em;
    line-height:1.25em;
    box-sizing:border-box;
    
    background: #a5a5a5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a5a5a5 0%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5a5a5 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5a5a5 0%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5a5a5 0%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a5a5a5 0%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
}

#tr-filter-search-tr .button,
#tr-filter-search-tr .sbutton,
#tr-filter-search-tr input[type="submit"] {
    font-size:0.85em;
    padding:1px;
}

.tabs-list {
    text-align:center;
    /*background:transparent url('/images/tab-bg.png') no-repeat top left;*/
    background-color:white;
    border-top:1px solid #C1c1c1;
    border-left:1px solid #C1c1c1;
    border-right:1px solid #C1c1c1;
    padding:4px;
    padding-left:12px;padding-right:12px;
    float:left;
    height:27px;
    margin-right:3px;
    margin-top:4px;
    color:black;
    font-size:9pt;
}
.tabs-list a {color:black;}
.tabs-item {width:98%;float:left;background-color:transparent;padding:10px;border:2px solid #DADAD7;border-radius:0px 10px 10px 10px;}
.tabs-list-active {
    /*background:transparent url('/images/tab-bg-over.png') no-repeat top left;*/
    background-color:#DADAD7;
    border-color:transparent;
    color:black;
    margin-top:0px;
    padding-top:8px;
}
.tabs-list-active a {color:#054467;}
.tabs-item input[type="text"] {width:50%;}
.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999999;
  margin: 0;
  padding: 0;
  border: 1px solid WindowFrame;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: Window;
  color: WindowText;
  text-align: left;
  box-shadow: 0 6px 12px #ccc;
  -webkit-box-shadow: 0 6px 12px #ccc;
}
.flexselect_dropdown ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.flexselect_dropdown li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font: Menu;overflow: hidden;}
.flexselect_selected {background-color: Highlight;color: HighlightText;}


#logobg {
    text-align:center;
    background-color:white;
    padding-top:5px;
    padding-bottom:5px;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow:0px 0px 5px 0px #616161;
}
#topHeader {
    position:fixed;
    width:100%;
    height:90px;
    top:0px;
    left:0px;
    background-color:transparent;
    text-align:left;
    z-index:99;
}
#topInner {}
#topUpper {
    position:absolute;
    top:0px;
    border-bottom:5px solid #687432;
    width:100%;
    height:31px;
    /*background-color:#A5B289;*/
    text-align:left;
    background: rgb(201,222,150); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(104,116,50,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(100%,rgba(104,116,50,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(104,116,50,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(104,116,50,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(104,116,50,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(104,116,50,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#687432',GradientType=0 ); /* IE6-9 */
}

#topLower {
    position:absolute;
    top:36px;
    width:100%;
    height:30px;
    text-align:left;
    border-bottom:2px solid #687432;
    background-color:#F5F6F6;
    box-shadow: 0px 4px 3px 0px #a1a1a1;
}

#topLogo {
    position:absolute;
    top:0px;
    margin-left:12px;
    height:65px;
    width:190px;
    z-index:99999;
}
#logobg.small img {height:31px;}
#topUpper.small {box-shadow: 0 4px 3px 0 #616161;}
#topLower.small {display:none;}


div.month-comp {height:34px;vertical-align:middle;text-align:center;}
div.month-comp input {margin-top:6px;}
div.month-comp input[type="text"] {box-sizing: border-box;width:99%;}