/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


body {
	font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #454646;
	background-color: #dbdbdb;
}

.clear {
	clear: both;
}




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

	TYPOGRAPHY
	
---------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
	color: #3c464b;
	font-family: 'titilliumtext22l_ltmedium', Helvetica, Arial, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 20px;
}

h1 {
	font-size: 24px;
	font-family: 'titilliumtext22l_ltmedium', Helvetica, Arial, sans-serif;
	margin-right: 30px;
	display: inline-block;
}

h2 { font-size: 18px; }

h3 { font-size: 16px; margin-bottom: 25px; }

h4 { font-size: 15px; }

.grey-text {
	color: #878d91;
}

strong {
	font-family: 'open_sansbold', Helvetica, Arial, sans-serif;
}

em {
	color: #32393d;
	font-style: normal;
}

p strong {
	color: #32393d;
}

.box-shadow::before {
	-moz-box-shadow: 0px 0px 3px 1px gray;
	-webkit-box-shadow: 0px 0px 3px 1px gray;
	box-shadow: 0px 0px 3px 1px gray;
}

.rounded-button {
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}

#wrapper {
	background-color: #fff;
	width: 1014px;
	margin: 0 auto;
	position: relative;
}

.right, .left {
	position: relative;
}

.right {
	float: right;
}

.left {
	float: left;
}

.no-float {
	float: none;
}

.center {
	text-align: center;
}

#header {
	height: 130px;
	background-color: #FFFFFF;
}

#secondary-nav {
	height: 60px;
	padding: 10px 20px 0;
	
}

.et-logo {
	position: relative;
	padding-top: 12px;
}

.et-logo a {
	height: 30px;
	width: 153px;
	display: block;
	background: url(../images/et-logo.jpg) no-repeat 0 0;
	float: left;
	text-indent: -9999px;
}

	.et-logo a:hover {
		background-position: 0 -30px;
	}
	
	
	
	
/*
---------------------------------------------------------

	UTILITY NAV STYLES
	
---------------------------------------------------------
*/

.secondary-nav-links {
	text-align: right;
	padding-top: 18px;
	font-size: 13px;
	color: #878d91;
}

	.secondary-nav-links ul {
		z-index: 9999;
	}
	
	.secondary-nav-links li {
		display: inline-block;
		margin-left: 20px;
	}
	
	.secondary-nav-links li a {
		text-decoration: none;
		color: #878d91;
		margin-bottom:10px;
		display: block;
	}
	
		.secondary-nav-links li a:hover {
			color: #324350;
		}
		
			.secondary-nav-links li a:hover .news {
				background-position: 0 -23px;
			}
			
			.secondary-nav-links li a:hover .arrow {
				background-position: -48px -29px;
			}
			
			.secondary-nav-links li a:hover .logout {
				background-position: -22px -24px;
			}
		
		.secondary-nav-links li a em {
			color: #32393d;
			font-style: normal;
		}
		
		.secondary-nav-links ul li ul {
			display: none;
			margin: 0 !important;
		}
			
		.secondary-nav-links ul li:hover ul {
    		display: block;
    		list-style: none outside none;
    		position: absolute;
    		width: 132px;
    		padding: 5px 4px 5px;
			margin-top: 10px;
			background: url(../images/dropdown.png) no-repeat 0 0;
			border-bottom: 1px solid #d7d7d7;
		}
		
			.secondary-nav-links ul li:hover ul li {
				color: #c11a00;
				text-decoration: none;
				display: block;
				float: left;
				text-align: left;
				clear: both;
				position: relative;
				padding: 5px !important;
				margin: 0 !important;
			}
			
			.secondary-nav-links ul li:hover ul li.first {
				margin-top: 7px !important;
			}
			
				.secondary-nav-links ul li:hover ul li a {
					border: medium none;
    				clear: both;
    				color: #778794;
    				display: block;
    				font-size: 11px;
    				padding-bottom: 0;
    				padding-top: 0;
					margin: 0 !important;
				}
				
				.secondary-nav-links ul li:hover ul li a:hover {
					color: #324350;
				}
		
