

.imcmsAdmHeadingTop {
	font-weight: bold;
	font-size: 17px;
	font-family: Tahoma,Arial,Verdana,sans-serif;
	color: #fff;
	padding: 5px 0 0 0;
}

.imcmsAdmHeading {
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma,Arial,sans-serif;
	color: #20568d;
	padding: 5px 0 0 0;
}

.imcmsAdmText, .imcmsAdmTable TD, INPUT, SELECT, TEXTAREA, .imcmsAdmForm {
	font-size: 11px;
	font-family: Tahoma,Arial,sans-serif;
	color: #000;
}
TEXTAREA.FileAdminEditEditor {
	font: 11px "Courier New", Courier, monospace;
	overflow: auto;
}

.imcmsAdmComment, .imcmsAdmTable .imcmsAdmComment, .imcmsAdmTextSmall, .imcmsAdmTable .imcmsAdmTextSmall, .imcmsAdmFormSmall {
	font-size: 10px;
	font-family: Tahoma,Arial,sans-serif;
	color: #000;
}

.imcmsAdmDim, .imcmsAdmTable .imcmsAdmDim {
	font-size: 10px;
	font-family: Tahoma,Arial,sans-serif;
	color: #999;
}



.imNote {
	font-size: 10px;
	font-family: Tahoma,Arial,sans-serif;
	color: #c00;
}

.imNoteComment {
	font-size: 10px;
	font-family: Tahoma,Arial,sans-serif;
	color: #999;
}

#imcms-login-container-tabs{
    border-bottom: 1px solid #20568d;
}
.imcms-typed-form-container{
    margin-top:10px;
}
.imcms-tab{
    text-align:center;
    color: #fff;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    margin-left:10px;
    float:left;
    background-color:#20568d;
    width:100px;
    height:21px;
    line-height:21px;
    border-top:1px solid #20568d;
    border-left:1px solid #20568d;
    border-right:1px solid #20568d;
}
.imcms-tab-active{
    position:relative;
    color: #000;
    top: 1px;
    border-top:1px solid #20568d;
    border-left:1px solid #20568d;
    border-right:1px solid #20568d;
    border-bottom:0px solid #f5f5f7;
    margin-left :10px;
    float:left;
    background-color:#f5f5f7;
    width:100px;
    height:21px;
    line-height:21px;
}

iframe{
    border:none;
    width:100%;
    height:100%;
}



