@import url('/Content/reset.css'); /* Reset all styles */
@import url('/Content/text.css');  /* Define typography */
@import url('/Content/color.css'); /* Define colors */
@import url('/Content/960.css');   /* Grid for layout */

/* TAGs */

a { text-decoration: none; }

p a, li a { text-decoration: underline; }

body {
	background: #fff;
}

br { clear: both; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

/* BLOCKs */

div#container { position: relative; }

div#header a.button { float: right; font-size: 16px; }

div#content { min-height: 500px; padding-bottom: 2em; }

div#footer-container-facebook {
	clear: both; 
	color: #fff;
	padding: 1.5em 0 0;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

div#footer-facebook { 
	position: relative;
}

div#footer-container {
	clear: both; 
	color: #fff;
	padding: 1.5em 0 0.5em;
	background: #222 url('/Content/images/gradient.png') top left repeat-x;
	width: 100%;
	overflow: hidden;
}

div#facebook-like {
	padding: 5px;
	border-top: 1px solid #cad4e7;
	border-left: 1px solid #cad4e7;
	border-right: 1px solid #cad4e7;
}

div#footer { 
	position: relative; 
}

div#header {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* IDs */

#content p a { text-decoration: underline; }

#footer a:link, #footer a:visited { text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer h3 { font-size: 1.8em; }

#footer div#footer-social {
	display: block; 
	float: left;
	width: 40em; 
	height: 24px; 
	padding: 0; 
	margin: 0;
}

#footer div#footer-social h3 {
	font-size: 1.1em; color: #ccc; float: left; padding: 6px 0 0;
}

#footer div#footer-social ul li { display: inline; }

#footer div#footer-social ul li a {
	text-indent: -9999px;
	display: block; width: 16px; height: 16px; padding: 4px; margin: 0; float: left;
}

#footer div#footer-social ul li a#twitter {
	background: url('/Content/images/icons/twitter.png') center center no-repeat;
}

#footer div#footer-social ul li a#facebook {
	background: url('/Content/images/icons/facebook.png') center center no-repeat;
}

#footer div#footer-social ul li a#vkontakte {
	background: url('/Content/images/icons/vkontakte.png') center center no-repeat;
}

#footer div#footer-social ul li a#flickr {
	background: url('/Content/images/icons/flickr.png') center center no-repeat;
}

#footer #footer-extra {
	display: block;
	font-size: 1.1em;
	color: #ccc;
	clear: both;
	padding: 8px 0;
}

#footer-social h3 { margin-top: -2px; }

/* CLASSES */

div.blank50 { margin-top: 50px; }

div.block {
	padding-bottom: 2em;
	clear: both;
	position: relative;
}

div.box {
	margin-bottom: 2.5em;
	padding: 1em 1em 0;
	border: 1px solid #ccc;
	background: url('/images/gradient.png') bottom left repeat-x;
	clear: both;
	position: relative;
}

div.box p:last-child { margin-bottom: 0.8em; }

div.rounded-top, span.rounded-top {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div.rounded-bottom, span.rounded-bottom {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

h3.box-header {
	color: #000;
	background: #CAD8E5;
	margin-bottom: 0;
	padding: 5px 10px;
	font-size: 1.4em;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

h4.highlight { font-size: 18px; }

.centered { text-align: center; }

.left { float: left; margin: 0 1em 1em 0; }

.right { float: right; margin: 0 0 1em 1em; }

img.right-banner {
	float: right;
	margin: -78px 0em 1em 1em;
}

ul.links span.month, ul.links span.date {
	display: block; 
	width: 2em;
	padding: 6px;
	margin: -6px 0.5em 0 0;
	float: left;
	text-align: right;
	text-transform: uppercase;
}

ul.links span.date { width: 5em; }

ul.categories li { padding-bottom: 5px; }

.highlight {
	padding: 5px; 
	text-align: center;
	color: #fff; 
	background: #ff5200; 
}

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

/* BUTTONS */

button, .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none ! important;
	font: bold 1em/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	color: #fef4e9 ! important;
	border: solid 1px #ff5200;
	background: #ff5200;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7700), to(#ff3200));
	background: -moz-linear-gradient(top,  #ff7700,  #ff3200);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ff3200'); /* IE6, IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff7700', EndColorStr='#ff3200')"; /* IE8 */
}
button:hover, .button:hover {
	text-decoration: none;
	color: #fef4e9;
	background: #ff3200;
	background: -webkit-gradient(linear, left top, left bottom, from(#f97202), to(#c93001));
	background: -moz-linear-gradient(top,  #f97202,  #c93001);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97202', endColorstr='#c93001');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f97202', EndColorStr='#c93001')"; /* IE8 */
}
button:active, .button:active {
	position: relative;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3200), to(#ff7700));
	background: -moz-linear-gradient(top,  #ff3200,  #ff7700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3200', endColorstr='#ff7700');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3200', EndColorStr='#ff7700')"; /* IE8 */
}

/* Disabled classes and pseudo-classes for: inputs, buttons and links */
input[disabled='disabled'], input[disabled='disabled']:hover, input[disabled='disabled']:active, button.disabled, button.disabled:hover, button.disabled:active, form input.disabled, form input.disabled:hover, form input.disabled:active, a.disabled:link, a.disabled:hover, a.disabled:active, a.disabled:visited { 
	border: 1px solid #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
	background: -moz-linear-gradient(top,  #dddddd,  #bbbbbb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"; /* IE8 */
}

/* LISTS & TABLES */

ul.lined, ul.links, table.lined {
	border-top: 1px solid #ccc;
}

ul.lined li, table.lined td { 
	list-style-type: none;
	margin-left: 0; 
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}

ul.lined li a { text-decoration: none; }

ul.links li {
	display: inline;
	border: 0 ! important; 
	padding: 0 ! important; 
	margin: 0;
}

ul.links li a {
	display: block; 
	padding: 6px 0; 
	border-bottom: 1px solid #ccc; 
	text-decoration: none;
	position: relative;
}

#footer ul.links { margin-bottom: 2em; border-top: 1px solid #333; }

#footer ul.links li a { border-bottom: 1px solid #333; }

#footer div.copyright {
	float: right; border: 0; padding: 6px 0 0; color: #ccc;
}

/* MENUS */

#accordion {
	width: 210px;
	float: left;
	padding-top: 0px;
	margin: 0 0 2;
	border-bottom: 1px solid #ccc;
}

#accordion h2 {
	background-color: #fff;
	border-top: 1px solid #ccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:left;	
	text-decoration:none;
	color:#444;
	padding:0px 0px 0px 27px !important;
	margin:0px;	
	position:relative;
	outline: none;
 	white-space: nowrap; 
	cursor: pointer;		
}

#accordion h2:hover {
	background-color: #fffeeb;
	color:#0364b1;	
}

#accordion div.pane {
	display: none; /* initially hidden */
	margin: 0px;
	padding: 0px;
	background-color: #f1f2f2;
}

#menu a#nav-audit, h2#nav-audit { 
	background: transparent url('/Content/images/icons/software.png') left center no-repeat; 
}
#menu a#nav-community, h2#nav-community { 
	background: transparent url('/Content/images/icons/weebles.png') left center no-repeat; 
}
#menu a#nav-config, h2#nav-config { 
	background: transparent url('/Content/images/icons/config.png') left center no-repeat; 
}
#menu a#nav-help-desk, h2#nav-help-desk, h2#nav-helpdesk, div#related-features a.help-desk, #menu a#nav-active, h2#nav-active { 
	background: transparent url('/Content/images/icons/ticket.png') left center no-repeat; 
}
#menu a#nav-asset, h2#nav-asset {
	background: transparent url('/Content/images/icons/switch.png') left center no-repeat;
}
#menu a#nav-inventory, h2#nav-inventory, div#related-features a.inventory { 
	background: transparent url('/Content/images/icons/pc.png') left center no-repeat; 
}
#menu a#nav-manage, h2#nav-manage { 
	background: transparent url('/Content/images/icons/switch.png') left center no-repeat; 
}
#menu a#nav-map, h2#nav-map { 
	background: transparent url('/Content/images/icons/map.png') left center no-repeat; 
}
#menu a#nav-msp, h2#nav-msp { 
	background: transparent url('/Content/images/icons/cube.png') left center no-repeat; 
}
#menu a#nav-monitor, h2#nav-monitor, div#related-features a.monitor, #menu a#nav-snmp, h2#nav-snmp  { 
	background: transparent url('/Content/images/icons/alert.png') left center no-repeat; 
}
#menu a#nav-power, h2#nav-power { 
	background: transparent url('/Content/images/icons/leaf.png') left center no-repeat; 
}
#menu a#nav-sql, h2#nav-sql { 
	background: transparent url('/Content/images/icons/sql.png') left center no-repeat; 
}
#menu a#nav-troubleshoot, h2#nav-troubleshoot { 
	background: transparent url('/Content/images/icons/alert.png') left center no-repeat; 
}
#menu a#nav-virtual, h2#nav-virtual { 
	background: transparent url('/Content/images/icons/virtualization.png') left center no-repeat; 
}
#menu a#nav-warranty, h2#nav-warranty { 
	background: transparent url('/Content/images/icons/ribbon.png') left center no-repeat; 
}

ul.nav_links {
	border-top: 1px solid #ccc;
}

ul.nav_lined li { 
	list-style-type: none;
	margin-left: 0; 
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}

ul.nav_links li {
	display: inline;
	border: 0 ! important; 
	padding: 0 ! important; 
	margin: 0;
}

ul.nav_links li a {
	display: block; 
	padding: 6px 0 6px 27px; 
	border-top: none !important;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	position: relative;
}

ul.nav_links li a.current {
	color: #333;
}

/* FORMS */

form fieldset { 
	border: 1px solid #ccc; 
	padding: 2em 1em 0;
}

form fieldset legend {
	background: #333;
	color: #fff;
	display: block;
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	float: none;
}

form input { margin-right: 1.5em; }

form td { vertical-align: top; padding: 2px 0; }

form td label { 
	display: block; 
	width: 9em; 
	font-size: 1em;
	line-height: 1.6em;
	padding: 3px 0;
}

.required {
	color: #c00;
	font-weight: bold;
}

form label.required:after { content: "*"; }

/* MODAL BOXES */

div.modal { 
	display: none;
	z-index: 10;
	width: 590px ! important;
	min-height: 10px;
	background: #fff; 
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);
	box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);
}

div.modal .close { 
    background-image: url('/images/buttons/modal/close.png'); 
    position: absolute; 
    right: -15px; 
    top: -15px; 
    cursor: pointer; 
    height: 35px; 
    width: 35px; 
}

/* TOOLTIPS */

a.tooltip { position: relative; background: #fff; }

a.tooltip span { 
	display: none;
	font-size: 1.1em;
	padding: 1.2em;
	width: 220px;
	text-align: left;
	background: #222;
	box-shadow: 4px 4px 5px rgba(68, 68, 68, 0.5);
	-moz-box-shadow: 4px 4px 5px rgba(68, 68, 68, 0.5);
	-webkit-box-shadow: 4px 4px 5px rgba(68, 68, 68, 0.5);
} 

a.tooltip:hover span {
	display: block;
   	position: absolute;
	margin: 0; 
	background: #222;
	color: #fff;
	opacity: 1.0;
	z-index: 1;
}

a.tooltip img { margin: 0 auto; z-index: -1; }

a.tooltip:hover span.left { /* flip shadow, light source is .tooltip */
	box-shadow: -4px 4px 5px rgba(68, 68, 68, 0.5);
	-moz-box-shadow: -4px 4px 5px rgba(68, 68, 68, 0.5);
	-webkit-box-shadow: -4px 4px 5px rgba(68, 68, 68, 0.5);
}

/* MISC */

#footer p.copyright a:link, #footer p.copyright a:visited { color: #ccc; }
#footer p.copyright a:hover, #footer p.copyright a:active { color: #fff; text-decoration: underline; }

.program td, th {
	border: 1px solid #DBDCDD;
	padding: 5px;
	}
	.break {
		background-color:#C5BE97;
		}
	.presenter {
	    font-style: italic;
        font-size: 0.9em;
	}
.annotation {
    margin-bottom: 0.3em;
}