
/*
#breadcrumbs{margin:0;padding:0 0;font-size:.8em;width:100%;background-color:#4c4c4c}
#breadcrumb a{color:#afdef6}
#breadcrumb .extraLinks a{padding-right:5px;margin-right:5px;border-right:1px solid #fff}
#breadcrumb .extraLinks a:last-child{margin-right:0;padding-right:0;border-right:0}
#breadcrumbs .inset{margin:0 auto}
#breadcrumb .extraLinks{float:right;margin-right:5px}
#breadcrumbs .inset .extraLinks .linkBox{display:inline-block;width:11px;height:11px;margin:0 3px 1px 0;vertical-align:middle;border:1px solid #aaa}
#breadcrumbs .inset .extraLinks .helpIcon{display:inline-block;margin-right:3px;vertical-align:bottom}
#content {font-size: .9em;}

*/
table {
border-top: 1px solid #ccc;
border-collapse: collapse;
line-height: 1.333em;
border-spacing: 2px;
border-color: gray;
}
tr:nth-child(2n) {
background-color: #f4f4f4;
}
tbody, tfoot {
border-right: 1px solid #ccc;
}
label, table, tbody, tfoot, thead, th, td, tr {
outline: 0;
vertical-align: baseline;
font-family: "Open Sans",Helvetica,Verdana,Arial,sans-serif;
font-weight: normal;
}
tbody, tfoot {
border-right: 1px solid #ccc;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
ul {margin: 0 0 0 0;}
ul li{list-style:none;line-height: 1.675em;font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-weight: normal;margin: 0; border: 0; padding: 0}
h3.datasetHeader{font-size:1.05em;max-width:550px;margin-top: 5px;cursor:pointer;background:url('../img/plus.gif') no-repeat left 55% transparent;padding-left:20px}
.entrypage{width:550px;}
.sidebar{margin-right: 0;margin-left: 600px;width:400px;min-height:800px;text-align: right;}
a:hover {text-decoration: none;cursor:pointer;}
h1,h2,h3,h4,h5,h6,h7,h8,.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8{font-weight:normal;margin-bottom:.5em}
h2, .h2 {

padding: 0 0 0 0;
}
h1 {font-family: 'Bitter',Cambria,Georgia,Palatino,serif; border-bottom: 1px solid #ccc; font-size:1.45em;margin: .1em 0 .5em;font-weight: normal;line-height: 1.7em;}
p {
padding-bottom: 1em;
line-height: 1.45em;font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
vertical-align: baseline;display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

}
.floatLeftmain {float:left;width:580px;margin-left: 0;}
.floatLeftmain .welcometexthas {margin-left: 0px;font-size:.85em;text-align:justify;line-height:1.3em;}
hr.welcometexthas {width:515px;margin: 0 0 0 0;}
.welcometexthas hr {width:580px;margin: 0 0 10px 0;}
h2.datagroup {cursor:pointer;margin: 0 0 0 0;padding-bottom: 0px;max-width:550px;font-size:1.25em;background: url('../img/bigblueplus.png') no-repeat left 55% transparent; padding-left:20px}

.welcometexthas {margin-bottom: 10px;}
/*
#.datasetDetails {display: none; margin-left: 20px;font-size:.80em; width:800px;padding:3px 3px 3px 3px;border:2px solid #C2DFFF;border-radius:3px;-moz-box-shadow:0 0 0px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0px rgba(0,0,0,0.25);box-shadow:0 0 0px rgba(0,0,0,0.25);background-color:#EDEDED}
*/

/*
.datagroupcontent{ padding-left: 5px; margin-bottom:10px;display: block;border:1px solid #5f6df0;border-radius: 3px;}
*/

.datagroupcontent{ padding-left: 5px; margin-bottom:10px;display: block;background-color: #FAFAFA}
.datagroupdescription { padding-bottom:10px; margin-left: 0px;  line-height:1.3em}
.datagroupdescription a {font-size: inherit; line-height:1.3em}
.dataset-header {padding-left: 0px; max-width:1000px;background-color: }
.dataset-header h1 {font-family: 'Bitter',Cambria,Georgia,Palatino,serif; border-bottom: 1px solid #ccc; font-size: 1.05em; margin: .1em 0 .5em;font-weight: normal;line-height: 1.7em;}
.dataset-header hr {width: 980px; height: 3px;margin: 0 0 8px}

.hascontent {max-width: 600px; line-height: 1.2em;padding-left: 0px; background-color: }
.hascontent hr {width: 600px;}
.hascontent h2 {margin-top: 20px;font-size: 1.2em;text-decoration: none;border-bottom: 0px; margin-left: 0px}

.hasOrderOptionsContent {width:850px;margin-left: 10px;border:1px solid #aaa;padding-left: 10px; padding-top: 10px; padding-bottom: 10px;font-size: 1.0em; line-height: 1.2em;padding-left: 10px; background-color: }
.datasetDetails {display: none; margin-left: 20px; max-width:530px;padding:0px 0px 0px 0px;}
.title {margin-left: 13px;}
.floatLeftmain .welcometext {margin-left: 13px;width:525px;font-size:.85em;}
#hascontentordersubmitted {font-size:1.0em; line-height: 1.2em;margin-left: 0px; max-width:1000px;background-color: }
select.dataset-select  {
    size: 1;
    -webkit-user-select: none;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
     cursor: pointer;
     outline: 0;
background: transparent;
vertical-align: baseline;
}

select.file  {
    size: 1;
    -webkit-user-select: none;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 825px;
     cursor: pointer;
     outline: 0;
background: transparent;
vertical-align: baseline;
}



.dateselect {
    background: url('../img/down.gif') no-repeat right);
}

select.date-select  {
    -webkit-user-select: none;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    cursor: pointer;
    background: url('../img/down.gif') no-repeat right);

}

select.delivery  {
-webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 0px;
    -moz-padding-end: 0px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #FFFFFF; /* fallback color if gradients are not supported */
   
    -webkit-appearance: menulist;
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
    cursor: pointer;
    background: url('../img/down.gif') no-repeat right);

}
input[type="text"] {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 98%;
cursor:pointer;
}
.hascontentorderstatus input[type="text"] {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 100%;
cursor:pointer;
}

#hasNotice {
background: url('../img/i_warning.png') 15px center no-repeat #ffe7e7;
border: 1px solid #e00;
padding: 20px 20px 20px 70px;
margin: 10px;
font-size: .8em;
font-weight: normal;
line-height: 1.3em;
}

.HASmsgSuccess {
background-image: url('../img/icon_check.png');
background-color: #7faa5b;
color: #fff;
}

.HASmessageBlock p span {
line-height: 1.2em;
margin-bottom: 5px;
display: inline-block;
}

.HASmessageBlock p {
padding: 10px 10px 10px 80px;
margin: 0;
text-align: left;
_height: 40px;
min-height: 40px;
background-color: transparent;
line-height: 1.35em;
}

p {
padding-bottom: 1em;
line-height: 1.45em;
}
.HASmessageBlock {
margin-bottom: 1em;
overflow: hidden;
background-repeat: no-repeat;
background-position: 20px center;
font-size: 1.1em;
width: 100%;
font-size: .9em;
}

.reviewTable td.head {
background: url('../img/bg_header_gray.png') repeat-x scroll left 50% #676767;
color: #fff;
margin: 5px 0;
padding: 7px 10px 7px 15px;
text-transform: uppercase;
}

.reviewTable td {
text-align: left;
padding: 5px 5px 5px 0;
border-bottom: 1px solid #ccc;
}

table td, .detailsTable td {
text-align: left;
padding: 7px 10px 7px 15px!important;
border-bottom: 1px solid #ccc;
line-height: 1.567em;
}

.reviewTable {
margin-bottom: 20px;
width: 100%;
font-size: .9em;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

.reviewTable td.var {
text-align: left;
padding: 7px 0 7px 15px;
font-weight: normal;
width: 150px;
border-right: 1px solid #ccc;
}
confirmationmedia="all"
table td.var, .detailsTable td.var {
text-align: left;
padding: 7px 0 7px 15px!important;
font-weight: normal;
width: 150px;
border-right: 1px solid #ccc;
}

.reviewTable td.val {
font-weight: normal;
padding-left: 15px;
}

.completeButton:hover, .completeButton:active {
background-color: #7faa5b;
}

.completeButton {
background-color: #5f8a3b;
}

#content .hasBrandBlock {
display: inline-block;
width: 16px;
height: 16px;
margin: 8px 5px 0px 0px;
}

.hasBrandDataSet {
background-color: #D19A02!important;
}

#content .hasBrandBlockSm {
display: inline-block;
width: 10px;
height: 10px;
margin: 3px 3px 0px 0px;
}
#content .hasBrandBlockTiny {
display: inline-block;
width: 5px;
height: 5px;
margin: 3px 3px 0px 0px;
}

#content .hasBrandBlockDsStn {
display: inline-block;
width: 11px;
height: 11px;
margin: 3px 5px 0px 0px;
}

.hasBrandFilesAvailable {
background-color: #7faa5b!important;
}

.hasDatasetDocs {
background-color: #00778A!important;
}

.hasDatasetInv {
background-color: #990000!important;
}

.hasBrandOrderData {
background-color: #D19A02!important;
}

.hasBrandOrderApp {
background-color: #5E06D1!important;
}



.HASButton {
width: 160px;
height: 35px;
font-weight: 300;
font-size:1.0em;
text-align: center;
border-radius: 5px;
color: #fff;
border: 0;
padding: 0;
background-color: #245bab;
cursor: pointer;
}

.checkorderstatus{margin: 8px 8px 5px 0px;}
#checkorderstatusupdate {float: right};
#checkorderstatusnew {float: right};

.HASButton:hover{background-color:#447bcb}

.has-progress-bar {
padding: 15px 15px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
}

progress {
-webkit-appearance: progress-bar;
box-sizing: border-box;
display: inline-block;
height: 20px;
width: 10em;
vertical-align: -0.2em;
border-radius: 5px;
}

progress::-webkit-progress-bar {
  background-color: #eee;
  color: red;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress::-webkit-progress-value {
	border-radius: 5px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background-color: #AFDEF6;
	
	/* Looks great, now animating it */
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 5s linear 0 infinite;
}

progress::-moz-progress-bar {  
   background-color: #AFDEF6;
   border-radius: 5px;

}  

.has-progress-bar progress {
    -webkit-appearance: progress-bar;
background-color: #f3f3f3;
border: 0;
width: 100%;

border-radius: 5px;
}
.has-progress-bar .progress-value {
padding: 5px 0px;
margin-bottom: 5px;
line-height: 20px;
margin-left: 0px;
font-size: 1.1em;
font-weight: bold;
color: #555;
height: 18px;
float: left;
}

#content .helpBox {
width: 360px;
float: right;
margin: 0 0 1.5em 0;
background-color: #f0f0f8;
}

.helpBox h2 {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
padding: .5em .9em;
margin: 0;
font-size: 1.33em;
color: #fff;
zoom: 1;
background-color: #4e8cc7;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.helpBox .pad {
padding: 0em .5em .25em .5em;
}

.pad {
margin: 0 10px 10px 10px;
}

.hasBrandStatus {
background-color: #D19A02!important;
}

.helpNote {
border: 1px solid #ccc;
background-color: #f8f8f8;
padding: 15px 30px;
margin-top: 30px;
}

.helpNote h2 {
font-family: 'Open Sans',Helvetica,Arial,sans-serif;

margin: 0 0 10px 0px;
font-size: 1.33em;


}

.helpNote ul li {list-style-type: disc;}

#messageContainer, .messageBlock {
margin-bottom: 1em;
overflow: hidden;
background-repeat: no-repeat;
background-position: 20px center;
font-size: 1.1em;
width: 100%;
font-size: .9em;
}

.msgAlert {
background-image: url('../img/icon_warning.png');
background-color: #ffd51d;
color: #444;
}

.messageBlock p {
padding: 10px 10px 10px 80px;
margin: 0;
text-align: left;
_height: 40px;
min-height: 40px;
background-color: transparent;
line-height: 1.35em;
}

#CLASSLoading {
width: 100px;
height: 100px;

background: url('../img/noaa_loader.gif') 50% 50% no-repeat rgba(255,255,255,0.75);
text-align: center;
    vertical-align:middle;
    display: table-cell;
}
#ClassDataTypeSearchLoading  {
width: 100px;
height: 100px;

background: url('../img/noaa_loader.gif') 50% 50% no-repeat rgba(255,255,255,0.75);
text-align: center;
    vertical-align:middle;
    display: table-cell;
}
#ClassSearchResultsLoading {
width: 100px;
height: 100px;

background: url('../img/noaa_loader.gif') 50% 50% no-repeat rgba(255,255,255,0.75);
text-align: center;
    vertical-align:middle;
    display: table-cell;
}

#ClassDataTypeSearch {
}
#ClassDataTypes {
	display: none;
	
}

#ClassSearchResults {
	 min-height: 100px;
	font-size: 1.0em;
	display: none;
	
	
}
#ClassDataTypeDetailsLoading  {
width: 100px;
height: 100px;

background: url('../img/noaa_loader.gif') 50% 50% no-repeat rgba(255,255,255,0.75);
text-align: center;
    vertical-align:middle;
    display: table-cell;
}
#ClassDataTypeDetails {
	display: none;
}
#ClassDataTypes {
	display: none;
	
}
#ClassSearchResultsLoading {
	display: none;
	
}
input[type="text"].ClassDate {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 85px;
cursor:pointer;
}

