/* START OF HEADER CSS */

.pictablemid{
valign:middle;
}

.borderStyle{
	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
	
}
/* START OF INPUT TYPE */
input[type=text] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
} 

input[type=week] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=datetime] {
 	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=datetime-local] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=number] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=month] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=date] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}

input[type=button] {
 	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=email]:focus {
  border-color: #66afe9;
}
input[type=password] {
  	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=tel] {
 	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=time] {
 	border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}
input[type=url] {
  border-style:solid;
	border-color: rgba(128, 128, 128, 0.72);
}

/*START OF INPUT TYPE FOCUS*/
input[type=text]:focus {
  border-color: #66afe9;
}
input[type=week]:focus {
  border-color: #66afe9;
}
input[type=datetime]:focus {
  border-color: #66afe9;
}
input[type=datetime-local]:focus {
  border-color: #66afe9;
}
input[type=number]:focus {
  border-color: #66afe9;
}
input[type=month]:focus {
  border-color: #66afe9;
}
input[type=date]:focus {
  border-color: #66afe9;
}

input[type=button]:focus {
  border-color: #66afe9;
}
input[type=email]:focus {
  border-color: #66afe9;
}
input[type=password]:focus {
  border-color: #66afe9;
}
input[type=tel]:focus {
  border-color: #66afe9;
}
input[type=time]:focus {
  border-color: #66afe9;
}
input[type=url]:focus {
  border-color: #66afe9;
}

.logo_pic {
left: 4px;
top: 4px;
}
.main_greeting {
font: bolder;
font-size: 15pt;
}
.header_menu {
width: 95%;
background-repeat: no-repeat;
top: 20px;
text-align: center;
position: absolute;
left: 10px;
top: 10px;
}
.header_exit {
padding: 4px;
float: right;
}
.header_div {
width: 99%;
border: thin;
height: 45px;
position: relative;
}
/* END OF HEADER CSS */
/* START OF FOOTER CSS */
.footer_image {
vertical-align: top;
}
.copyright {
padding-left: 200px;
font-size: small;
}
.footer_style {
height: 11px;
}
.footer_table
{
width: 100%;
height: 100%;
}
.footer_table TD
{
height:100%;
}
.footer_table IMG
{
height:100%;
vertical-align: bottom;
}
/* END OF FOOTER CSS */

/* START OF NAV CSS */

#navigation_bar {
margin: 0;
padding: 0;
width: 100%;
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-style: solid;
border-top-width: 2px;
position: absolute;
left: 0px;
top: 0px;
}
#sub_background {
margin: 0;
padding: 0;
width: 100%;
position: absolute;
left: 0px;
top: 20px;
border: thin;
height: 50%;
}
#navigation_bar ul {
padding: 0px;
margin: 0px;
float: left;
display: inline;
list-style: none !important;
}
#navigation_bar ul li {
float: left !important;
display: inline !important;
list-style: none !important;
}
#navigation_bar ul li a label {
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
}
#navigation_bar ul li a {
text-decoration: none;
}
#navigation_bar ul li ul {
margin: 0;
padding: 0;
float: left;
border: none;
list-style: none !important;
display: inline;
position: absolute;;
left: 5px;
top: 20px;
}
#navigation_bar ul li ul li {
float: left;
padding: 0px;
}
.navOpenMenu a label {
padding-left: 5px;
padding-right: 5px;
align: center;
text-decoration: underline;
}
.navActiveMenu a label {
padding-left: 5px;
padding-right: 5px;
align: center;
text-decoration: underline;
}
.tabtable {
border: none;
white-space: nowrap;
border-collapse:collapse;
padding: 0 0 0 0;
}
.tabtable td {
border: none;
white-space: nowrap;
border-collapse:collapse;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding-left: 0px;
margin-left: 0px;
}
.tabtable td img {
border: none;
white-space: nowrap;
border-collapse:collapse;
padding: 0 0 0 0;
margin: 0 0 0 0;
vertical-align: bottom;
}
.tabtable td label {
margin: 5px; 
padding-right: 5px;
white-space: nowrap;
border-collapse:collapse;
}
.tabDeselectedCell {
border-collapse: collapse;
padding: 0 0 0 0;
margin: 0 0 0 0;
white-space: nowrap;
}
.tabSelectedB2 {
text-decoration: none;
white-space: nowrap;
}
.tabSelectedB3 {
text-decoration: none;
white-space: nowrap;
}
.tabTextDeselected {
white-space: nowrap;
}.subTabSelectedB2 {
text-decoration: none;
white-space: nowrap;
}
.subTabDeselectedCell {
white-space: nowrap;
}
/* END OF NAV CSS */
body {
font-family: arial, helvetica, sans-serif;
font-size: 0.85em;
}
.directoryList { 
height: 475px !important;
width: 100% !important;
overflow: auto !important;
margin-bottom: 2px;
}
.departmentTree {
height: 450px !important;
width: 100% !important;
overflow: auto !important;
margin-top:0px;
margin-bottom: 0px;
}
.activeTabStyle,.inactiveTabStyle,.disabledTabStyle {
text-align: right;
border: 1px solid black;
padding: 2px;
width: auto;
}
.activeTabStyle input {
background-color: rgb(255, 204, 102);
border-bottom: 0;
}
.activeTabStyle input {
width: auto;
}
.inactiveTabStyle {
background-color: rgb(102, 204, 255);
}

