
body {
	font:normal 14px/18px Arial;
	margin:0;
	padding:0;
	color:#b6b6b6;
	background:url(../images/body_bg.jpg) repeat left top;	
}

/*-------------------Common classes--------------------------------------------------*/

h1{
	font-size:24px;
	color:#fff;
	font-weight:normal;
	margin:0 0 10px;	
}

h2{
	font-size:22px;
	color:#fff;
	margin:0 0 10px;
	font-weight:normal;
	text-shadow: 1px -1px 1px #1b1f21;
}
.clearBoth { clear:both;}

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* IE < 8 */
}
.fl { float:left !important;}
.fr { float:right !important;}

.bulletPill {
	width:7px;
	height:16px;
	display:inline-block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-top:1px solid rgba(255, 255, 255, 0.5);
}
.bulletPill.red {
	box-shadow: 0px 0px 8px 3px rgba(255, 5, 0, 0.7);
	background:#ff0000;
}
.bulletPill.green {
	box-shadow: 0px 0px 8px 3px rgba(0, 255, 0, 0.7);
	background:#00ff00;
}

/*-------------------------------Layout---------------------------------------*/
.logo {
	margin:20px 0;
}
.mainWrapper {
	width:980px;
	margin:0 auto;
}

.container {
	border:1px solid #111c1d;
}

.innerContainer {
	background:#313c3e url(../images/innter_container.png) no-repeat center;	
	position:relative;
}
/*------Header dashboard-----*/

.headerDashboard {
	background: #313c3e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxM2MzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjFhMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #313c3e 0%, #0f1a1c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313c3e), color-stop(100%,#0f1a1c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #313c3e 0%,#0f1a1c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #313c3e 0%,#0f1a1c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #313c3e 0%,#0f1a1c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #313c3e 0%,#0f1a1c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313c3e', endColorstr='#0f1a1c',GradientType=0 ); /* IE6-8 */

}

.headerDashboard .iconList{
	float:right;
	margin:10px 10px 0 0;
}
.headerDashboard .iconList .item {
	float:left;
	padding:4px 5px;
}
.headerDashboard .iconList .item.text {
	border-right:1px solid #fff;
	font-size:12px;
	color:#dbdbdb;
	padding-right:8px;
}
.headerDashboard .iconList .item .icon {
	width:20px;
	height:20px;
	background:#ccc;
	display:block;
}
.headerDashboard .iconList .item .icon.list{
	background:url(../images/list.png) no-repeat center;	
}
.headerDashboard .iconList .item .icon.error{
	width:28px;
	height:25px;
	margin-top:-4px;
	background:url(../images/error.png) no-repeat center;	
}
.headerDashboard .iconList .item .icon.setting{
	background:url(../images/setting.png) no-repeat center;	
}
.headerDashboard .iconList .item .icon.logoff{
	background:url(../images/logoff.png) no-repeat center;	
}
.headerDashboard h1 {
	font-size:17px;
	margin:7px 0 0 15px;
}
.contentTable {
	width:100%;
}