.arrow {
    background: url(../images/icon-sprite.png) no-repeat -48px -6px;
    width: 10px;
    height: 7px;
    display: inline-block;
    margin-left: 8px;
}

.news {
    background: url(../images/icon-sprite.png) no-repeat 0 0;
    width: 17px;
    height: 19px;
    display: inline-block;
    margin: -3px 0 0 8px;
    float: right;
}

.logout {
    background: url(../images/icon-sprite.png) no-repeat -22px -1px;
    width: 20px;
    height: 17px;
    display: inline-block;
    margin: -2px 0 0 8px;
    float: right;
}

.rotate {
    background: url(../images/rotate.png) no-repeat 0 0;
    width: 20px;
    height: 17px;
    display: inline-block;
    margin-left: 8px;
    float: right;
}




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

	MAIN NAV STYLES
	
---------------------------------------------------------
*/

#primary-nav {
	height: 60px;
	background-color: #324350;
	font-size: 13px;
	position: relative;
	z-index: 1000;
}

	#primary-nav ul {
		margin-left: 0;
	}
	
	#primary-nav ul li {
		list-style: none;
		float: left;
		text-align: center;
	}
	
	#primary-nav ul li a {
		display: block;
	}
	
	#primary-nav ul li a.incidents {
		width: 99px;
	}
	
	#primary-nav ul li a.status {
		width: 73px;
	}
	
	#primary-nav ul li a.behavior {
		width: 91px;
	}
	
	#primary-nav ul li a.dashboard {
		width: 104px;
	}
	
	#primary-nav ul li a.netflow {
		width: 84px;
	}
	
	#primary-nav ul li a.search {
		width: 75px;
	}
	
	#primary-nav ul li a.reports {
		width: 82px;
	}
	
	#primary-nav ul li a.myet {
		width: 140px;
	}
	
	#primary-nav ul li a.change {
		width: 118px;
	}
	
	#primary-nav ul li a.config {
		width: 148px;
	}

	#primary-nav ul li a {
		color: #778794;
		text-decoration: none;
		padding: 18px 0 24px 0;
		border-top: 5px solid #324350;
	}
	
		#primary-nav ul li a.active,
		#primary-nav ul li a:focus,
		#primary-nav ul li a:active,
		#primary-nav ul li:hover a {
			color: #FFFFFF;
			border-top: 5px solid #c11a00;
			background-color: #1e2c37;
		}
		
		#primary-nav ul li:hover a.active {
			color: #FFFFFF;
			border-top: 5px solid #c11a00;
			background-color: #1e2c37;
		}
		
		#primary-nav ul li ul {
			display: none;
			margin: 0 !important;
		}
	
		#primary-nav ul li:hover ul {
			background: none repeat scroll 0 0 #1e2c37;
    		display: block;
    		list-style: none outside none;
    		position: absolute;
    		width: 165px;
    		padding: 7px 4px 10px;
    		
		}
		
			#primary-nav ul li:hover ul li {
				color: #c11a00;
				text-decoration: none;
				display: block;
				float: left;
				text-align: left;
				clear: both;
				position: relative;
				padding: 11px 0;
			}
			
				#primary-nav ul li:hover ul li a {
					border: medium none;
    				clear: both;
    				color: #778794;
    				font-size: 12px;
    				padding: 0 17px;
    				
				}
				
				#primary-nav ul li:hover ul li a:hover {
					color: #fff;
				}
				
				
				
						
/*
---------------------------------------------------------

	LAYOUT
	
---------------------------------------------------------
*/

.box {
	padding: 20px;
	border: 1px solid #dedede;
	position: relative;
	background-color: transparent;
}

