html,
body,
#luxbody
{
/* 	height: 100%; */
	*height: 100%;
	min-height: 100%;
}
#luxbody
{
	height: 100%;
	min-width: 900px;
}
body
{
	font-family:
		"Trebuchet MS",
		Arial,
		Helvetica,
		sans-serif;
	font-size: 1em;
	background: #0b1a48 url(../images/pgbg.jpg) top left repeat;
	color: #fff;
}

.copyright
{
	font-size: 0.865em;
	color: #7d7572;
}
.row.dpt.a.b .copyright
{
	width: 270px;
	/* Safari */
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 14px 14px;
	
	/* Firefox */
	-moz-transform: rotate(270deg);
	-moz-transform-origin: 14px 14px;
	
	/* IE */
	-ms-transform: rotate(270deg);
	-ms-transform-origin: 14px 14px;
	
	/* Opera */
	-o-transform: rotate(270deg);
	-o-transform-origin: 14px 14px;
}
/**
 * Addressing colour swatches.
 */
.dark.bg,
.dark.bg li,
.swatch.one
{
	background-color: #0072bc !important;
	color: #cee8fb;
}
.dark.bg b,
.dark.bg strong,
.swatch.one b,
.swatch.one strong
{
	color: #cee8fb;
}
.med.bg,
.swatch.two
{

}
.light.bg,
.swatch.three,
pre
{
	background-color: #f7f7f7;
	color: #4d4d4d;
}
pre
.lighter.bg,
.swatch.four
{

}
.base.bg,
.swatch.five
{
	background-color: #fff;
	color: #1b378c;
}  
.red
{
	color: #e21c25 !important;
}
.green
{
	color: #8dc63f !important;
}
.orange
{
	color: #d49406 !important;
}
.grey
{
	color: #999 !important;
}
.blue
{
	color: #0072bc !important;
}

.shadow,
.error, .attn, .confirm, .dialog, .dialogue
{
	box-shadow: rgba(0,0,0,0.4) 0 0 4px;
}
.shadow.inner
{

	box-shadow: inset rgba(0,0,0,0.4) 0 0 14px;
}
/**
 * Original Base CSS
 */
 a, a:visited
{
	text-decoration: none;
}

a.headerlink,
a.headerlink:visited
{
	color: transparent;
}