/*------Top navigation-----*/
.nav {
	margin:10px 0 0;
}
.nav .item{
	padding:10px;
	float:left;
	border-top:1px solid #60c5d9;
	margin:0 3px 0 0;
	cursor:pointer;
	background: rgb(0,172,200); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODg5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwNzU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRkNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,172,200,1) 0%, rgba(0,136,158,1) 50%, rgba(0,117,140,1) 51%, rgba(0,77,93,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,172,200,1)), color-stop(50%,rgba(0,136,158,1)), color-stop(51%,rgba(0,117,140,1)), color-stop(100%,rgba(0,77,93,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acc8', endColorstr='#004d5d',GradientType=0 ); /* IE6-8 */
}

.nav .item .text{	
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	color:#f2f2f2;
	font-weight:bold;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}
.nav .item .arrow{	
	width:12px;
	height:9px;
	display:inline-block;
	vertical-align:top;
	background:url(../images/down_arrow.png) no-repeat;
	margin:4px 0 0 8px;
}

.nav .item .bulletPill{	
	box-shadow: 0px 0px 8px 3px rgba(252, 143, 143, 0.75);
	margin-right:8px;
}

/*------Left navigation-----*/
.LeftNav {
	margin:22px 0 0;
	width:40px;
	position:absolute;
	top:0;
	left:-40px;
}
.LeftNav .item{
	margin:0 3px 1px 0;
	cursor:pointer;
	background:#272727;
	height:39px;
	width:40px;
	border-top:1px solid #272727;
	position:relative;
}
.LeftNav .item .triangle{
	width:11px;
	height:41px;
	background:url(../images/leftnav_triangle.png) no-repeat;
	position:absolute;
	top:-1px;
	right:-11px;
	display:none;one
	display:n;
}
.LeftNav .item .icon{
	height:25px;
	width:25px;
	margin:7px 0 0 8px;
	float:left;
}
.LeftNav .item .icon.summary{
	background:url(../images/summary_icon.png) no-repeat center;
}
.LeftNav .item .icon.details{
	background:url(../images/details_icon.png) no-repeat center;
}
.LeftNav .item .icon.calender{
	background:url(../images/calender_icon.png) no-repeat center;
}

.LeftNav .item.active{
	border-top:1px solid #60c5d9;
	background: rgb(0,172,200); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODg5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwNzU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRkNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,172,200,1) 0%, rgba(0,136,158,1) 50%, rgba(0,117,140,1) 51%, rgba(0,77,93,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,172,200,1)), color-stop(50%,rgba(0,136,158,1)), color-stop(51%,rgba(0,117,140,1)), color-stop(100%,rgba(0,77,93,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,172,200,1) 0%,rgba(0,136,158,1) 50%,rgba(0,117,140,1) 51%,rgba(0,77,93,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acc8', endColorstr='#004d5d',GradientType=0 ); /* IE6-8 */
}

.LeftNav .item.active .triangle{
	display:block;
}

/*------Sidebar-----*/
.contentTable .sideBar {
	background:url(../images/sidebar.png) repeat-y right; 
	width:211px;
	padding:0;
	margin:0;
	vertical-align:top;
	position:relative;
}

.contentTable .sideBar h2{
	color:#00add0;
	margin:30px 10px 20px 20px;
}


.summaryList {
	margin:10px 20px;
}

.summaryList .item {	
	margin:0 0 5px;
	padding:0 0 5px;
	background:url(../images/dotted_border.png) repeat-x bottom; 
}

.summaryList .item span {	
	font-size:12px;
	display:block;
}
/*------Main content area-----*/
.contentTable .content {
	padding:0;
	margin:0;
	vertical-align:top;
}

/*------Server storage graph-----*/
.storageGraph {
	margin:40px 20px 40px 50px;
}

.storageGraph .horChart {
	margin:30px 0 50px;
}

.storageGraph .horChart .chartName{
	display:block;
	float:left; 
	margin:0 5px 0 0;
	text-align:center;
	width:70px;
	font-size:18px;
	line-height:20px;
}


.storageGraph .horChart .chartName span{
	display:block;
}

.storageGraph .horChart .barWrap{
	width:530px;
	float:left;
}

.storageGraph .horChart .bar{
	height:37px;
	background:#000;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	overflow:hidden;
	border-bottom:1px solid #414a4b;
}

.storageGraph .horChart .bar .fill{
	width:45%;
	height:37px;
	background:#fff;
}


.storageGraph .horChart .infoText{
	font-size:11px;
	width:45%;
	text-align:right;
	margin:4px 0 0;
}

/*------Server storage graph color scheme-----*/
/* blue */
.storageGraph .horChart.blue .chartName span{
	color:#00add0;
}

.storageGraph .horChart.blue .fill, .storageGraph .horChart .infoText{
	width:45%;
}

.storageGraph .horChart.blue .fill {
	background:url(../images/blue_fill.png) repeat-x;
}


/* orange */
.storageGraph .horChart.orange .chartName span{
	color:#ffb81d;
}

.storageGraph .horChart.orange .fill, .storageGraph .horChart.orange .infoText{
	width:65%;
}
.storageGraph .horChart.orange .fill {
	background:url(../images/orange_fill.png) repeat-x;
}


/* yellow */
.storageGraph .horChart.yellow .chartName span{
	color:#cddf00;
}
.storageGraph .horChart.yellow .fill, .storageGraph .horChart.yellow .infoText{
	width:56%;
}
.storageGraph .horChart.yellow .fill {
	background:url(../images/yellow_fill.png) repeat-x;
}

/*------Nytro application-----*/

.nytro_application {
	margin:20px 20px 200px;
}

.nytro_application .wrapDriveCard {
	background:#252a2b;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:10px;
	margin:10px 0;
	width:440px;
	height:148px;
	float:left;
	border:1px solid #1f2527;
}

.nytro_application .wrapDriveCard .dirve_graph {
	float:left;
	position:relative;
}


.nytro_application .wrapDriveCard .dirve_graph .bulletPill {
	position:absolute;
	top:10px;
	left:22px;
}

.nytro_application .wrapDriveCard .content {
	margin:0 0 0 226px;
}

.nytro_application .wrapDriveCard .content .row {
	margin:0 0 5px;
	padding:0 0 5px;
	background:url(../images/emboss_border.png) repeat-x bottom; 
}
.nytro_application .wrapDriveCard .content .row .col {
	float:left;
}
.nytro_application .wrapDriveCard .content .row:last-child {
	background:none;
	padding-bottom:0;
}

.nytro_application .wrapDriveCard .content .row span {
	display:block;
	font-size:12px;
}

.nytro_application .wrapDriveCard .dashboard .item {
	font-size:11px;
	font-weight:bold;
	color:#464646;
	text-transform:uppercase;
	margin:0 10px 0 0;
}

.nytro_application .wrapDriveCard .dashboard .item.active {
	color:#fff;
	text-shadow: 0 0 10px #e3b61c;

}

.gradient_border {
	height:2px;
	background:url(../images/gradient_border.png) no-repeat center; 
}


.nytro_application .horChart {
	margin:0 0 5px;
}
.nytro_application .card1 .horChart {
	width:80%
}

.nytro_application .horChart .bar{
	height:6px;
	background:#000;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	overflow:hidden;
	border-bottom:1px solid #414a4b;
}

.nytro_application .horChart .bar .fill{
	width:45%;
	height:6px;
	background:url(../images/green_fill.png) repeat-x;
}

.width70per {
	width:70%;
}
.width80per {
	width:80%;
}