.grey { background-color: #efefef; }

.dark-grey { background-color: #d8d8d8; }

.white { background-color: #fff; }

.rounded{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bottom-rounded {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.top-rounded {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#content-header {
	background-color: #efefef;
	padding: 20px;
	position: relative;
}

	.top-row {
		position: relative;
	}
	
	.top-row p {
		font-size: 12px;
 		display: inline;
 		margin-right: 20px;
 		position: relative;
 	}
	
#content {
	border-top: 1px solid #dedede;
	padding: 20px;
}





input.dates {
		display: block;
		font-size: 12px;
		text-align: center;
		border: 1px solid #dedede;
		width: 85px;
		height: 31px;
	}
	
input.times {
		display: block;
		font-size: 12px;
		text-align: center;
		border: 1px solid #dedede;
		width: 95px;
		height: 31px;
	}
	
input.result-limit {
		display: block;
		font-size: 12px;
		text-align: center;
		border: 1px solid #dedede;
		width: 40px;
		height: 31px;
	}
	
input.search-for {
		display: block;
		font-size: 12px;
		text-align: left;
		border: 1px solid #dedede;
		width: 247px;
		height: 31px;
		padding-left: 10px;
	}
	
select.interior {
	padding: 8px 10px;
}

.table-rows a {
	text-decoration: underline;
	color: #32393D;
}

	.table-rows a:hover {
		text-decoration: none;
	}
	
.content-row {
    margin-bottom: 18px;
}

.margin-right-ten {
    margin-right: 10px;
}



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

	TAB STYLES
	
---------------------------------------------------------
*/

/*
#tabs {
    z-index: 1000;
    display: inline-block;
    list-style: none;
    margin: 0 0 -20px -20px;
}

#tabs li {
	color: #32393d;
	font-size: 12px;
	letter-spacing: .08em;
	font-family: 'titilliumtext22l_ltmedium', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	margin-right: -2px;
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;

	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
height: 48px;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

	#tabs li a {
		color: #878d91;
		text-decoration: none;
		padding: 18px 39px;
		display: block; 
	}
	
		#tabs li a:hover {
			color: #32393d;
		}

.tab-gradient {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f3f3));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f3f3 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f3f3 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f3f3 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f3',GradientType=0 );
}

	#tabs li.active {
		border-top: 5px solid #c11a00;
		border-bottom: 1px solid #fff;
		background-color: #fff;
		padding: 13px 39px;
		font-family: 'titilliumtext22lxbold', Helvetica, Arial, sans-serif;
		
height: 47px;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: -1px;
	}
*/



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

	NEW TAB STRUCTURE
	
---------------------------------------------------------
*/
	
ul#new-tabs {
	list-style: none;
	float: left;
	position: relative;
}

	#new-tabs li {
		color: #32393d;
		background-color: #fff;
		font-size: 12px;
		letter-spacing: .08em;
		font-family: 'titilliumtext22l_ltmedium', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		display: inline-block;
		margin-right: -2px;
		border-right: 1px solid #dedede;
		border-top: 1px solid #dedede;
	
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	
	#new-tabs li:first-child {
		border-left: 1px solid #dedede;
	}
	
	#new-tabs li.active {
		background: #fff url('../images/active-tab.png') repeat-x top left;
		border-top: 1px solid #c11a00;
		padding: 18px 18px 19px 18px;
	}
	
		#new-tabs li a {
			color: #878d91;
			text-decoration: none;
			padding: 18px 18px;
			display: block;
			letter-spacing: 1px;
		}
		
			#new-tabs li a:hover {
				color: #32393d;
			}

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





	
.interior-tabs ul#tabs li a {
    padding: 18px 14px 19px;
}

	.interior-tabs ul#tabs li.active {
	    padding: 13px 18px;
	}
	
		
/*
---------------------------------------------------------

	MISC UI STYLES
	
---------------------------------------------------------
*/

.utility-elements {
	margin-bottom: 15px;
	position: relative;
}

.utility-elements.inset {
	position: absolute;
	top: 20px;
	right: 20px;
}

#utilities-right {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.dropdown {
	/*margin: -10px 0 20px 20px;*/
	margin: -10px 0 0 20px;
}

	.dropdown h6 {
		color: #878d91;
		text-align: center;
		margin-bottom: 5px;
	}
	
select {
	padding: 10px;
	border: 1px solid #dedede;
	text-decoration: none;
	font-size: 12px;
	color: #878d91;
	background: #fff;
}

.pagination-links {
	font-size: 12px;
	position: relative;
	color: #878d91;
	margin-left: 10px;
}

	.pagination-links a {
		width: 20px;
		height: 33px;
		font-size: 14px;
		color: #bdc2c2;
		border: 1px solid #dedede;
		display: block;
		text-decoration: none;
	}
	
	.left-arrow,
	.right-arrow {
		width: 7px;
	    height: 10px;
	    display: block;
	    position: absolute;
	    top: 11px;
	}
	
	.left-arrow {
	    background: url(../images/icon-sprite.png) no-repeat -286px 0;
	   	left: 6px;
	}
	
	.right-arrow {
	    background: url(../images/icon-sprite.png) no-repeat -296px 0;
	    right: 6px;
	}

	.pagination-links a:hover .left-arrow {
		background-position: -286px -10px;
	}
	
	.pagination-links a:hover .right-arrow {
		background-position: -296px -10px;
	}
	
	input.current-page {
		display: block;
		font-size: 12px;
		text-align: center;
		color: #878d91;
		border: 1px solid #dedede;
		width: 34px;
		height: 31px;
	}
	
	.total-pages {
		padding-top: 11px;
	}
	
	.pagination-links a,
	input.current-page,
	.total-pages {
		margin-left: 4px;
	}
	
	.red-alert-box {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		color: #C11A00;
		border: 1px solid #C11A00;
		margin-left: 14px;
		height: 33px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
	}
	
	.red-alert-box p {
		font-size: 12px;
		padding: 9px 13px 10px 13px;
	}
	
	.white-container {
		display: inline-block;
	    font-size: 12px;
	    text-align: left;
	    background: #fff;
		padding: 8px 12px;
		text-decoration: none;
		color: #878d91;
		border: 1px solid #dedede;
	}
	
	.white-button {
		display: inline-block;
	    font-size: 12px;
	    margin-top: 20px;
	    text-align: left;
	    background: #FFFFFF;
		padding: 12px 16px;
		text-decoration: none;
		color: #878d91;
		border: 1px solid #dedede;
	}

		.white-button:hover {
			color: #324350;
		}
		
			.white-button:hover .system {
				background-position: -63px -14px;
			}
	
	.btn-search {
	    background: url(../images/icon-sprite.png) no-repeat -242px 0;
	    width: 20px;
	    height: 17px;
	    display: inline-block;
	    float: left;
	    font-size: 0px;
	    position: relative;
	    margin: auto 0;
	}

		.btn-search:hover {
		    background-position: -242px -17px;
		}
		
	.rotate-button {
		font-size: 12px;
		color: #878d91;
		padding-top: 10px;
		margin-right: 30px;
	}
	
	.rotate-icon {
		background: url(../images/icon-sprite.png) no-repeat -82px -16px;
		width: 16px;
		height: 16px;
		display: inline-block;
		margin-right: 8px;
		position: relative;
		cursor: pointer;
		vertical-align: text-bottom;
	}
	
		.rotate-icon:active {
		    background-position: -82px 0;
		}
		
	.circle {
		height: 12px;
		width: 12px;
		border: 1px solid #dedede;
		margin-right: 15px;
		display: block;
		float: left; 
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}

	.teal {
		background-color: #2b8585;
	}
	
	.baby {
		background-color: #99c5dd;
	}
	
	.purple {
		background-color: #7d54ac;
	}
	
	.navy {
		background-color: #122c3c;
	}
	
	.gray {
		background-color: #aeaeae;
	}
	
	.critical {
		background-color: #c11a00;
	}
	
	.serious {
		background-color: #e18713;
	}
	
	.high {
		background-color: #f4e90a;
	}
	
	.medium {
		background-color: #53aea6;
	}
	
	.low {
		background-color: #6cac1a;
	}
	
input.search {
	background: none; 
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #D8D8D8;
	margin-right: 4px;
	margin-left: 0;
	width: 118px;
}

.margin-zero {
	margin-bottom: 0px;
}