.imcmsAdmBgHead { background-color:#20568d; color:#fff; }
.imcmsAdmBgCont { background-color:#f5f5f7; color:#000; }
.imcmsAdmBorder { background-color:#e1ded9; }
input.imcmsDisabled { background-color:#ccc; }





.imcmsFormBtn {
	background-color: #20568d;
	color: #fff;
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px outset #668db6;
	border-color: #466d96 #333 #333 #466d96;
	cursor:pointer;
	padding: 3px 8px; }

.imcmsFormBtnSub {
	background-color: #4076AD;
	color: #fff;
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px outset #668db6;
	border-color: #668db6 #999 #999 #668db6;
	cursor:pointer;
	padding: 3px 8px; }

.imcmsFormBtnActive {
	background-color: #30669d;
	color: #fff;
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px inset #668db6;
	border-color: #000 #668db6 #668db6 #000;
	cursor:pointer;
	padding: 3px 8px 1px 8px; }

.imcmsFormBtnDisabled {
	background-color: #b8c6d5;
	color: #fff;
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px outset #dae4ef;
	border-color: #dae4ef #999 #999 #dae4ef;
	cursor:default;
	padding: 3px 8px; }

.imcmsFormBtnSubDisabled {
	background-color: #b8c6d5;
	color: #fff;
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px outset #dae4ef;
	border-color: #dae4ef #999 #999 #dae4ef;
	cursor:pointer;
	padding: 3px 8px; }



.imcmsFormBtnSmall {
	background-color: #20568d;
	color: #fff;
	font: 10px Tahoma, Arial, sans-serif;
	border: 1px outset #668db6;
	border-color: #466d96 #333 #333 #466d96;
	cursor:pointer;
	padding: 1px 2px; }

.imcmsFormBtnSmallDisabled {
	background-color: #b8c6d5;
	color: #fff;
	font: 10px Tahoma, Arial, sans-serif;
	border: 1px outset #dae4ef;
	border-color: #dae4ef #999 #999 #dae4ef;
	cursor:default;
	padding: 1px 2px; }

.multiselect {
    width: 100px;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px #dadada solid;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}

#linkSaveRoles {
    display: none;
}



.imcmsFormBtnMedium {
	padding: 3px 2px; }


.imcmsFormBtnCancel {
	background-color: #dc4d4d;
	border-color: #dc4d4d;
}

.imcmsFormBtnDefault {
	background-color: #61b863;
	border-color: #61b863;
}

#validateBtn {
	padding-left: 20px;
	background-position: 0 -3px !important;
	background-repeat: no-repeat;
	cursor: pointer;
}

.iconValidate_pending {
	background-image: url(/imcms/images/icons/icon_validate_pending.gif);
}
.iconValidate_true {
	background-image: url(/imcms/images/icons/icon_validate_true.gif);
}
.iconValidate_false {
	background-image: url(/imcms/images/icons/icon_validate_false.gif);
}

#menuItems .ui-sortable-handle {
	width: 50px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: move;
	background: transparent url(/imcms/images/icons/icon_move.gif) 50% 50% no-repeat;
}
#handleHeading {
	width: 50px;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold;
}



.red   { color:#c00; }
.white { color:#fff; }
.lighterBlue { color:#20568d;}

.error { color: red; }

BODY {
	margin: 30px 10px;
	background-color:#efece7;
}

TH   { text-align: left; }

B    { font-weight:bold; }
I    { font-style:italic; }
TH   { font-size: 90%; }

SPAN.NavBtnTextAct, SPAN.NavBtnTextAct A:link, SPAN.NavBtnTextAct A:visited, SPAN.NavBtnTextAct A:hover {
	font: bold 10px Verdana, Geneva, Helvetica, sans-serif;
	color:#20568d;
	text-decoration:none;
}

SPAN.NavBtnTextInact, SPAN.NavBtnTextInact A:link, SPAN.NavBtnTextInact A:visited, SPAN.NavBtnTextInact A:hover {
	font: 10px Verdana, Geneva, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

TD.NavBtnTextAct   { cursor: default; }
TD.NavBtnTextInact { cursor: pointer; }


/* *******************************************************************************************
 *         toolTip                                                                           *
 ******************************************************************************************* */

#toolTipPop {
	position: absolute !important;
	border: 1px solid #000 !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	padding: 5px 5px 5px 25px !important;
	font: 11px Verdana,Geneva,sans-serif !important;
	color: #000 !important;
	text-shadow: 0 1px 0 #ccc !important;
	text-align: left !important;
	background: #fff url(/imcms/images/icons/icon_info.gif) 4px 5px no-repeat !important;
	z-index: 20000010 !important;
	display: none;
}

/* *******************************************************************************************
 *         export checkmark statuses                                                         *
 ******************************************************************************************* */
.checkmark {
	display: inline-block;
	width: 25px;
	height: 18px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.checkmark:before {
	content: "";
	position: absolute;
	background-color: green;
	width: 3px;
	height: 9px;
	left: 11px;
	top: 6px;
}

.checkmark:after {
	content: "";
	position: absolute;
	width: 3px;
	background-color: green;
	height: 3px;
	left: 8px;
	top: 12px;
}

.close {
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
}

.close:after {
	background-color: red;
	content: '';
	height: 16px;
	position: absolute;
	width: 2px;
	transform: rotate(45deg);
	left: 9px;
}

.close:before {
	background-color: red;
	content: '';
	width: 2px;
	height: 16px;
	position: absolute;
	transform: rotate(-45deg);
	left: 9px;
}

.loading-animation {
	position: relative;
	left: 7px;
	top: 19px;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 14px;
}

.loading-animation::before {
	content: '';
	position: absolute;
	left: -7px;
	top: -19px;
	width: 100%;
	height: 100%;
	border: 4px solid #d4d4d4;
	border-top: 4px solid #20568d;
	border-radius: 50%;
	animation: spin 1.5s linear infinite;
}

#documentsTable>tbody{
	display: block;
	height: 550px;
	overflow-y: auto;
	overflow-x: hidden;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
