@font-face {
    font-family: "NimbusSansL";
    src: url('nimbus-sans-l_regular-webfont.eot');
    src: url('nimbus-sans-l_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('nimbus-sans-l_regular-webfont.woff2') format('woff2'),
         url('nimbus-sans-l_regular-webfont.woff') format('woff'),
         url('nimbus-sans-l_regular-webfont.ttf') format('truetype'),
         url('nimbus-sans-l_regular-webfont.svg#nimbus_sans_lregular') format('svg');
  font-weight: normal;
  font-style: normal;
  -webkit-text-stroke: 1px rgba(0,0,0,0.1);
}

.additionalFields{
    box-sizing:border-box;
}
.additionalFields span {
    display:block;
    float:left;
    margin: .5em 1.5em .5em 0;
}

.additionalFields span:nth-of-type(odd) {
    clear:both;
}
.additionalFields span:nth-of-type(even) {
}
.additionalFields span span, .AdditionalFields span span span, .AdditionalFields span span span span, .AdditionalFields span span span span span, .AdditionalFields span span span span span span, .AdditionalFields span span span span span span span {
    display:inline-block;
    float:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.singleColumn span.additionalFields span {
    clear:both;
}
div.noColumn span.additionalFields span {
    clear:none !important;
}



a { color:#006699; text-decoration:none; font-weight:normal;}
a:hover { color:#000000; text-decoration:none; font-weight:normal;}
a:active { color:#006699; text-decoration:none; font-weight:normal;}
b, strong {
    font-weight: bold;
}
.loginError[style*="inline"] {
    margin-top:10px;
    display:block !Important;
}
input[type=text], input[type=password], textarea {
    margin: 1px;
    padding: 1px;
}
.iconButton {
    margin: 0em 0em 0em .3em;
    color: #000000;
}
.actionStatus {
	background-color: #E6E7E2;
	float: right;
	margin-right: 10px;	
}
.addComment {
	background-color: #f5f5f5;
	border: 1px solid;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	width: 350px;
}
.addCommentText {
	height: 100px;
	width: 350px;
}
.alignLeft {
	float: left;
	width: 50%;
	vertical-align : middle;
}
.alignRight {
	text-align: right;
	margin-left: 50%;
}
.attachmentBody {
	background-color : #E6E7E2;
    overflow: hidden;
}
.attachmentBox {
	background-color: #ffffff;
	text-align: left;
    margin:10px;
    box-sizing: border-box;
}
.attachmentBoxContent {
	padding: 10px 10px 10px 10px;
}
.attachmentText {
	width: 300px;
}
.attachmentLabel {
	width: 75px;
}
.attachmentUrl {
	width: 239px;
}
.autocompleteList {  
	visibility: hidden;
	margin: 0px!important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	overflow: auto;
    text-align: left; 
    list-style-type: none;
    z-index:1000;
}
.autocompleteHighlightedItem {
	background-color: #d8e4f8;
	color: black;
	padding: 1px;
}
.autocompleteItem {
	background-color : window;
	color : windowtext;
	padding : 1px;
}
body {
    font-family: NimbusSansL, Verdana, sans-serif;
	font-size: 1em;
    margin: 0;
}
.comments {
	height: 80px;
	overflow: auto;
	padding: 4px;
	width: 90%;
}
.controlColumnHeader
{
	width: 150px;
	height: 20px;
    display:inline-block;
}
.controlInput {
	width: 150px;
}
span.controlLabel {
    display: block !important;
	vertical-align: top;
    width: 38em;
    font-weight:bold;
    clear:both;
} 
.content-notab span.controlLabel{
display: inline-block !important;
width: 20em;
}
.queryLabel {
    display: inline-block;
	vertical-align: middle;
    width: 150px;
}
.queryOperator {
    display: inline-block;
	vertical-align: middle;
    width: 105px;
    height: 24px;
}
.queryOperatorStatic {
    display: inline-block;
	vertical-align: middle;
    width: 107px;
}
.queryField {
    display: inline-block;
	vertical-align: middle;
    width: 150px;
}
.queryFieldDate {
    display: inline-block;
	vertical-align: middle;
    width: 150px;
    margin-right: 2px;
}
.queryFieldDays {
    display: inline-block;
	vertical-align: middle;
    width: 30px;
}
.queryFieldNum {
    display: inline-block;
	vertical-align: middle;
    width: 150px;
}
.queryFieldText {
    display: inline-block;
	vertical-align: middle;
    width: 302px;
}
.queryFieldUser {
    display: inline-block;
	vertical-align: middle;
    width: 150px;
}
.queryFieldValidated {
    display: inline-block;
	vertical-align: middle;
    height: 24px;
    width: 302px;
}
.queryFieldValidatedFlex {
    display: inline-block;
	vertical-align: middle;
    height: 24px;
}
.adminRightsInline {
    display:inline-block;
    margin: 5px 2px 0px 5px;
    width:300px;
}
.adminRightsBlock {
    display:block;
    margin: 5px 2px 0px 5px;
}
.adminCheckBlock {
    display:block;
    margin: 5px 2px 0px 0px;
    position:relative;
    top: 1px;
}
.adminCheckInline {
    display:inline-block;
    margin: 5px 2px 0px 0px;
    position:relative;
    top: 1px;
}
.adminRightsBlock label, .adminRightsInline label, .adminCheckBlock span span, .adminCheckInline span span, .adminCheckInline label {
    position:relative;
    top: -1px;
    left: 2px;
}
.bold {
	font-weight:bold;
}
.emailBlock 
{
	display: block;
    padding-top: 3px;
    vertical-align:middle;
}
.emailLabel {
    display: inline-block;
    width: 100px;
    padding-top: .2em;
}
.emailField {
    display: inline-block;
    width: 350px;
    height:1.4em;
}
.emailField2 {
    display: inline-block;
    width: 350px;
    height:1.2em;
    padding-top:.5em;
}

.adminLabel {
    display: inline-block;
	vertical-align: top;
    width: 200px;
    padding-top:.2em;
    text-align:left;
}
.adminLabelWide {
    display: inline-block;
	vertical-align: top;
    width: 275px;
    padding-top:.2em;
    text-align:left;
}
.adminField {
    display: inline-block;
	vertical-align: top;
    width: 250px;
    text-align:left;
}
.adminField2 {
    display: inline-block;
	vertical-align: top;
    width: 100px;
    text-align:left;
}
.adminField3 {
    display: inline-block;
	vertical-align: top;
    width: 150px;
    text-align:left;
}
.adminFieldCombo {
    display: inline-block;
	vertical-align: top;
    width: 120px;
    text-align:left;
}
.adminRadio span {
    margin-top:0px;
}
.adminRadio span table tbody tr td{
    padding: 5px 2px 0px 0px;
    position:relative;
    top: 1px;
}
.adminRadio span table tbody tr td label{
    position:relative;
    top: -1px;
    left: 2px;
}
.adminRadioButtonList tbody tr td{
    padding: 5px 2px 0px 0px;
    position:relative;
    top: 1px;
}
.adminRadioButtonList tbody tr td label{
    position:relative;
    top: -1px;
    left: 2px;
}
.adminRadioButtonListInline tbody tr td{
    padding: 5px 2px 0px 20px;
    position:relative;
    top: 1px;
}
.adminRadioButtonListInline tbody tr td:first-of-type{
    padding: 5px 2px 0px 5px;
}

.adminRadioButtonListInline tbody tr td label{
    position:relative;
    top: -1px;
    left: 2px;
}
.adminReassignQuery {
    margin: 5px 2px 5px 20px;
}
#EmailTemplatesFieldSet span.fieldBlock span.controlLabel:last-of-type{
    width:auto;
}
#EmailTemplatesFieldSet textarea{
    white-space:pre-wrap;
}
.firstFieldset {
    margin-top: 2.5em;
}
.controlTextBox {
	width: 150px;
}
.controlImage {
	cursor: pointer;
	margin-left: 5px;
}
.detailBody {
    margin: 0 0 64px 0;
    overflow: hidden;
	font-size: 1em;
}
.detailContent{
    box-sizing: border-box;
    padding-bottom:20px;
    font-feature-settings: "liga" off;
}
.detailContent section {
    clear:both;
}
.detailContent fieldset:first-of-type {
}
.welcome{
    margin: 0em 1em 1em 1em;
}
.welcome span {
    font-weight:bold;
}
.detailTab {
	background-color: #E6E7E2;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 4px 4px 4px 4px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.detailTabHover {
	background-color: #F7F6F3;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #000000;
	padding: 4px 4px 4px 4px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
table.detailTabHover{
	background-color: white;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	color: #000000;
	padding: 4px 4px 4px 4px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;    
}
.detailtable{
    width:100%;
}
.detailtable td {
    padding: .2em;
}
.tabManager {
    display:block;
    clear:both;
}
.detailTabManager {
	background-color: #000000;
	color: #FFFFFF;
}
#TabManager_TabMenu{
    
}
textarea, input {
    box-sizing: border-box;
}
#EmailOptions{
    
}
.detailTabSelected {
	background-color: #5D7B9D;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.detailTabSection {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
    margin-top: 4px;
}
.detailTabsection2 {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
}
.divider {
    font-weight: bold;
}
.editLabel {
    width: 150px;
    vertical-align:top; 
}
.editStatus {
	float: right;
	padding-right: 10px;
    clear:both;
}
#emailMenu {
    border: outset silver 2px;
    background: #F0F0F0;
    width: 1px;
}
.errorMsg {
	display: block;
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
.eSign {
	background-color: #f5f5f5;
	border: 1px solid;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	width: 350px;
}
.eSign span {
    display:block;
    margin-top: 10px;
}
.eSign span:first-of-type {
    margin-top: 3px;
}
.eSignPassword {
	width: 100%;
}
.eSignText {
	height: 100px;
	width: 100%;
}
.eSignButton {
    margin-top: 10px;
}
.eSignCancelButton {
    margin-top: 10px;
    margin-left: 10px;
}
.fieldBlock 
{
	display: block;
    padding-top: 3px;
}
.fieldElement 
{
	float: left;
    width: 150px;
}
#ReportsList .fieldElement {
    float:none;
    width: 185px;
    margin: 4px;
    display: inline-block;
    text-align: right;
    vertical-align:top;
}
#ReportsList table {
    display: inline-block;
    margin-top: 5px;
}
#ReportsList td {
    padding-right: 5px;
}
#ReportsList input[type=checkbox] {
    margin-top: 7px;
}
.reportBody {
    clear:both;
}
span.reportConfigbody table tbody tr td {
    padding: 0px 5px 2px 0px;
}
.fileUpload {
	width: 300px;
}
.ganttBarOpen
{
	background-color:Green;
	height: 2px;
	margin: 1px, 0px,  1px, 0px;
}
.ganttBarOpening
{
	background-color: White;
	height:2px;
	margin: 1px, 0px,  1px, 0px;

}
.ganttBarOverdue
{
	background-color:Red;
	height: 2px;
	margin: 1px, 0px,  1px, 0px;

}
.ganttBarNoDueDate
{
	background-color:Lime;
	height: 2px;
	margin: 1px, 0px,  1px, 0px;
}
.ganttDateHeader
{
	width: 140px;
	text-align: center;
    display: inline-block;
}
.ganttLabel
{
	width: 225px;
    display: inline-block;
}
.ganttLabelDateRow
{
	width: 155px;
    display: inline-block;
}
.help {
	border-bottom: 1px dotted black;
}
.helpPopup {
	display: none;
	margin-left: 5px;
}
.hgCheckBox {
    
}
.hgDateText {

}
.hgMemo {

}
.hgMoney {
    
}
.hgNumeric {

}
.hgTextBox {

}
.hgUserTeam {

}
.hidden {
	display: none;
}
.hiddenTab {
	display: none;
}
#homeCol1 {
    float:left;
    width:49.5%;
}
#homeCol2 {
	margin-left: 50.5%;
	width: 49.5%;
}
.homeBox {
	padding: 2px 2px 2px 2px;
}
.homeBox:after {
    content:"";
    display:table;
    clear:both;
}
.homeBoxHead {
    background-color: #777875;
	font-weight: normal;
	padding: .4em;
    border-radius: .5em;
    color:#FFFFFF;
    margin:.5em 0em 0em 0em;
}
.homeBoxImg {
    margin-right: 5px;
}
.homeBoxText {
	vertical-align: middle;
}
.homeBox div span {
    white-space: nowrap;
    margin-bottom: 1em;
    display:block;
    float:left;
}
.homeBox .clearLeft {
    clear:left;
    margin-right: 1em;
}
.homeBox div.wrap {
    clear: left;
}
.homeBox div.wrap span{
    margin-bottom: .3em;
}
.homeBox div span span {
    margin: 0px 0px 0px 0px;
    display: inline;
    float: none;
    clear: none;
}
.float-right {
    float:right;
}
.pointer {
    cursor:pointer;
}
a.nopointer {
    cursor: default;
}
.buttonBox {
    border: 1px solid #000000;
}
.record {
    padding: .3em .3em .3em .3em;
    overflow: hidden;
    white-space: nowrap;
}
.record:nth-of-type(odd) {
    background-color: #EEEEEE;
}
.record:nth-of-type(odd) + span {
    background-color: #EEEEEE;
}
.record:nth-of-type(odd) + span + span {
    background-color: #EEEEEE;
}
.record:nth-of-type(odd) + span + span + span {
    background-color: #EEEEEE;
}
.record:nth-of-type(odd) + span + span + span + span {
    background-color: #EEEEEE;
}
.recordID {
    margin: 1.25em 0em .25em 1em;
    display: block;
}
.recordField {
    display: block;
    float:left;
    margin: .5em 0em .5em 1em;
}
.recordField span {
    vertical-align:middle;
}

