body {
	font-family	: helvetica, 'Microsoft Sans serif', arial, 'lucida console', sans-serif;
	background 	: inherit;
	color				: #000000;
    margin:0px 0px 0px 0px;
}
div {
    display:block;
}
h3 {
    font-family	: helvetica, 'Microsoft Sans serif', arial, 'lucida console', sans-serif;
    font-size: 14px;
    color:rgb(57, 138, 149);
}
h4 {
    font-family	: helvetica, 'Microsoft Sans serif', arial, 'lucida console', sans-serif;
    font-size: 13px;
    color:rgb(57, 138, 149);
}
input{
    font-size:11px;
}
a {color:rgb(57, 138, 149);text-decoration : none;}
a:active { text-decoration : underline; color:rgb(57, 138, 149); border: 0px;}
a:visited { text-decoration : none; color:rgb(57, 138, 149); border: 0px;}
a:hover { text-decoration : underline;color:rgb(57, 138, 149); border: 0px;}

img { padding: 0px; margin: 0px; border: none; background:transparent;}

td {
    font-size: 12px;
}

.btn {
    color:#fff;
    font-size:12px;
    text-decoration : none;
    
}

.oper{
    text-decoration : none;
    border: 0px;
    font-size: 10px;
}

.oper:active { text-decoration : none; color : #3366cc; border: 0px;}
.oper:hover { text-decoration : none; color : #ff5a00; border: 0px;}

.logo {font-size: 48px; font-weight: bold;}
.logo:active {text-decoration : none; color : #000000; border: 0px;}
.logo:hover {text-decoration : none;  color : #000000; border: 0px;}
.logo:visited {text-decoration : none;  color : #000000; border: 0px;}


#upload_target {
    font-family	: helvetica, 'Microsoft Sans serif', arial, 'lucida console', sans-serif;
	text-align:left;
    margin:0px;
    padding:0px;
    background:#9090ff;
    width:100%;
    height:30px;
    vertical-align:middle;
    font-size:12px;
    border:1px solid #000;
}
#storagestat {
    text-align:center;
    height:50px;
    margin:10px;
    padding:10px;
    font-size: 20px;
    background-color:#fff;
}
img.percentImage {
    background: white url(images/percentImage_back.png) top left no-repeat;
    padding: 0;
    margin: 5px 0 0 0;
    background-position: 1px 0;
}

#titlebox {
    text-align:left;
    margin:10px 0 0 0;
    padding:2px;
    font-size: 14px;
    background-color:#fff;
    color:rgb(57, 138, 149);
}

#infobox {
    text-align:left;
    margin:0px;
    padding:1px;
    font-size: 11px;
    background-color:#fff;
    height:auto;
}

#absbox {
    text-align:left;
    margin:0px 0 0 0;
    padding:0px;
    font-size: 12px;
    background-color:#fff;
}
#linkbox {
    text-align:left;
    margin:2px 0 0 0;
    padding:2px;
    font-size: 11px;
    color:green;
    background-color:#fff;
}

.roundbox{
  width        : 250px;
}
.pmb2, .pmb3, .pmb4,.pmbContent{
  background   : #ff0000;
  border-color : #000000;
}
.pmb1{
  background   : #000000;
}
.pmb2, .pmb3, .pmb4{
  border-style : solid;
  border-width : 0 1px;
}
.roundboxcontent{
  display      : block;
  border-style : solid;
  border-width : 0 1px;
}
.pmb1, .pmb2, .pmb3{
  height       : 1px;
}
.pmb1{
  margin       : 0 5px;
}
.pmb2{
  margin       : 0 3px;
  border-width : 0 2px;
}
.pmb3{
  margin       : 0 2px;
 }
.pmb4{
  height       : 2px;
  margin       : 0 1px;
}
.pmb1, .pmb2, .pmb3, .pmb4{
  display      : block;
  overflow     : hidden;
}
.pmb5{
  font-size    : 1px;
  display      : block;
  overflow     : hidden;
  height       : 1px;
}
.roundheader{
  display      : block;
  font-size    : 1px;
}

.nav{
  text-align: center;
  padding: 0px;
}
.nav table{
  text-align:center;
  margin: auto;
  list-style-type:none;
  padding:0px;
}
.nav td{
 float: left;
 cursor: pointer;
 color: white;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 margin: 0px;
 padding: 8px 20px 8px 20px;
 border-right: 1px solid rgb(200,200,200);
}

.nav a:link, .nav a:visited {
  color: white;
  text-decoration: none;
}
.gridtable {
    border: 1px solid rgb(128,128,128);
    border-collapse: collapse;
    text-align:center;
    
}

.gridtable th{
    border: 1px solid rgb(128,128,128);
    font-size:12px;
    font-weight:bold;
    background:rgb(230,230,230);
}

.gridtable td{
    border: 1px solid rgb(128,128,128);
}

.title {
   margin:10px;
   font-size:14px;
   font-weight:bold
}

ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
    width:200px;
	list-style: none;
	font-size: 1.2em;
}
ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 0;
	padding: 0;
    width:200px;
}
ul.sidenav li a{
	border-top: 1px solid #3373a9; /*--Bevel Effect--*/
	border-bottom: 1px solid #003867; /*--Bevel Effect--*/
	padding: 5px 5px 5px 25px;
	display: block;
    color: #fff;
    width:170px;
    text-decoration: none;
    background: #005094 url(/images/sidenav_li_a.gif) no-repeat 5px 10px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
}
ul.sidenav li a:hover {
	background-color: #004c8d;
	border-top: 1px solid #1a4c76;
}
ul.sidenav li a:visited {
    text-decoration : none;
	border-top: 1px solid #3373a9; /*--Bevel Effect--*/
	border-bottom: 1px solid #003867; /*--Bevel Effect--*/
	color: #fff;
}


ul.sidenav li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 300px;
    height:50px;
	font-size: 0.9em;
    background-color: #004c8d;
	background: url(/images/link_bubble.gif) no-repeat right top;
}
ul.sidenav li div p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 10px 2px 2px 10px;
    color: white;
}

.fg-button {outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }