@CHARSET "UTF-8";

* {
	font-family: Tahoma;
	font-size: 11pt;
}

.loginBody {
	margin: 0pt; 
	padding: 0pt;
	background: -moz-linear-gradient(#0064cf, #80b7ed);
	background: -webkit-linear-gradient(#0064cf, #80b7ed);
}

.loginTable {
	width:100%;
	height:100%;
	border:0;
}

.headerTable {
	background : #ecf0f1; 
	border: 1px solid #ecf0f1;
	width: 350px;
	/*box-shadow:3px 3px 15px #ecf0f1;*/
	border-radius: 5px;
}

.headerTable #table {
	background : #ecf0f1; 
	border: 1px solid #ecf0f1;
	width:100%; 
	height:52px;
}

.headerTable #table td:first-child {
	background : #ecf0f1;
	background-position:right;
	background-repeat:no-repeat;
}

.headerTable #table td:nth-child(2) {
	background : #ecf0f1;
	background-position:left;
	background-repeat:no-repeat; 
	padding-left:20;
	direction:ltr;
}

.loginContainer {
	width:50%;
	padding:30;
}

.formTable {
	/*border:1px solid #B4C3D8;*/
	width:100%; 
	padding-top:1px;
}

.userName input {
	width:80%;
	margin-bottom: 2px;
	height: 30px;
  	border-radius: 5px;
  	border: 1px solid #bbb;
  	padding: 0 0 0 10px;
  	font-size: 12px;
}

.userName input:focus {
  	border: 1px solid #3498db;
}

.password input {
	 width: 80%;
 	 margin-bottom: 10px;
  	 height: 30px;
  	 border-radius: 5px;
  	 border: 1px solid #bbb;
  	 padding: 0 0 0 10px;
  	 font-size: 12px;
}

.password input:focus {
  	 border: 1px solid #3498db;
}

.captchaLabel {
	width:70%;
	padding-right:30px;
}

.captcha {
	width:70%;
	padding-left:5px;
}

.captcha img:first-child{
	border:1px solid #ccc;
	border-radius:2px;
	margin-right:10% ;
	margin-left:5%;
}

.captcha img:nth-child(2){
	cursor:pointer;
}

.captcha input {
	width:80%;
	margin-right:10%;
        margin-bottom: 10px;
  	height: 30px;
  	border-radius: 5px;
  	border: 1px solid #bbb;
  	padding: 0 0 0 10px;
  	font-size: 12px;
}

.loginButton {
	text-align:center;
	padding: 0px;
	-moz-user-select: none; 
	padding:20;
}

.loginButton input {
	width:80%;
	height:40px;
}

.messageTabel {
	border:0px; 
	width:100%;
}

.messageTable tr:first-child {
	height:50px;
}

.messageTable tr:nth-child(2) {
	height:30px;
}

.message {
	padding-left: 40px;
	padding-right:40px;
	text-align:center;
}

.message div {
	padding:8px;
	text-align:right;
	background-color:#ecf0f1;
	border:1px solid #A6B4C7;
	width:240px;
	height:40px;
	display:none;
}

.progressCell {
	padding-right:30px;
}

.progressCell table {
	width:115px;
	border: 1px solid #DB1E1E;
	background-color: #FFF1EC;
	display:none;
}

.progressLabel {
	color:#000080;
	width:79px;
}

.hadithContainer {
	width:50%;
	vertical-align:top; 
	padding:20px;
}

.hadith {
	width:100%;
	height:290;
}

.hadith tr td {
	padding-top:0;
}

.hadith tr td table{
	width:100%;
	height:100%; 
	border:1px solid #879EBE;
}

#HADITH-OWNER {
	background-image:url('../../gfx/login/hadith_back.png'); 
	height:42;
	text-align:center;	
}

#HADITH-CONTENT {
	overflow:auto; 
	height:200px; 
	background : #ecf0f1;
	vertical-align:top;
}

#LOGIN-NEWS-BODY {
	/*display:none*/;
}

.newsTable {
	border: 1px solid rgb(180, 195, 216); 
	width: 100%; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	height: 150px; 
	position: relative;
}

#LOGIN-PRE-NEWS {
	width: 2%;
	cursor: pointer;
}

#LOGIN-NEWS-IMG {
	text-align: center; 
	background-image: url('../../gfx/arm.png'); 
	position: absolute; 
	background-repeat: no-repeat;
	background-size: contain; 
	height: 80%; 
	width: 22%; 
	margin: 5px 5px 5px 2px;
	background-position: center;
}

#LOGIN-NEWS-CONTENT {
	overflow: auto;
	vertical-align: top; 
	position: absolute;
	width: 68%; 
	margin-right: 25%; 
	margin-top: 13px; 
	margin-bottom: 6px; 
	height: 68%;
}

#LOGIN-NEXT-NEWS {
	width:2%;
	cursor: pointer;
}

.fireFoxCell {
	height:30px;
}

.fireFoxCell img{
	border:0px;
}

.ipsLogo {
	border:0;
}
#link_resetpasswords{
	margin-top: 10px;
	float:  center;
	text-decoration: none;
	color: black;
}
#img_restpassword{
	width: 15px;
	height: 15px;
	margin-top: 10px;
	float:  right;
	margin-left: 4px;
}
.login-wrap {
  content: '';
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  height: 5px;
  border-radius: 5px 5px 0 0;
}