span.recordNum {
    min-width: 2em;
    display: inline-block;
    margin: 0em .3em 0em .3em;
}
div#MyProblems div.record a span.recordColumn2 {
    min-width: 11em;
    display: inline-block;
    margin: 0em .3em 0em .3em;
}
div#MyProblems div.record a span.recordColumn3 {

}
div#MyActions div.record a span.recordColumn2 {
    min-width: 40em;
    display: inline-block;
    margin: 0em .3em 0em .3em;
}
div#MyActions div.record a span.recordColumn3 {

}
div#RecentlyViewed div.record a span.recordDesc {
    display: inline-block;
    margin: 0em .3em 0em .3em;

}
input.lufield {
    margin-left: .5em;
}
.clearBoth {
    clear:both;
}
/*span.recordNum {
    width: 2.5em;
    display: inline-block;
    margin: 0em .3em 0em .3em;
}
span.recordDate {
    width: 11.5em;
    display: inline-block;
    margin: 0em .3em 0em .3em;
}*/
.subRecord {
    padding: 0em .3em .3em 2em;
    display: block;
}
.attachName {
    margin: 0em .3em 0em .3em;
}
hr {
	color: buttonshadow;
	height: 1px;
	padding: 5px 5px 5px 5px;
}
IMG {
	border: 0;
	vertical-align : middle;
}
.imgHand {
    cursor: pointer;
}
input {
	font-size: 1em;
    margin:1px;
    padding:1px;
}
#KeywordGrid a{
    margin: 1px 5px 1px 1px;
    padding: 2px;
}
#KeywordGrid td{
    height: 32px;
    box-sizing: border-box;
    vertical-align: middle;
    padding:3px;
}
#KeywordGrid th{
    height: 32px;
    box-sizing: border-box;
    vertical-align: middle;
    padding:3px;
}
#KeywordGrid td:nth-of-type(1){
    width:73px;
}
#KeywordGrid td:nth-of-type(2){
    width:408px;
}
#KeywordGrid input {
    height: 24px;
}
.keywordField {
    width: 400px;
}
.labelCell {
    width: 150px;
}
legend {
	font-weight: bold;
	color: #000000;
}
legend.title {
	font-size: 1.2em;
    padding-top: 15px;
}
.listDropDown {
    float: left;
    text-align: left;
    width: 25%;   
}
.listIcon {
	border: 0;
	margin-left: 3px;
}
.listIcons {
    margin-left: 30%;
    text-align: right;
}
.login {
	background-color : #E6E7E2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.midImg {
    vertical-align: middle;
}

