/*@CHARSET "ISO-8859-1";*/
@CHARSET "windows-1256";


#sitenav #ol-Login {float: right; padding-right: 1em;}
#sitenav #li-login-trigger #li-signup {
				display: inline;
				float: left;
				padding-left: 1em;
				padding-right: 1em;
				text-align: center;
				border-left: 1px solid #DD0; } /* DD0 = yellow */

#inputs input {
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border-radius: 5px;
}

#bttn_SubmitLogin, #bttn_SubmitCancel, #bttn_SubmitLogout {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 30px;
  width: 100%;
  background-color: #E8A300; /* E8A300 = orange color */
  color: #FFF;
  margin-bottom: 5px;
}

#bttn_SubmitLogin:hover, #bttn_SubmitLogout:hover {
	cursor: pointer;
}


/*---------------------------------------------*/
/*---------------------------------------------*/
/* box-shadow: 0 3px #e8c291 inset; */
/*
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

h-shadow= from left border to right direction is the shadow
v-shadow= from top border to bottom direction is the shadow
blur= is the vagueness inside box (if inset) or outside of box
spread=the shadow to expand and grow bigger

<blur-radius>
	This is a third <length> value. The larger this value, the bigger the blur (vagueness of content area inside borders),
	so the shadow becomes bigger and lighter. Negative values are not allowed.
	If not specified, it will be 0 (the shadow's edge is sharp).

<spread-radius>
	This is a fourth <length> value. Positive values will cause the shadow to expand and grow bigger,
	negative values will cause the shadow to shrink. If not specified, it will be 0 (the shadow will
	be the same size as the element).

*/
/*---------------------------------------------*/