/*
 *	STYLESHEET FOR ar_monitor and related pages
 *	Skyler Lewis, SEAP Intern Summer 2011
 */

html {
overflow-Y : scroll;	/* constant presence of Y-scrollbar ensures consistent alignment regardless of page length */
overflow : -moz-scrollbars-vertical;	/* FF */
}

body {
margin : 0;
}

#index {
cursor : default;
}

body, select, input, a.button {	/* override default browser standards on form elements (along with basic text) */
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 13px;
}

body#index {
margin-bottom : 25px;
}

hr {
background-color : navy;
height : 2px;
width : 100%;
border : 0;
}

p {
margin-top : 5px;
margin-bottom : 5px;
}

/* HTML LINK COLORS */
a:link {
color : navy;
}
a:visited {
color : navy;
}
a:hover {
color : blue;
}
a:active {
color : black;
}
a:link, a:visited {
text-decoration : none;
}
a:hover, a:active {
text-decoration : none;
}
a.seemore:hover {
text-decoration : none;
}


/* HEADING STYLES */
h1 {
text-align : center;
text-transform : titlecase;
font-weight : bolder;
}
h2 {
margin-bottom : 0;
margin-top : 0.25em;
text-align : center;
font-weight : bold;
}
h3 {
margin-bottom : 0;
margin-top : 0.5em;
font-weight : semibold;
text-transform: uppercase;  

}
h2,h3 { 

margin-right : 0.25em;	/* positions BACK TO TOP buttons x */
margin-left : 0.25em;	/* balances centered text - keep it the same as above */
}
h4 {
color: #565656;
margin-bottom : 0;
font-weight : bold;
margin-top : 0;
}
h6 {
margin : 0;
}
.info {
font-size : 9pt;
font-weight : bold;
}


/* BODY OF PAGE EXCLUDING TITLE AREA */
#main {
margin : 20px;
}

#wrapper {
margin-left:auto;
margin-right:auto;
display: table;
}

.topnav {
font-weight : bold;
padding-top : 10px;
}

/* DESCRIPTION OF PAGE (This NRL Page...) */
.descrip {
font-size : small;
text-align:center;
left: 10px;
}

/* AREAS AROUND PARAMETER SELECTION AND BUTTONS */

.formfield, .submitfield {
float: left;
padding: 3px;
text-align : left;
vertical-align : top;
}

/* LISTS OF OPTION BUTTONS */
.formfield ul, .submitfield ul {
list-style-type: none;
padding: inherit;
margin: 0px;
}
.submitfield h4 {
font-style: italic;
visibility: hidden;
}

/* BOXES FOR INDIVIDUAL FORMS */
div.typewrapper {
width : 800px;
margin-bottom : 10px;
padding: 10px;
background : white;
box-shadow: 1px 1px 1px #000;
z-index: 99;
display: table;
margin-left: auto;
margin-right: auto;
}

.typewrapper h2 {
width: inherit;
}

/* SUBFORMS */
div.subtypewrapper {
display: table;
padding : 5px;
float: left;
display: list-item;
list-style-type: none;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}

.subtypewrapper h2 {
width: inherit;
}

.subtypewrappervert {
width: 100%;
}

/*  BUTTONS */
input, .button {
    font-weight:bold;
    height: 2.75em;
    }
input, .tab a, select, .button {
    margin:3px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
//  font-size:12px;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    padding:5px 10px 6px 7px; /* Links */
    cursor: pointer;
}
input:hover, .tab a:hover, .button:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    box-shadow: 0px 0px 1px 0px #dedede;
    color:#336699;
}
input:active, .tab a:active, .button:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    box-shadow: 0px 0px 1px 0px #dedede;
    color:#fff;
}

select:hover {
    box-shadow: 0px 0px 1px 0px #dedede;
}

select:active {
    box-shadow: 0px 0px 1px 0px #dedede;
}

.tab a, .button {
    padding:8px 12px 8px 9px; /* Links */
    }
    
.tab a {
    background-color: white;
    }
    
.tab select{
    padding:7px 7px 6px 7px; /* Links */
    position: relative;
    top: 1px;
}
.special {
    }