input[type="text"].emailaddress {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 500px;
cursor:pointer;
}
.airscontent {max-width: 670px; line-height: 1.2em;padding-left: 0px;}
select.class-inventory-select  {
    size: 1;
    -webkit-user-select: none;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
     cursor: pointer;
     outline: 0;
background: transparent;
vertical-align: baseline;
}

select.class-datatype-select  {
    size: 1;
    -webkit-user-select: none;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 670px;
     cursor: pointer;
     outline: 0;
background: transparent;
vertical-align: baseline;
}

h2.searchgroup {cursor:pointer;
margin: 0 0 0 0;
padding-bottom: 0px;
max-width:550px;
font-size:1.25em;
background: url('../img/bigblueminus.png') no-repeat left 55% transparent; 
padding-left:20px;}

h3.searchgroup {
font-size: 1.05em;
max-width: 550px;
margin-top: 5px;
cursor: pointer;
background: url('../img/minus.gif') no-repeat left 55% transparent;
padding-left: 20px;
}

#searchgroupheaderDateRange {
	display: none;
	
}
#searchgroupheaderBoundingBox {
	display: none;
	
}
#searchgroupheaderOptions {
	display: none;
	
}
#searchgroupheaderClassSearchResults {
	display: none;
	
}
.CLASSButton {
width: 160px;
height: 28px;
font-weight: 300;
font-size: 0.9em;
text-align: center;
border-radius: 5px;
color: #fff;
border: 0;
padding: 0;
background-color: #CF1414;
cursor: pointer;
    box-shadow: 3px 3px 3px #888888;
}

#content .classBrandBlock {
	border-radius: 3px;
display: inline-block;
width: 16px;
height: 16px;
margin: 8px 5px 0px 0px;

}

h1.AIRS {
font-family: 'Bitter',Cambria,Georgia,Palatino,serif;
border-bottom: 1px solid #ccc;
font-size: 1.25em;
margin: .1em 0 .5em;
font-weight: normal;
line-height: 1.35em;
}


.classBrandDataSet {
background-color: #CF1414;

}

h2.classdataaccess {
	font-family: 'Bitter',Cambria,Georgia,Palatino,serif;
	
	font-size: .95em;
	
}
.SearchButtonBar {
font-size: .9em;
}

#CLASSDataTypes {
font-size: .9em;
}

#ClassDataTypeSearch {
font-size: .9em;
}

.floatLeftmainClass {
float: left;
width: 678px;
margin-left: 0;
}

.sidebarClass {
		background: url('../img/goesr4.jpg') 50% 50% no-repeat rgba(255,255,255,0.75);
	
	border-radius: 5px;
margin-right: 0;
margin-left: 678px;
width: 322px;
height: 800px;
text-align: right;
}
.sidebarClassimg {
	border-radius: 4px;

}
#sidebarClass {
	display:none;
	border:1px solid #CF1414;
}
.airscontent p {
	font-size: .9em;
}
div.Datasets
{
	overflow-x:hidden;
   overflow-y:scroll;
}
.Datasets {
margin-left: 10px;	
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
height: 600px;

background-color: #FAFAFA;
	font-size: .8em;

}
#ClassCart {
}	
#ShoppingCart {
width:0%;

overflow:hidden;
background-color: #fff;
	border-radius: 5px;
height:800px;


}

#ClassCartOrderSubmit {
	font-size: .8em;	
	display:none;

text-align: center;
}

#ClassCartOrder {

	display:none;
	padding-left: 4px;
	padding-right: 4px;
	word-wrap: break-word;
	font-size: .8em;	
text-align: center;
}

.classdsnhead {

cursor: pointer;
background: url('../img/plus.gif') no-repeat left 55% transparent;
padding-left: 15px;
margin-left: 3px;
}

.classdsndetail {
	display:none;
	margin-left: 35px;
	min-height:50px;

	}

input[type="text"].classemailaddress {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 290px;
cursor: pointer;
}

input[type=date] {
	border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
cursor:pointer;
width:140px;
}

#ClassIdSearch {
	
	display:none;
	
}
#cartcount{
	
	font-size: 1.2em;
	font-weight: bold;
	color :#CF1414;
}

#orderid{
	
	font-size: 1.2em;
	font-weight: bold;
	color :#CF1414;
}

input[type="text"].ClassSearchId {
border-top: 1px solid #777;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #fff;
width: 85px;
cursor: pointer;
}