.margin-right {
	margin-right: 14px;
}

.white-button-interior {
	display: inline-block;
    font-size: 12px;
    text-align: left;
    background: #FFFFFF;
	padding: 10px 12px 0;
	text-decoration: none;
	color: #878d91;
	border: 1px solid #dedede;
	height: 25px;
	text-transform: uppercase;
	line-height: 15px;
}

	.white-button-interior:hover span,
	.white-button-interior:hover {
		color: #324350;
		background-position: 0 -18px;
	}
	
	a.white-button-interior.right {
		margin-left: 12px;
	}
	
	a.white-button-interior.left {
		margin-right: 12px;
	}


		
		
		.text-link-bar ul {
    padding: 3px 0;
}

.text-link-bar ul li {
    display: block;
    float: left;
    margin: 0 5px;
}

.text-link-bar a {
    color: #878d91;
    font-size: 11px;
}

	.text-link-bar a:hover {
	    text-decoration: none;
	}

.percent-bar {
    border: 1px solid #d8d8d8;
    padding: 2px;
}

	.percent-bar .percent-container {
	    display: block;
	    height: 25px;
	}
	
		.percent-bar .percent-container span {
		    display: block;
		    height: 25px;
		    float: left;
		}

ul.graph-key {
    padding: 0 20px;
}

ul.graph-key li {
    color: #878d91;
    font-size: 11px;
    margin-bottom: 5px;
    padding-right: 25px;
    position: relative;
    margin-top: 5px;
}

textarea {
    font-size: 11px;
    border: 1px solid #dedede;
    padding: 10px;
    text-align: left;
    overflow: auto;
    vertical-align: top;
}

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

	ICON STYLES
	
---------------------------------------------------------
*/


.icon-sys {
    background: url(../images/icon-sprite.png) no-repeat -63px 0px;
    width: 16px;
    height: 13px;
    float: left;
    margin-right: 13px;
    margin-top: 2px;
}