select {
    margin:3px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:13px;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    padding:5px 10px 6px 7px; /* Links */
}
.key {
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    padding: 3px 6px 3px 6px;
    font-style: normal;
}

/* EXTRA BUTTON CONTROLS */

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* IMAGES (CHARTS, ETC) */
img {
margin : 3px;
}
.title {
text-align: center;
}
.title img {
border : none;
display: inline;
margin-top: 10px;
position: relative;
top: 15px;
}

/*#titleimages {
display: table;
width: 650px;
margin-left: auto;
margin-right: auto;
}

#titleimage1 {
float:left;
}

#titleimage2 {
float: right;
}
*/

.titleimage {
height: 180px;
}

#titleimage1 {
position: relative;
right: 50px;
}
.titletext {
margin-top: 0px;
}

img.nrllogo {
float : left;
height : 75px;
border : none;
background : none;
margin-right : 15px;
margin-left : 15px;
}

/* LEGAL STUFF AT THE BOTTOM */
#legal {
width: 800px;
margin-left: auto;
margin-right: auto;
}
.legal, .legalsub {
font-style : italic;
font-weight: normal;
font-size : 11px;
}
.legalsub {				/* little note about browsers */
color : navy;
}
.links {
font-weight : bold;
font-size : 11px;
}

#clearforms {
float:right;
}
/* SAMPLE PLOT (cal_monitor) */
img.sample {
height : 140px;
margin : 0px;
}
div.sample {
position : absolute;
left: 650px;
margin : 0px;
padding : 0px;
/* border : 0; */
}
.sample {
cursor : help;
}
div.typewrapper#quicklook-cal {		/* in context of sample plot (cal_monitor) */
height : 130px;
width : 608px;
}

/*JUMPS  (ar_monitor) */
div#jumps-div {
position : absolute;
left: 500px;
margin : 0px;
padding : 0px;
}
div#qldaily-div {
width : 450px;
height : 200px;
}

/* PLOT PAGE FUNCTIONALITY */

#plotwrapper img{
// float: left;
}



#zoombox {
padding: 10px;
position: fixed;
font-weight: bold;
height: 20px;
width: 100%;
}

#plotwrapper {
padding: 50px 10px 10px 10px;
}

#zoomboxbody {
position: relative;
top: 2px;
right: 9px}

#zoombox .label {
margin-left: 7px;
}

#zoomboxdescrip {
float: right;
margin-right: 2px;}

#plotfooter {
position: fixed;
bottom: 0px;
padding: 5px;
}

#zoombox #plotfooter {
box-shadow: 0px 0px 1px 1px #dedede;
}

/* IMAGE LOOP OPTIONS */
img.sliderbutton {	/* 8x20 rollover slider bottons */
margin : 0px;	
border: 0px;
cursor : default;
}
img.loop-button {	/* controls (speed, etc) */
border : 2px outset #e1e5ff;
}
img.loop-button:hover {
border : 2px outset white;
}
img.loop-button:active {
border : 2px inset #ccd0ff;
}
/* NOTE: loop-button colors are: light #e1e5ff dark #ccd0ff */
input.loop-frameno {
background-color : #e1e5ff;
border : 2px inset #e1e5ff;
}
.loop-controls {
vertical-align: top;
background-color : #9FC1FF;
font-size : x-small;
font-weight : bold;
text-transform : uppercase;
color : black;
cursor : default;
}

/* JS WARNING */
.noscript {
background-color : red;
padding : 10px;
color : white;
font-weight : bold;
text-align : center;
}

/* CHECKBOX FORM LABELS */
label {
font-size : 9pt;
}

/* HELP CURSOR */
.help {
cursor : help
}

/* PREVIEW FRAME */
div.preview_frame {
position: relative;
}

/* TAB FUNCTIONALITY */

#bar {    
}
#position-saver {
position: static;
}

#tabs {
display: table;
margin-left: auto;
margin-right: auto;
}

#tabs ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 3em;
}
#tabs ul li {
float: left;

} 
.taball {
font-style: italic;
font-weight: bold;
}

.tabdtg {
font-weight: bold;
}
.tabdtg select {
background: white;
font-size: inherit;}

#index, #zoombox, #plotfooter  {
background: #f1f1f1;
background-image: url('data:image/png;base64,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');
}