/* BACKUP HELP DESK STYLES */

/* CSS RESET - COURTESY ERIC MEYER (http://meyerweb.com/eric/tools/css/reset/index.html) */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*CLEARFIX */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* STICKY FOOTER */

html, body, #pageWrapper {height: 100%;}

body > #pageWrapper {height: auto; min-height: 100%;}

#content {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/* PAGE LAYOUT */

body {font-family: Arial,Helvetica,sans-serif; text-align:center; width:100%; overflow-y: scroll;}
#pageWrapper {background:#FFF url(../images/curve_bg.jpg) no-repeat center top; width:100%; text-align:center;  } 
#header {margin:0 auto; height:180px; width:960px; text-align:left;}
#pageTitle {float:left; margin-top:20px;}
#nav {height:60px; text-align:left;}
#navContainer {margin:0 auto; width:960px;}
#content {margin:10px auto 20px auto; width:960px; text-align:left;}
#footer {clear:both;}

/* STYLING */

/** NAV **/
#nav {background:#FFF url(../images/nav_bg.png) repeat-x left top; font-family:‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitsream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif; }
#navContainer ul {float:left; height:60px;}
#navContainer ul li {float:left; margin-right:4px;}
#navContainer ul li a {color:#FFF; display:block; font-size:16px; font-weight:bold; padding:0 1em; height:60px; line-height:50px; text-decoration:none; text-transform:uppercase; text-shadow: 1px 1px 1px #333; filter: dropshadow(color=#000000, offx=1, offy=1) }
#navContainer ul li a:hover, #navContainer ul li a.current {background:url(../images/nav_hover.png) repeat-x left top; text-shadow: 1px 1px 1px #333; filter: dropshadow(color=#000000, offx=1, offy=1) }
#trainingPromo {float:right;}
#trainingPromo a {background:url(../images/training_promo.png) no-repeat left top; display:block; height:50px; text-indent:-9999px; width:198px; }
#trainingPromo a:hover {background-position:0 -50px;}

/** CONTENT **/
h1.welcome {background:url(../images/welcome_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:223px;}
h1.express {background:url(../images/express_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:95px;}
h1.backup {background:url(../images/backup_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:131px;}
h1.advanced {background:url(../images/advanced_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:143px;}
h1.errorMsg {background:url(../images/error_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:113px;}
h1.training {background:url(../images/training_header.png) no-repeat left top; display:block; height:22px; margin:0 0 10px 0; text-indent: -9999px; width:117px;}
#content ul {margin:40px 0;}
#content ul li {background:url(../images/bullet_arrow.png) no-repeat left 7px; color:#008abe; padding-left:40px; line-height:1.4em; margin:20px 0;}
#content ul li a {color:#008abe; font-weight:bold;}
#content ul li a:hover {color:#98015F;}
#content ul li a.homepageLink {text-decoration: none;}

/*** BACKUP POPUP STYLING ***/

.answerPopUp {background:#FFF; padding:20px; text-align:left; }
p.answerPopTitle {font-size:22px; font-weight:bold; color:#008ABE; margin:0 0 20px 0;}
p.answerPopUpTxt {font-size:16px; line-height:1.4em; margin:10px 0;}
p.answerPopUpTxt a {color:#008ABE; text-decoration:underline;}
p.answerPopUpTxt a:hover {color:#98015f; }
p.answerPopUpTxtNote {color:#98015f; font-size:14px; line-height:1.4em; margin:10px 0;}
ol.answerPopUpList {list-style:decimal outside; padding-left:40px;}
ol.answerPopUpList li {font-size:16px; line-height:1.4em; margin:20px 0;}

.sysStatus { border:1px solid #CCC; float:right; font-size:12px; line-height:1.4em; margin:0 0 30px 30px; padding:10px; width:178px; }
p.statusTitle {background:#008ABE url(../images/status_icon.png) no-repeat 5px center; color:#FFFFFF; font-weight:bold; padding:10px 10px 10px 54px; text-align:left;}
p.statusTxt {color:#333; font-weight:bold; margin:1em 0; }
p.statusNote {color:#666; font-size:11px; line-height:1.3em;}
.question {color:#333; font-weight:bold;}
.question p {margin:10px 0; line-height:1.4em;}
.answer p {margin:10px 0; line-height:1.4em;}
.topLinkContainer {float:right;}
a.topLink {background:url(../images/top_arrow.png) no-repeat right 2px; color:#008abe; font-size:12px; font-weight:bold; padding-right:20px; text-decoration:none;}
a.topLink:hover {text-decoration:underline;}
/** FOOTER **/
#footer {background: url(../images/footer_bg.png) repeat-x left top; color:#FFF; font-size:11px; height:50px; line-height:50px; text-align:center;}