@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

Body{
	background:#dfdcdd;
	font-family:tahoma;
	font-size:8pt;
	color:#000
}

Table{
	font-family:tahoma;
	font-size:8pt;
	color:#000
}

td{
	padding:3px
}

fieldset{
	padding:3px;
	margin:5px
}

.noJS{
	margin-top:100px;
	width:550px;
	height:150px;
	line-height:1.5em;
	padding:35px 40px
}


input, button, Select, option{
	font-family:tahoma;
	font-size:8pt;
	height:auto;
	padding:2px;
	color:#333;
	margin:2px
}
input[type=submit],input[type=reset],input[type=button],button{
	cursor:pointer
}
input[type="text"][disabled], textarea[disabled]{
	background-color:#CCC
}
input:focus, option:focus, select:focus, textarea:focus{
	background-color:#FFC
}

textarea{
	font-family: tahoma;
	font-size: 8pt;
	color:#333
}

div{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0px;
	padding:0px
}

a{
	color:#2D5F94;
	text-decoration:none;
}

a:hover{
	color:#E20A17;
	text-decoration:none;
}



.ComponentsHeader{
	height:16px;
	background-color:#eeeeee; 
	color:#4f5d7f; 
	font-weight:600; 
	border-bottom:1px solid #879DB4; 
	border-top:1px solid #879DB4; 
	font-size:9px;
	margin-top:18px
}

.CopyRight{
	font-size:8pt;
	border-top:1px solid #879DB4;
	background-color:#ecf3fb;
	color:#999999;
	margin-top:24px;
	padding:2px 10px 2px 10px;
	width:96%;
}


.tr_title{
	background-color:#999933;
	color:#FFFFFF;
	font-weight:600;
	font-size:11px;
}

a.tr_title{
	color:#FFFFFF;
	text-decoration:none;
}

.tr{
	background-color:#C3C382;
	color:#FFFFFF;
	font-weight:600;
}

.tr_comm{
	background-color:#cac6ab;
	color:#000;
}
.tr_comm div{
	padding:0px 22px;
	margin:5px 10%;
	line-height:1.6em;
	background:url(../images/Comments.gif) no-repeat right top;
}

.tr_list{
	background-color:#F5F5F5;
	color:#FF6600
}
.tr_list:hover{
	background-color:#EDEDED
}

.tr_list2{
	background-color:#F5F5F5;
	color:#FF6600;
	border:1px solid #000;
}

.error li{
	color:#FF0000;
	line-height:1.6em;
	list-style-type:circle
}

.success{
	color:#66CC99;
}

.userActionDiv{
	float:right;
	margin:2px;
	width:350px
}
.userActionDiv:hover{
	background:#b1b173
}


.groupActionDiv{
	float:right;
	margin:2px;
	width:150px
}
.groupActionDiv:hover{
	background:#CCC
}


/* **********************************	Buttons	******************************* */
.button{
	margin:0px
}
.button li {
    display:inline;
    list-style:none
}
.button li a {
    background:transparent url(../images/btn.png) no-repeat top left;
    display:block;
    float:left;
    height:20px;
    margin-right:4px
}
.button li a span {
    background:transparent url(../images/btn.png) no-repeat right top;
    display:inline;
    float:left;
    height:18px;
    padding:2px 15px 0 10px;
    margin-left:10px;
    cursor:pointer
}
.button li a:hover {
    background-position:0px bottom; color:#000
}
.button li a:hover span {
    background-position:right bottom
}

.buttonIcon div{
	width:16px;
	height:16px;
	float:left;
	margin-left:-10px;
	margin-right:8px;
}
.add{background:url(../images/add.png) no-repeat}
.list{background:url(../images/list.png) no-repeat}
.help{background:url(../images/help.png) no-repeat}
.back{background:url(../images/back.png) no-repeat}
.up_level{background:url(../images/back.png) no-repeat}

/* ********************************** end of Buttons ******************************* */

.deSelectOption{
	background-color:#f0f0f0; 
	font-style:italic; 
	color:#a27c7c; 
	margin:2px;
}

.separator{
	height:1px;
	border-top:2px solid #EDEDED
}

.inst_error{ color:red }
.inst_ok{ color:green }
.inst_black{ color:black }