.disabledTabStyle {
background-color: red;
}

.activeSubTabStyle {
background-color: rgb(255, 204, 102);
border-bottom: 0;
}
.inactiveSubTabStyle {
background-color: rgb(255, 204, 102);
}
.tabContentStyle {
border: 1px solid black;
border-top: 0;
}
html.waitCursor * {
cursor: wait;
}
a {
text-decoration: none;
}
.warn
{
color: red;
font-size: 1.25em;	
}

.paginationPageNum {
margin-left: 0.1em;
margin-right: 0.1em;
}
.controlButton {
margin: 0 0.25em 0 0.25em;
vertical-align: top;
}

.cookieCrumb {
font-weight: bold;
position: relative;
left: 1em;
}
.arrowExpandControl {
border: 0;
margin-left: 0.25em;
}
.activelySelectedDepartment {
color: rgb(0, 85, 162);
font-weight: bold;
text-decoration: none;
}
body,html {
height: 95%;
}
.columnContainer {
height: 100%;
min-height: 100%;
}
.detailsLeft {
width: 48%;
height: 1em;
float: left;
}

.detailsRight {
float: right;
width: 48%;
height: 1em;
}
.subTitle {
font-weight: bold;
white-space: nowrap;
}
.dataTable {
width: 97%;
}
.panelBox {
background-color: #E9E5E5;
border: 1px solid black;
}

.panelContent {
padding: .25em;
}
.infoIcon {
margin-left: 5px;
margin-right: 5px;
vertical-align: middle;
border: 0;
}
.icon {
margin: 2px;
border: 0;
}
.buticon {
position:absolute;
margin: 0px;
border: 0;
}
.component {
vertical-align: middle;
border: 1px solid black;
padding: 5px;
}

.component .body {
padding: 3px;
width: 100%;
}
.component .title {
color: black;
font-size: 14pt;
font-weight: bold;
}
.activeTab {
background-color: white;
 }
.activeTab input {
color: black !important;
background-repeat: no-repeat !important;
background-image: none !important;
}

.directorySearchPanel {
width: 27em;
margin: 0 auto;
}
.messagingSearchPanel {
vertical-align: left;
width: 10em;
margin: 0 auto;
}
.inactiveTab {
background-color: grey;
}
.inactiveTab input {
color: black !important;
background-repeat: no-repeat !important;
background-image: none !important;
}

/* BELOW IS SITE WIDE STYLES */ /* TREE STYLES */
.treeNavSpacer {
width: 19px;
}
.treeNavControl {
border: 0;
}
.treeBody {
white-space: nowrap;
}
a:hover {
color: rgb(16, 136, 248);
}
a:visited {
color: rgb(0, 85, 162);
}
.inputField {
background-color: #DDEFFF;
border: 1px solid black;
margin: 2px;
}
.label {
font-weight: bold;
white-space: nowrap;
}
.inputLabel {
font-weight: bold;
white-space: nowrap;
}
.nav_div {
position: relative;
height: 50px;
width: 99%;
}
.body_div {
top: 0px;
left: 0px;
width: 99%;
padding: 5px 0 5px 0;
}
.listbutton {
Border-Color: #ffffff;
Padding-Left: 1px;
Padding-Top: 1px;
Padding-Bottom: 2px;
Font-weight: Bold;
}
.search_table_header {
float: left;
color: white !important;
background-color: blue !important;
}

.hideelement {
display: none;
color: white;
backgroud-color: white;
Font-size: 1pt;
}
.mastertableheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: center;
height: 30px;
white-space: nowrap;
}

