/********************************      Basic Structure      ********************************/

html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body {
	line-height: 20px;
	color: #666;
    font-family: tahoma;
    font-size: 12px;
    height: 100%;
}
*{
    font-family: tahoma;
    font-size: 12px;
}
body.en{ font-family: "Lucida Grande", Verdana, sans-serif;}

body.rtl { direction : rtl;}

#body-wrapper {
    height: 100%;
	margin:0 auto;
}                


/********************************      Elements styling      ********************************/

a             { color: #57a000; text-decoration: none; }
a:hover       { color: #000; }
a:active      { color: #777; }
a:focus       { outline: 1px; }

small   	  { font-size: 0.85em; }

/********************************      Login form      ********************************/

form {
    margin:0 auto;
	clear: both;
	border: 1px solid #ccc;
    width :470px;
    margin-top :100px;
    padding-bottom:20px;
    -moz-border-radius : 5px;
}		
form h2{
    background:url("../img/admin/login-head-bg.gif") repeat-x scroll 0 0 transparent;
    height:53px;
    line-height :54px;
    color:#555555;
    padding: 0 20px;
    font-size:18px;
    font-weight:normal;
    -moz-border-radius : 5px 5px 0 0 ;
}
.en form h2{
    font-family:"Titillium999","Trebuchet MS",Arial,sans-serif;
    text-shadow:1px 1px 0 #FFFFFF;
    text-transform:uppercase;   
}

form div.text ,
form div.password {
    margin : 15px 20px;
}

form div.text label,
form div.password label{
    color:#555555;
    font-size:12px;
    font-weight:bold;
    vertical-align:middle;    
    display:block;
}

form div.text input,
form div.password input{
    -moz-border-radius:3px;
    border:1px solid #BBBBBB;
    color:#333333;
    outline:medium none;
    padding:7px;
    vertical-align:middle;
    width:410px;
    font-family:"Lucida Grande",Verdana,sans-serif;
    font-size:14px;
    direction :ltr;
}
form div.checkbox{
 	margin-top:10px;
}

form div.submit,
form div.checkbox{
    display:inline;
    margin : 15px 0 15px 20px;
}

.rtl form div.submit,
.rtl form div.checkbox{
    margin : 15px 20px 15px 0;
}

form div.submit input {
	width: 85px;
	height: 30px;
	line-height: 30px;
	background: url(../img/admin/login-button-blue.gif) top center no-repeat;
	border: 0;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	vertical-align: middle;
}
.en form div.submit input{
    font-family: "Titillium800", "Trebuchet MS", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #0a5482;
    
}	
form div.submit input:hover {
	background: url(../img/admin/login-button-orange.gif) top center no-repeat;
	text-shadow: 1px 1px 0 #b55f10;
}
  
.notification {
	width: 80%;
	margin: 0 auto;
	display:block;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
    -moz-border-radius: 3px;
}
.notification.info {
	color: #0888c3;
	border-color: #bbdbe0;
	background: #ecf9ff url('../img/admin/icons/info.gif') no-repeat scroll 3% center;
}
.notification.alert {
	color: #f9300f;
	border-color: #ffd3a4;
	background: #fff9d5 url('../img/admin/icons/alert.gif') no-repeat scroll 3% center;
}
  
#footer {
    width :470px;
	margin: 40px 0 0 0;
	padding: 20px 0;
	font-size: 12px;
    margin:0 auto;
	clear: both;
}