.message{
	width:60%;
	border-collapse:collapse;
	padding:8px 30px;
	margin:20px;
	border-top:1px solid #666;
	display:inline-block;
	margin-bottom:10px;
}
.msg_success{background:#d3e5d8}
.msg_error{background:#f7a894}
.msg_warning{background:#fcfa96}


.actionsIcon{
	width:16px;
	height:16px;
	border:none;
	margin:0px 2px
}


.Documents{
	color:#003399;
}

.helpPageDiv{
	background-color:#FAF9DB;
	color:#003399;
	width:90%;
	line-height:1.8em;
	padding:4px
}
.helpPageDiv hr{
	border:none;
	border-bottom:1px solid #006666;
	height:1px;
	margin:3px 0px;
	padding:0px
}
.helpPageDiv button{
	padding:4px 10px
}

/*		GRID	*/
.ui-jqgrid tr.jqgrow{
	height:26px;
}

/**********************************************************************/

#vtab {
	margin: 0px 40px 10px 20px;
	height: 100%;
}
#vtab > ul > li {
	width: 120px;
	height: 65px;
	padding-top:12px;
	background-color: #dfdcdd !important;
	list-style-type: none;
	display: block;
	text-align: center;
	margin: 5px 0px;
	position: relative;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	cursor:pointer
}
#vtab > ul > li > div {
	background: url('../images/Panel/menuIcons.png') no-repeat;
	height:48px;
	width:48px;
	margin-left:25px;
}
#vtab > ul > li > div.DF_apps{ background-position:0px -48px}
#vtab > ul > li > div.DF_apps.selectedIcon{ background-position:0px 0px}
#vtab > ul > li > div.DF_apps:hover{ background-position:0px -96px}

#vtab > ul > li > div.DF_modu{ background-position:-48px -48px}
#vtab > ul > li > div.DF_modu.selectedIcon{ background-position:-48px 0px}
#vtab > ul > li > div.DF_modu:hover{ background-position:-48px -96px}

#vtab > ul > li > div.DF_user{ background-position:-96px -48px}
#vtab > ul > li > div.DF_user.selectedIcon{ background-position:-96px 0px}
#vtab > ul > li > div.DF_user:hover{ background-position:-96px -96px}

#vtab > ul > li > div.DF_epay{ background-position:-144px -48px}
#vtab > ul > li > div.DF_epay.selectedIcon{ background-position:-144px 0px}
#vtab > ul > li > div.DF_epay:hover{ background-position:-144px -96px}

#vtab > ul > li.selected {
	background:url(../images/Panel/menuSelected.png);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	border-left: none;
	z-index: 10;
	background-color: #fff !important;
	position: relative;
}
#vtab > ul {
	float: right;
	width: 110px;
	text-align: left;
	display: block;
	margin: auto 0;
	padding: 0;
	position: relative;
	top: 20px;
}
#vtab > div {
	background-color: #fff;
	margin-right: 110px;
	min-height: 480px;
	padding: 20px 40px;
	position: relative;
	z-index: 9;
	-moz-border-radius: 20px;

	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.DFMKHeader{
	padding:10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#06C
}

.DFMKcopyRight{
	font-size:8pt;
	color:#999;
	margin-left:30px;
}

#moduIconsBG{
	float:right;
	margin-left:15px;
	text-align:center;
	width:106px;
	height:106px;
	background-image:url(../images/Panel/Modules.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#moduIconsBG:hover{
/*	background-position:0px -110px;*/
}
#moduIconsBG > li{
	width:64px;
	height:64px;
	margin:12px 20px 5px 20px;
	list-style-type:none;
	background-image:url(../images/Panel/Modules.png);
	cursor:pointer
}
.modu_Messages{ background-position:-110px 0px}
.modu_Messages:hover{ background-position:-110px -64px}
.modu_UserLogs{ background-position:-174px 0px}
.modu_UserLogs:hover{ background-position:-174px -64px}
.modu_MailQueue{ background-position:-238px 0px}
.modu_MailQueue:hover{ background-position:-238px -64px}
.modu_Help{ background-position:-302px 0px}
.modu_Help:hover{ background-position:-302px -64px}
.modu_Security{ background-position:-366px 0px}
.modu_Security:hover{ background-position:-366px -64px}
.modu_Reports{ background-position:-430px 0px}
.modu_Reports:hover{ background-position:-430px -64px}
.modu_Upgrade{ background-position:-494px 0px}
.modu_Upgrade:hover{ background-position:-494px -64px}
.modu_BKUP{ background-position:-558px 0px}
.modu_BKUP:hover{ background-position:-558px -64px}




/* **********************************	Buttons	******************************* */
.button{
	margin:0px
}
.button li {
    display:inline;
    list-style:none
}
.button li a {
    background:transparent url(../images/btn.png) no-repeat top left;
    display:block;
    float:left;
    height:20px;
    margin-right:4px
}
.button li a span {
    background:transparent url(../images/btn.png) no-repeat right top;
    display:inline;
    float:left;
    height:18px;
    padding:2px 15px 0 10px;
    margin-left:10px;
    cursor:pointer
}
.button li a:hover {
    background-position:0px bottom; color:#000
}
.button li a:hover span {
    background-position:right bottom
}

.buttonIcon div{
	width:16px;
	height:16px;
	float:left;
	margin-left:-10px;
	margin-right:8px;
}
.add{background:url(../images/add.png) no-repeat}
.list{background:url(../images/list.png) no-repeat}
.help{background:url(../images/help.png) no-repeat}
.back{background:url(../images/back.png) no-repeat}
.up_level{background:url(../images/back.png) no-repeat}


/*style grid*/
.ui-widget-header {
	color: #383838;
	font-size:9pt;
	height:25px;
	background: #00a2a0;
	font-weight: 100
}