.mastertable {
border: solid 1px; 
vertical-align: middle;
width: 100%;
white-space: nowrap;
}
.detailtable { 
border: thin;
vertical-align: middle;
text-align: left;
width: 100%;
border-style: solid;
border-color: #D8D4D4;
}
.detailtableheader {
border: thin;
vertical-align: middle;
border-style: solid;
text-align: center;
color: #000000;
white-space: nowrap;
}

.profiletable {
vertical-align: middle;
width: 100%;
white-space: nowrap;
}
.directorydetailstable {
vertical-align: middle;
width: 100%;
}
.messagingIdsList {
height: 300px !important;
overflow: auto !important;
margin-bottom: 5px;
}
.OnCallGrpMembersList {
height: 180px !important;
overflow: auto !important;
margin-bottom: 2px;
}

.sortArrow {
border: none;
padding-left: 5px;
}
.dr-table-cell { 
border-bottom:1px solid #C4C0C9; 
border-right:1px solid #C4C0C9; 
color:#000000; 
empty-cells:show; 
padding:4px; 
} 

.rich-table-cell {
    font-size: 9pt;
    font-family: Arial;
}

.dr-table { 
background-color:#FFFFFF; 
border-collapse:collapse; 
border-left:1px solid #C4C0C9; 
border-top:1px solid #C4C0C9; 
}
.hiddenInstructionDiv {
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
border: thin;
border-style: solid;
border-width: 2px;
overflow: visible;
}
.visibleInstructionDiv {
position: absolute;
top: 0px;
left: 0px;
display: block;
visibility: visible;
border: thin;
border-style: solid;
border-width: 2px;
overflow: visible;
}
.visibleInstructionDiv textArea {
overflow: auto;
}
.buttonSpacerImage {
width: 3px;
}
.rightLabel {
float: right;
white-space: nowrap;
}
.hiddenButton {
visibility: hidden;
width: 0px !important;
height: 0px !important;
}
.selectOneList { 
border-style: solid !important;
margin: 0px !important;
padding: 0px !important;
border: thin;
border-color: #C0C0C0;
vertical-align: top;
white-space: nowrap;
}
.selectOneList label {
float: left;
padding-right: 5px;
}
.multiAssignmentTree {
height: 150px !important;
overflow: auto !important;
margin-bottom: 2px;
}

.smartWebTooltip {
font-family: Arial,Helvetica,sans-serif;
font-size: 8pt;
border: solid 1px black;
background-color: rgb(207, 251, 255);
padding-left: 3px;
padding-right: 3px;
}
.label_button {
border: 0px;
text-align:center;
border-width:0px;
background: none;
padding: 0px 0px 0px 0px;
}
.departmentSearchBodyTable {
width: 100%;
white-space: nowrap;
overflow: scroll;
display: inline-table;
}
.depSearchhorizontalColumnOne {
width: expression(document . body . clientWidth <   273 ?   "273px" :   (
document . all ?   "20%" :   "auto") );
white-space: nowrap;
overflow: auto;
vertical-align: top;
min-width: 273px;
}
.depSearchhorizontalColumnTwo {
width:80%;
white-space: nowrap;
overflow: auto;
vertical-align: top;
min-width: 460px;
}
.instructionTextArea {
width: 99%;
}
.pagingHorizontalColumnOne {
width: expression(document . body . clientWidth <   460 ?   "460px" :   (
document . all ?   "80%" :   "auto") );
white-space: nowrap;
vertical-align: top;
min-width: 460px;
}
.pagingHorizontalColumnTwo {
width:20%;
white-space: nowrap;
overflow: auto;
vertical-align: top;
min-width: 273px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.default_body {
width: 100%;
height: 400px;
}
.rostertable {
width:250px; 
text-align: left;"
}
/* For Block Assignment */
.blockmessagingIdsList {
height: 150px !important;
width: 280px;
overflow: scroll!important;
margin-bottom: 1px;
}
.selectedRow {
background-color: #fafd1b !important;
}
.unselectedRow {
background-color: #DCDADA !important;
}
.a4jSkinTableFooter{
background-color:white;
border-right:none;
border-left:none;
border-bottom:none;
}
.vertTop {
        vertical-align:top;
}
.rf-tb-sep{
	padding: 0 0px !important;
}
#mainForm\:assignmentListTable .dr-table-cell.rich-table-cell input,
#mainForm\:assignmentListTable .dr-table-cell.rich-table-cell img {
display: inline-block;
vertical-align: middle;
}