.nav {
    background-color: #FFFFFF;
    padding: 0px 15px 0px 15px;
}

.navLink {
	font-weight: normal;
}
.navLink:hover {
	text-decoration: none;
	font-weight: normal;
}
.overdue {
	color: red;
}
.pageErrors {
	color: Red;
	margin-top: 0px;
}
ul.pageErrors {
    margin: 0px 0px 10px 20px;
}
ul.pageErrors li {
    margin: 3px 0px 0px 3px;
}
.fieldBlock ul {
    list-style-type:square;
    margin: 0px 0px 0px 20px;
}
.fieldBlock ul li {
    list-style-type:square;
    margin: 3px 0px 0px 3px;
}
.pageName {
	font-size: 1.5em;
	text-align: right;
	vertical-align: text-top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    float:right;
    clear:both;
}
.pipe{
    margin-top: -1px;
    margin-left: 4px;
}
.LookUpQueryRow {
	background-color: #F0F0F0;
}
.LookUpQueryTextBox {
	color: #333333;
}
.LookUpQueryTextBoxWatermarked {
	color: #888888;
	background-color: #EEFFFF;
}
.lookupQueryBtn {
    vertical-align:middle;
    margin-left:5px;
    font-size: 1.2em;
}

.bordertop{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #333333;
}
.QuickJump {
	width: 40px;
}
.QuickJumpLabel {
    display: inline-block;
	width: 100px;
}
.recordOptions {
	background: #E6E7E2;
	margin: .5em 0em .5em 0em;
	padding: .2em;
}
.reportConfigHeader {
	display: block;
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
}
.reportConfigbody {
	display: block; 
	padding: 5px 0 5px 0;
}
.reportConfigTitle {
	color: #000000;
}
span.reqForInitiating {
	color: Red !important;
	padding-left: 3px !important;
    display:inline !important;
}
span.reqForClosing {
	color: Blue !important;
	padding-left: 3px !important;
    display:inline !important;
}
.section {
	margin-bottom: 10px;
}
.rptListedItem {
    background-color: #E6E7E2;
    padding:0px;
    margin:0px;
    border-bottom: 1px solid black;
}
.rptListedItem:last-of-type {
    border-bottom: none;
}
.rptItem, .delItem, .emailItem, #rptItem, #delItem, #emailItem {
	cursor: pointer;
	padding: 5px;
    margin: 0px;
    display:block;
    white-space: nowrap;
}
.rptItemOver, .delItemOver, .emailItemOver {
	background-color: #ACC7F5;
	cursor:pointer;
	padding: 5px;
    margin: 0px;
    display:block;
    white-space: nowrap;
}
#rptMenu {
    border: outset silver 2px;
    background: #F0F0F0;
}
.hover-item {
    position:relative;
}
.hover-item:hover .drop-item {
    display:block;
}