.leftcol {
	background-color: black;
}
.rounded,
#homeloginBoxen,
.error, .attn, .confirm, .dialog, .dialogue, .info
{
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.info
{
	padding: 0 1em;
	background: #fff;
	border: 1px solid #0072bc;
}

.info h3
{
	margin: 0.5em 0;
}
.loading{
	background: url(../images/ajax-loader.gif) center center no-repeat !important;
/* 	background: url(../images/loading.gif) no-repeat !important; */
	min-width: 220px;
	width: 100%;
	min-height: 20px;
	height: 100%;
}
.form_help .loading
{
	background-position: left center !important;
}
.datehighlight{
	color: #FF0000;
	
}
.intro
{
	font-size: 1.6em;
	margin: 0.625em 0;
}

.strong {font-weight: bold}

h1#lux_logo
{
	font-family:
		"Helvetica Neue",
		"Trebuchet MS",
		Arial,
		Helvetica,
		sans-serif;
	font-weight: 200;
	/* font-weight: lighter; */
	color: #0072bc;
	margin-bottom: -25px;
	z-index: 1000;
}
#amp_content
{
	padding-bottom: 2em;
}
h1#lux_logo span
{
	font-size: 0.7em;
	color: #7d7572;
}

#homeloginBoxen
{
	background-color: #f7f7f7;
	color: #0072bc;
}

#homeloginBoxen div.feedback
{
/* 	position: absolute; */
/* 	top: -1.6em; */
}

#homeloginBoxen div.feedback.error
{
	top: -3em;
}

#homelogin h1#lux_logo
{
	margin-bottom: 10px;
}
#homelogin form,
#homelogin form button
{
	margin-top: 0;
	margin-bottom: 0.5em;
}
#homelogin fieldset .icon-user,
#homelogin fieldset .icon-lock
{
	color: #fff;
	padding: 13px;
	background-color: #0072bc;
	position: absolute;
	right: 0;
	z-index: 1;
	font-size: 19px;
	
 -webkit-border-top-right-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -webkit-border-bottom-right-radius: 6px; 
  -khtml-border-top-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px; /* Firefox 1-3.6 */
    -moz-border-radius-bottomright: 6px;
    	 -o-border-top-right-radius: 6px;
    	 -o-border-bottom-right-radius: 6px;
    	 	border-top-right-radius: 6px !important;
    	 	border-bottom-right-radius: 6px;
    	 	
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
#homelogin fieldset .icon-lock
{
	padding: 13px 15px;
}
#homelogin input[type="text"],
#homelogin input[type="password"]
{
	display: block;
	width: 92%;
}

/* float label
*/
.float_label fieldset
{
	position: relative;
	margin: 1.2em;
}
form fieldset.form-actions
{
	margin: 1em 0;
}

/**** HERE THE MAGIC STARTS *****/
/* Original label position: top left and small */
.float_label label {
    position: absolute;
    top: -1.6em;
    left: 0.08em;
    color: #aaaaaa;
/*     z-index:-1; */
    font-size: 0.85em;
    animation: float-labels 300ms none ease-out;
  -webkit-animation: float-labels 300ms none ease-out;
   
    /* There is a bug sometimes pausing the animation. This avoids that.*/
    animation-play-state:running !important;
  -webkit-animation-play-state:running !important;
}

/* Label highlight effect also for non-JS browsers */
.float_label input:not(.empty):focus + label{
    color: #0099ff;
}

/* In JS Browsers the .empty class is assigned to empty inputs -> label is rendered like a placeholder in the input field */
.float_label input.empty + label {
    top: 0.3em;
    left: 0.5em;
    font-size: 1.5em;
    animation:none;
  -webkit-animation:none;
  z-index: 1;
}
.float_label input.empty + label.error {
    top: 1.4em;
    font-size: 0.8em;
}
/* The animation is a bit more complex than what is achievable with simple transitions, because I do not want the label to fly over my input. The place-holder label should fade out first and then appear again above the input text */
@keyframes float-labels {
  
   0% {
    opacity:1;
    color:#aaa;
    top:0.1em;
    font-size:1.5em;
  }
  20% {
    font-size:1.5em;
    opacity:0;
  }
  30% {
    top:0.1em;
  }
  50% {
    opacity:0;
    font-size:0.85em;
  }
  100% {
    top:-1em; 
    opacity:1; 
  }
}
@-webkit-keyframes float-labels {
  
 0% {
    opacity:1;
    color:#aaa;
    top:0.1em;
    font-size:1.5em;
  }
  20% {
    font-size:1.5em;
    opacity:0;
  }
  30% {
    top:0.1em;
  }
  50% {
    opacity:0;
    font-size:0.85em;
  }
  100% {
    top:-1em; 
    opacity:1; 
  }
}

.gotologout
{
	top: 10px;
	margin-right: 5px;
	
	-webkit-transition: color 0.3s ease-out;
	 -moz-transition: color 0.3s ease-out;
	   -o-transition: color 0.3s ease-out;
	      transition: color 0.3s ease-out;
	
	z-index: 1000;
}
.gotologout:hover
{
	color: #fff !important;
	cursor: pointer;
	
	-webkit-transition: color 0.3s ease-out;
	 -moz-transition: color 0.3s ease-out;
	   -o-transition: color 0.3s ease-out;
	      transition: color 0.3s ease-out;
}
/**
 * LUX Button overrides
 */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]
{
	margin-bottom: 0.25em;
	border: transparent;
}
td.button_holder
{
	padding: inherit 0;
}
td .button,
td button,
td input[type="submit"],
td input[type="reset"],
td input[type="button"]
{
	margin-right: 0;
	margin-bottom: 0;
	padding: 0.325em 0.465em;
}
input[readonly],
input[readonly]:hover,
input[readonly]:focus
{
	text-indent: 0;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none;
}
.text-wrap input[readonly]
{
	padding-top: 0.3em;
}

ul.port_list,
ul.port_list li.row
{
	list-style: none !important;
}

.port_list
{
	margin-left: 0;
}

.btn_grp a
{
	padding: 0.2em 0.3em;
}
/**
 * Setting up Tabs
 */
 /* http://css-tricks.com/almanac/properties/b/border-radius/
 */

ul.tabs
{
/* margin-bottom: -8px; */
}
ul.tabs,
ul.tabs li, 
ul.tabs li a
{

 -webkit-border-top-left-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -webkit-border-top-right-radius: 6px; 
  -khtml-border-top-left-radius: 6px;
  -khtml-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px; /* Firefox 1-3.6 */
    -moz-border-radius-topright: 6px;
    	 -o-border-top-left-radius: 6px;
    	 -o-border-top-right-radius: 6px;
    	 	border-top-left-radius: 6px !important;
    	 	border-top-right-radius: 6px;
    	 	
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
ul.tabs li menu
{
	display: inline;
}
ul.tabs li a
{
	position: relative;
/* 	box-shadow: inset 0 1px 1px #fff; */
}
ul.tabs.vertical,
ul.tabs.vertical li, 
ul.tabs.vertical li a
{

 -webkit-border-bottom-left-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -webkit-border-top-right-radius: 0; 
  -khtml-border-bottom-left-radius: 6px;
  -khtml-border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 6px; /* Firefox 1-3.6 */
    -moz-border-radius-topright: 0;
    	 -o-border-bottom-left-radius: 6px;
    	 -o-border-top-right-radius: 0;
    	 	border-bottom-left-radius: 6px !important;
    	 	border-top-right-radius: 0;
}
ul.tabs.vertical li:first-child, 
ul.tabs.vertical li:first-child a
{

 -webkit-border-top-right-radius: 0; 
  -khtml-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    	 -o-border-top-right-radius: 0;
    	 	border-top-right-radius: 0;
}
ul.tabs.vertical
{
/* 	position: absolute; */
}
ul.tabs.vertical li
{
	float: none;
	height:130px;
	text-align: left;
}
ul.tabs.vertical li a
{
	height: 54px;
	width: 54px;
	padding: 5px;
}
ul.tabs.vertical li a .icon
{
	margin: 5px;
}
ul.tabs.vertical li a
{
	color: #cee8fb;
	background: transparent;
	box-shadow: none;	
}
ul.tabs.vertical li .icon-plus
{
	color: #cee8fb;
	font-size: 1.6em;
	position: relative;
	top: 16px;
	left: 7px;
}
ul.tabs.vertical li:hover .icon-plus
{
	color: #fff;
}
ul.tabs.vertical,
ul.tabs.vertical li
{
	display: block;
	float: none;
}
ul.tabs.vertical li .overview
{
	position: relative;
	left: 63px;
	top: -64px;
	display: inline-block;
	padding: 5px 10px;
	width: 90%;
	color: #fff;
	box-shadow: rgba(27,55,140,0.4) 0 1px 1px, rgba(255,255,255,0.4) 0 -1px 1px, rgba(27,55,140,0.8) -1px 0 1px, rgba(27,55,140,0.4) -4px 0 4px;

	background: #0072bc;
	
 -webkit-border-radius: 6px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -khtml-border-radius: 6px;
    -moz-border-radius: 6px;/* Firefox 1-3.6 */
    	 -o-border-radius: 6px;
    	 	border-radius: 6px !important;
    	 	/* useful if you don't want a bg color from leaking outside the border: */
    	 	
    	 	
 -webkit-border-top-left-radius: 0; 
  -khtml-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    	 -o-border-top-left-radius: 0;
    	 	border-top-left-radius: 0 !important;
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */


}
ul.tabs.vertical li a.active + .overview
{
	background-color: #fff;
	color: #0072bc;
}
ul.tabs.vertical li a.active + div.overview
{
	top: -65px;
}
ul.tabs.vertical li:hover a.active,
ul.tabs.vertical li:hover a.active + .overview
{
	background-color: #ededed;
}

ul.tabs.vertical li:hover a,
ul.tabs.vertical li:hover .overview,
{
	background-color: #005583;
	color: #fff;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
}
div.overview
{
	display: block;
	padding: 5px 10px;
	margin-bottom: 1.6em;
	width: 96%;
	color: #fff;
	box-shadow: rgba(27,55,140,0.4) 0 1px 1px, rgba(255,255,255,0.4) 0 -1px 1px, rgba(27,55,140,0.8) -1px 0 1px, rgba(27,55,140,0.4) -4px 0 4px;

	background: #0072bc;
	
 -webkit-border-radius: 6px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -khtml-border-radius: 6px;
    -moz-border-radius: 6px;/* Firefox 1-3.6 */
    	 -o-border-radius: 6px;
    	 	border-radius: 6px !important;
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	color: #fff;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
}
div.overview:hover
{
	background-color: #005583;
	color: #fff;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
}
div.overview i.icon-plus
{
position: absolute;
font-size: 2em;
padding: 12px 10px 10px;
}
div.overview h3
{
	padding-left: 60px;
	margin: 0.5em 0 0.3em;
}
#instances ul.tabs.vertical li a:hover
{
	z-index: 2;
}
#faketabs
{
	width:64px;
	margin-left:0 !important;
	display:block;
}
#faketabs ul.tabs.vertical li
{
	height:70px;
}
#instances #faketabs ul.tabs.vertical li a:hover,
#instances #faketabs ul.tabs.vertical li a:hover + .overview,
ul.tabs.vertical li a.active + .overview
{
	margin-left: -3px;
}
/*
ul.tabs.vertical li:first-child
{
	height: 200px;
}
ul.tabs.vertical li:first-child .overview
{
	height: 180px;
}
*/
ul.tabs.vertical li i.icon-plus
{	
	font-size: 2em;
	padding: 12px 10px 10px;
}
ul.tabs.vertical li h3.overview
{
	position: relative;
	left: 63px;
	top: -84.2px;
	height: 34px;
	display: block;
	padding: 20px 10px 10px;
	
 -webkit-border-bottom-left-radius: 0; 
  -khtml-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    	 -o-border-bottom-left-radius: 0;
    	 	border-bottom-left-radius: 0 !important;
}
ul.checklist
{
	list-style: none;
}
ul.checklist li.check:before,
ul.checklist li.cross:before
{
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 0.6em;
/* 	font-size: 1.6em; */
}
ul.checklist li.check:before
{
	content: "\f00c";
	color: #8dc63f;
}
ul.checklist li.cross:before
{
	content: "\f00d";
}
ul.checklist li.warning:before
{
	content: "\f071";
}
ul.checklist li.star:before
{
	content: "\f005";
}
.overview dt
{
	font-size: 1.3em;
	font-weight: 300;
}
.col .three-quarters.padded.last.blocks #serverdashboard .overview dt
{
	font-size: 2.6em;
}
dl.overview,
.overview dl,
.overview dt,
.overview dd
{
	margin: 0 0 0.3em;
}
ul.tabs.vertical li a
{
	z-index: 1;
	background: #0072bc;
	box-shadow: rgba(27,55,140,0.4) 0 1px 1px, rgba(255,255,255,0.4) 0 -1px 1px, rgba(27,55,140,0.8) -1px 0 1px, rgba(27,55,140,0.4) -4px 0 4px;

}
ul.tabs-content > li,
ul.tabs-content li .shadow
{

 -webkit-border-radius: 6px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -khtml-border-radius: 6px;
    -moz-border-radius: 6px;/* Firefox 1-3.6 */
    	 -o-border-radius: 6px;
    	 	border-radius: 6px !important;
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
 		 
}

ul.tabs-content li .shadow
{

	box-shadow: inset rgba(0,0,0,0.4) 0 0 4px;

}

ul.tabs li a
{
	background-color: #f7f7f7;
	color: #1b378c;
	font-weight: normal;
	box-shadow: inset #0072bc 0 -2px 2px, inset 0 1px 1px #fff;
	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}

ul.tabs li a.active
{
	background-color: #0072bc;
	color: #ffffff;
	box-shadow: rgba(255,255,255,0.4) 0 -1px 1px, inset 0 1px 1px rgba(255,255,255,0.4);
	z-index: 2;
	position: relative;
	top: -1px;
}

ul.tabs li.instances a.active
{
	top: 1px;
}

ul.tabs.vertical li a.active
{
	background-color: #fff;
	color: #0072bc;
	box-shadow: #1b378c 0 1px 1px, #1b378c 0 -1px 1px, #1b378c -1px 0 1px, rgba(0,0,0,0.4) -4px 0 4px;
 	z-index: 2;
}

#matchwrap ul.tabs.vertical li:hover a.active
#matchwrap ul.tabs.vertical li:hover a.active + .overview
{
	background-color: #d4d4d4;
}

#matchwrap ul.tabs.vertical li a.active,
#matchwrap ul.tabs.vertical li a.active + .overview
{
	margin-left: -3px;
	box-shadow:
		rgba(27,55,140,0.6) 0 -1px 0,
		rgba(27,55,140,0.6) -1px 0 1px,
		inset 0 1px 0px #fff;
}

ul#server-tabs.tabs.vertical li a
{
	background: transparent;
	background-color: rgba(110, 87, 76, 0.3);
	border-color: transparent;
	box-shadow: none;
	z-index: -1;
}
ul#server-tabs.tabs.vertical li a:hover
{
	background-color: #0072bc;
	background-color: rgba(110, 87, 76, 0.6);
	color: #cee8fb !important;
	border-color: transparent;
	box-shadow: none;
	z-index: 1;
}
ul#server-tabs.tabs.vertical li a.active
{
	background-color: #0072bc;
	border-color: #0072bc;
	color: #cee8fb !important;
	box-shadow: none;
/*  	z-index: 2; */
}
/*
ul.tabs-content
{
	z-index: 1;
}
*/

ul#servers.tabs-content li.active
{
/* 	background-color: #0072bc; */
	z-index: 1;
}
ul#server-tabs
{
	top: 43px;
/* 	z-index: -1; */
}
ul#servers>li
{
/*
	background-color: #fff;
	box-shadow: #000 0 0 4px;
*/
	background-color: #0072bc;
	margin-top: 5px;
	position: absolute;
/* 	top: 35px; */
	left:62px;
	right: 0;
	box-shadow: rgba(0,0,0,0.2) 0 0 3px;
}

ul#instances-content
{	
	position: relative;
/*
	top: 0;
	right: 0;
*/
/*
	float: left;
	width: 90%;
*/
	
}

ul#instances-content>li
{
/*
	background-color: #fff;
	box-shadow: #000 0 0 4px;
*/
/*
	position: relative;
	top: 7px;
*/
/* 	left:76px; */
/* 	right: 16px; */
/* 	box-shadow: rgba(0,0,0,0.2) 0 0 3px; */
}

/*
#instances.active .instances
{
	min-height: 800px;
}
*/

#instances li
{
 -webkit-border-top-left-radius: 0; 
  -khtml-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    	 -o-border-top-left-radius: 0;
    	 	border-top-left-radius: 0 !important;
}

.container.fluid ul.tabs-content.vertical .three-quarters.col.padded 
{
	width: 69.75%;
	padding-left: 2%;
	padding-right: 2%;
/*
	background-color: #ffffff;
	background-image: url(../images/panel_bg.png);
	background-position: 0 0;
	background-repeat: repeat-x; 
*/
	min-height: 600px;
	
	 -webkit-border-top-right-radius: 6px;
	 -webkit-border-bottom-right-radius: 6px;
	  -khtml-border-top-right-radius: 6px;
	  -khtml-border-bottom-right-radius: 6px;
	    -moz-border-radius-topright: 6px;
	    -moz-border-radius-bottomright: 6px;
	    	 -o-border-top-right-radius: 6px;
	    	 -o-border-bottom-right-radius: 6px;
	    	 	border-top-right-radius: 6px !important;
	    	 	border-bottom-right-radius: 6px !important;
	    	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.col.three-quarters.padded.last
{
	color: #4d4d4d;
}

/***************************************************

Datasources custom Styles

*****************************************************/

#tophostblock
{
	padding-bottom: 1em;
}

#tophostblock h3
{
	margin-top: 0;
	margin-bottom: 0;
}

.triggerdsedit > span
{
	display: inline-block;
	width: 15px;
}

#tophostblock .highlight
{
	width:98%;
	background: #f4fbfd url(../images/highlight_bg.png) left top repeat;
	border: 1px solid #e6f6fb;
	border: 1px solid rgba(0,204,255,0.625);
}

#tophostblock .highlight pre
{
	margin: 0;
	padding: 0.1em 0.3em;
}

#feedback.a
{
	margin-top: -2.8em;
}

#datasourcehostdetails
{
	display: block;
	width: 96%;
}
#dsinfo,
#exsitingdatabases
{
	font-size: 1.1em;
}
#exsitingdatabases .col.one-third.last.strong.ar span
{
	padding-right: 55px;
}
#dsinfo .button.small,
#exsitingdatabases .button.small
{
	margin-top: 0.3em;
	margin-right: 0;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
#exsitingdatabases .col.hpt
{
	padding-top: 0.3em;
}

#dsinfo .button.small.green,
#exsitingdatabases .button.small.green
{
	background: transparent !important;
	background-image: none;
	color: #8dc63f !important;
}
#dsinfo .button.small.orange,
#exsitingdatabases .button.small.orange
{
	background: transparent !important;
	background-image: none;
	color: #d49406 !important;

}
#dsinfo .button.small.red,
#exsitingdatabases .button.small.red
{
	background: transparent !important;
	background-image: none;
	color: #e21c25 !important; /* red */
}
#dsinfo .iconaction .button.small,
#dsinfo .iconaction .button.small,
#dsinfo .iconright .button.small
{
	background: transparent !important;
	background-image: none;

}
#dsinfo .button.small
{
	margin-right: 0.3em;
}
#dsinfo .button.small [class^="icon-"],
#dsinfo .button.small [class*=" icon-"],
#exsitingdatabases .button.small [class^="icon-"],
#exsitingdatabases .button.small [class*=" icon-"]
{
	font-size: 1.1em;
}

#exsitingdatabases .row.ra:nth-child(odd)
{
	background: rgba(0,0,0,0.031);
}
#exsitingdatabases .row.ra.disabled,
#exsitingdatabases .row.ra.disabled:hover
{
	-webkit-transition: opacity 0.3s ease-out;
	 -moz-transition: opacity 0.3s ease-out;
	   -o-transition: opacity 0.3s ease-out;
	      transition: opacity 0.3s ease-out;
}

#exsitingdatabases .row.ra.disabled
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: rgba(255,0,0,0.1);
}
#exsitingdatabases .row.ra.disabled:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}



@media only screen and (max-width: 959px) 
{
	.container ul.tabs-content.vertical .three-quarters.col.padded 
		{
			width: 70.75%;
		}	
	
}

@media only screen and (min-width: 1400px) 
{
	.container ul.tabs-content.vertical .three-quarters.col.padded 
		{
/* 			width: 73.75%; */
		}
	.half .styled_select
	{
		width: 260px !important;
	}
	
}
h1.legend
{
	position: relative;
/*
	margin-top: 30px;
	left: 50%;
	margin-left: -51.365%;
	right:0;
*/
	font-size: 1.6em;
	padding-right: 0.5em;
}

ul.maintabs
{
	margin-top: -20px;
	margin-left: 160px;
	z-index: -1;
}
ul.maintabs li
{
	margin-right: 1px;
}
ul.maintabs li a
{
	padding:3px 20px; 
}
ul.maintabs li a.active
{
	padding:3px 20px 4px;
	margin-top: -1px;
}

ul.maintabs-content
{

}

button.small
{
	padding: 0.3em 0.4em;
}

.button.small
{
	padding: 2px 2px;
	z-index: 100;
}

button.small.actionbutton
{
	padding: 2px 4px;
	z-index: 100;
}

.button.group
{
	margin-right: 2px;
	margin-bottom: 0;
}
.buttonbar
{
	padding: 3px;
	background-color: #fcfcfc;
		-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
	background-image:
		-webkit-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-moz-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-o-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		linear-gradient(to bottom, #fcfcfc, #efefef);
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

#vertnavwrap
{
	background: #fff;
	 -webkit-border-bottom-left-radius: 6px;
	  -khtml-border-bottom-left-radius: 6px;
	    -moz-border-radius-bottomleft: 6px;
	    	 -o-border-bottom-left-radius: 6px;
	    	 	border-bottom-left-radius: 6px !important;
	    	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
 		 
 		 	box-shadow: inset 0 1px 0px #fff;

}
#servernavwrap.col.padded
{
	padding-right: 16px;
	 -webkit-border-bottom-left-radius: 6px;
	  -khtml-border-bottom-left-radius: 6px;
	    -moz-border-radius-bottomleft: 6px;
	    	 -o-border-bottom-left-radius: 6px;
	    	 	border-bottom-left-radius: 6px !important;
	    	 	
	 -webkit-border-top-left-radius: 6px;
	  -khtml-border-top-left-radius: 6px;
	    -moz-border-radius-topleft: 6px;
	    	 -o-border-top-left-radius: 6px;
	    	 	border-top-left-radius: 6px !important;
	    	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
#servernavwrap li a [class^="icon-"],
#servernavwrap li a [class*=" icon-"]
{
	float: right;
	margin-left: 1em;
}
#servernavwrap h3,
#vertnavwrap h3
{
	margin: 0.3em 0 0.8em 0;
	padding-left: 6px;
}

#vertnavwrap h5
{
	margin: 0 -7px 0.2em -9px;
	padding: 0.4em 0 0.4em 6px;
	background-color:rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.vertnav
{
	margin: 0;
	margin-bottom: 0.3em;
}
.vertnav li
{
	margin: 0;
}

.vertnav,
.vertnav li
{
	list-style: none;
}

.vertnav li,
.vertnav li a
{
	 -webkit-border-radius: 6px;
	  -khtml-border-radius: 6px;
	    -moz-border-radius: 6px;
	    	 -o-border-radius: 6px;
	    	 	border-radius: 6px;
	    	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.vertnav li a
{
	display: block;
	padding: 4px 8px;
	border: 1px solid transparent;
}
.vertnav li a,
.vertnav li a:active,
.vertnav li a:hover,
.vertnav li a:visited
{
	color: #1b378c;
	text-decoration: none;
}
.vertnav li a:hover,
.vertnav li a.active
{
	border: 1px solid #d8ddfe;
	background-color: #fcfcfc;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
	background-image:
		-webkit-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-moz-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-o-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		linear-gradient(to bottom, #fcfcfc, #efefef);
}
#servernavwrap .vertnav li a,
#servernavwrap .vertnav li a:active,
#servernavwrap .vertnav li a:hover,
#servernavwrap .vertnav li a:visited
{
	color: #ffffff;
	text-decoration: none;
}
#servernavwrap .vertnav li a:hover,
#servernavwrap .vertnav li a.active
{
	border: 1px solid #58433a;
	background-color: #005583;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#0072bc), to(#005583));
	background-image:
		-webkit-linear-gradient(top, #0072bc, #005583);
	background-image:
		-moz-linear-gradient(top, #0072bc, #005583);
	background-image:
		-o-linear-gradient(top, #0072bc, #005583);
	background-image:
		linear-gradient(to bottom, #0072bc, #005583);
}
.vertnav li a.active
{
	font-weight: bold;
}
/* Spitfire CSS
================================================== */

#spitfire.active .col.three-quarters.padded.last.light.bg.blocks
{
	background-image: url(../images/spitfire.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.container .one-fifth.col
{
    width: 18.1625%;
}

.allowed_list li, .file_list li, .file_listb li
{
	display: block;
}

/* LUX Table CSS
================================================== */
.tablewrap
{
	height: 100%;
	width: 100%;
	margin-bottom: 4px;
	overflow-x: scroll;
}
.tablewrap>table
{
	margin-left: 1px;
}
table.lux
{
	width: 99%;
	box-shadow: rgba(0,0,0,0.4) 0 0 2px;
}
table.lux td {
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
table.lux tr.last td {
	border-bottom: none;
}
table.lux th.last,
table.lux td.last {
	border-right: none;
}

table.lux tr td {
	background-color: #fff;
}
table.lux tr:nth-child(even) td {
	background-color: #fcfcfc;
}

table.lux th {
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
	border-top: 0px;
}

table.lux thead th,
table.lux tfoot th 
{
	border-bottom: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	background-color: #fcfcfc;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
	background-image:
		-webkit-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-moz-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		-o-linear-gradient(top, #fcfcfc, #efefef);
	background-image:
		linear-gradient(to bottom, #fcfcfc, #efefef);
}


/* Instances Monitor Email CSS
================================================== */

table.lux tbody#emailqueue td:last-child
{
	white-space: nowrap;
}

#emaildetaildiv
{
	box-shadow: inset rgba(0,0,0,0.4) 0 0 3px;
	background: #fff;
	padding: 0.3em 0.6em 1.3em;
}

#emaildetaildiv fieldset
{
	margin-bottom: 0;
	padding-bottom: 0;
}
#emaildetaildiv fieldset label
{
	float: left;
	width: 16%;
	margin: .25em 0 .325em 0;
	font-weight: bold;
}
#emaildetaildiv fieldset span
{
	display: block;
	width: 74%;
	padding: 0 0 0 16%;
	margin: .25em 0 .325em 0;
}

/* Buttony Goodness CSS
================================================== */

button [class^="icon-"],
button [class*=" icon-"]
{
	font-size: 1em;
}

.button, button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="file"]
{
	background-color: #d4d4d4;
/* 	border: 1px solid transparent; */
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#b9b9b9));
	background-image:
		-webkit-linear-gradient(top, #d4d4d4, #b9b9b9);
	background-image:
		-moz-linear-gradient(top, #d4d4d4, #b9b9b9);
	background-image:
		-o-linear-gradient(top, #d4d4d4, #b9b9b9);
	background-image:
		linear-gradient(to bottom, #d4d4d4, #b9b9b9);
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="file"]:active
{
	background-color: #b9b9b9;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#d4d4d4));
	background-image:
		-webkit-linear-gradient(top, #b9b9b9, #d4d4d4);
	background-image:
		-moz-linear-gradient(top, #b9b9b9, #d4d4d4);
	background-image:
		-o-linear-gradient(top, #b9b9b9, #d4d4d4);
	background-image:
		linear-gradient(to bottom, #b9b9b9, #d4d4d4);
}

.button.blue, button.blue,
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue,
input[type="file"].blue
{
	color: #fff !important;
/* 	border: 1px solid #58433a; */
	background-color: #0072bc;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#0072bc), to(#005583));
	background-image:
		-webkit-linear-gradient(top, #0072bc, #005583);
	background-image:
		-moz-linear-gradient(top, #0072bc, #005583);
	background-image:
		-o-linear-gradient(top, #0072bc, #005583);
	background-image:
		linear-gradient(to bottom, #0072bc, #005583);

}
.button.red, button.red,
input[type="submit"].red,
input[type="reset"].red,
input[type="button"].red,
input[type="file"].red
{
	color: #fff !important;
	background-color: #e21c25;
/* 	border: 1px solid #98373c; */
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#e21c25), to(#98373c));
	background-image:
		-webkit-linear-gradient(top, #e21c25, #98373c);
	background-image:
		-moz-linear-gradient(top, #e21c25, #98373c);
	background-image:
		-o-linear-gradient(top, #e21c25, #98373c);
	background-image:
		linear-gradient(to bottom, #e21c25, #98373c);
}
.button.black, button.black,
input[type="submit"].black,
input[type="reset"].black,
input[type="button"].black,
input[type="file"].black
{
	color: #fff !important;
	background-color: #4d4d4d;
/* 	border: 1px solid #98373c; */
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#262626));
	background-image:
		-webkit-linear-gradient(top, #4d4d4d, #262626);
	background-image:
		-moz-linear-gradient(top, #4d4d4d, #262626);
	background-image:
		-o-linear-gradient(top, #4d4d4d, #262626);
	background-image:
		linear-gradient(to bottom, #4d4d4d, #262626);
}
button.green,
.button.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green
{
	color: #fff !important;
/* 	border: 1px solid #577a27; */
	background-color: #8dc63f;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#577a27));
	background-image:
		-webkit-linear-gradient(top, #8dc63f, #577a27);
	background-image:
		-moz-linear-gradient(top, #8dc63f, #577a27);
	background-image:
		-o-linear-gradient(top, #8dc63f, #577a27);
	background-image:
		linear-gradient(to bottom, #8dc63f, #577a27);

}

.button.orange,
button.orange,
input[type="submit"].orange,
input[type="reset"].orange,
input[type="button"].orange,
input[type="file"].orange
{
	color: #fff !important;
/* 	border: 1px solid #d49406; */
	background-color: #ffa600;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#d49406));
	background-image:
		-webkit-linear-gradient(top, #ffa600, #d49406);
	background-image:
		-moz-linear-gradient(top, #ffa600, #d49406);
	background-image:
		-o-linear-gradient(top, #ffa600, #d49406);
	background-image:
		linear-gradient(to bottom, #ffa600, #d49406);
}

.button.yellow,
button.yellow,
input[type="submit"].yellow,
input[type="reset"].yellow,
input[type="button"].yellow,
input[type="file"].yellow,
.button.yellow:hover,
button.yellow:hover,
input[type="submit"].yellow:hover,
input[type="reset"].yellow:hover,
input[type="button"].yellow:hover
{
	color: #4d4d4d !important;
/* 	border: 1px solid #d49406; */
	background-color: #ffea00;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#ffea00), to(#d4c306));
	background-image:
		-webkit-linear-gradient(top, #ffea00, #d4c306);
	background-image:
		-moz-linear-gradient(top, #ffea00, #d4c306);
	background-image:
		-o-linear-gradient(top, #ffea00, #d4c306);
	background-image:
		linear-gradient(to bottom, #ffea00, #d4c306);
}

button.green:hover,
.button.green:hover,
input[type="submit"].green:hover,
input[type="reset"].green:hover,
input[type="button"].green:hover
{
	background-color: #8dc63f;
	background-image: none;
}
button.green:active,
.button.green:active,
input[type="submit"].green:active,
input[type="reset"].green:active,
input[type="button"].green:active
{
	background-color: #577a27;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#577a27), to(#8dc63f));
	background-image:
		-webkit-linear-gradient(top, #577a27, #8dc63f);
	background-image:
		-moz-linear-gradient(top, #577a27, #8dc63f);
	background-image:
		-o-linear-gradient(top, #577a27, #8dc63f);
	background-image:
		linear-gradient(to bottom, #577a27, #8dc63f);
}
.button.orange:hover,
button.orange:hover,
input[type="submit"].orange:hover,
input[type="reset"].orange:hover,
input[type="button"].orange:hover
{
	background-color: #ffa600 !important;
}

.button.orange:active,
button.orange:active,
input[type="submit"].orange:active,
input[type="reset"].orange:active,
input[type="button"].orange:active
{
	background-color: #d49406;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#d49406), to(#ffa600));
	background-image:
		-webkit-linear-gradient(top, #d49406, #ffa600);
	background-image:
		-moz-linear-gradient(top, #d49406, #ffa600);
	background-image:
		-o-linear-gradient(top, #d49406, #ffa600);
	background-image:
		linear-gradient(to bottom, #d49406, #ffa600);
}
.button.yellow:active,
button.yellow:active,
input[type="submit"].yellow:active,
input[type="reset"].yellow:active,
input[type="button"].yellow:active
{
	background-color: #d4c306;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#d4c306), to(#ffea00));
	background-image:
		-webkit-linear-gradient(top, #d4c306, #ffea00);
	background-image:
		-moz-linear-gradient(top, #d4c306, #ffea00);
	background-image:
		-o-linear-gradient(top, #d4c306, #ffea00);
	background-image:
		linear-gradient(to bottom, #d4c306, #ffea00);
}
.button,
a.button,
.button a:visited,
.button:visited,
.button a,
.button a:visited,
.pager a:visited
{
/* 	color: #917161; */
	text-decoration: none;
}
.button.blue,
a.button.blue,
.button.blue a:visited,
.button.blue:visited,
.button.blue a,
.button.blue a:visited,
.pager.blue a:visited,
.button.red,
a.button.red,
.button.red a:visited,
.button.red:visited,
.button.red a,
.button.red a:visited,
.pager.red a:visited
{
	color: #fff;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="file"]:hover,
.filter_nav>dt,
.filter_nav>dd>a:hover {
	background-color: #d4d4d4;
	background-image: none;
	}


.button.blue:hover,
button.blue:hover,
input[type="submit"].blue:hover,
input[type="reset"].blue:hover,
input[type="button"].blue:hover,
input[type="file"].blue:hover,
.button.blue:hover
{
	color: #fff;
	background-color: #0072bc;
	background-image: none;
}

.button.red:hover,
button.red:hover,
input[type="submit"].red:hover,
input[type="reset"].red:hover,
input[type="button"].red:hover,
input[type="file"].red:hover
{
	color: #fff;
	background-color: #e21c25;
	background-image: none;
}

.button.black:hover,
button.black:hover,
input[type="submit"].black:hover,
input[type="reset"].black:hover,
input[type="button"].black:hover,
input[type="file"].black:hover
{
	color: #fff;
	background-color: #e21c25;
	background-image: none;
}

.button.blue:active,
button.blue:active,
input[type="submit"].blue:active,
input[type="reset"].blue:active,
input[type="button"].blue:active,
input[type="file"].blue:active,
.button.blue:active
{

	background-color: #005583;
}

.button.red:active,
button.red:active,
input[type="submit"].red:active,
input[type="reset"].red:active,
input[type="button"].red:active,
input[type="file"].red:active,
.button.red:active
{

	background-color: #98373c;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#98373c), to(#e21c25));
	background-image:
		-webkit-linear-gradient(top, #98373c, #e21c25);
	background-image:
		-moz-linear-gradient(top, #98373c, #e21c25);
	background-image:
		-o-linear-gradient(top, #98373c, #e21c25);
	background-image:
		linear-gradient(to bottom, #98373c, #e21c25);
}
.button.black:active,
button.black:active,
input[type="submit"].black:active,
input[type="reset"].black:active,
input[type="button"].black:active,
input[type="file"].black:active
{
	color: #fff !important;
	background-color: #262626;
/* 	border: 1px solid #98373c; */
	background-image: 
		-webkit-gradient(linear, left top, left bottom, from(#262626), to(#4d4d4d));
	background-image:
		-webkit-linear-gradient(top, #262626, #4d4d4d);
	background-image:
		-moz-linear-gradient(top, #262626, #4d4d4d);
	background-image:
		-o-linear-gradient(top, #262626, #4d4d4d);
	background-image:
		linear-gradient(to bottom, #262626, #4d4d4d);
}

.styled_select,
.ui_tpicker_timezone
{	
	height: 32px;
	background-color: #efefef;
	color: #4d4d4d;
	background-image: url(../images/styled_elements.png);
}
.styled_select.sml
{
	width:130px;
}
.styled_select.sml select
{
	width: 108px;
}
.styled_select.wide,
.styled_select select.wide
{
	width: 96%;
}

.half .styled_select
{	
	width: 220px;
}

.styled_select select,
.ui_tpicker_timezone select
{	
	height: 30px;
	line-height: inherit;
}

.half .styled_select select
{	
	width: 248px;
}

.checkbox label>input[type="checkbox"]
{
	margin-right: 1em;
}
/***********************************************************
	Fancy Lux Checkboxes
	
************************************************************/

:root input[type="checkbox"].lux 
{
	position: absolute;
	opacity: 0;
	/* For mobile, it's typically better to position checkbox on top of clickable
	  area and turn opacity to 0 instead. */
}

:root input[type="checkbox"].lux + span
{
	display: block;
	margin-bottom: 0.6em;
	margin-right: 20px;
/*
	border-radius: 22px;
	padding-left: 35px;
*/
}

:root input[type="checkbox"].lux + span:before
{
	position: relative;
	float: left;
	width: 20px;
	display: block;
	color: #000;
	text-align: left;
	font-family: FontAwesome;
	font-size: 1em;
	line-height: 1;	
	content: "\f096";
}

:root input[type="checkbox"].lux:checked + span:before
{
	content: "\f046";
}


/***********************************************************
	Lux Sprite styles
	
************************************************************/
.icon,	
.notify
{
	display: block;
	width: 24px;
	height: 24px;
	background: transparent;
	background-image: url(../images/luxsprite.png);
	background-repeat: no-repeat;
}
.icon.server,
.icon.instance
{
	width: 48px;
	height: 48px;
}
.icon.instance
{
	background-position: -48px -48px;
}

.container .bigger{font-size:1.3em;}
.container .icon-2{font-size:2em;}
.container .icon-3{font-size:4em;}
.container .icon-4{font-size:7em;}
.container .icon-5{font-size:12em;}
.container .icon-6{font-size:20em;}

.active > .icon.instance
{
	background-position: -48px 0;
}
.active > .icon.server,
:hover > .icon.server
{
	background-position: 0 -48px;
}

.notify
{
	position: absolute;
	bottom: -4px;
	right: 0;
}
.notify.check
{
	background-position: -122px 0;
}
.notify.issue
{
	background-position: -96px 0;
	bottom: -4px;
	right: 4px;
}


/* Instance Styles
================================================== */

.instancedashboard .base.bg.pd.inner.shadow,
.instancedashboard .base.bg.pd.inner.shadow:hover
{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.instancedashboard .base.bg.pd.inner.shadow:hover
{
	background-color: #f7f7f7;
}
.instancedashboard .base.bg.pd.inner.shadow:hover .base.bg.pd.inner.shadow:hover
{
	background-color: #ffffff;
}

figure.graph.clip
{
	width: 100%;
	height: 74px;
	background: #fff;
	
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: inset rgba(0,0,0,0.3) 0 0 3px;
	
	
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
.overview figure.graph.clip
{
	background: #f7f7f7;
}

.note
{
	color: #b9b9b9 !important;
	font-size: 0.9em;
}

figcaption.graph
{
	display: block;
	text-align: center;
	padding: .2em;
}
figure.graph.clip img.scale-with-grid, figure.graph.clip img.swg {
	width: 100% !important;
	height: 100%;
	min-height: 74px;
}

#serverdashboard figure.graph.clip
{
	height: 144px;
}
#serverdashboard .overview figure.graph.clip
{
	height: 74px;
}
.whitewrap.col.full
{
	position:relative;
	left:61px;
	top: -1px;
	width:96%;
	margin-left: 0;
	z-index: 1;
	background:url(../images/vertnavbg.jpg) 25% 0 repeat-y, url(../images/panel_bg.png) 0 0 repeat-x, #fff;
	
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	
 -webkit-border-top-left-radius: 0; 
  -khtml-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    	 -o-border-top-left-radius: 0;
    	 	border-top-left-radius: 0 !important;
    	 	/* useful if you don't want a bg color from leaking outside the border: */
 	 	
  -webkit-background-clip: padding-box; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 	-moz-background-clip: padding; /* Firefox 1-3.6 */
    	 	
 		 background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
#instances-content.tabs-content.vertical > li > li
{
	background-image: none;
}
.instanceblock .inner
{
	position: relative;
}
.instancedashboard .instanceblock .inner .icon-remove-sign
{
	position: absolute;
	top: 8px;
	right: 8px;
}
.instancedashboard .instanceblock .inner .icon-pencil
{
	position: absolute;
	top: 113px;
}
.instancedashboard .instanceblock .inner
{
	min-height: 270px;
}
.instancedashboard .instanceblock .inner .gotodashboard
{
	cursor: pointer;
}
/*@-moz-document url-prefix()
{
	.instancedashboard .col.half
	{
		min-height: 270px;
	}
}*/


/* Instance List Styles
================================================== */

.instancedashboard.listmode .instanceblock .inner .icon-pencil
{
	position: absolute;
	top: auto;
	left: 49%;
}
.instancedashboard.listmode .instanceblock.col.half
{
	width:100%;
	margin-left: 0;
	margin-right: 0;
}

.instancedashboard.listmode .instanceblock.col.half .col.half.graphpanel,
.instancedashboard.listmode .instanceblock.col.half .col.half.buttonpanel
{
	width:23%;
	margin-left: 0;
}
.instancedashboard.listmode .instanceblock.col.half .col.half.buttonpanel
{
	float: right;
	text-align: right;
	width:90px;
}
.instancedashboard.listmode .instanceblock.col.half .col.half.buttonpanel button.full
{
	width: 36px;
	margin-right: 1%;
}
.instancedashboard.listmode .instanceblock.col.half .col.half.instancepanel
{
	width: 26%;
	padding-left: 2%;
	margin-left: 0;
	margin-right: 0;
}
.instancedashboard.listmode .nlm
{
	display: none;
}
.instancedashboard.listmode .instanceblock .inner.pd
{
	padding: 6px !important;
	min-height: 100px;
}
.instancedashboard.listmode .instanceblock ul.stats.mt
{
	margin-top: 0.3em !important;
}
.instancedashboard.listmode .instanceblock ul.stats.mt li
{
	font-size: 1.3em;
}
.instancedashboard.listmode .instanceblock ul.stats li span
{
	margin-top: 0;
}

.list_toggle,
.list_toggle:hover
{
	-webkit-transition: color 0.3s ease-out;
	 -moz-transition: color 0.3s ease-out;
	   -o-transition: color 0.3s ease-out;
	      transition: color 0.3s ease-out;

}
.list_toggle
{
	color: #1b378c;
}
.list_toggle:hover
{
	color: #000;
	cursor: pointer;
}

.instancedashboard.listmode .instanceblock .inner fieldset label
{
	float: left;
	width: 26%;
	margin: .25em 0 .325em 0;

}

.instancedashboard.listmode .instanceblock .inner fieldset input[type="text"],
.instancedashboard.listmode .instanceblock .inner fieldset input[type="email"],
.instancedashboard.listmode .instanceblock .inner fieldset input[type="password"],
.instancedashboard.listmode .instanceblock .inner fieldset input[type="url"],
.instancedashboard.listmode .instanceblock .inner fieldset input[type="date"],
.instancedashboard.listmode .instanceblock .inner fieldset textarea
{
	width: 62%;
	margin: 0 2% 0 26%;
}
/* Lasso Startup Item Styles
================================================== */

.col.padded
{
	padding-top: 1%;
	padding-bottom: 1%;
}

#reloadme div.row,
#reloadme div.row:hover
{
	background-color: #fff;
	-webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	   -o-transition: all 0.3s ease-out;
	      transition: all 0.3s ease-out;
}
#reloadme div.row:hover,
#reloadme div.row:nth-child(2n+1):hover

{
	background-color: #f5f5fc;
}

#reloadme div.row:nth-child(2n+1)
{
	background-color: #f7f7f7;
}

#reloadme menu a
{
	padding: 3px;
	margin-left: 3px;
}

/* Lasso Startup Item Styles
================================================== */
form.multi.beside fieldset label.error
{
	display: block;
	width: 62%;
	margin-left: 26%
}
/* Lasso Startup Item Styles
================================================== */
.container.fluid .col.padded
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 1%;
	padding-right: 1%;
}
.col.three-quarters.padded.last.light.bg.blocks
{
	position: relative;
	right: -16px;
	color: #4d4d4d;
}
.col.three-quarters.padded.last.bg.blocks h1.legend
{
/*
	position: relative;
	margin-right: 43.325%;
*/
}
.col.three-quarters.padded.last.light.bg.blocks h1.legend
{
/* 	background: transparent; */
}

/* Lasso Log Form Styles
================================================== */
form.inline input[type="text"]
{
	display: inline;
	text-align:center;
}
form.inline input[type="text"].sml
{
	width:1.6em;
}

form.inline label
{
	display: inline;
}

.logport h4
{
	margin: 0;
	margin-bottom: -1.3em;
}

.logport{
	line-height: 1.3;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background: #f4fbfd url(../images/highlight_bg.png) left top repeat;
	border: 1px solid #e6f6fb;
	border: 1px solid rgba(0,204,255,0.625);
}
/* Email Config Styles
================================================== */

form fieldset input[type="text"].half + p.form-help.after
{
	margin-left: 50%;
}

/* Rhinotrac Styles
================================================== */
.rhinotrac h1.legend
{
	float: left;
	padding-top: 0;
}
#rhinotrac .input_grp
{
	float: left;
}
#rhinotrac .input_grp,
#rhinotrac .input_grp input[type="text"]
{
	display: inline-block;
	margin-top: -4px;
}

#rhinotrac .input_grp button
{
	margin-top: 2px;
}
#rhinotracwrap
{
	height:600px;
	overflow:auto;
	border-top: 1px solid rgba(0,0,0,0.2);
}
#rhinotracresults table.lux
{
	margin-top: 0;
	margin-bottom: 0;
}
/* #Tooltip CSS
================================================== */
.icon.tooltip
{
	
}
.tooltip
{
	display:inline;
	position:relative;
	z-index: 1;
}

.tooltip:hover
{
	text-decoration:none;
	z-index: 2;
}

.tooltip:hover:after
{
	text-indent: 0;
	top:20px;
	display:block;
	min-width: 50px;
	color: #fff;
	font-size: 11px;
	font-weight: bold !important;
	text-shadow: none;
	content:attr(amp-tip);
	left: -25%;
	padding:.3em 1em;
	position:absolute;
	white-space:nowrap;
	background-color: rgba(27,55,140,0.8);
	border:1px solid #1b378c;
	*border-right-width:2px;
	*border-bottom-width:2px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	opacity:1;
	filter:alpha(opacity=100);
}
td.button_holder .tooltip:hover:after,
.r.tooltip:hover:after,
.ar .tooltip:hover:after
{
	left: auto;
	right: -25%;
}

/*
.tooltip:hover:before
{
	position:absolute;
	border-color: #1b378c transparent;
	border:solid;
	border-width: 0 6px 7px 6px;
	top:34px;
	content:"";
	display:block;
	left:50%;
}
*/

#instances ul.tabs.vertical > li a.tooltip:hover:after
{
	top:-20px;
	left: -35%;
	z-index:999999;
}

#exsitingdatabases .ar .tooltip:hover:after
{
	top:-30px;
	left: auto;
	right: -25%;
}

#dsinfo .tooltip:hover:after
{
	top:-30px;
}

h3 small{font-size: 0.625em;}

.dashlog
{
	background-color: #f7f7f7;
	padding: 10px;
	max-height: 490px;
	overflow-y: auto;
}
.logport
{
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
/* 	max-height: 480px; */
	overflow-y: auto;
	
	font-family:
		'Lucida Console',
		'Andale Mono',
		'Nimbus Mono L',
		'Liberation Mono',
		FreeMono,
		'Osaka Monospaced',
		Courier,
		'New Courier',
		monospace;
	font-size: 0.9em;
	box-shadow: inset rgba(0,0,0,0.4) 0 0 4px;
}
#serverdashboard .logport
{
	background-color: #f7f7f7;

}
.dashlog h4 {
	margin-top: 0;
	font-size: .9em
}
.dashlog p {
	font-size: .9em
}

#navtoggle
{
	display: none;
}

/***************************************************

Collapsed nav styles

*****************************************************/

#lux.collapse.container.fluid
{
	width: 100%;
	left: -12px;
}
#lux.collapse #server-tabs
{
	margin-left: 40px;
}

#lux.collapse>menu,
#lux.collapse>menu #server-tabs>li,
#lux.collapse>menu #server-tabs>li>a
{
	width: 14px;
}


#lux.collapse #server-tabs>li span.icon.server
{
	display: none !important;
}

#lux #server-tabs>li i.icon-expand,
#lux #server-tabs>li i.icon-caret-left,
#lux.collapse #server-tabs>li i.icon-caret-left,
#lux.collapse #server-tabs>li .active i.icon-caret-left
{
	display: none;
}

#lux.collapse #server-tabs>li .active i.icon-expand,
#lux #server-tabs>li i.icon-caret-left
{
	display: block;
	width: 12px;
	height: 18px;
	opacity: 0.6;
	z-index: 99999;
}


#lux.collapse #server-tabs>li i.icon-expand:hover,
#lux #server-tabs>li i.icon-caret-left:hover
{
	opacity: 1;
}

#lux.collapse ul.maintabs
{
	margin-left: 196px;
}

/* LassoGuide CSS
================================================== */

#lassoguide
{
	padding-right: 50px;
}
#lassoguide #catname
{
	position: absolute;
	top: 1px;
	left: 147px;
}

#lassoguide #catname span
{
	font-weight: bold;
	color: #0072bc;
}

#lassoguide pre
{
	display: block;
	padding: 1px 8px;
	margin: 0 0 9px;
	font-size: 12.025px;
	line-height: 1.7;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background: #f4fbfd url(../images/highlight_bg.png) left top repeat;
	border: 1px solid #e6f6fb;
	border: 1px solid rgba(0,204,255,0.625);
}

#lassoguide tt
{
	font-size: 1.3em;
	padding: 0 0.1em;
}

#lassoguide_pagenav
{
	position: fixed;
	right:30px;
}

#lassoguide_pagenav .localtoc
{
	position: absolute;
	right: 0;
	display: none;
}
#lassoguide_pagenav.open .localtoc
{
	display: block;
}

#lassoguide_pagenav .localtoc ul
{
	box-shadow: rgba(0,0,0,0.4) 0 0 4px;
}

#lassoguide_pagenav .localtoc ul ul
{
	box-shadow: none;
}

#lassoguide_pagenav .localtoc ul,
#lassoguide_pagenav .localtoc ul li
{
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#lassoguide_pagenav .localtoc ul ul li a
{
	padding-left: 1.6em;
}


#lassoguide_pagenav .localtoc ul ul ul li a
{
	padding-left: 2.6em;
}

#lassoguide_pagenav .localtoc ul li
{
	white-space: nowrap;
}
#lassoguide_pagenav .localtoc-toggle,
#lassoguide_pagenav .localtoc-toggle:hover,
#lassoguide_pagenav .localtoc ul li a,
#lassoguide_pagenav .localtoc ul li a:hover
{
	-webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	   -o-transition: all 0.3s ease-out;
	      transition: all 0.3s ease-out;
}
#lassoguide_pagenav .localtoc-toggle
{
	color: #0072bc;
}
#lassoguide_pagenav .localtoc-toggle.active,
#lassoguide_pagenav .localtoc-toggle:hover
{
	color: #000000;
}
#lassoguide_pagenav .localtoc ul li a
{
	display: block;
	padding: 0.4em 2em 0.4em 0.8em;
	background: rgba(255,255,255,0.85);
	border-bottom: 1px solid #efefef;
	
}
#lassoguide_pagenav .localtoc ul li a:hover
{
	background: rgba(244,251,253,1);
}

/* Morris JS CSS
================================================== */
.morris-hover
{
	position:absolute;
	z-index:1000;
}

.morris-hover.morris-default-style
{
	border-radius:10px;
	padding:6px;
	color:#666;
	background:rgba(255,255,255,0.8);
	border:solid 2px rgba(230,230,230,0.8);
	font-family:sans-serif;
	font-size:12px;
	text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label
{
	font-weight:bold;
	margin:0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point
{
	white-space:nowrap;
	margin:0.1em 0;
}
/*

text[text-anchor="middle"]
{
  display:none;
}

text[text-anchor="end"]
{
  display:block !important;
}
*/


/* UI Effects
================================================== 

.focus
{
	-webkit-filter: blur(0);
	filter: blur(0);
}
.focus.blur
{	
	-webkit-filter: blur(4px);
	filter: blur(4px);
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}



/* Available Updates CSS
================================================== */

.available_update
{
	padding: 0.5em 0;
	border-top: 1px solid #1463a9;
}
.available_update:first-child
{
	border-top: none;
}
.available_update>img
{
	float: left;
	width: 36px;
	height: 36px;
	margin-top: 3px;
	margin-left: 6px;
}
.available_update>div
{
	padding-left: 50px;
}
.available_update i.icon-download-alt
{
	float: right;
	margin-right: 0.5em;
	font-size: 2em;
}
.available_update h5
{
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
}
.available_update p
{
	margin-bottom: 0;
}

table.updates>img
{
	width: 24px;
	height: 24px;
/*
	margin-top: 3px;
	margin-left: 6px;
*/
}

/* iPad fixes
================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{
	h1#lux_logo
	{
		font-size: 2.2em;
	}
	.row.dpt.a.b .copyright
	{
		/* Safari */
		-webkit-transform: rotate(270deg);
		-webkit-transform-origin: 12px -12px;
	}
	table.lux.users td .icon-ok-sign,
	table.lux.users td .icon-reorder,
	table.lux.users td .icon-bullseye
	{
		display: block;
	}

	#emaildetaildiv fieldset label
	{
		width: 26%;
	}
	#emaildetaildiv fieldset span
	{
		width: 64%;
	}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
	#luxbody
	{
		min-width: 768px;
	}
	.no_portrait
	{
		display: none;
	}
	
	.row.dpt.a.b .copyright
	{
		width: 300px;
		/* Safari */
		-webkit-transform: rotate(270deg);
		-webkit-transform-origin: 12px 12px;
	}
	
	.tabs.vertical li .overview .col.one-quarter + .col.one-quarter
	{
		width: 20% !important;
	}
	
	.tabs.vertical li .overview .col.one-quarter button.col.half
	{
		width: 98%;
		margin-bottom: 0.5em;
	}
	.col .three-quarters.padded.last.blocks #serverdashboard .overview dt
	{
		font-size: 2em;
	}
	
	#serverdashboard .col.half>.col.half
	{
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	#serverdashboard .col.half>.col.half>.row.dpt.dmt
	{
		padding-top: 1em !important;
		margin-top: 0 !important;
	}
	.instancedashboard .instanceblock .inner
	{
		padding: 0.5em !important;
		min-height: 280px;
	}



	/***************************************************
	
	Collapsed nav styles
	
	*****************************************************/
	
	#lux.container.fluid
	{
		width: 100%;
		left: -24px;
	}
	#lux #server-tabs
	{
		margin-left: 40px;
	}
	
	#lux>menu,
	#lux>menu #server-tabs>li,
	#lux>menu #server-tabs>li>a
	{
		width: 14px;
	}
	
	
	#lux #server-tabs>li span.icon.server
	{
		display: none !important;
	}
	
	#lux #server-tabs>li i.icon-expand,
	#lux #server-tabs>li i.icon-caret-left,
	#lux #server-tabs>li .active i.icon-caret-left
	{
		display: none;
	}
	
	#lux #server-tabs>li .active i.icon-expand,
	#lux #server-tabs>li i.icon-caret-left
	{
		display: block;
		width: 12px;
		height: 18px;
		opacity: 0.6;
		z-index: 99999;
	}
	
	
	#lux #server-tabs>li i.icon-expand:hover,
	#lux #server-tabs>li i.icon-caret-left:hover
	{
		opacity: 1;
	}
	
	#lux ul.maintabs
	{
		margin-left: 196px;
	}
	span.blue.button.small.pl.pr.r.gotologout
	{
		padding-right: 0.2em !important;
		padding-left: 0.5em !important;
	}
	.vertnav li a .icon-external-link-sign
	{
		position: absolute;
		top: 4px;
		right: -25px;
	}
	/*
	#navtoggle
	{
		display: block;
		top: -7px;
		left: 160px;
	}
	#lux #server-tabs-content>li>div.row>menu
	{
		display: none;
	}
	#lux.open #server-tabs-content>li>div.row>menu
	{
		display: block;
	}
	*/

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	/* IE10+ specific styles go here */  
	
}