.icon-info {
	    background: url(../images/ET004-info.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	margin-top: 9px;
    	margin-left: 5px;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-info:hover {
		    background-position: 0 -18px;
		}
		
.icon-info.margin-right-ten {
	margin-right: 10px;
}
		
		.inline {
			margin: 0px;
			padding: 0px;
		}
		
.icon-filter {
	    background: url(../images/ET006-filter.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-filter:hover {
		    background-position: 0 -18px;
		}
		
.icon-cancel {
	    background: url(../images/ET005-cancel.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-cancel:hover {
		    background-position: 0 -18px;
		}
		
.icon-remove {
	    background: url(../images/ET023-remove.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
    	margin-top: 8px;
	}

		.icon-remove:hover {
		    background-position: 0 -18px;
		}
		
.icon-clear-search {
	    background: url(../images/ET099-clear-search.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-clear-search:hover {
		    background-position: 0 -18px;
		}
		
.icon-adv-search {
	    background: url(../images/ET080-adv-search.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-adv-search:hover {
		    background-position: 0 -18px;
		}
		
.icon-global {
	    background: url(../images/ET104-global.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
	    margin-left: -3px;
    	margin-right: 8px;
    	margin-top: 7px;
	}
	
.icon-server {
	    background: url(../images/ET020-server.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
	    margin-left: -3px;
    	margin-right: 8px;
    	margin-top: 7px;
	}
	
.icon-system {
	    background: url(../images/ET021-system.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
	    margin-left: -3px;
    	margin-right: 8px;
    	margin-top: 7px;
	}






.icon-add {
	    background: url(../images/ET022-add.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    display: inline-block;
	    float: left;
	    font-size: 0px;
	    position: relative;
	    margin: auto 0;
	}

		.icon-add:hover {
		    background-position: 0 -18px;
		}
		
.icon-activate {
	    background: url(../images/ET078-activate.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	margin-right: 9px;
    	margin-top: -3px;
	}

		.icon-activate:hover {
		    background-position: 0 -18px;
		}
		
.icon-delete {
	    background: url(../images/ET100-delete.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	margin-right: 9px;
    	margin-top: -3px;
	}

		.icon-delete:hover {
		    background-position: 0 -18px;
		}
		
.icon-order {
	    width: 18px;
	    height: 18px;
	    display: inline-block;
	}

		.icon-order a {
			width: 18px;
			height: 9px;
			display: block;
			position: relative;
		}
		
			.icon-order a.icon-arrow-up { background: url(../images/ET071-order.png) no-repeat 0 0; }
			.icon-order a.icon-arrow-up:hover { background: url(../images/ET071-order.png) no-repeat 0 -18px; }
			.icon-order a.icon-arrow-up:focus { background: url(../images/ET071-order.png) no-repeat 0 -36px; }
			.icon-order a.icon-arrow-up:active { background: url(../images/ET071-order.png) no-repeat 0 -36px; }
			
			.icon-order a.icon-arrow-down { background: url(../images/ET071-order.png) no-repeat 0 -9px; }
			.icon-order a.icon-arrow-down:hover { background: url(../images/ET071-order.png) no-repeat 0 -27px; }
			.icon-order a.icon-arrow-down:focus { background: url(../images/ET071-order.png) no-repeat 0 -45px; }
			.icon-order a.icon-arrow-down:active { background: url(../images/ET071-order.png) no-repeat 0 -45px; }

.icon-next {
	    background: url(../images/ET101-next.png) no-repeat 0 0;
	    width: 13px;
	    height: 18px;
	    float: right;
    	margin-top: -2px;
	}

		.icon-next:hover {
		    background-position: 0 -18px;
		}
		


.icon-filter {
    background: url(../images/ET006-filter.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    font-size: 0px;
    position: relative;
    margin: auto 0;
}
		
.icon-download {
    background: url(../images/ET096-download.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    font-size: 0px;
    position: relative;
    margin: auto 0;
}
		
.icon-addto-logbook {
    background: url(../images/ET010-addto-logbook.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    font-size: 0px;
    position: relative;
    margin: auto 0;
}
		
.icon-search {
    background: url(../images/icon-sprite.png) no-repeat -242px 0;
    width: 20px;
    height: 17px;
    display: inline-block;
    float: left;
    font-size: 0px;
    position: relative;
    margin: auto 0;
}

	.icon-search:hover {
	    background-position: -242px -17px;
	}
		
.icon-repeat-filter {
    background: url(../images/ET077-repeat-filter.png) no-repeat 0 0;
    width: 20px;
    height: 17px;
    display: inline-block;
    float: left;
    font-size: 0px;
    position: relative;
    margin: auto 0;
}

	.icon-filter:hover,
	.icon-download:hover,
	.icon-addto-logbook:hover,
	.icon-repeat-filter:hover {
    	background-position: 0 -18px;
	}
	
	.icon-filter,
	.icon-download,
	.icon-addto-logbook,
	.icon-search,
	.icon-repeat-filter {
    	margin-right: 10px;
	}
	
	.rounded-button a.last {
		margin-right: 0;
	}



.icon-only-file {
	background: transparent url('../images/ET063-only-file.png') no-repeat top left;
	width: 18px;
	height: 18px;
	display: block;
	float: left;
}

a.close {
	background: transparent url('../images/ET100-delete.png') no-repeat top left;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 27px;
	right: 20px;
	text-indent: -9999px;
}

	a.close:hover {
		background-position: 0 -18px;
	}


.icon-tagcloud,
.icon-calendar {
	width: 18px;
    height: 18px;
    display: inline-block;
	text-indent: -9999px;
    position: relative;
}

.icon-tagcloud {
    background: url(../images/ET032-tagcloud.png) no-repeat 0 0;
}
	.icon-tagcloud:hover {
    	background-position: 0 -18px;
	}

.icon-calendar {
    background: url(../images/ET027-calendar.png) no-repeat 0 0;
    margin: 0 20px 0 5px;
    vertical-align: text-bottom;
}
	.icon-calendar:hover {
    	background-position: 0 -18px;
	}



.icon-folder-closed {
	    background: url(../images/ET001-folder-closed.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
    	margin-right: 6px;
    	margin-top: 6px;
	}

.icon-folder-open {
	    background: url(../images/ET002-folder-open.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
    	margin-right: 6px;
    	margin-top: 6px;
	}
	
.icon-back {
    background: url(../images/ET102-back.png) no-repeat 0 0;
    width: 13px;
    height: 18px;
    float: left;
	margin-top: -2px;
	margin-right: 5px;
	margin-left: -6px;
}

.icon-server2 {
    background: url("../images/ET020-server.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    margin-right: 8px;
    width: 18px;
}

.icon-server3 {
    background: url("../images/ET105-tier-two.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    margin-right: 8px;
    width: 18px;
}

.icon-refresh {
	    background: url(../images/ET083-refresh.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-refresh:hover {
		    background-position: 0 -18px;
		}
		
.icon-data-lookup {
	    background: url(../images/ET016-data-lookup.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-data-lookup:hover {
		    background-position: 0 -18px;
		}
		
.icon-pie-chart {
	    background: url(../images/ET093-pie-chart.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-pie-chart:hover {
		    background-position: 0 -18px;
		}
		
.icon-bar-horiz {
	    background: url(../images/ET094-bar-horiz.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-bar-horiz:hover {
		    background-position: 0 -18px;
		}

.icon-bar-vert {
	    background: url(../images/ET095-bar-vert.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-bar-vert:hover {
		    background-position: 0 -18px;
		}
		
.icon-geo-locate {
	    background: url(../images/ET044-geo-locate.png) no-repeat 0 0;
	    width: 18px;
	    height: 18px;
	    float: left;
    	font-size: 0px;
    	text-decoration: none;
	}

		.icon-geo-locate:hover {
		    background-position: 0 -18px;
		}

.icon-excel-doc,
.icon-word-doc,
.icon-adobe-pdf,
.icon-html-doc,
.icon-report-error,
.icon-report-cancelled,
.icon-report-blank,
.icon-report-content,
.icon-report-status {
	width: 18px;
	height: 18px;
	display: inline-block;
	font-size: 0px;
}

.icon-excel-doc {
	background: url(../images/ET034-excel-doc.png) no-repeat 0 0;
}

.icon-word-doc {
	background: url(../images/ET035-word-doc.png) no-repeat 0 0;
}

.icon-adobe-pdf {
	background: url(../images/ET036-adobe-pdf.png) no-repeat 0 0;
}

.icon-html-doc {
	background: url(../images/ET036-html-doc.png) no-repeat 0 0;
}

.icon-report-error {
	background: url(../images/ET084-report-error.png) no-repeat 0 0;
}

.icon-report-cancelled {
	background: url(../images/ET085-report-cancelled.png) no-repeat 0 0;
}

.icon-report-blank {
	background: url(../images/ET086-report-blank.png) no-repeat 0 0;
}

.icon-report-content {
	background: url(../images/ET087-report-content.png) no-repeat 0 0;
}

.icon-report-status {
	background: url(../images/ET026-report-status.png) no-repeat 0 0;
}

	.icon-report-status:hover {
	    background-position: 0 -18px;
	}

/*.icon-excel-doc:hover,
.icon-word-doc:hover,
.icon-adobe-pdf:hover,
.icon-html-doc:hover,
.icon-report-error:hover,
.icon-report-cancelled:hover,
.icon-report-blank:hover,
.icon-report-content:hover {
	background-position: 0 -18px;
}*/
		
		
		
		
/*
---------------------------------------------------------

	FOOTER STYLES
	
---------------------------------------------------------
*/

#footer {
	height: 60px;
	background-color: #FFFFFF;
	padding: 0 20px;
	border-top: 1px solid #DEDEDE;
	color: #878d91;
}

	#footer .et-logo {
		padding-top: 18px;
	}
	
		#footer .et-logo a {
			margin-top: 0;
		}

	#footer p {
		width: 800px;
		padding-top: 23px;
		position: relative;
		text-align: right;
	}
	
		#footer p .info {
			margin-right: 80px;
		}