@charset "utf-8";
#top {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #CCC;
	background-color: #000;
	height: 25px;
	vertical-align: middle;
	padding: 10px;
	background-image:url(images/top_bg.gif);
}
#border {
	border-bottom: 2px #000 solid;
}
body {
	margin: 0px;
	background-color:#efefef;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}
a {
	color:#069;
	text-decoration:none;
}
#side {
	width:200px;
	padding-left:20px;
	padding-top:10px;
}
#main {
	width:100%;
	padding:20px;
}
#dashboard {
	font-size: 13px;
	padding: 5px;
	height: 15px;
	width: 163px;
	background-color: #ebebeb;
	border:1px #ccc solid;
	font-weight:bold;
}
#dashboard a {
  	padding-left:25px;
}
#dashboard_select {
	font-size: 13px;
	color: #ccc;
	padding: 5px;
	height: 15px;
	width: 163px;
	background-color: #333;
	font-weight:bold;
}
#dashboard_select a {
  	padding-left:25px;
	color: #ccc;
}
#dashboard-img {
  width: 25px; 
  height: 20px; 
  background-image: url(images/menu.png);
  background-repeat:no-repeat;
  background-position:-64px -40px;
  float:left;
}
#dashboard-img:hover, #dashboard_select #dashboard-img {
  background-position:-64px -8px;
}
#pages {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 40px;
	margin-left: 20px;
	padding: 10px;
	height: 15px;
	width: 150px;
	background-color: #ccc;
}
#pages a {
  padding-left:25px;
}
#pages-select {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 40px;
	margin-left: 20px;
	padding: 10px;
	height: 15px;
	width: 150px;
	background-color: #333;
}
#pages-select a {
  color:#FFF;
  padding-left:25px;
}
#pages-img {
  width: 25px; 
  height: 20px; 
  background-image: url(images/menu.png);
  background-repeat:no-repeat;
  background-position:-155px -39px;
  float:left;
}
#pages-img:hover  {
  background-position:-155px -7px;
}
#module_top {
	background-color: #eee;
	width: 400px;
	border: 1px #ccc solid;
	background-image:url(images/gray-grad.png);
}
#module_bottom {
	background-color: #FFF;
	width: 400px;
	padding:10px;
	border: 1px #ccc solid;
}
#top_head {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #333;
	padding:0px 0px 5px 5px;
	font-weight:bold;
}
#Submit {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #666;
	background-color: #eee;
	border: 1px #ccc solid;
	background-image:url(images/gray-grad.png);
	font-weight:bold;
	width: 200px;
}
#Submit:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #333;
	background-color: #eee;
	border: 1px #333 solid;
	background-image:url(images/gray-grad.png);
	font-weight:bold;
}
select {
	background-color: #efefef;
	height: 22px;
	width: 250px;
	border: 1px #CCC solid;
	vertical-align:middle;
}
input[type="text"], input[type="password"] {
	background-color: #efefef;
	height: 18px;
	width: 250px;
	border: 1px #CCC solid;
	vertical-align:middle;
}
input[type="submit"] {
	height: 25px;
	border: 1px #ccc solid;
	vertical-align:middle;
	background-image:url(images/button-grad.png);
	color:#eee;
}
input[type="submit"]:hover {
	border: 1px solid #333;
	background-image: url(images/button-grad-active.png);
	color:#eee;
}
input:focus,select:focus {
	border: 1px #333 solid;
}
input:hover,select:hover {
	border: 1px solid #FC6;
}
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_454545_256x240.png); }
.ui-icon-help { background-position: -48px -144px; float:left; }

.title {
	font-size:12px;
}
.caption {
	font-size:10px;
}
#effect1 {
	background-color:#ffffff;
}

#effect2 {
	background-color:#eeeeee;
}

#effect1:hover {
	background-color:#fef9cd;
}

#effect2:hover {
	background-color:#fef9cd;
}