.login-form input.login{
	
	color:#888888;
	padding:5px;
	text-align:center;
	min-width:100px;
	max-width:100px;
	margin-right:7px;
	background:#fff url(../../images/key.png) no-repeat 4px!important;
	cursor:pointer;
}
.login-form input.login:hover{
	background:#BADC7D url(../../images/key.png) no-repeat 4px!important;
	color:#fff;
}

.login-form .key-icon{
	margin:20px 10px 10px 10px;
}

.login-form h1.heading, .user-cp-info h1.heading{
	font-weight:bolder;
	line-height: 2em;
	padding:10px;
	color:red;
	font:170% "Upstaged Black", Verdana,  Arial,Helvetica,Sans-serif;
}

.login-form h2.heading, .user-cp-info h2.heading{
	font-weight:bolder;
	line-height: 2em;
	padding:10px;
	color:#CE1212;
	font:170% "Upstaged Black", Verdana,  Arial,Helvetica,Sans-serif;
}
.login-form .inputboxes{
	width:100%;
	padding:0 0 10px 0;
	display:block;
}

.login-form .inputboxes .field{
	width:300px;
	text-align:left;
	word-wrap: break-word;
	padding:5px;
	font:120% "Upstaged Black", Verdana,  Arial,Helvetica,Sans-serif;
}
.login-form  .inputboxes .data{
	width:300px;
	float:left;
	text-align:left;
	padding:0 0 0 5px;
}
.login-form  .password-tips{
	width:500px;
}
.login-form  .password-tips h2{
	font-weight:bolder;
	line-height: 2em;
	color:#37464F;
	font:150% "Upstaged Black", Verdana,  Arial,Helvetica,Sans-serif;
}
.login-form  .password-tips ul{
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	margin: 0 auto;	
}
.login-form  .password-tips ul li{
	color: #000;
	font-size: 11px;
	font-family: "Upstaged Black", Verdana,  Arial,Helvetica,Sans-serif;
	display: block;
	background:#fff no-repeat 4px;
	padding:10px 0 5px 20px;
}



.login-form  .inputboxes input[type=text],.login-form  .inputboxes input[type=password] {
	outline:none;
	background: #F1F3F5 !important;
}
.login-form  .inputboxes input[type=text]:hover, .login-form  .inputboxes input[type=password]:hover{
	background: #fff !important;
	outline:none;
}

.login-form .inputboxes a,.login-form .inputboxes a:active{
	color: red!important;
}


.login-form .inputboxes a:hover{
	color: #A7AAB3!important;
}

.avatar-wrap {
	width: 68px;
	height: 68px;
	position: relative;
	border: 8px solid #E8E8E8;
	margin: 0 0 3px 0;
}

.resource_list{
	background: #E9F1F2;
	padding:10px;
}
.resource_list .column{
	float: left;
	border:1px double #ccc;
	margin:5px;
}
.resource_list .component{
	font-family: verdana,sans-serif;
	color:#336699;
	font-size:90%;
	padding:5px;
	font-weight:bolder;
}

.resource_list .item{
	min-width:350px;
	width:100%!important;
}

.resource_list .on{
	background: #2E4E8C;
	color:#fff;
}

.resource_list .off{
	background: #6C9BA6;
}
.resource_list .component{
	background: #3C3C3C;
	color:#F1F3F5;
	text-transform:uppercase;
}

.resource_list .module, .resource_list .options span{
	float:left!important;
	display: block;
}

.resource_list table.item{
	border:1px solid #827A69;
	border-bottom:0px;
}

