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

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;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-style: normal;
	font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}

/* Generic styles */

body { font-family: Verdana, Geneva, sans-serif; font-size: 13px; background-color: #CCCCCC; color: #404040; }

@font-face { font-family: 'Myriad Pro'; font-weight: bold; src: url( '/fonts/MyriadPro-Bold.otf' ); }
@font-face { font-family: 'Myriad Pro'; font-weight: bold; font-style: italic; src: url( '/fonts/MyriadPro-BoldIt.otf' );}

b, strong { font-weight: bold; }
i, em { font-style: italic; }

a, a:visited { text-decoration: none; color: #317BC6; }
a:hover, a:active { color: #54A2EE; }

p { margin-bottom: 15px; }

.break { clear: both; height: 0px; overflow: hidden; }

/* Page Header */

#page_header { position: relative; width: 100%; height: 89px; background: url( '/images/nsider/header_bg.png' ) left top repeat-x; -moz-box-shadow: 0 0 4px 3px #CCCCCC; -webkit-box-shadow: 0 0 4px 3px #CCCCCC; box-shadow: 0 0 4px 3px #CCCCCC; color: #000000; }

#page_header hgroup { position: relative; width: 960px; height: 59px; margin: 0px auto; overflow: hidden; line-height: 80px; }
#page_header hgroup a { display: block; float: left; }
#page_header hgroup h1 { width: 313px; height: 0px; margin: 0px; padding-top: 59px; overflow: hidden; background: url( '/images/nsider/logo.png' ) left top no-repeat; }
#page_header hgroup h2 { height: 0px; overflow: hidden; }
#header_link { display: block; position: absolute; right: 0px; top: 0px; width: 64px; height: 59px; background: url( '/images/nsider/header_link.png' ) left top no-repeat; }

#page_header nav { position: relative; width: 960px; height: 30px; margin: 0px auto; }
#page_header nav h3 { display: none; }
#page_header nav ul { width: 960px; margin: 0px auto; overflow: hidden; padding-top: 5px; }
#page_header nav ul li { position: relative; left: -10px; float: left; padding: 1px 10px 0px; background: url( '/images/nsider/nav_divider.png' ) left 5px no-repeat; line-height: 17px; }
#page_header nav ul li a { display: block; float: left; line-height: 17px; font-size: 11px; color: #000000; }
#page_header nav ul li a:hover { text-decoration: underline; }

#user_presence { position: absolute; right: 0px; top: 6px; float: left; font-size: 11px; line-height: 17px; }
#user_presence a { text-decoration: underline; font-weight: bold; color: #1F63A7; }

#action_response { position: relative; width: 923px; margin: 0px auto 20px; padding: 8px 25px 10px 10px; background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #787878; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#action_response.response_good { border-color: #CEEBD7; background-color: #EAFDF1; color: #4CA268; }
#action_response.response_neutral { border-color: #C0E8F8; background-color: #E8F8FE; color: #498DAA; }
#action_response.response_warning { border-color: #F1EFC9; background-color: #FEFEEA; color: #A19C4E; }
#action_response.response_bad { border-color: #F3C6C6; background-color: #FFECEC; color: #C73E3E; }
#action_response .hide_response { display: none; }
.js_on #action_response .hide_response { display: block; position: absolute; right: 10px; top: 8px; width: 15px; height: 0px; padding-top: 15px; overflow: hidden; background: url( '/images/nsider/action_response_hide.png' ) left top no-repeat; line-height: 80px; cursor: pointer; }

/* Page Content */

#main_cell { background-color: #FFFFFF; }
#page_content { width: 960px; margin: 0px auto; padding: 20px 0px 40px; }

h1 { margin-bottom: 15px; font-family: 'Myriad Pro', Tahoma; line-height: 30px; font-weight: bold; font-size: 24px; color: #1F63A7; }
.bar { display: block; height: 23px; margin: 0px; padding: 8px 9px 0px 9px; background-color: #F4F4F4; border: 1px solid #DDDDDD; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #787878; }
.bar .chill { font-weight: normal; }
.bar .bar_legend { display: block; float: right; color: #AAAAAA; }

/* Page Footer */

#page_footer { width: 100%; padding: 15px 0px 17px; border-top: 1px solid #999999; }
#footer_content { width: 960px; margin: 0px auto; text-shadow: 1px 1px 0px #E8E8E8; }

#footer_content ul { float: right; }
#footer_content ul li { float: left; padding-left: 10px; margin-left: 10px; background: url( "/images/nsider/nav_divider.png" ) left 3px no-repeat; text-shadow: none; }
#footer_content ul li:first-child { padding-left: 0px; margin-left: 0px; background: none; }

/* Lightboxes */

#lightbox_layer { display: none; }

#lightbox_bg {  }
#lightbox_staging {  }
#lightbox_staging .lightbox { display: block; }

.lightbox { display: none; }

/* NML */

.nml { font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 13px; color: #404040; }

.nml strong, .nml strong em, .nml strong del { font-weight: bold; }
.nml em, .nml em strong, .nml em del { font-style: italic; }
.nml del, .nml del strong, .nml del em { text-decoration: line-through; }
.nml .spoiler { background-color: #404040; color: #404040; cursor: help; }
.nml .spoiler a { color: #404040; }
.nml .spoiler_show { background-color: #404040; cursor: help; color: #FFFFFF; }
.nml .spoiler_show a { color: #54A2EE; }

.nml .size_1 { font-size: 9px; }
.nml .size_2 { font-size: 11px; }
.nml .size_3 { font-size: 13px; }
.nml .size_4 { font-size: 16px; }
.nml .size_5 { font-size: 20px; }
.nml .size_6 { font-size: 24px; }

.nml h2 { margin: 0px; font-family: 'Myriad Pro', Tahoma; line-height: 30px; font-weight: bold; font-size: 24px; color: #787878; }
.nml h3 { margin: 0px; font-family: 'Myriad Pro', Tahoma; line-height: 30px; font-weight: bold; font-size: 20px; color: #999999; }

.nml sub { vertical-align: sub; font-size: 11px; }
.nml sup { vertical-align: super; font-size: 11px; }

.nml .align_center { text-align: center; }
.nml .align_left { float: left; margin: 5px 20px 0px 0px; }
.nml .align_right { float: right; margin: 5px 0px 0px 20px; }

.nml ul li { list-style-type: disc; margin: 0px 30px; padding: 0px 4px; }
.nml ol li { list-style-type: decimal; margin: 0px 30px; padding: 0px 4px; }

.nml a { font-weight: bold; }

.nml .indent { margin: 0px 34px; }
.nml .box { margin-right: 2px; padding: 10px 13px; border: 1px solid #DDDDDD; background-color: #FAFAFA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 1px #DDDDDD; -webkit-box-shadow: 2px 2px 1px #DDDDDD; box-shadow: 2px 2px 1px #DDDDDD; line-height: 20px; font-size: 13px; color: #666666; }

.nml blockquote.quote { margin-right: 2px; border: 1px solid #DDDDDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 1px #DDDDDD; -webkit-box-shadow: 2px 2px 1px #DDDDDD; box-shadow: 2px 2px 1px #DDDDDD; }
.nml blockquote.quote .quote_author { padding: 5px 10px 6px 42px; background: url( '/images/nsider/quote.png' ) -3px -3px no-repeat #F4F9FF; font-weight: bold; color: #787878; }
.nml blockquote.quote .quote_body { padding: 10px 13px; background-color: #FFFFFF; line-height: 20px; font-size: 13px; color: #666666; }

.nml .image_styled { padding: 10px; background-color: #EEEEEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nml .youtube_contain { overflow: hidden; padding: 10px; background-color: #EEEEEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nml .youtube_contain iframe { float: left; }

.nml .divider { height: 1px; overflow: hidden; background-color: #DDDDDD; }

.nml .continued_line { position: relative; margin-top: 22px; padding: 8px 25px 10px 31px; background: url( '/images/nsider/spill_arrow.png' ) 10px 11px no-repeat #E8F8FE; border: 1px solid #C0E8F8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1; color: #498DAA;  }
.js_on .continued_line .hide_spill { display: block; position: absolute; right: 10px; top: 8px; width: 15px; height: 0px; padding-top: 15px; overflow: hidden; background: url( '/images/nsider/action_response_hide.png' ) left top no-repeat; line-height: 80px; cursor: pointer; }

.nml.nml_comment blockquote.quote { -moz-box-shadow: 2px 2px 1px #EEEEEE; -webkit-box-shadow: 2px 2px 1px #EEEEEE; box-shadow: 2px 2px 1px #EEEEEE; }
.nml.nml_comment blockquote.quote .quote_author { padding: 3px 10px 4px 42px; }
.nml.nml_comment blockquote.quote .quote_body { line-height: 19px; font-size: 12px; }

.author_post>article>.nml.nml_comment blockquote.quote .quote_author { background-color: #F4F4F4; }

/* Forms */

form { width: 100%; overflow: hidden; }
form p { display: block; position: relative; float: left; clear: left; min-height: 19px; margin: 0px 0px 10px 10px; padding: 9px 0px 5px; }

form .row { display: block; position: relative; float: left; clear: left; min-height: 33px; margin: 0px 0px 10px 10px; }
form .row .label { display: block; float: left; width: 200px; margin: 9px 0px 5px; }
form .row .status { display: none; position: absolute; left: 410px; top: 0px; max-width: 84px; padding: 10px 8px; overflow: hidden; border: 1px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; white-space: nowrap; font-size: 11px; }
form .status_good .status { display: block; width: 0px; height: 31px; padding: 0px 0px 0px 31px; overflow: hidden; border-color: #CEEBD7; background: url( '/images/nsider/status_good_check.png' ) 7px 9px no-repeat #EAFDF1; color: #4CA268; }
form .status_neutral .status { display: block; border-color: #C0E8F8; background-color: #E8F8FE; color: #498DAA; }
form .status_warning .status { display: block; border-color: #F1EFC9; background-color: #FEFEEA; color: #A19C4E; }
form .status_bad .status { display: block; border-color: #F3C6C6; background-color: #FFECEC; color: #C73E3E; }
form .row .field { float: left; width: 200px; }
form .row .field>label { float: left; margin: 9px 12px 0px 0px; padding: 0px; }
form .row .field>label input { float: left; }
form .row .field>label span { display: block; float: left; padding-left: 5px; }
form .row .field .field_text { display: block; float: left; margin: 9px 0px 5px; }

input, select, textarea, button { outline: none; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"] { width: 186px; height: 21px; margin: 0px; padding: 5px 6px; -moz-box-shadow: inset 1px 1px 2px #DDDDDD; -webkit-box-shadow: inset 1px 1px 2px #DDDDDD; box-shadow: inset 1px 1px 2px #DDDDDD; border: 1px solid #CCCCCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus { border-color: #AAAAAA; -moz-box-shadow: inset 1px 1px 2px #CCCCCC; -webkit-box-shadow: inset 1px 1px 2px #CCCCCC; box-shadow: inset 1px 1px 2px #CCCCCC; }
select { width: 200px; height: 33px; margin: 0px; padding: 6px 3px 5px; -moz-box-shadow: inset 1px 1px 2px #DDDDDD; -webkit-box-shadow: inset 1px 1px 2px #DDDDDD; box-shadow: inset 1px 1px 2px #DDDDDD; border: 1px solid #CCCCCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
select:focus { border-color: #AAAAAA; -moz-box-shadow: inset 1px 1px 2px #CCCCCC; -webkit-box-shadow: inset 1px 1px 2px #CCCCCC; box-shadow: inset 1px 1px 2px #CCCCCC; }
input[type="checkbox"] { position: relative; top: 1px; width: 13px; height: 13px; margin: 0px; padding: 0px; }
input[type="radio"] { position: relative; top: 1px; width: 13px; height: 13px; margin: 0px; padding: 0px; }
input[type="submit"], button { margin: 0px; padding: 7px 8px; background-color: #6EABE8; border: 1px solid #4886C5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #FFFFFF; cursor: pointer; }
input[type="submit"]:hover, button:hover { background-color: #91C1F1; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { margin: 0px; padding: 0px; border: none; }

input[type="submit"].disabled, button.disabled { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: #FFFFFF; cursor: auto; }
input[type="submit"].disabled:hover, button.disabled:hover { background-color: #CCCCCC; }

textarea.styled, .js_off textarea { display: block; padding: 7px 8px; border: 1px solid #CCCCCC; background-color: #FFFFFF; -moz-box-shadow: inset 1px 1px 2px #DDDDDD; -webkit-box-shadow: inset 1px 1px 2px #DDDDDD; box-shadow: inset 1px 1px 2px #DDDDDD; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #404040; }
textarea.styled:focus, .js_off textarea:focus { border-color: #AAAAAA; -moz-box-shadow: inset 1px 1px 2px #CCCCCC; -webkit-box-shadow: inset 1px 1px 2px #CCCCCC; box-shadow: inset 1px 1px 2px #CCCCCC; }
.js_off textarea { width: 500px; height: 200px; }



/* Third-party Lightbox stuff */

#lightboxOverlay
{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:#111;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity:0.85;
	display:none;
}
#lightbox
{
	position:fixed;
	top:10%;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	text-align:center;
	line-height:0;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight:400;
}
#lightbox .lb-image{max-width:100%;max-height:100%;}
#lightbox a img{border:none;}
.lb-outerContainer
{
	position:relative;
	background-color:#fff;
	zoom:1;
	width:250px;
	height:250px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	margin:0 auto;
}
.lb-container{padding:10px;}
.lb-loader
{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
.lb-nav
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
.lb-container > .nav{left:0;}
.lb-nav a{outline:none;}
.lb-prev,.lb-next
{
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	display:block;
}
.lb-prev{left:0;float:left;}
.lb-next{right:0;float:right;}
.lb-prev:hover { background:url(/images/lightbox/prev.png) 5% 48% no-repeat; }
.lb-next:hover { background:url(/images/lightbox/next.png) 95% 48% no-repeat; }
.lb-dataContainer
{
	padding-top:5px;
	zoom:1;
	width:100%;
	margin:0 auto;
}
.lb-closeContainer
{
	float:right;
}
.lb-data
{
	color:#eee;
	text-shadow: 0 0 8px #000;
	padding:0 10px;
}
.lb-data .lb-details
{
	float:left;
	text-align:left;
	line-height:1.1em;
}
.lb-data .lb-caption{font-size:13px;font-weight:700;}
.lb-data .lb-number
{
	display:block;
	clear:left;
	font-size:11px;
	margin-top: 6px 0;
}
.lb-close{float:right;}
.lb-close, .lb-print
{
	display: inline-block;
	width:32px;
	height:32px;
	outline:none;
}
.lb-fullScreen:hover,.lb-data .lb-close:hover,.lb-print { cursor:pointer; }
.lb-outerContainer:after,.lb-dataContainer:after
{
	content:"";
	display:table;
	clear:both;
}
.lb-print {background:transparent url(/images/lightbox/print.png) scroll no-repeat 0 0;margin-right: 4px;}
.lb-fullScreen
{
	background:transparent url(/images/lightbox/fullscreen.png) scroll no-repeat 0 0;
	height:32px;
	width:32px;
	position:absolute;
	right:15px;
	top:15px;
	z-index:10;
}
#lightbox.full-screen {top:0; height:100%; background:#111;}
#lightbox.full-screen .lb-outerContainer { background:transparent; box-shadow: inset 0 0 126px #000; width:auto; height:auto; margin:0 auto; padding:0; }
#lightbox.full-screen .lb-fullScreen { background:transparent url(/images/lightbox/fullscreen_exit.png) scroll no-repeat 0 0; }
#lightbox.full-screen .lb-print{ display: none; }
#lightbox.full-screen .lb-container { width:auto; height:auto; margin:0 auto; padding:0; }
#lightbox.full-screen .lb-image	{ width:auto; box-shadow:0 0 32px #000; }
#lightbox.full-screen .lb-dataContainer	{ box-shadow:0 0 8px #000; position:fixed; bottom:0; left:0; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; }
#lightbox.full-screen .lb-data .lb-close { display:none; }