body {
	background-color: #A1B9D8;
	background-attachment: scroll;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center;
}
table{
	border-collapse: collapse;
}
#container{
	margin:0 auto; 
	text-align:center;
	width:780px;
}
#header{
	width:100%;
	text-align:center;
	/*width:235px;*/
	height:85px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#body{
	text-align:left;
	width:95%;
	background-color:#FFFFFF;
	margin:10px; 
	padding:10px; 
}
#nav{
	text-align: left;
	line-height: 20px;
	display: inline;
   white-space : nowrap;
   background: Black url(../images/menu_bg.gif) repeat-x scroll top;
   float : left;
   color : White;
   width : 100%;
	height: 20px;
   border-style : solid;
   border: 0px solid Black;
}
#nav ul{
	vertical-align: middle;
	font-size: 9px;
	display: inline;
   padding : 0;
   margin : 0;
}
#nav ul li{
	
   display : inline;
}
#nav ul li a{
	display: inline;
   padding-left : 10px;
   padding-right : 10px;
   background-color : transparent;
   color : White;
   text-decoration : none;
   float : left;
}
#nav ul li a:hover{
	display: inline;
   background: transparent url(../images/menu_hover.gif) repeat-x scroll top;
}
#navleft{	
	vertical-align: middle;
	display: inline;
	float: left;
}
#navright{
	vertical-align: middle;
	display: inline;
	float: right;
}
#row{
	width:100%;
	display: block;
}
.clear{
	clear:both;
}
#spacer{
	width:100%;
	clear:both;
}
/* Links
----------------------------------------------- */
a {
  font-weight:bold;
  color:#36c;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
  color:#f60;
}
a img {
  border-width:0;
  padding: 0px;
  margin: 0px;
  background: transparent!important;
}
th a img {
float: right;
}

.alternate {
	border: 1px solid #CECECE;
	border-collapse: collapse;
	width: 100%;
}
.alternate th {
	border: 1px solid #CECECE;
	background-color: #DDDDDD;
	font-weight: bold;
	text-align: left;
	color: #333333;
	padding: 1px 1px 1px 4px;
}
.alternate tr {
	background-color: #FFFFFF;
}
.alternate td {
	padding: 2px;
	color: #000000;
}
.alternate tr.altrow {
	background-color: #F4F9FB;
	color: #FFFFFF;
}

th {
	border: 0px;
	background-color: #F8F8F8;
	text-align: left;
	color: #666666;
	padding: 1px 1px 1px 4px;
	font: bold x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.alternate tr:hover, .alternate tr.hilite {
	color: White;
	background-color: #C6DEE9;
	border: 1px solid White;
}
.button table{
	border: 1px solid White;
	background-color: #F3F3F3;
}
.button td{
	padding: 8px;
	border: 1px solid #666666;
	background-color: #F3F3F3;
	text-align: center;
	color: #666666;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.blue table{
	padding: 2px;
	border: 1px solid White;
	background-color: White;
}
.blue th{
	padding: 4px;
	border: 1px solid #CBE3F8;
	background-color: #CBE3F8;
}
.blue td {
	padding: 4px;
	border: 1px solid #CBE3F8;
	background-color: #EEF7FD;
}
.small td {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #000000;
}
/* Code
======================================== */
.code {
	background-repeat:no-repeat;
	background-position:100% 0;
	background-color:#f4f1e6;
	margin:0;
	padding:10px;
	border:1px solid #c4b7a7;
	border-width:1px;
	font-size:0.94em;
	line-height:1.35em;
	clear: both;
	}
/* Titles
======================================== */
h1{
	font-size: 20px;
	margin : 0;
	padding : 0;
}
h2{
	font-style: italic;
	font-size: 16px;
	margin : 0;
	padding : 0;
}
h3{
	font-size: 14px;
	margin : 0;
	padding : 0;
}
.left h3{
	border-bottom: 1px solid #000000;
	font-size: 11px;
	padding-bottom: 2px;
	text-align: left;
}
.tabs {
position:relative;
height: 27px;
line-height: 25px;
margin: 0;
padding: 0;
background:url(../images/menu_bg.gif) repeat-x;
overflow:hidden;
}
.tabs li {
display:inline;
/*line-height: 27px;*/
}
.tabs a:hover, .tabs a.tab-active {
color: #C6DEE9;
background:#fff url(../images/menu_active_bg.gif) repeat-x;
/*line-height: 27px;*/
/*border-right: 1px solid #fff;*/
} 
.tabs a  {
	height: 27px;
	font: bold 12px verdana, helvetica, sans-serif;
	position:relative;
	padding:6px 10px 10px 10px;
	margin: 0px -4px 0px 0px;
	color:#2B4353;
	text-decoration:none;
	/*border-left:1px solid #fff;
	border-right:1px solid #6D99B6;*/
	width: 143px;
}
.tab-container {
	width: 100%;
	background: #fff;
	/*border:1px solid #6D99B6;*/
}
.tab-panes { margin: 3px }
/*
#button, #action {
background: transparent url(../images/icons/button_bg.gif) repeat-x scroll center;
}
*/
.btnsave {
	background: transparent url(../images/icons/bg_btn_save.gif) scroll no-repeat left ;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	height: 25px;
	line-height: 25px;
	height: 25px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
.btnnew {
	background: transparent  url(../images/icons/bg_btn_new.gif) scroll no-repeat left;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	line-height: 25px;
	height: 25px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
.btndelete {
	background-image: url(../images/icons/bg_btn_delete.gif);
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
.btnupdate {
	background-image: url(../images/icons/bg_btn_update.gif);
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
.btndownload {
	background-image: url(../images/icons/bg_btn_download.gif);
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
.btnsearch {
	background-image: url(../images/icons/bg_btn_search.gif);
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 20px;
	height: 25px;
	line-height: 30px;
	text-align: right;
	display: inline;
	font-weight: bold;
	/*margin: 5px;*/
}
input[type=text], input[type=password], input[type=submit], textarea, select {
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font: normal x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
input #action{
	background:transparent !important;	
}
#error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	background: #FFECEC url(../images/error_bg.gif) no-repeat scroll left top;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin: 0 auto;
	padding: 20px 2px 2px 90px;
	min-height: 62px !important;
	min-width: 220px !important;
	max-width: 400px !important;
}
#info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #696969;
	background: #FFFFEE url(../images/info_bg.gif) no-repeat scroll left top;
	text-decoration: none;
	text-align: left;
	margin: 0 auto;
	padding: 20px 2px 2px 90px;
	min-height: 62px !important;
	min-width: 220px !important;
	max-width: 400px !important;

}
ul {
text-indent: 5px;
list-style-image: url(../images/arrow.gif);
padding-left: 6px;
margin-left: 2px;
}
ul a {
	text-decoration:none;
}
#bgfolder1{
	background: #FFFFFF url(../images/bg_public_folder.gif) no-repeat scroll bottom right;
}
#bgfolder2{
	background: #FFFFFF url(../images/bg_readonly_folder.gif) no-repeat scroll bottom right;
}
#bgfolder3{
	background: #FFFFFF url(../images/bg_private_folder.gif) no-repeat scroll bottom right;
}
#bgsearch{
	background: #EAEAEA url(../images/bg_search.gif) no-repeat scroll bottom right;
}