/* CMS styles */
/* mobile first responsive layout */

/* SECTIONS: */
/* 1. Font face references */
/* 2. Reset styes */
/* 3. Default styles  */
/* 4. Section styles */
/* 5. Layout rules */


/* 1. FONT FACE REFERENCES */
@font-face {
    font-family: 'AsapBoldItalic';
    src: url('/_fonts/Asap-BoldItalic-webfont.eot');
    src: url('/_fonts/Asap-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/Asap-BoldItalic-webfont.woff') format('woff'),
         url('/_fonts/Asap-BoldItalic-webfont.ttf') format('truetype'),
         url('/_fonts/Asap-BoldItalic-webfont.svg#AsapBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*  2. RESET STYLES  */
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, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, label, input, select, textarea, button { margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit; vertical-align: baseline;  }

table, tbody, tfoot, thead, tr, th, td { font-size: 100%;  font: inherit; }
body { background: #fff;  line-height: 1; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none; }
ins { text-decoration: none; background: #fff75c; }
del { text-decoration: line-through; }
em,i { font-style:italic; }
strong,b { font-weight:bold; }
abbr { border-bottom:1px dotted; }
input[type=submit], button { cursor:pointer;-webkit-appearance:none; } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; } 

/* make sure the page doesn't shift horizontally */
html { overflow-y:scroll; }

/*  3. DEFAULT STYLES  */
body {  font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif; color: #000000; font-size: 100%; line-height: 1.4; overflow: hidden; }
.wrapper { width: 100%; margin: 0 auto 0 auto; clear:both; }

a, a:link, a:visited, a:hover, a:active { color: #000099; text-decoration: none; }
a:hover { text-decoration: underline; }
a.dotted { cursor: help; text-decoration: none; border-bottom: 1px dashed #00348a; }
a.decorated { text-decoration: underline; }
a.undecorated { text-decoration: none; }

.clearfix { clear: both; }
.msg { color: #990000; font-weight: bold; display: none; }
.message { color: #ae0000; font-weight: bold; }  
.message-box { color: #ae0000; font-weight: bold; border: 2px solid #ae0000; padding: 0 1em; margin: 1em 0; width: 90%; }
#successmsg, .successmsg { color: #009900; font-weight: bold; border: 2px solid #009900; padding: .5em 1em; margin: 1em 0; width: 90%; }
#failuremsg { color: #990000; font-weight: bold; border: 2px solid #009900; padding: .5em 1em; margin: 1em 0; width: 90%; }
#infomsg { color: #009900; font-weight: bold; padding: 0; margin: 0;  }
#infomsg1 { color: #009900; font-weight: bold; padding: 0; margin: 0;  }
#infomsg2 { color: #000099; font-weight: bold; padding: 0; margin: 0;  }


p { margin: 1em 0; }
h1, h2, h3, h4, h5, h6 {  font-weight: bold; color: #000000; display: block; clear: left; }
h1, h2, h3, h4, h5 { }
h1 {  font-size: 1.5em; margin: .8em 0 .5em 0; clear: both; }
h2 { font-size: 1.4em; margin: 1.2em 0 0 0;}
h3 { font-size: 1.3em; margin: 0 0 .5em 0; padding-top: 1em; }
h4 { font-size: 1.2em; margin: 1em 0 0 0; }
h5 { font-size: 1.1em; margin: .9em 0 0 0;}
h6 {  font-size: 1.1em; margin: 0; padding: 0; }
h1 a {  font-size: 15px; font-weight: normal;  }
h3 a {  font-size: 1em; font-weight: normal;  }
h5 a {  font-size: .9em; font-weight: normal;  }

::selection,::-moz-selection { background: #fdfaa1; }
blockquote { border-left: 2px solid; padding-left: 1.2em; }
img { border: 0; margin: 0; width: auto; max-width: 100%; height: auto; }

figure { background: #f0f0f0; border: 1px solid #dee0e0; margin-bottom: 1em; padding: .8em; }
figure img { margin: 0 auto; display: block; }
figure figcaption { padding-top: .8em; text-align: center; }
figure figcaption h4 { margin-top: 0; }
figure figcaption p { margin-bottom: 0; }

.highlight-box1 { border: 1px solid #000099; background: #ECF1EF; padding: .5em; margin-bottom: 1em; overflow:hidden; }
.highlight-box2 { border: 1px solid #009900; background: #EEF3E2; padding: .5em; margin-bottom: 1em; overflow:hidden; }
.highlight-box3 { background: #FFFFCC; padding: .5em; }
.highlighter { background: #FFFF66; }

form { margin-top: 1em; overflow: hidden; }
fieldset { border: 1px solid #e2e2e2; margin: 2em 0; padding: 1em; }
legend { font-weight: bold; margin-left: -1em; padding: 0 1em; }
label { font-weight: bold; display: block; margin-bottom: 0.3em;margin-top: 1em; }
input, select, textarea { border: 1px inset; font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif; padding: 2px;}

input[type=radio],input[type=checkbox] { border: none; }
input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=url],input[type=file],
	input[type=tel], textarea, select { 	
	background: #fff; border: 1px solid #dee0e0; line-height: 1.5; margin-bottom: .5em; padding: .5em; width: 90%; }

textarea.textsz1 { height: 3em; } 
textarea.textsz2 { height: 6em; }
textarea.textsz3 { height: 10em; }
textarea.textsz4 { height: 15em; }

textarea.textsz1.longer { height: 5em; } 
textarea.textsz2.longer { height: 9em; }
textarea.textsz3.longer { height: 15em; }
textarea.textsz4.longer { height: 20em; }

input[type=submit],input[type=button], button {
	background: #ae0000; border: 1px solid #ae0000; -webkit-appearance: none;
	-webkit-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 100%;
	line-height: 1.5; margin-bottom: 2.5em; padding: .5em 1em; cursor: pointer; cursor: hand; }
input[type=submit].btn1, input[type=button].btn1, button.btn1 {  margin-bottom: 1em; }
input[type=submit].btn2, input[type=button].btn2, button.btn2 { background: #383838;  border: 1px solid #383838; 
	margin-top: .5em; margin-bottom: 1em;} 
input[type=submit].btn3, input[type=button].btn3, button.btn3 { background: #000000;  border: 1px solid #000000; 
	margin-top: .5em; margin-bottom: 1em;} 
input[type=submit].btn4, input[type=button].btn4, button.btn4 { background: #009900;  border: 1px solid #009900; 
	margin-top: .5em; margin-bottom: 1em;}
input[type=submit].btn5, input[type=button].btn5, button.btn5 { background: #000099;  border: 1px solid #000099; 
	margin-top: .5em; margin-bottom: 1em;}
input[type=submit].btn6, input[type=button].btn6, button.btn6 { margin-top: .5em; }
input[type=submit].btn7, input[type=button].btn7, button.btn7 { background: #000000;  border: 1px solid #000000; margin-top: .5em; }
input[type=submit].size2, input[type=button].size2, button.size2 { padding: .2em .5em; margin-bottom: 0; font-size: 90%; border-radius: 5px;}

input[type=text].compact,input[type=email].compact,input[type=number].compact,input[type=password].compact,
	input[type=tel].compact, textarea.compact, select.compact { 
		color: #335; border: 1px solid #aeb3b3; background: #FFFFDC;
	box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.25), inset 0 1px 2px rgba(0,0,0, 0.1), 0px 1px 0px rgba(255,255,255, 0.85);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.25), inset 0 1px 2px rgba(0,0,0, 0.1), 0px 1px 0px rgba(255,255,255, 0.85);
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.25), inset 0 1px 2px rgba(0,0,0, 0.1), 0px 1px 0px rgba(255,255,255, 0.85); }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #404040;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #404040;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #404040;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #404040;
}

select { line-height: 1.7; }

input[type=submit]:hover,input[type=button]:hover,button:hover,
input[type=submit]:active,input[type=button]:active,button:active {
    background: #000; border: 1px solid #000; }

input[type=submit].btn3:hover,input[type=button].btn3:hover,button.btn3:hover,
input[type=submit].btn3:active,input[type=button].btn3:active,button.btn3:active {
    background: #ae0000; border: 1px solid #ae0000; }

.mobile-only { display: block; }
.buttonline, .linkline { display: block; clear: both; margin: 1em 0; }
.buttonline input[type=submit], .buttonline input[type=button], .buttonline button { margin-right: .5em; }
.buttonfloat { display: none;  }
.buttonfloat input[type=submit], .buttonfloat input[type=button], .buttonfloat button { margin-left: .5em; margin-top: .4em; }
.buttonblock { }
.linkline { font-weight: bold; }
.linkunit { font-weight: bold; display: block; float: left; margin-right: 2.5em; margin-top: .5em; }

ul.list-std, ol.list-std { margin-left: 2em; }
ul.list-nbni li { list-style-type: none; }

.iframe-container1 { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.iframe-container2 { position:relative; padding-bottom:75%; height:0;overflow:hidden; }
.iframe-container1 iframe,.iframe-container2 iframe { position:absolute;top:0;left:0; width:100%; height:100%; }

table { width: 100%; border-collapse: collapse; margin-bottom: 1em;}
tr:nth-of-type(odd) { background: #EEE; }
th { background: #efefef; font-weight: bold; }
td, th { text-align: left; }
td.c, th.c { text-align: center; }
td.r, th.r { text-align: right; }
tr { border: 1px solid #ccc; }

.ui-sortable { list-style-type: none; margin: 0; padding: 0; width: 50%; } 
.ui-sortable li  { padding: 0.4em 0.4em 0.4em 0;  font-size: 1.2em; display: block;  } 
.ui-sortable li span { position: absolute; margin-left: -1.3em; } 

/* 4. SECTION STYLES */
header {  width: 100%; text-align: left; background: #000000; border-bottom: 1px solid #000000; height: 45px; }
#header-content { width: 95%; margin: 0 auto; padding: .3em .5em .3em .7em; color: #FFFFFF; }

#logo1 { font-family: AsapBoldItalic,Arial,Helvetica,"Nimbus Sans L",sans-serif; font-size: 1.1em; margin-top: .3em; display: inline-block; }
#logo-image { display: inline-block; margin-left: .5em; margin-top: 6px;}
#logo-image img { height: 20px; }

html.ie7 #logo1  {  margin-top: -40px;  }
html.ie7 #logo-image  { display: none; }

#header-menu-link { float: right; margin: 5px .3em 0 0; } 
#maincontent { margin: 0 auto; overflow:hidden; }
#contentwrapper { width: 90%;  margin: 0 auto; padding: 0 0 1em 0; }


/* MOBILE-NAV */
#menu2 { display: block; }
#menu2 li { list-style-type: none; }
#menu2 li a { display: block; padding: .8em 1.6em; 
	border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;
	background: #000000; color: #FFFFFF; text-decoration: none; }
#menu2 li:first-child a { border-top: 1px solid #EFEFEF; }
#menu2 li a:hover { background: #ae0000;  }
#menu2 ul li.selected a { background: #ae0000;  }

/* FOOTER */
footer { width: 100%; margin: 0 auto; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: #efefef; 	 
	color: #808080; font-size: .9em; padding: .5em 0 .5em 0; }
#footer-content { width: 90%; margin: 0 auto; }
#footer-copyright  { text-align:left; padding: .3em 0 .8em;}
#footer-fineprint { font-size: .9em; font-style: italic; }
#footer-links { text-align:left; margin:0 auto;}

.table { display: table;   margin: 0 auto; } 

/* FORMS AND TABLES */  
.msginline  { margin-top: .2em; margin-bottom: .3em; color: #ae0000; font-weight: bold; font-size: .9em; }
input.sm, select.sm { width: 5em; }
input.ms, select.ms { width: 7em; }
input.md, select.md { width: 10em; }
input.ml, select.ml { width: 15em; }
input.save-highlight { background-color: #ffffcc; }

.linkbox1 { background: #FFFACD; padding: 1em; margin-top: .5em; }
.linkbox2  { background: #FFFACD; padding: 1em; margin-top: 2em;  }
.linkboxid { font-weight: bold;  }

table.reporttable1 th { display: none; }

table.reporttable1 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: .3em; word-wrap: break-word; } 
table.reporttable1, table.reporttable1 thead, table.reporttable1 tbody, table.reporttable1 tfoot,
   table.reporttable1 th, table.reporttable1 td, table.reporttable1 tr   { display: block; } 
table.reporttable2 { display: none;  }
table.reporttable3 td,  table.reporttable3 th,      

span.table-label { font-size: .9em; font-style: italic; font-weight: bold; }
span.inline-label { font-size: .9em; font-style: italic; font-weight: bold; }

.ui-datepicker-trigger { margin-left: 7px; }
.ms-header { text-align: center; padding: 3px; background: #383838; color: #fff; }

p.form-intro { margin: -.7em 0 0 0; }
p.form-intro > form { margin-top: -.2em; }

.pos { font-weight: bold; color: #009900; }
.neg { font-weight: bold; color: #990000; }


/* 5. LAYOUT RULES */
/* mobile first responsive design */


/*Screen width above 320px. Mobile phones. */

@media only screen and (min-width: 320px) {
}

@media only screen and (min-width: 460px), print { 
 	#header-content { padding-left: 0; padding-right: 0; }
}

@media only screen and (min-width: 600px), print {   
    	#logo1 { font-size: 1.3em; margin-top: .1em;  }
	#header-content { width: 570px; } 
}


@media only screen and (min-width: 650px), print {   
	.wrapper { display: block; margin-right: auto; margin-left: auto; width: 600px; }
	header, footer, #header-content, #maincontent, #menu2, #footer-content { width: 600px; }
	#header-content { padding-left: 1em; padding-right: 1em; }   
	#contentwrapper,#footer-content  { width: 570px; margin: 0 auto; }
	header, #menu2 { margin: 0 auto; }
}



@media only screen and (min-width: 700px), print {
	textarea.textsz1.longer { height: 6em; } 
	textarea.textsz2.longer { height: 12em; }
	textarea.textsz3.longer { height: 25em; }
	textarea.textsz4.longer { height: 30em; }

	.mobile-only { display: none; }
	.buttonfloat { display: block; float: right; margin-right: 3em; }
	.buttonblock { width: 30%; float: right;}
	table.reporttable1, table.reporttable3, table.zma-ads-schedule { width: 100%; font-size: 13px; 
		border-spacing:0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

	table.reporttable1 tbody, table.reporttable1 tr,
	table.reporttable3 tbody, table.reporttable3 tr {  border-collapse: collapse; }

	table.reporttable1  { display: table; }
	table.reporttable1 thead  { display: table-header-group; }
	table.reporttable1 th, table.reporttable1 td {display: table-cell; }
	table.reporttable1 tbody  { display: table-row-group; }
	table.reporttable1 td,  table.reporttable1 th { border-right: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; padding: 3px 5px; border-spacing:0; }
	table.reporttable2 { display: table; border: none; }
	table.reporttable2  th,  table.reporttable2  td { border: none; }

	table.reporttable1 tr,  table.reporttable2 tr, 
	table.reporttable3 tr, table.zma-ads-schedule tr { display: table-row; border: none;  }
    	table.reporttable3 { font-size: 100%; }

	table, thead, tbody { display: table; }
	thead { display: table-header-group; }
	tbody { display: table-row-group; }
	tfoot { display: table-footer-group; }
	th, td { display: table-cell; border-collapse: collapse; }
	td:before { position: static; top: 0; left: 0; padding: 0; }

	p.form-intro { margin: 1em 0; }
	p.form-intro > form { margin-top: 1em; }
}

@media only screen and (min-width: 750px), print {   
	.wrapper { width: 750px; }
	header, footer, #header-content, #maincontent, #menu2, #footer-content { width: 750px; } 
	#contentwrapper,#footer-content  { width: 720px; }
	input.lg { width: 25em; }
	select.lg { width: 26.2em; }	
}


@media only screen and (min-width: 960px), print {
    	#logo1 { font-size: 1.5em; margin-top: 0;  }
	.wrapper { width: 900px; }
	header, footer, #header-content, #maincontent, #menu2, #footer-content { width: 900px; }
	#contentwrapper,#footer-content  { width: 870px; }
}

@media only screen and (min-width: 1000px), print {
}