.user-container{
	width:98%!important;
	border:1px solid #CAC6BB;
	background-color:#fff;
	color: #888888;
	margin:0px;	
	font-size: 10px;
	display: inline-block;
	padding: 0px;
	
}
.user-container .main-data {
	padding:10px;
}
.user-container .main-data .holder{
	width: 140px!important;
	float:left!important;
}
.user-container .main-data .holder .picture{
	width: 128px;
	height: 128px;	
	position: relative;
	border: 4px solid #E8E8E8;
	margin: 0 0 3px 0;
	
}
.user-container .main-data .holder .picture img{
	position: relative;
	z-index: 1;
}
.user-container .main-data .profile-details{
	float:left!important;
	width:80%;
	padding:10px;
}
.user-container .main-data .profile-details .name{
	font-size:175%;
	color:#363636;
	margin-left:15px;
}
.user-container .security{
	margin:10px;
	background:#E4EBF2;
	text-align:left;
	padding: 10px;
	margin-bottom: 5px; 
	width:95%;
	clear: both;
	font:12px "Upstaged Black", Verdana, Arial,Helvetica,Sans-serif;
	color:#000;
	display:block!important;
	outline: none!important;
}
.user-container .security h1{
	font-weight: bold;
	font-size: 135%;
}
.user-container small{
	font-size:9px; font-weight:normal;
}



.user-container .security .profile-details .main-actions{
	padding:10px;
}
.user-container .main-actions a,.user-container .main-actions a:active{
	margin: 0 7px;
	text-align: center;
	font-size: 140%;
	cursor:pointer;
	font-weight:bolder;
	border:0px;
	background: #DF8942;
	color: #fff!important;
	padding:10px;
	float:left!important;
	height:24px;
	text-transform:uppercase;
	box-shadow: #B3B3B3 3px 3px 3px 3px;		
	-moz-box-shadow: 3px 3px 3px 3px #B3B3B3;
	-webkit-box-shadow: 3px 3px 3px 3px #B3B3B3;
}
.user-container .main-actions a.pwd{
	background: #DF8942;
	color: #fff!important;
}
.user-container .main-actions a.details{
	background: #008000;
	color: #fff!important;
}
.user-container .main-actions a:hover{
	background: #0076CC;
	color: #fff!important;
}
.user-container .main-data .action{
	padding:10px;
}
.user-container .main-data .action a,.user-container .main-data .action a:active{
	margin: 0 7px;
	text-align: center;
	font-size: 100%;
	cursor:pointer;
	font-weight:bolder;
	border:0px;
	background: #DF8942;
	color: #fff!important;
	padding:10px;
	float:left!important;
	text-transform:uppercase;
	box-shadow: #B3B3B3 3px 3px 3px 3px;		
	-moz-box-shadow: 3px 3px 3px 3px #B3B3B3;
	-webkit-box-shadow: 3px 3px 3px 3px #B3B3B3;
}
.user-container .main-data .action a.update{
	background: #DF8942;
	color: #fff!important;
}
.user-container .main-data .action a:hover{
	background: #0076CC;
	color: #fff!important;
}

.user-container .tab-data{
	padding:10px;
}

.user .header{
	background: #C0C0C0;
	color:#555555;
	font-weight: bold;
	font-size: 125%;
	padding: 10px;
}
.user .header .numbering{
	width:25px!important;
	
	float:left;
}
.user .header .fullname{
	width:250px;
	float:left;
}
.user .header .username{
	width:100px;
	float:left;
}
.user .header .role{
	width:150px;
	float:left;
}
.user .header .contacts{
	width:250px;
	float:left;
}
.user .header .actions{
	float:left;
}
.user-preview {
	width:99%!important;
	border:1px solid #CAC6BB;
	background-color:#fff;
	color: #888888;
	margin-bottom:2%;
	font-size: 60%;
	display: inline-block;
}

.user-preview .main-data {
	width:100%;
}
.user-preview .main-data .holder {
	background: #E8E8E8;
	display: block;
	padding:2%;
}

.user-preview .main-data .holder .picture{
	width: 45px;
	height: 45px;	
	position: relative;
	border: 3px solid #AFAFAF;
	margin: 0 0 3px 0;
	float:left!important;	
}
.user-preview .main-data .holder .picture img{
	position: relative;
	z-index: 1;
}
.user-preview .main-data .name{
	font-size:135%;
	color:#363636;
	margin-left:15px;
}
.user-preview .main-data .details{
	font-size:100%;
	color:#363636;
	margin-left:15px;
}
.user-preview .main-data .links{
	padding:15px;
}
.user-preview .main-data .links a{
	color:#555555;
}

