/* Top Elements */
* { margin: 0; padding: 0;}

body {
	margin-top: 10px;
	background: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color: #333; 
	text-align: center;
}
/* links */
a {
	background: inherit;
	text-decoration: none;
	color: #667F99;	
}
a:hover {
	background: inherit;
	color: #996800; 
}

a.prev{
	color: #000;
}

a.prev:hover{
	color: #FF5504;
}
/* headers */
h1, h2, h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: Bold; 		
}
h1 { font-size: 120%; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 110%; color: #007E80; }
h4 { color: #444; padding: 20px; line-height: 3ex;}

h1, h2, h3, p {
	margin: 0;
	padding: 10px;		
}
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

/* images */
img {
	border: 0;
}
img.float-right {
  margin: 5px 10px 5px 10px;  
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

legend{
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 15px;
	color:#111;
}

/* blockquote */
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
	margin:10px; 
	padding: 0 5px;
	border: 1px solid #f2f2f2; 
	direction: rtl;
	background-color: #FAFAFA; 
	font-family:Tahoma, Geneva, sans-serif;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
}

select {
	font-family: Tahoma; 
	font-size: 12px; 
	font-weight: normal;
}

input {
	direction: ltr;
	padding:1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	background: #EBEBEB url(../../images/input_bg.png) repeat-x;
	color: #666;
	border-top: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
}

textarea {
	width:300px;
	padding:2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

input[type="text"], input[type="password"],select, textarea{
	background: #FFF url(../../images/input-bg.png) repeat-x scroll center top;
	border-color:#999999 #CCCCCC #DDDDDD;
	border-style:solid;
	border-width:1px;
	color:#333333;
	padding:3px;
	}
	
input[type="submit"], input[type="button"], input[type="reset"], button {
	cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover ,button:hover { 
	color: #222;
	background: #C3C3C3 url(../../images/button-hover.png) repeat-x;	
}

#login #username{
	background: #FFF url(../../images/user2.png) no-repeat scroll 0 0;
	padding-left: 25px;
	direction: rtl;
}

#login #password{
	background: #FFF url(../../images/pass.png) no-repeat scroll 0 0;
	padding-left: 25px;
	direction: rtl;
}
/*------------ Hint Box ------------*/
#hintbox{
/*CSS for pop up hint box */
position:absolute;
top: 20px;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font: Tahoma, Geneva, sans-serif;
font-size:11px;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

ul.adminList {
	width: 355px;
	list-style: none;
	margin: 0; 
	padding: 0;
	text-decoration: none;
}
ul.adminList li {
	background: url(../../images/listItem.png) no-repeat center;
	height: 28px;
	padding: 20px 20px 0 0;
	margin: 0;			 
}

ul.sidemenuList {
	width: 190px;
	list-style: none;
	margin: 0 0 0 15px; 
	padding: 0;
	text-decoration: none;
}
ul.sidemenuList li {
	border: 1px solid silver;
	background: #FAFAFA;
	padding: 5px 10px 5px 10px;
	margin: 0;	
	font-size: 11px;		 
}
ul.sidemenuList li:hover{
	background-color: #D4D6DF;
}
#tooltip{
	width: 320px;
	position: absolute;
	z-index: 100;
	background: #E6EAEE;
	border: 1px solid #ccc;
	padding: 5px;
	text-align: right;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px
}
.error{
	color: #FF0000;	
	font-weight: bold;
	font-style: italic;
}
.sign{
	padding: 2px;
}
.border3D{
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-top: 2px solid #EBEBEB;
	border-left: 2px solid #EBEBEB;
	border-bottom: 2px solid #888;
	border-right: 2px solid #888;
	padding: 5px;
}
div.pager {
  	margin-bottom: .5em;
  	padding: 2ex;
}
.clickable {
  cursor: pointer;
}
.page-number, .filter {
  padding: .2em;
}
.page-number {
  border: 1px solid #ccc;
  margin-right: 2px;
}
.active {
  background: #ccf;
  border: 1px solid #006;
}
.selected{
	color: #666;
	background: #CAE4FF;
}
.right-align{
	text-align: right;
}
.focused{
	outline:1px solid #FF9600;
}
.smoothBorder{
	border: 1px solid #999;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px
}
.hr{
	background: url(../../images/ice/m1.gif) repeat-x; 
	height: 30px
}