.drop-item {
    display:none;
    position:absolute;
    padding-top:6px;
}

select {
	margin: 1px;
    font-size: 1em;
}

.statusImages {
	float: left;
	width: 50%;
	vertical-align : middle;
}
.statusText {
	text-align: right;
	margin-left: 50%;
}
.tab {
	padding: 5px 10px 10px 10px;
    clear:both;
}
.aboutTable tr {
    border-bottom: 1px solid #DDDDDD;
}
.aboutTable tr:last-of-type {
    border-bottom: none;
}
.aboutTable tr td {
    padding:5px;
}
.aboutTable tr td:first-of-type{
    text-align:right;
}
.tabbedImg {
	height: 16px;
	margin-left: 10px;
	margin-right: 3px;
	width: 16px;
	vertical-align : middle;
}
table {
}
.tblHead {
	background-color: #B9CBD9;
	font-weight: bold;
}
.tblList {
	width: 99%;
}
.textSection {
	padding: 15px 0 5px 0;
}
.topBody {
	height: 100%;
	width: 100%;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
.topNav {
	background: #E6E7E2;
	font-size: 1em;
    padding: .2em .2em .5em .2em;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.topNavImg {
	cursor: pointer;
	vertical-align : middle;
    padding:0em .5em 0em .5em;
    color: #006699;
}

.listButton {
	vertical-align : middle;
    padding:0em 0em 0em .5em;

}
.topNav > span > a:last-of-type{
    border-right: 1px solid black;
}
span.lookupNav a:last-of-type{
    border-right: none;
}
span.lookupNav a:first-of-type{
    border-left: 1px solid black;
}
.topNav > a:not(:last-of-type){
    border-right: 1px solid black;
}
#Print > span > a{
    border-right: 1px solid black;
}
#Email > span > a{
    border-right: 1px solid black;
}