.user-list .list-item{
	padding:5px;
	border-bottom:0.1em #E1DFD1 solid;
}
.user-list .list-item .numbering-col{
	float:left!important;
	padding:0.5%!important;
	width:2%!important;
}

.user-list .list-item .picture-col{
	float:left!important;
	padding:0.5%!important;
	width:4%!important;
}

.user-list .list-item .name-col{
	float:left!important;
	padding:0.5%!important;
	width:15%!important;
}

.user-list .list-item .status-col{
	float:left!important;
	padding:0.5%!important;
	width:10%!important;
}

.user-list .list-item .contacts-col{
	float:left!important;
	padding:0.5%!important;
	width:18%!important;
}


.user-list .list-item .actions-col{
	float:left!important;
	padding:0.5%!important;
	width:28%!important;
}


.user-list .list-item.header{
	color:#E53B2D;
	font-weight:bolder;
}

.user-cr-list .list-item .numbering-col{
	float:left!important;
	padding:0.5%!important;
	width:5%!important;
}

.user-cr-list .list-item .title-col{
	float:left!important;
	padding:0.5%!important;
	width:15%!important;
}

.user-cr-list .list-item .status-col{
	float:left!important;
	padding:0.5%!important;
	width:8%!important;
	border:
}
.user-cr-list .list-item .date-col{
	float:left!important;
	padding:0.5%!important;
	width:15%!important;
}
.user-cr-list .list-item .requestor-col{
	float:left!important;
	padding:0.5%!important;
	width:14%!important;
}
.user-cr-list .list-item .processed-col{
	float:left!important;
	padding:0.5%!important;
	width:14%!important;
}
.user-cr-list .list-item .actions-col{
	float:left!important;
	padding:0.5%!important;
	width:16%!important;
}

.user-cr-list .list-item.header{
	color:#E53B2D;
	font-weight:bolder;
}

.user-cr-list .reason-botton{
	color:#336699;
	font-weight: bolder;
}


.user-sq-list .list-item{
	padding:5px;
	border-bottom:0.1em #E1DFD1 solid;
}


.user-sq-list .list-item .numbering-col{
	float:left!important;
	padding:0.5%!important;
	width:2%!important;
}
.user-sq-list .list-item .actions-col{
	float:left!important;
	padding:0.5%!important;
	width:10%!important;
}

.user-sq-list .list-item .question-col{
	float:left!important;
	padding:0.5%!important;
	width:30%!important;
}

.user-sq-list .list-item .answer-col{
	float:left!important;
	padding:0.5%!important;
	width:30%!important;
}

.user-sq-list .list-item.header{
	color:#E53B2D;
	font-weight:bolder;
}
.user-sq-list a.user-edit-sq-button{
	background: #EA761F;
	color: #000;
}

.user-sq-list a.user-delete-sq-button{
	background: #860404;
	color: #fff;
}




.user-lh-list .list-item{
	padding:5px;
	border-bottom:0.1em #E1DFD1 solid;
}


.user-lh-list .list-item .numbering-col{
	float:left!important;
	padding:0.5%!important;
	width:2%!important;
}
.user-lh-list .list-item .context-col{
	float:left!important;
	padding:0.5%!important;
	width:10%!important;
}

.user-lh-list .list-item .username-col{
	float:left!important;
	padding:0.5%!important;
	width:10%!important;
}

.user-lh-list .list-item .date-col{
	float:left!important;
	padding:0.5%!important;
	width:15%!important;
}

.user-lh-list .list-item .agent-col{
	float:left!important;
	padding:0.5%!important;
	width:25%!important;
}

.user-lh-list .list-item .ip-address-col{
	float:left!important;
	padding:0.5%!important;
	width:15%!important;
}

.user-lh-list .list-item .status-col{
	float:left!important;
	padding:0.5%!important;
	width:8%!important;
}
.user-lh-list .list-item.header{
	color:#E53B2D;
	font-weight:bolder;
}