﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
    background-color:black;
      background-image: url("../images/stad1.jpg");
    background-repeat: no-repeat;
        background-attachment: fixed;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}
nav ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins
{
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark
{
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del
{
	text-decoration: line-through;
}
abbr[title], dfn[title]
{
	border-bottom: 1px dotted;
	cursor: help;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select
{
	vertical-align: middle;
}

html, body
{
	overflow: auto;
	
}

a:active, a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
}

#header
{
	border-bottom: medium #8DB1E2 solid;
	/*margin: 60px 50px 0px 50px;*/
	direction:rtl;
}

#header h1
{
	padding-bottom: 4px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: x-large;
	font-weight: normal;
}



div.box
{
	width: 400px;
	/*height: 230px;*/
	/*background: #ffffff;*/
	margin-top: 280px;
    padding:0px 30px;
	/*margin-left: auto;*/
	margin-right: 105px;
	/*border: 2px solid #EBEBEB;*/
	direction:rtl;
}

#caf
{
	/*padding-right: 570px;*/
	padding-left: 0px;
	padding-top: 5px;
	direction:rtl;
    float:right;
}


div.box h3
{
	padding-left: 0px;
	padding-right: 100px;
	padding-top: 20px;
	color: #CF3C3C;
	font-size: 1em;
	font-family: Calibri;
	font-weight: lighter;
}

div.box h2
{
	padding-left: 0px;
	padding-right: 100px;
	padding-top: 10px;
	margin-bottom: 20px;
	font-size: 1.5em;
	font-family: Calibri;
	font-weight: lighter;
}

div.box label
{
	width: 100%;
	display: block;
	margin-left: 0px;
	/*margin-right: 150px;*/
	padding: 5px 0 5px 0;
}

div.box label img
{
	display: block;
	float: right;
	padding: 5px 0px 0 5px;
}


ul
{
	position: absolute;
	list-style: none;
	direction:rtl;
}

ul li
{
	display: inline;
}

ul li .submit
{
	/*margin-left: 0px;*/
	/*margin-right: 190px;*/
	/*margin-top: 5px;
	float: right;
	font-family: Calibri;
	text-align: center;
	width: 200px;
	height: 30px;
	border: 1px solid #ABC3D7;
	background-color: #ECF1F4;
	color: black;
	background-image: url(../Images/bgBtn.gif);
	background-repeat: repeat-x;
	background-position: 50% top;
	cursor: pointer;*/
}

.cont
{
    margin-left: 0px;
    margin-right: 190px;
margin-top: 5px;
float: right;
font-family: Calibri;
text-align: center;
width: 90px;
height: 22px;
border: 1px solid #ABC3D7;
background-color: #ECF1F4;
color: black;
background-image: url(../Images/bgBtn.gif);
background-repeat: repeat-x;
background-position: 50% top;
cursor: pointer;
direction:rtl;
}

p
{
    
     padding-right:190px;
     padding-left:0px;
     margin-top:40px;
     color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	direction:rtl;
}

.confirm
{
	margin-left: 0px;
	margin-right: 90px;
	margin-top: 5px;
	float: right;
	font-family: Calibri;
	text-align: center;
	width: 60px;
	height: 22px;
	border: 1px solid #ABC3D7;
	background-color: #ECF1F4;
	color: black;
	background-image: url(../Images/bgBtn.gif);
	background-repeat: repeat-x;
	background-position: 50% top;
	cursor: pointer;
}

#forget
{
	padding-top: 3px;
	direction:rtl;
}


#passwordforgotten
{
	/*float: right;
	margin-left: 0px;*/
	/*margin-right: 40px;*/
	/*font-family: Calibri;
	direction:rtl;*/
}

a
{
	color: blue;
	font-family:Arial;
	font-size:10pt;
}

#sss
{
	margin-left: 0px;
	margin-right: 110px;
	margin-top: 65px;
	display: none;
}
.form-content
{
    margin-top:80px;
        margin-right: 20px;
}

.loginbackground{
      background-image: url("../images/LoginFormBackground.png");
    background-repeat: no-repeat;
    width:300px;
    height:495px;
    margin-top:100px;
}

#footer
{
	    margin-right: auto;
    margin-left: auto;
    margin-top:30px;
	width: 200px;
	font-size: 0.7em;
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif; 
	direction:rtl;
}

#txtEmail {
padding: 2px 5px;
margin-top: 18px;
width: 200px;
}


.WaterMarkedTextBox_Email
{
	background-position: right;
	background-image: url(../Images/login/Aremail.png);
	background-repeat: no-repeat;
}
.WaterMarkedTextBox_pass
{
	background-position: right; 
    background-size:25px;
	background-image: url(../Images/login/password.jpg);
	background-repeat: no-repeat;
      display: block;
  width: 90%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.WaterMarkedTextBox
{
	background-position: right; 
     background-size:25px;
	background-image: url(../Images/login/business_user_next.png);
	background-repeat: no-repeat;
      display: block;
  width: 90%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.NormalTextBox
{
	  display: block;
  width: 90%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.NormalTextBox:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          }

.clsMSG
{
	font-weight: bold;
	font-size: xx-small;
	font-family: 'Verdana';
	color: Red;
}

.langDiv{
     padding-top: 15px;
    padding-right: 11%;
    height: 50px;
    font-size: 8px;
    background-image: url(../Images/LangBackground.png);
    background-repeat: repeat-x;
/*margin-right: 20px;
margin-top:10px;*/
}