#Delete > span > a{
    border-right: 1px solid black;
}

#DeletedItems{
    width: 100%;
}

.toolbar {
    background-color: ButtonFace;
    cursor: pointer;
}
.txtSmall {
	font-size: 9px;
}
.UrlDescLabel {
	width: 75px;
}
.UrlDescText {

}
.UrlLabel {
	width: 75px;
}
.UrlText {
    
}
.userCopyright {
    margin-left: 10px;
    margin-top: 10px;
}
.verticaltext {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    font-size: 14px;
    font-weight: 600;
}

/* Left Navigation Styles */
.leftNavBody {
    background-color: rgba(28,60,90,1);
	font-size: 1em;
	font-weight: normal;
    overflow-x: hidden;
	overflow-y: auto;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
    color:#FFFFFF;
}
.logo {
    background: linear-gradient(to bottom, rgba(39,85,124,1) 1%,rgba(28,60,90,1) 100%);
    padding: 20px;
    text-align: left;
}
.navLogo {
    width:200px;
}
.menu {
	width: 100%;
    display: block;
	border-top: #f5f5f5 1px solid;
    background-color: #E6E7E2;
	color: #000000;
	cursor: pointer;
	font-weight: normal;
	vertical-align: middle;
    padding:.5em .5em .5em .5em;
    white-space:nowrap;
}
.fa-chevron-up {
    font-size: .8em;
    margin-top: -2px;
}
.fa-chevron-down {
    font-size: .8em;
}
.fa-rotate-45 {
    display:inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.option {
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #f5f5f5;
	color: #000000;
	cursor: pointer;
    padding:.4em .4em .4em 1.2em;
	display: block;
    white-space: nowrap;
}
a.option, a.menu, a.optionSub {
    color: #006699;
}
.nopointer {
    cursor: default;
}
.optionOver {
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #d8e4f8;
	color: #000000;
	cursor: pointer;
    padding:.4em .4em .4em 1.2em;
	display: block;
    white-space: nowrap;
}
.optionSub {
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #f5f5f5;
	color: #000000;
	cursor: pointer;
    padding:.3em .3em .3em 2.0em;
	display: block;
    white-space: nowrap;
}
.optionSubOver {
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #d8e4f8;
	color: #000000;
	cursor: pointer;
    padding:.3em .3em .3em 2.0em;
	display: block;
    white-space: nowrap;
}
.options {
	padding: 0px;
    margin: 0px;
    border: none;
}
.navInput {
    position:absolute;
    right:.5em;
    margin:-.35em;
}
.leftNavQuickJump p{
    cursor:default;
}
#ProblemQuickJumpLabel {
    font-size: inherit;
}

