#chatcontent { padding:5px; background:#ddd; border-radius:5px; overflow-y: scroll;
                   border:1px solid #CCC; margin-top:10px; height: 160px; }
#chatinput { border-radius:2px; border:1px solid #ccc;
                 margin-top:10px; padding:5px; width:400px;  }
				 
				 
.box2 {
	display: inline-block;
	margin: 1em;
}

		
select.invalid {
    color: red;
}

#printValidHint{
    padding-left: 60px;
    font-size:12px;
    color: red;
}

.pad {
    padding-top:10px;
    padding-bottom:10px;
}

.cmsTextDesc{
    font-size:12px;
}
.cmsTextInput{
    width:300px;
}

.numericInputWidth{
    width:80px;
}

#shiftList th:nth-child(1),
#shiftList tr:nth-child(1){
    width:15em;
}

#shiftList th:nth-child(2),
#shiftList tr:nth-child(2),
#shiftList th:nth-child(3),
#shiftList tr:nth-child(3),
#shiftList th:nth-child(4),
#shiftList tr:nth-child(4),
#shiftList th:nth-child(5),
#shiftList tr:nth-child(5){
    width:5em;
}


body { font-family:'lucida grande', tahoma, verdana, arial, sans-serif; font-size:11px;}
h1 { font-size: 15px; }
a { color: #548dc4; text-decoration: none; }
a:hover { text-decoration: underline; }
table.grid { border-collapse: collapse; border: 1px solid #CCB;}
table.grid td, table.grid th { padding: 5px; border: 1px solid #E0E0E0; }
table.grid th { background: #E5E5E5; text-align: left; }
input.invalid { background: red; color: #FDFDFD; }

.selectedRowHighlight { background-color: #7FB5DA}
.editablegrid-selected { background:url(../img/unselected.png) no-repeat;}
.selectedRowHighlight .editablegrid-selected { background:url(../img/selected.png) no-repeat;}


/*----- Drop Down Menu Width forced to be wider -----*/
.ui-dropdownchecklist-dropcontainer{width: 180px !important;}
.ui-widget-content{width: 180px !important;}
.ui-widget{width: 180px !important;}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    background:#7FB5DA;
    font-size:16px;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
}

.tab-links a:hover {
    background:#a7cce5;
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#cccccc;
    color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding:15px;
    border-radius:3px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    background:#efefef;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}