.hideInMainPage {
	display:none;
}

.jslink:hover {
		cursor: pointer;
}

.panel {
	font-size: 11px;
	font-weight: bold;
	color: #06496F;
	text-decoration: none;
}

body {
    font-size: 11px;
    font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5 em;
    margin: 0px;
    padding: 0px;
}

.dojoDialog {
		background-color: white;
		border : 1px solid #999;
		-moz-border-radius : 5px;
		width: 80%;
}


.dialog {
	background-color: white;
    border: 1px solid #cccccc;
}

.contentBox {
    margin: 0;
    /*padding: 1em;*/
}

.contentLabel {
	padding-bottom: 0.5em;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 0em;
	margin-left: 2em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	width: 10em;
	background-color: #0099CC;
	border: 0;
	text-align: center;
	color: #FFFFFF;
}

.cap {
	font-size: 11px;
	font-weight: bold;
	color: #032699;
}

.sectionBox {
	margin: 0;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

.sectionTitle {
	background-color: #8B97AD;
	text-indent: 2em;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.5em;
	margin-bottom: 1em;
}

.sectionContent {
	padding-left: 2em;
	padding-right: 2em;
}

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

/* Group multiple buttons in a row */
.buttonBox {
    border-top: 1px dotted black;
    height: 2em;
		margin-top: 1em auto;
    padding: 0.5em;
}

.buttonBox table .dojoButton {
    margin-left: 0.5em;
    margin-right: 0.5em;
		/*float: left;*/
		/*vertical-align: absbottom;*/
		/*display: inline;*/
}

.buttonBox table {
	/*width: 50%;*/
	/*border-top: 1px dotted black;*/
	margin-left: auto;
	margin-right: auto;
}

.box {
		display: block;
		text-align: center;
}
.box .dojoButton {
		float: left;
		margin-right: 20px;
}

.dojoButton .dojoButtonContents {
		font-size: 1.3em;
}

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


/*--------------------------------------------------------*/
/* Overwrite Dojo's default Tree style
/*/
body .dojoTree {
	font-size: 1em;
	font: "Bitstream Vera", Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: auto;
	line-height: 1.2em;
}


body .dojoTreeNodeLabelTitle {
	padding-left: 2px;
	color: #4080BE;
}

body .dojoTreeNodeLabel {
	cursor:pointer;
}

body .dojoTreeNodeLabelTitle:hover {
	text-decoration: underline;
}

body .dojoTreeNodeLabelSelected {
	background-color: Highlight;
	color: HighlightText;
}

body .dojoTree div {
	white-space: nowrap;
}

body .dojoTree img, .dojoTreeNodeLabel img {
	vertical-align: middle;
}

.tabContainerBox {
	margin: 2em;
}





/*--------------------------------------------------------*/
/* Override Dojo default style to ValidationTextBox
/*/

body .dojoValidateEmpty {
	background-color: #fff;
}
body .dojoValidateValid {
	background-color: #fff;
}
body .dojoValidateInvalid {
	background-color: #fcc;
}
body .dojoValidateRange {
	background-color: #ccf;
}

/* Style to value invalid display string */
body .invalid {
	color: red;
}

/* Style to value required display string */
body .missing {
	color: red;
}

/* Style to out of range display string */
body .range {
	color: red;
}
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
/* Self-defined message style
/*/

.hint {
	color: red;
	font-weight: bold;
	font-size: small;
	vertical-align: bottom;
}

.success {
	font-weight: bold;
	font-size: small;
	color: green;
}

.warning {
	font-weight: bold;
	font-size: small;
	color: #FF6A00;
}

.error {
	font-weight: bold;
	font-size: small;
	color: red;
}

/* vi:et:ai:ts=4:sw=4:sts=4:ff=unix:enc=utf-8 */
form.createVolume fieldset {
  margin-bottom: 10px;
}
form.createVolume legend {
  padding: 0 2px;
  font-weight: bold;
}

form.createVolume img {
  display: inline-block;
  line-height: 1.8;
  vertical-align: baseline;
}

form.createVolume label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.createVolume fieldset ol {
  margin: 0;
  padding: 0;
}
form.createVolume fieldset li {
  list-style: none;
  padding: 5px;
  margin-top: 3em;
  margin-bottom: 3em;
}
form.createVolume fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.createVolume fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.createVolume fieldset fieldset label {
  display: block;
  width: auto;
}
form.createVolume em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.createVolume fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.login {
margin: auto;
width: 48em;
margin-top: 3em;
}

.login .banner {
background-image: url(../user/images/top_bg.gif);
border-bottom: 4px solid rgb(170, 25, 49);
}

.login .banner div {
height: 50px;
background-image: url(../user/images/logo.gif);
background-repeat: no-repeat;
}

.login .main {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
padding-right: 2em;
text-align: center;
}

.login .main div {
margin-top: 2em;
margin-bottom: 2em;
}

.login .main label {
font-weight: bolder;
text-align: right;
}

.login #cautionText {
color: #990000;
font-weight: bold;
}

.login input {
font-size: 11px;
}

.login .copyright {
color: #666666;
font-size: 0.8em;
text-align: right;
}
/*--------------------------------------------------------*/
/* Self-defined status of storage style*/
.raid{
	padding:2px;
	border: 1px solid #c8c8c8;
}
.internalDisk{
	background-color:#99a8bb;
	border: 1px solid #8897ac;
	height:20px;
}
.snapshotUsedSpace{
	background-image:url(../res/image/i_v_snapshot.gif);
}
.volUsedSpace{
	background-image:url(../res/image/i_v_used.gif);
}
.unlockedVol{
	background-color:#ffffff; 
	border: 1px solid #7c7c7c;
	height:38px;
}
.lockedVol{
	height:38px;
	border: 1px solid #7c7c7c;
	background-image:url(../res/image/i_v_locked.gif);
}
.freeSpace{
	height:38px;
	background-repeat:repeat-x;
	background-image:url(../res/image/i_d_free.gif);
}