.outerul{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
    display:inline-block;
    list-style-type:none;
}
.outera{
    border-right: 1px solid black;
    padding-right: 5px;
}
.innerul{
    display:none;
    list-style-type:none;
}
.navigationInfo {
    text-align:center;
    font-size:.8em;
    margin:2em .5em .5em .5em;
    
}
.navigationInfo br {
    line-height: 1.5em;
}


/* Login Page Specific Stuff */
.loginbody{
    background-color: #E6E7E2;
    text-align: center;
}
.logintopwrapper{
    bottom: 0;
    height: 630px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    font-feature-settings: "liga" off;
}

.content-wrap section.content-notab {
	display: block;
    border: none;
    padding: 0px;
    margin: 1.5em 0em 1.5em 0em;
}

.content-wrap section.content-notab fieldset {
    padding: .8em;
    margin: 0px;
}

.logincontent{
    background: linear-gradient(to bottom, rgba(39,85,124,1) 1%,rgba(28,60,90,1) 100%);
    padding: 10px;
    border-radius:5px;
    padding-top: 50px;
    padding-bottom: 35px;
    color: #FFFFFF;
    text-align:center;
    margin: 0px 0px 20px 0px;
}
.logintable{
    margin: 10px 0px 0px 0px;
    text-align:center;
    width:100%
}
.logindiv {
    text-align:left;
    display:inline-block;
}
.loginlabel {
    padding-top: 10px;
    display: block;
    vertical-align: middle;
}
.logininputfont{
}
.loginbutton{
    margin-top: 10px;
    width: 80px;
}

.tabcontentlisting{
    padding: 3px 3px 3px 3px;
    width: 100%;
}
.tabcontentlisting td{
    padding: 3px 3px 3px 3px;
}
.tabcontentlistingheader{
    font-weight:bold;
    text-decoration: underline; 
    text-align: left;
}

.attachmenttabcontentlisting{
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
    table-layout:fixed;
}
.attachmenttabcontentlisting th {
    padding: 3px 3px 3px 3px;
    text-decoration: underline; 
    text-align: left;
}
.attachmenttabcontentlisting th:first-child{
    width: 20px;
    text-decoration:none;
}

.attachmenttabcontentlisting td{
    padding: 3px 3px 3px 3px;
}

p.attachmentCatHead{
    padding: 20px 0px 0px 0px;
    margin: 0;
    font-size: 1em;
    font-weight:bold;
    color: #000000;
}
.gridAlternateRowStyle
{
	background-color: #EEEEEE; 
	color: #284775;
}
.gridHeaderStyle
{
	background-color:#5D7B9D;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left; 
}
.gridHeaderStyle th{
    text-align:left;
    padding: 3px;
}
.gridOverRowStyle {
	background-color: #BCDFD4;
	color: #000000;
}
.gridPagerRowStyle
{
	Background-color:#EEEEFF;
	
	color:#333333;
}
.gridPagerRowStyle td table tbody tr td {
    white-space:nowrap;
}

.gridRowStyle
{
	background-color: #F7F6F3;
	color: #333333;
}
.gridViewStyle {
	Color:#333333;
    margin: 0px;
}
.gridViewStyle td,.gridViewStyle th {
    padding: 3px 6px 3px 6px;
}

.pltable tbody tr td, ustable tbody tr td {
    white-space:nowrap;
    vertical-align:middle;
}

.selectContent {
    margin: 0px 10px 0px 10px;
}

.nowrap {
    white-space:nowrap;
}

.spellerDiv {
    margin: 10px;
}

#documentTextPanel{
    border: 1px solid gray;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 1em;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

.adminGeneralLong {
    display: block;
    padding-top:3px;
}
.adminGeneralLong .adminField input {
    width:500px;
}

#savedDialog {
    position:absolute;
    top:45px;
    left:20px;
}
.dialogzone * {
    vertical-align: middle;
}