@import url('//fonts.googleapis.com/css?family=Roboto:700,500,400,300,300italic,400italic,500italic, 700italic');
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('//fonts.googleapis.com/icon?family=Material+Icons');

html, body{
  overflow: auto;
}

/* -- Reset -----------------------------------------------------------------*/
/* Eric Meyer's CSS reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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;
  vertical-align: baseline;
  background: transparent;
  font-family:  Roboto, helvetica, sans-serif;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.4;
}

body {
  margin: 0 auto;
  position: relative;
  width: 100%;
  min-height: 610px;
  font-size: 18px;
  line-height: 1.4;
  background-color: #fafafa;
  padding-bottom: 20px;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

q:before,q:after {
  content: '';
}

textarea, input[type="text"], input[type="password"], select {
  color:#666;
  border: 1px solid #ccc;
  font-size: 17px;
  font-weight: 300;
  background-color: #fff;
  padding: 7px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: none;
  font-family: "Roboto", Helvetica, sans-serif;
}

textarea{
  height: 150px;
  width: 100%;
}

select option{
  color:#666;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.webkit select,
.firefox select,
.android select{
  padding-right: 30px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance:none;
  background:#ffffff url('/media/shared/css-global/tri-d_34x16_00529b.png') 97% no-repeat;
  background-size:13px 7px;
  border: 1px solid #ccc;
  border-radius: 0;
}

select option:nth-child(even){
  background-color: #f7f7f7;
}
select.placeholder, select option.placeholder{
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #404040;
}
:-moz-placeholder {   /* Older versions of Firefox */
  color: #404040;
}
:-ms-input-placeholder {
  color: #999;
}

div.button {
  position: relative;
}
button,input[type="button"],input[type="submit"] {
  background: #00529b;
  color: #fff;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

textarea[disabled], input[type="text"][disabled], input[type="password"][disabled],
input[type="radio"][disabled], input[type="checkbox"][disabled], select[disabled] {
  color:#AFAFAF;
  background-color: #EFEFEF;
}

button[type="button"][disabled], button[type="reset"][disabled],
button[type="submit"][disabled], input[type="reset"][disabled],
input[type="submit"][disabled], input[type="button"][disabled] {
  color:#AFAFAF;
  background: url("//images.military.com/script/base-guide/css/images/general/button_background_disabled.png") repeat-x;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

/* -- CSS tools --------------------------------------------------------------*/
/* clearfix declaration for clearing floated elements */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* -- General Structure --------------------------------------------------------------*/

a,a:visited,a:link,a:hover {
  text-decoration: none;
  color: #00529b;
  cursor: pointer;
  overflow-wrap: break-word;
}


.loading{
  background: url('//images.military.com/script/base-guide/css/images/general/progress_indicator_large.gif') no-repeat;
  background-position: center center;
  min-height: 64px;
  width: 100%;
}

.link{
  cursor: pointer;
  color:#00529b;
}

.link:hover{
  text-decoration: underline;
}

.progressWindow .ui-dialog-titlebar-close{
  display: none;
}

#progressIndicator {
  position: relative;
  left: -18px;
  top: 1px;
}

#errorMessageDisplay {
  font-size: 12px;
  margin-top: 4px;
}


/* -- Icons -------------------------------------------------------------- */
.thumbup-icon, input.thumbup-icon{
  background:url("//images.military.com/script/base-guide/css/images/general/thumbup-icon.png") no-repeat scroll 0 center transparent;
  min-height: 13px;
  min-width: 13px;
  cursor: pointer;
  border: none;
}

.share-icon{
  background:url("//images.military.com/script/base-guide/css/images/general/share-icon.png") no-repeat scroll 0 center transparent;
  min-height: 10px;
  min-width: 10px;
}

.send-icon{
  background:url("//images.military.com/script/base-guide/css/images/general/send-icon.png") no-repeat scroll 0 center transparent;
  min-height: 8px;
  min-width: 15px;
}

.print-icon{
  background:url("//images.military.com/script/base-guide/css/images/general/print-icon.png") no-repeat scroll 0 center transparent;
  min-height: 10px;
  min-width: 10px;
}



/* -- Masthead Structure -------------------------------------------------------------- */
#masthead {
  width: 960px;
  height: 82px;
  margin: 0 auto;
}

#mastheadLogo {
  float: left;
  width: 189px;
  height: 82px;
  background: url('//images.military.com/script/base-guide/css/images/general/militarylogo.png') no-repeat;
}

#masthead .serviceLogo {
  width: 348px;
  height: 82px;
  float: left;
}

#masthead .baseLogo {
  width: 348px;
  height: 82px;
  cursor: pointer;
}

#masthead .baseTitle {
  width: 348px;
  height: 82px;
  cursor: pointer;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  font-family: 'Roboto';
  text-transform: uppercase;
  padding-left: 10px;
  vertical-align: middle;
  display: table-cell;
}

#masthead .masthead-right {
  width: 423px;
  height: 82px;
  float: right;
}

#masthead .masthead-right-top {
  width: 423px;
  height: 59px;
}

#masthead .masthead-right-top div {
  float: right;
  color: #ffffff;
  font-size: 12px;
  margin-top: 40px;
}

#masthead .masthead-right-top span {
  padding: 0 8px 0 5px;
}

#masthead .masthead-right-top a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

#masthead .masthead-right-top a:hover {
  text-decoration: underline;
}

#masthead .masthead-right-bottom {
  width: 393px;
  height: 20px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0px 0px 30px;
}

#mastheadAd {
  float: left;
  width: 450px;
  height: 75px;
  margin: 0 0 0 25px;
}

/* -- Navigation --------------------------------------------------------------*/
#top-nav-cont {
  width: 100%;
  height: 40px;
  background-color: #00529b;
  margin: 0 auto;
}

#top-nav-cont .top-nav-middle {
  width: 970px;
  margin: 0 auto;
  position:relative;
}

#top-nav-cont .top-nav-middle #top-nav-form {
  margin-left: -16px;
}

#top-nav-cont .top-nav-middle .rich-toolbar {
  height: 40px;
  border: none;
}

#top-nav-cont .top-nav-middle .rich-toolbar-item {
  color: #ffffff;
  padding: 0px;
  vertical-align: middle;
  font-family:  Roboto, helvetica, sans-serif;
}

#top-nav-cont .top-nav-middle .rich-menu-list-border {
  left: -17px;
  top: 11px;
  border: none;
  background-color: transparent;
}

#top-nav-cont .top-nav-middle .rich-menu-list-bg {
  background-image: none;
  border: 0px;
  padding: 5px 0;
  background-color: #00529b;
}

#top-nav-cont .top-nav-middle .rich-menu-item,
#top-nav-cont .top-nav-middle .rich-menu-group{
  padding: 5px 36px 5px 2px;
  border: none;
  background-color: #00529b;
}

#top-nav-cont .top-nav-middle .rich-menu-item-hover,
#top-nav-cont .top-nav-middle .rich-menu-group-hover{
  padding: 5px 36px 5px 2px;
}

.rich-menu-item, .rich-menu-item a, .rich-menu-item a:hover,
.rich-menu-item a:visited, .rich-menu-group, .rich-menu-group a,
.rich-menu-group a:hover, .rich-menu-group a:visited{
  font-family:  Roboto, helvetica, sans-serif;
  font-weight: 300;
}

#top-nav-cont .top-nav-middle .rich-ddmenu-label {
  display: initial;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: none;
}

#top-nav-cont .top-nav-middle .rich-ddmenu-label div:nth-child(2){
  z-index: 1000000 !important;
}

#top-nav-cont .top-nav-middle .rich-ddmenu-label-select {
  background-color: transparent;
  border-color: transparent;
}

#top-nav-cont .top-nav-middle .rich-menu-item-label,#top-nav-cont .top-nav-middle .rich-menu-item-label a{
  font-weight: 300;
  font-size: 14px;
}

#top-nav-cont .top-nav-middle .rich-menu-node {
  top: 4px;
}

#top-nav-cont .top-nav-middle .rich-label-text-decor {
  font-size: 14px;
  padding: 0px 11px 0px 10px;
  color: #ffffff;
  font-weight: 400;
  display: inline;
  position: relative;
  top: 2px;
  line-height:1;
}
#top-nav-cont .top-nav-middle .rich-label-text-decor a{
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}

#top-nav-cont .top-nav-right {
  width: 302px;
  height: 56px;
  float: left;
  margin-top: -23px;
}

#top-nav-cont .top-nav-middle-left {

}

#top-nav-cont .nav-button {
  float: left;
  width: 100px;
  height: 24px;
  margin: 0px 2px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#top-nav-cont .nav-button-default {
  background-image: url('//images.military.com/script/base-guide/css/images/general/nav_button.png');
}

#top-nav-cont .nav-button-hover {
  background-image: url('//images.military.com/script/base-guide/css/images/general/nav_button_hover.png');
}


#search-box {
  position: relative;
  display: block;
}

#searchButton{
  width: 39px;
  height: 39px;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
}

#searchButton:after {
  width: 39px;
  height: 39px;
  position: absolute;
  content: 'search';
  color: #fff;
  right: 0;
  top: 0px;
  background-color: #00529b;
  font-family: 'Material Icons';
  font-size: 23px;
  text-align: center;
  vertical-align: middle;
  line-height: 39px;
}

#searchBox {
  width: 100%;
  padding-right: 50px;
}

.top-ads{
  width:100%;
  margin: 10px 0;
  text-align: center;
}

.top-ads div,
.top-ads span,
.top-ads iframe,
.top-ads img,
.top-ads ins,
.top-ads object{
  margin: 0 auto !important;
  vertical-align: top;
  display: block !important;
}

.top-ads table{
  margin: 0 auto !important;
  vertical-align: top;
  display: inline-block !important;
}

body .top-ads iframe[style*="display: none"],
body .top-ads iframe[style*="display:none"],
body .top-ads iframe[style*="width: 1;"],
body .top-ads iframe[style*="width:1;"],
body .top-ads iframe[width="0"][height="0"],
body .top-ads div[style*="width: 1;"],
body .top-ads div[style*="width:1;"],
body .top-ads div[style*="display: none"],
body .top-ads div[style*="display:none"],
body .top-ads a[href*="empty.gif"],
body .top-ads img[src*="empty.gif"],
body .top-ads img.empty,
body .top-ads img[style*="width: 1;"],
body .top-ads img[style*="width:1;"],
body .top-ads img[src*="tracking"],
body .top-ads img[width="1"]
{
  margin: 0;
  display: none !important;
}

/* ********************************************** */
/* GLOBAL BREADCRUMB AND PAGE TITLE STYLE */
/* ********************************************** */

#breadcrumb {
  width: 100%;
  overflow: hidden;
}

#breadcrumb a, #breadcrumb span{
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

#breadcrumb li {
  float: left;
  padding-right: 25px;
  position: relative;
  margin-bottom: 25px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
}

#breadcrumb li:empty{
  display:none;
}

#breadcrumb li:first-child {
  padding-left: 0;
}

#breadcrumb li:before {
  content: '';
  position: absolute;
  top: 5px;
  right: 8px;
  width: 8px;
  height: 12px;
  background: url("//images.military.com/media/shared/icons/breadcrumb_sep.png") no-repeat 0 0;
  background-size: 8px 12px;
}

#breadcrumb li:last-child {
  padding-right: 0;
}

#breadcrumb li:last-child:before {
  background: none;
}

/* -- Footer Structure ------------------------------------------------------ */
#footer {
  width: 970px;
  margin: 0 auto 40px auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#nav5 {
  margin: 0 auto;
  width: 970px;
  padding: 5px 20px;
}
#nav5 li {
  display: block;
  text-align: center;
}
#nav5 li a{
  font-weight: 400;
}
#nav5 li span,
#nav5 li ul,
#nav5 li li {
  display: inline;
  font-size: 11px;
  line-height: 18px;
}
#nav5 li span {
  position: relative;
  z-index: 3;
  font-weight: 500;
}
#nav5 li ul {
  margin-left: -3px;
}

#nav5 li li {
  padding: 0 5px 0 0px;
  margin: 0 5px 0 0px;
  font-weight: 400;
  color: #999;
  position: relative;
}
#nav5 li li:after {
  content: "|";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  right: 0;
  top: -2px;
}

#copyrightAndParentCo {
  padding: 0;
  text-align: center;
  font-size: 11px;
  line-height: 19px;
  color: #999;
  padding: 0px 0 5px;
}
#copyrightDate {
  padding-right: 10px;
  margin-right: 5px;
  display: inline;
  position: relative;
}
#copyrightDate:after {
  content: "|";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  right: 0;
  top: -2px;
}
#parentCompany {
  background: transparent url('/media/shared/css-global/monster-logo-footer.png') left center no-repeat;
  padding-left: 121px;
  display: inline;
  margin-left: 5px;
}
#parentCompany .parentCompanyName {
  text-indent: -99999999px;
}

/* new/short version */
#pageFoot {
  text-align: left;
  color: #666;
  font-size: 11px;
  font-weight: 400;
}
#pageFoot a {
  color: #00c;
  font-size: 11px;
  font-weight: 400;
  padding-right: 3px;
  border-right: 1px solid #666;
}
#pageFoot .copyright {
}
#pageFoot .aMonsterCompany {
  color: #999;
  display: block;
  margin-left: auto; margin-right: auto; /* center the block */
  width: 168px;
  text-align: right;
  background: transparent url('/media/shared/css-global/bg-parentcompany.png') 0 50% no-repeat;
}
/** Social Media elements in the Footer **/
#nav5 li#socialnetworkingfooter {
  text-align: center;
  margin-bottom: 2px;
  margin-top: 10px;
  padding-left: 12px;
}
#nav5 li#socialnetworkingfooter a {
  text-decoration : none;
  display: inline-block;
}
#nav5 li#socialnetworkingfooter span {
  height: 15px;
  display: inline-block;
}
#nav5 li#socialnetworkingfooter .facebook-icon,
#nav5 li#socialnetworkingfooter .twitter-icon {
  background: transparent url('/media/shared/css-global/sprites/sprite-socialnetworking-footer.jpg') top left no-repeat;
  width : 15px;
  height : 15px;
  text-indent: -9999px;
  display : inline-block;
  cursor: pointer;
  margin-right: 5px;
}
#nav5 li#socialnetworkingfooter .facebook-icon {
  background: url('/media/shared/css-global/facebookiconsmall.png') top left no-repeat;
}
#nav5 li#socialnetworkingfooter .twitter-icon {
  background: url('/media/shared/css-global/twitterlogosmall.png') top left no-repeat;
  margin-right: 0;
}
#nav6 {
  text-align: center;
}
#nav6 .adchoices-icon {
  background:transparent url('/media/shared/css-global/adchoices-icon.png') right center no-repeat;
  padding-right:15px;
  font-weight: 400;
  font-size:12px;
}
#disclaimer {
  font-size: 9px;
  line-height: 20px;
  padding: 10px 0px;
  text-align: center;
  font-weight: 400;
  border-bottom: 1px solid #dfdfde;
}

#socialnetworkingfooter span {
  background: url("/media/shared/css-global/footer-social-sprite.png") no-repeat scroll right transparent;
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
  padding: 0 13px 13px 10px;
}

#socialnetworkingfooter a.facebook span {
  background-position: -6px -5px;
}

#socialnetworkingfooter a.facebook:HOVER span {
  background-position: -6px -37px;
}

#socialnetworkingfooter a.twitter span {
  background-position: -35px -5px;
}

#socialnetworkingfooter a.twitter:HOVER span {
  background-position: -35px -37px;
}

#socialnetworkingfooter a.googleplus span {
  background-position: -62px -5px;
  padding-right: 18px;
}

#socialnetworkingfooter a.googleplus:HOVER span {
  background-position: -62px -37px;
}

#socialnetworkingfooter a.instagram span {
  background-position: -126px -5px;
  padding-right: 18px;
}

#socialnetworkingfooter a.instagram:HOVER span {
  background-position: -126px -37px;
}

#socialnetworkingfooter a.pininterest span {
  background-position: -98px -5px;
  padding-right: 18px;
}

#socialnetworkingfooter a.pininterest:HOVER span {
  background-position: -98px -37px;
}

#socialnetworkingfooter a.youtube span {
  background-position: -169px -5px;
  padding-right: 28px;
}

#socialnetworkingfooter a.youtube:HOVER span {
  background-position: -169px -37px;
}

/* -- Content(middle section) --------------------------------------------*/
#content {
  clear: both;
  float: left;
  width: 100%;
}

#middle {
  background-color: #fff;
  border: 1px solid #dfdfde;
  margin: 10px auto 0;
  text-align: left;
  width: 932px;
  padding: 18px;
}

.memberOneColumn{
  float: left;
  width: 916px;
}

.memberSplitLeftColumn{
  float: left;
  width: 447px;
}

.memberSplitRightColumn{
  float: right;
  width: 447px;
}

.memberLargeColumn {
  float: left;
  width: 594px;
}

.memberXLargeColumn {
  width: 100%;
}

.memberSmallColumn {
  float: right;
  width: 300px;
}

.memberXSmallColumn {
  float: left;
  width: 160px;
}

.memberMediumColumn {
  float: right;
  width: 414px;
}

.content-section {
  padding: 0px 0px 10px 0px;
  float: left;
  clear: both;
  font-size: 15px;
  width: 100%;
}


.content-section-label {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 2px;
}

.content-section-header {
  border-bottom: 1px solid #C0C0C0;
  margin-bottom: 10px;
  padding-bottom: 2px;
}

.content-section-header label {
  color: #5F5F5F;
  font-weight: bold;
  font-size: 15px;
}

.content-category-section {
  margin-bottom: 20px;
}

.memberLargeColumn .content-category-section {
  width: 572px;
}

.memberSmallColumn .content-category-section {
  width: 278px;
}

.content-list-image {
  margin-right: 10px;
}

.content-list-image img {
  width: 50px;
}

.content-city {
  margin-left: 2px;
}

.memberLargeColumn .content-table {
  width: 572px;
}

.memberSmallColumn .content-table {
  width: 278px;
}

.memberMediumColumn .content-table {
  width: 392px;
}

.content-table td {
  font-size: 12px;
  padding: 10px 0;
  vertical-align: top;
  border-bottom: 1px solid #C0C0C0;
  color: #000000;
}

.content-more {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 5px;
}

.content-description,.content-summary {
  line-height: 18px;
}


/* -- Error pages --------------------------------------------------------------*/

.memberErrorColumn {
  margin: auto;
  width: 594px;
  float: none;
}

.memberErrorColumn #mastheadLogo{
  width: 188px;
  left: -20px;
  position: relative;
}

.memberErrorColumn .component span{
  float:left;
  font-size:20px;
  line-height:2;
  margin-top:38px;
  white-space:normal;
  width:372px;
}


/* -- Components/Panels --------------------------------------------------------------*/
.component {
  margin: 0px 0px 20px 0px;
  display: block;
  width: 100%;
  overflow: hidden;
}

.rich-panel {
  text-align: left;
  padding: 0px;
  border: none;
  background-color: transparent;
}

.rich-panel-header {
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;

}

.rich-panel-header-middle{
  width: 100%;
  padding: 0 0 5px;
  border-bottom: 1px solid #dfdfde;
  margin-bottom: 10px;
  color: #333;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}

.memberSmallColumn .rich-panel-header-middle,
.memberXSmallColumn .rich-panel-header-middle {
  font-size: 18px;
}

article .rich-panel-header-middle h1 {
  margin: 0 0 -6px 0;
  font-size: 40px;
  line-height: 1.25em;
  font-weight: 700;
  text-transform: none;
  border: none;
  overflow: hidden;
  background-color: #fff;
  padding-bottom: 15px;
}

article .rich-panel-header-middle {
  text-transform: none;
  border: none;
  margin: 0;
}

.rich-panel-header-controls{
  float: right;
}

.rich-panel-header-control{
  width: 16px;
  height: 16px;
  background: url('//images.military.com/script/base-guide/css/images/images/jquery-icons-ffffff.png');
  cursor: pointer;
}

.rich-panel-header-control-close{
  background-position: -96px -128px;
}


.rich-panel-body {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
  float: left;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.rich-panel-body-content {
  background-color: transparent;
  border: none;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.memberLargeColumn .rich-panel-body-content ul.bullet {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.memberSmallColumn .rich-panel-body-content ul.bullet,
.memberXSmallColumn .rich-panel-body-content ul.bullet {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.rich-panel-body-content ul.bullet{
  margin: 0;
  padding: 0;
  list-style: inside none disc;
  margin-bottom: -10px;
}

.rich-panel-body-content ul.bullet li{
  width: 100%;
  padding: 0 0 10px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style: none;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto Condensed',Roboto,helvetica,sans-serif;
}

.rich-panel-body-content ul.bullet li a{
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto Condensed',Roboto,helvetica,sans-serif;
}

.rich-panel-body-content ul.bullet li a.selected{
  font-weight: 600;
}


.rich-panel-body-content ul.bullet li:before{
  color: #9e1717;
  content: "\002022";
  font-family: serif;
  position: absolute;
  left: 0;
  top: .05em;
}

.memberXSmallColumn .rich-panel-body-content li.bullet{
  width: 126px;
}

.rich-panel-body-content p {
  margin-bottom: 10px;
}

.rich-panel-body-content h1,
.content-title,
.content-title a {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.4;
  font-family: 'Roboto Condensed';
  letter-spacing: .3px;
}

.content-title b {
  font-weight: 700;
  font-family: 'Roboto Condensed';
}

.memberSmallColumn .rich-panel-body-content h1,
.memberSmallColumn .content-title,
.memberSmallColumn .content-title a {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .35px;
}

.content-separator{
  margin: 0 4px;
}

.content-message{
  color: #666;
  font-size: 15px;
  font-style: italic;
}

.content-blurb,
.content-source,
.content-source-summary,
.content-date{
  color: #666;
  font-weight: 300;
  min-height: 0;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: .2px;
}

.memberMediumColumn .content-source-summary{
  display: block;
}

.content-blurb a, .content-source a, .content-source-summary a{
  text-decoration: underline;
}

.rich-table-subheader {
  background: none;
}

.rich-table-subheadercell{
  border-right: none;
  font-size: 12px;
  padding: 10px 0px;
  color: #0100CA;
  text-align: left;
}

.rich-panel-body-content .rich-table {
  border: none;
}

.rich-panel-body-content .rich-table-cell {
  border-right: none;
  padding: 10px 0px;
  border-bottom: 1px solid #dfdfde;
}

.rich-panel-body-content .rich-table-cell:empty {
  display: none;
}

.rich-panel-body-content .rich-table-row:last-child .rich-table-cell{
  border: none;
}

.rich-panel-body-footer {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.rich-panel-body-middle{
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.rich-panel-header-left{
  display: none;
}

.rich-panel-header-right{
  display: none;
}

.rich-panel-header-middle{
  background: none;
}

.rich-panel-body-left{
  display: none;
}

.rich-panel-body-right{
  display: none;
}

.rich-table-row td {
  vertical-align: top;
}

.rich-table-footer {
  background-color: transparent;
}

.rich-table-footercell {
  border: none;
  padding: 15px 0px 5px 0px;
  font-size: 15px;
}


/* -- Component Disabled ------------------------------------------------*/

.component-disabled .rich-panel-header-middle{
  color: #EFEFEF;
}

.component-disabled .rich-panel-body-content, .component-disabled .rich-panel-body-footer .rich-panel-body-middle{
  background-color: #EFEFEF;
}

.component-disabled .rich-panel-body-left{
  background: url("//images.military.com/script/base-guide/css/images/general/panel_footer_left_disabled.png") no-repeat;
}

.component-disabled .rich-panel-body-right{
  background: url("//images.military.com/script/base-guide/css/images/general/panel_footer_right_disabled.png") no-repeat;
}

.component-disabled textarea, .component-disabled input[type="text"],
.component-disabled input[type="password"], .component-disabled input[type="radio"],
.component-disabled input[type="checkbox"], .component-disabled select {
  color:#AFAFAF;
  background-color: #EFEFEF;
}

.component-disabled button[type="button"], .component-disabled button[type="reset"],
.component-disabled button[type="submit"], .component-disabled input[type="reset"],
.component-disabled input[type="submit"], .component-disabled input[type="button"] {
  color:#AFAFAF;
  background: url("//images.military.com/script/base-guide/css/images/general/button_background_disabled.png") repeat-x;
}



/* -- Rich Data Scroller ------------------------------------------------*/
.rich-dtascroller-table {
  border: none;
}

.rich-datascr-button {
  background-color: #ffffff !important;
  border: none !important;
  color: #00529b !important;
  padding: 0px 10px;
}

.rich-datascr-act,.rich-datascr-inact {
  border: none !important;
  color: #00529b;
  width: 16px;
  font-weight: normal;
}

.rich-datascr-act {
  font-weight: bold;
}

/* -- Form --------------------------------------------------------------*/
form label {
  font-weight: 400;
}

.form-row {
  width: 100%;
  padding: 15px 0px;
  overflow: hidden;
}

.memberSmallColumn .form-row {
  border-bottom: none;
  padding: 10px 0px 0px 0px;
}

.modal-panel .form-row {
  border:none;
  padding: 0px 0px 10px 0px;
}

.form-row div {
  float: left;
}

.form-label-col {
  font-weight: 600;
  text-align: left;
  white-space: normal;
  position: relative;
  width: 25%;
}

.form-field-col {
  width: 75%;
}

.form-field-col a{
  font-size: 12px;
}

.form-field-col input[type="button"]{
  padding: 5px 10px;
  font-size: 12px;
}

.form-field-col textarea,.form-field-col input[type="text"],.form-field-col input[type="password"]{
  width: 100%;
}

.form-field-col select {
  width: 100%;
}

.form-row .form-field-col-multiline-row {
  float: none;
  width: 100%;
  overflow: hidden;
  padding: 4px 0px;
}

.form-row .form-field-multiline-field {
  width: 75%;
  text-align: left;
  white-space: normal;
}

.form-row .form-field-multiline-label {
  width: 25%;
}

.form-field-multiline-label label{
  font-weight: 400;
  font-size: 13px;
}

.form-field-tip{
  font-size: 14px;
  background-color: #EDEEF0;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.form-field-tip a{
  font-size: 14px;
}

.form-field-tip div{
  clear: both;
}

.form-field-tip-title{
  font-weight: 600;
}

.form-buttons-cont{
  width: 100%;
}

.form-buttons table {
  margin: 0 auto;
}

.form-buttons-cont table td{
  padding: 10px 10px 0;
}

.form-buttons input {
  font-size: 16px;
  padding: 8px 20px;
}

.baseTitleSelectCont select{
  width: 76%;
}

.baseTitleSelectCont #regionalBaseCheckboxTest{
  font-size: 14px;
}

.modified-field{
  border: 2px solid yellow;
}

.deleted-field{
  border: 2px solid red;
  background-color: #D8D6D6;

}

.new-field{
  border: 2px solid blue;
}

/* -- Login ------------------------------------------------------------------------*/


.base-talk-viewtopic .add-comment .login-prompt-msg,
.basedir-comment-component .add-comment .activate-prompt-msg{
  margin-left: 10px;
  color: #000000;
  font-size: 17px;
}

.base-talk-viewtopic .login-prompt-msg a,
.basedir-comment-component .activate-prompt-msg a {
  text-decoration: underline;
}

.base-talk-topic-header-rating .activate-prompt-msg{
  float:left;
  width:132px;
}

.base-talk-topic-header-rating-disabled .thumbup-icon, .base-talk-topic-header-rating-disabled input.thumbup-icon{
  cursor: default;
}

.base-talk-edit-topic .login-prompt-msg{
  font-size: 13px;
}

.base-dir-add-contact-component .activate-prompt-msg,
.base-talk-start-topic-component .activate-prompt-msg{
  float: right;
  width: 184px;
}

.base-dir-add-contact-component a,
.base-talk-start-topic-component a{
  text-decoration: underline;
}

.base-talk-viewtopic .followingTopicButton{
  width: 117px;
}

#contactComments{
  overflow: hidden;
}

#addComment {
  position: relative;
  padding-top: 47px;
}

.addCommentMessageCont{
  display: block;
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}

.addCommentConfirmation{
  display: none;
  background-color: #CFD0FF;
  border: 1px solid #0000CE;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 10px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/* -- Search Listings --------------------------------------------------------------*/

.search-section{
  margin:0 0 2px;
  width:auto;
}

input.search-box{
  width:351px;
  height:36px;
}

input.search-button{
  height:35px;
  position:relative;
  font-size:16px;
  float:right;
}

.search-panel input,.search-panel select {
  margin-right: 10px;
}

.search-panel label {
  font-weight: bold;
  margin-right: 5px;
}

.search-results-label{
  font-size: 18px;
  margin-bottom: 25px;
}

.search-results-label span{
  font-weight: bold;
}

.search-keyword-highlight{
  font-weight: bold;
}

.content-source .search-keyword-highlight{
  color: #5F5F5F;
}

.base-search-results {
  width: 100%;
  border: 1px solid #dfdfde;
  padding: 20px 60px;
  background-color: #f5f8fa;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.base-search-results .rich-panel-header-middle{
  border: none;
  text-transform: none;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}

.memberLargeColumn .base-search-results input.search-button{
  padding: 0 25px;
}

.base-search-results .content-section-header{
  padding-bottom: 3px;
}

.base-search-results .content-section-header label{
  font-size: 15px;
}


.contact-results-pane{
  width: 594px;
  padding-bottom: 10px;
}

.pages-results, .contact-results, .base-talk-results {
  float: left;
  width: 100%;
}
.pages-results, .contact-results{
  margin-bottom: 20px;
}

.contact-results .search-listing-title{
  font-size: 14px;
}

.contact-results .contact-results-pane .google-map-div{
  width: 100%;
  height: 286px;
}

.base-talk-results{
  width: 100%;
}

.base-talk-results .content-section-header{
  margin-bottom: 0px;
}


.directory-search {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfde;
}

.basedir-location-component .content-section{
  clear:left;
}

.update-box {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 117px;
}

.update-box span {
  font-size: 15px;
  margin-bottom: 5px;
  display: inline-block;
}

.update-box span a {
  text-decoration: underline;
}

.update-box #topic_rating{
  float: right;
}

.update-box span..base-talk-topic-subscribe-tip{
  float: right;
  margin-top: 5px;
  cursor: help;
}

.update-box input {
  padding: 6px;
  font-size: 13px;
}

#basedir-rate-panel .rich-panel-body-content table.rateFacilityTable td {
  height: 23px;
  vertical-align: middle;
}

#basedir-rate-panel .rich-panel-body-content span {
  font-size: 17px;
  height: 23px;
}

#basedir-rate-panel .rich-panel-body-content span a{
  text-decoration: underline;
}

.search-listing {
  margin-bottom: 20px;
  width: 100%;
}

.search-listing div {
  margin-bottom: 3px;
  font-size: 15px;
}

.search-listing .search-listing-title a{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.search-listing-contact {
}

.search-listing-description {
  color: #5F5F5F;
}

.search-results-list {
  margin: 0px 0px 0px 25px;
}


.promotional-results-list {
  margin: 0px 0px 0px 25px;
}

.search-results-list li, .promotional-results-list li{
  background-position:left top;
  background-repeat:no-repeat;
  list-style:none outside none;
  position:relative;
  padding-left: 30px;
  left: -25px;
}

.memberSmallColumn .promotional-results-list li{
  padding-left: 34px;
}

.memberSmallColumn .promotional-results-list li a{
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .35px;
  text-decoration: none;
}

#contacts-component{
  margin-top: -10px;
}

.important-contacts-list {
  float: left;
  margin: 0px 0px 0px 25px;
}

.important-contacts-list li{
  background-position: 0px 7px;
  background-repeat:no-repeat;
  left:-25px;
  list-style:none outside none;
  padding: 10px 0px 10px 30px;
  position:relative;
  float:left;
  clear:both;
  border-bottom: 1px solid #dfdfde;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.important-contacts-list li:last-child{
  border-bottom: none;
}

.important-contacts-list li a{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.4;
  font-family: 'Roboto Condensed';
  letter-spacing: .3px;
}

.memberSmallColumn .important-contacts-list li a{
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .35px;
}

.important-contacts-phone-list{
  float: left;
}

.important-contacts-phone-list td{
  padding-top: 5px;
  border: none !important;
  padding: 0px !important;
  color: #666;
}

.important-contacts-list-more{
  display: block;
  margin-top: 10px;
  float: left;
}

.important-contacts-list-no-map{
  width: 100%;
}

.important-contacts-list-no-map li{
  padding: 10px 0;
}

/* -- Advertisements --------------------------------------------------------------*/
#content .advertisement {
  margin: 0px 0px 20px 0px;
  display: block;
}

/* -- Overview --------------------------------------------------------------*/
.overview-component img {
  float: left;
  margin: 0px 10px 0px 0px;
  width: 220px;
}

.overview-component a{
  text-decoration: underline;
}


/* -- News --------------------------------------------------------------*/
.news-component table.rich-table{
  width: 100%;
}

.news-component .rich-panel-header-middle{
  margin-bottom: 0;
}

/* -- Google Map --------------------------------------------------------------*/
.memberSmallColumn .google-map-div {
  width: 100%;
  height: 278px;
}

.memberLargeColumn .google-map-div {
  width: 100%;
  height: 572px;
}

.all-basesloc-map{
  height: 450px;
  width: 100%;
  margin-bottom: 25px;
}
/* fix chrome slidebar issue, override google style */
#contactWorldMap .gm-style-iw div{overflow: hidden !important;}

/* -- Events --------------------------------------------------------------*/
.event-component .content-section-header {
  margin-bottom: 0px;
  margin-top: 5px;
  border-bottom: none;
}

.event-component .content-table td,.search-results .content-table td {
  border-bottom: none;
  border-top: 1px solid #C0C0C0;
}

.search-results .content-section-header {
  border: none;
  margin-bottom: 0px;
  margin-top: 20px;
}

.event-search .search-section{
  width: auto;
  margin: 0 0 2px;
}

.search-results .rich-table-cell {
  padding: 0px;
}

.search-results .content-source, .search-results .content-date{
  font-weight: normal;
}

.event-component .content-date {
  color: #7F7F7F;
  font-weight: normal;
}

.event-component .content-source {
  font-weight: normal;
}

.event-info-images img {
  margin-bottom: 10px;
  width: 179px;
}

.event-info-images,.event-info-thumbnail {
  width: 190px;
  float: left;
}

.event-info-thumbnail img {
  width: 53px;
  float: left;
  margin: 0px 10px 0px 0px;
}

.event-info-details,.event-info-details div {
  width: 382px;
  float: left;
}

.event-info-details div {
  margin-bottom: 5px;
  white-space: normal;
}

.event-info-details .content-title {
  font-size: 20px;
  color: #000000;
  line-height: 20px;
}

.event-info-details .content-summary,.event-info-details .content-description
{
  margin: 10px 0px 15px;
}

.search-results .rich-table-cell {
  border: none;
}

#eventDescription {
  display: none;
}

.event-website-url {
  background: url('//images.military.com/script/base-guide/css/images/general/ico_url.png') no-repeat;
  padding-left: 15px;
}

.event-info-details label {
  font-weight: bold;
  margin-right: 3px;
}

.event-info-categories a {
  margin-left: 2px;
}

.event-info-tickets {
  margin-top: 10px;
}

.event-browse label {
  border-bottom: 1px solid #C0C0C0;
  color: #5F5F5F;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 2px;
  width: 138px;
}

.event-browse li {
  padding: 0px 0px 2px;
  font-size: 14px;
}

.event-search-results .rich-table {
  margin-top: -20px;
  background-color: transparent;
}

.venue-search-results .rich-table {
  margin-top: 0px;
  background-color: transparent;
}

.events-sponsored{
  color: #7F7F7F;
  font-size: 10px;
}

/* -- Tooltip --------------------------------------------------------------*/
#btooltip {
  position: absolute;
  background: url() #ffffcc;
  border: 1px solid #babfc3;
  padding: 5px;
  display: none;
}

.aligntotop {
  vertical-align: top;
}

/* -- Yelp search ----------------------------------------------------------*/
.yelp-search-section {
  margin: 0px auto 10px auto;
  width: 424px;
  height: 120px;
}

.yelp-search-section .content-section {
  width: 424px;
}

.yelp-search-section .form-field-col {
  width: 424px;
}

.yelp-search-section input {
  height: 29px;
  font-weight: bold;
  font-size: 16px;
}

.yelp-search-section .search-box {
  width: 340px;
}

.yelp-search-section input[type="button"] {
  height: 35px;
}

.yelp-search-section .yelp-keyword-input {
  width: 415px;
}

.yelp-search-section .yelp-location-input {
  width: 340px;
}

.yelp-search-section .yelp-search-buttton {
  float: right;
}

.yelp-search-section label {
  color: #666666;
}

.yelp-browse-section {
  width: 572px;
}

.memberLargeColumn .yelp-filter-section table {
  width: 572px;
}

.yelp-categories-table, .yelp-filter-table{
  width: 100%;
}

.yelp-categories-table td, .yelp-filter-table td{
  width: 33.3%;
  text-align: left;
}

.yelp-filter-section-title {
  color: #FFBD05;
  font-weight: bold;
}

.yelp-filter-section td {
  width: 33%;
}

.yelp-filter-section li {
  margin: 2px 0px;
}

.yelp-neighbours-list li{
  clear:both;
  display:block;
  float:left;
  width: 100%;
}

.yelp-neighbours-list input{
  display: block;
  float: left;
}

.yelp-neighbours-list label{
  clear: right;
  margin-top: 2px;
  display: block;
}



#yelp-component li.selected {
  list-style: inside url("//images.military.com/script/base-guide/css/images/general/li-double-lt.png");
}

#yelp-component li.selected a,#yelp-component li.selected span {
  color: #000000;
  font-weight: bold;
  margin-left: -10px;
}

.yelp-result {
  border-top: 1px solid #D7D7D7;
  margin-top: 10px;
  padding-top: 10px;
  float: left;
}

.yelp-result-top {
  clear: both;
  float: left;
  margin-bottom: 5px;
}

.memberLargeColumn .yelp-result-top {
  width: 572px;
}

.yelp-result-top-left {
  float: left;
}

.yelp-result-top-right {
  float: right;
}

.yelp-result-bottom {
  clear: both;
  float: left;
}

.yelp-result-title {
  font-size: 16px;
  font-weight: normal;
}

.yelp-result-title a {
  background: no-repeat scroll 0 0 transparent;
  padding-left: 28px;
  padding-top: 2px;
  height: 34px;
  display: block;
}

.yelp-result-category {
  font-size: 11px;
  margin-top: 2px;
}

.yelp-result-rating {
  margin-right: 10px;
}

.yelp-result-rating a {
  font-size: 10px;
  vertical-align: top;
  margin-left: 2px;
}

.yelp-result-address {
  color: #5F5F5F;
  margin-top: -2px;
}

.yelp-result-user-pic {
  float: left;
  margin: 2px 5px 0px 0px;
}

.yelp-result-user-pic img {
  border: 1px solid #999999;
  padding: 2px;
  width: 20px;
}

.memberLargeColumn .yelp-result-user-review {
  width: 541px;
  float: left;
  font-size: 11px;
}

.yelp-more-link {
  float: left;
  margin-top: 15px;
  font-size: 15px;
}

.yelp-more-link a {
  font-weight: bold;
}

div.autocomplete {
  margin: 0px;
  padding: 0px;
  width: 250px;
  background: #fff;
  border: 1px solid #888;
  position: absolute;
}

div.autocomplete ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

div.autocomplete ul li.selected {
  background-color: #BED6F8;
}

div.autocomplete ul li {
  margin: 0;
  padding: 3px;
  padding-left: 10px;
  height: 16px;
  display: block;
  list-style-type: none;
  cursor: pointer;
}

/* -- Yelp marker info box -------------------------------------------------*/
.marker {
  font-size: 11px;
}

.marker .businessimage {
  float: left;
}

.marker .businessinfo {
  margin-left: 110px;
  height: 130px;
}

.marker .businessinfo a {
  margin-bottom: 0px;
}

.marker .ratingsimage {
  vertical-align: middle;
  margin-top: 0px;
}

/* -- External info window -------------------------------------------------*/
.external_info_window {
  width: 286px;
  height: 162px;
  position: absolute;
}

.google-map-div {
  overflow: hidden;
}

.external-gmnoprint {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 286px;
  height: 162px;
}

.external-gmnoprint .info_window {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 254px;
  height: 130px;
  z-index: 10;
}

.marker {

}

.left_top_corner {
  width: 25px;
  height: 25px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
}

.left_top_corner img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 690px;
  height: 786px;
  -moz-user-select: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.right_top_corner {
  width: 25px;
  height: 25px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 261px;
  top: 0px;
}

.right_top_corner img {
  position: absolute;
  left: -665px;
  top: 0px;
  width: 690px;
  height: 786px;
  -moz-user-select: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.corner_bottom {
  width: 97px;
  height: 96px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 94px;
  top: 137px;
}

.corner_bottom img {
  position: absolute;
  left: 0px;
  top: -691px;
  width: 690px;
  height: 786px;
  -moz-user-select: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.left_bottom_corner {
  width: 25px;
  height: 25px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 137px;
}

.left_bottom_corner img {
  position: absolute;
  left: 0px;
  top: -665px;
  width: 690px;
  height: 786px;
  -moz-user-select: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.right_bottom_corner {
  width: 25px;
  height: 25px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 261px;
  top: 137px;
}

.right_bottom_corner img {
  position: absolute;
  left: -665px;
  top: -665px;
  width: 690px;
  height: 786px;
  -moz-user-select: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.top_border {
  position: absolute;
  left: 25px;
  top: 0px;
  width: 236px;
  height: 25px;
  background-color: white;
  border-top: 1px solid rgb(171, 171, 171);
}

.right_border {
  position: absolute;
  left: 0px;
  top: 25px;
  width: 284px;
  height: 112px;
  background-color: white;
  border-left: 1px solid rgb(171, 171, 171);
  border-right: 1px solid rgb(171, 171, 171);
}

.bottom_border {
  position: absolute;
  left: 25px;
  top: 137px;
  width: 236px;
  height: 24px;
  background-color: white;
  border-bottom: 1px solid rgb(171, 171, 171);
}

.weather-column {
  text-align: center;
  border: none;
  vertical-align: top;
}

.weather-container{
  cursor: pointer;
}

.weather-current-temperature {
  font-size: 20px;
  padding: 0px 10px 0px 10px;
  width: 50px;
  vertical-align: top;
  height: 64px;
}

.weather-current-temperature div {
  margin-top: 20px;
}

.weather-current-details {
  vertical-align: top;
  width: 140px;
  height: 64px;
}

.weather-current-details div {
  margin-top: 15px;
}

.weather-forecast-table {
  margin-left: 10px;
  vertical-align: top;
  width: 250px;
}

.weather-location {
  font-size: 14px;
  color: blue;
  font-weight: bold;
}

.weather-current-image {
  width: 64px;
  height: 64px;
  text-align: center;
  vertical-align: middle;
}

.weather-quickflip-wrapper {
  width: 64px;
  height: 64px;
}

.weather-quickflip-wrapper div {
  width: 64px;
  height: 64px;
}

.weather-radio-buttons tr td label {
  font-weight: normal;
}

.yelpCategoriesPanel {
  width: 100%;
  padding-top: 10px;
  float: left;
  padding-bottom: 10px;
}

.yelpFilterPanel {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}

#expandCategoriesBlock {
  border-bottom: 1px solid gray;
  display: none;
}

#collapseCategoriesBlock {
  border-bottom: 1px solid gray;
}

.floatRightBlock {
  float: right;
}

.hiddenElement {
  display: none;
}

.categoryMessageBlock {
  width: 100%;
  margin-top: 5px;
}

.categoryColumn {
  padding-left: 5px;
}

#yelp-expand-search-filter {
  border-bottom: 1px solid gray;
  display: none;
}

#yelp-disabled-collapse-filter,#yelp-disabled-expand-filter {
  display: none;
}

#yelp-collapse-search-filter {
  border-bottom: 1px solid gray;
}

#yelp-search-filter-block {
  padding-top: 5px;
}

#yelp-distance {
  padding-right: 250px;
  width: 100%;
}

#yelp-neighbours-list {
  width: 200px;
  height: 80px;
}

.suggestion {
  background-color: white;
}

.view-more-button {
  margin-bottom: 20px;
  margin-top: 15px;
}

.base-directory-list {
  margin-left: 20px;
  list-style-type: upper-alpha;
}




/* -- Base Talk -------------------------------------------- */
.base-talk-overview-component .rich-panel-header-middle{
  margin-bottom: 0;
}

.base-talk-overview-component table.base-talk-search-results tfoot td{
  padding: 0px;
}

.base-talk-catogories .content-section-header label{
  font-size: 13px;
}

.base-talk-catogories table{
  width: 572px;
}

.base-talk-catogories td{
  width: 33%;
}

.base-talk-search-results-component .base-talk-search-results,
.base-talk-overview-component .base-talk-search-results{
  width:100%;
}

.base-talk-search-results-component{
  margin-top: -10px;
}

.base-talk-search-results tbody td{
  padding: 8px 0px;
  border-bottom:1px solid #C0C0C0;
  vertical-align: top;
}

.base-talk-search-results tfoot table td{
  padding: 0;
}

.base-talk-search-results .content-source{
  margin: 0px;
}

.base-talk-search-results .thumbup-icon{
  padding-left: 14px;
  float: right;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  clear:none;
}

.base-talk-search-results-component ..rich-panel-header-middle{
  margin: 0;
}

.base-talk-comment-count{
  float: right;
  font-weight: 300;
  color: #666;
  min-height: 0;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: .2px;
  font-style: italic;
  display: block;
  margin-top: 2px;
}

.memberSmallColumn .base-talk-comment-count{
  display: none;
}

.base-talk-topic-header-top{
  width: 110px;
}

.base-talk-topic-header-top-left{
  width: 477px;
  padding-right: 10px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.base-talk-topic-header-top-right{
  width: 117px;
  float: right;
}

.base-talk-topic-header-bottom{
  width: 100%;
  margin: 10px 0;
  float: left;
}

.base-talk-topic-header-bottom .content-source{
  margin-bottom: 10px;
}

.base-talk-topic-header-rating{
  float: right;
}

.base-talk-topic-top-links span{
  float:right;
  padding-left: 14px;
  margin-left: 14px;
  font-size: 11px;
}


.base-talk-topic-top-links .send-icon{
  padding-left: 18px;
}

.base-talk-viewtopic-title{
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
  white-space: normal;
}

.base-talk-topic-header-top .base-talk-viewtopic-title{
  width: 354px;
}

.base-talk-viewtopic .thumbup-section{
  float: right;
  margin-top: 10px;
}

.base-talk-viewtopic .thumbup-icon{
  font-size: 11px;
  font-weight: normal;
  float: left;
  margin-right: 5px;
  padding: 0;
  margin-top: 2px;
}

.base-talk-viewtopic .thumbup-desc{
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  margin: 2px 0px 0px 2px;
}

.base-talk-viewtopic-desc{
  float:left;
  width: 100%;
  margin: 10px 0;
}

.base-talk-viewtopic-author-thumb{
  width: 50px;
  float: left;
  margin: 2px 10px 0px 0px;
}

.base-talk-viewtopic-author-thumb img{
  border: 1px solid #C0C0C0;
}

.base-talk-text {
  width: 407px;
  float: left;
}

.base-talk-telephone-primary{
  float: left;
}

.base-talk-telephone-primary input[type=radio]{
  visibility: hidden;  /*JSF hack */
}


.base-talk-telephone-delete{
  float:right;
  margin-top: 5px;
}

.base-talk-edit-topic{
  margin-bottom:10px;
  float: left;
  font-size: 13px;
}



/* -- Base Directory  ---------------------------------------- */

.base-dir-location-base-title{
  top: -1px;
  position: relative;
  padding-right: 10px;
  font-style: italic;
}

.base-dir-location-base-title.off-base, .off-base{
  color: #6F6F6F;
}


/* -- Comments (base-directory & base-talk) ------------------ */
.comment-box{
  border: 1px solid #dfdfde !important;
  border-bottom: none;
  width: 100%;
}

.comment-box img{
  width: 50px;
  height: 50px;
  border: none;
}

.comment-box p{
  font-size: 14px;
}

.comment-box td.rich-table-cell {
  vertical-align: top;
  border-bottom: 1px solid #dfdfde;
  padding: 10px 0 10px 10px;
  position: relative;
}

.comment-box td.rich-table-cell:last-child {
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.comment-box tr:nth-child(even){
  background-color: #fafafa;
}

.comment-box .content-source{
  width:100%;
}

.comment-box .content-source span{
  font-size: 11px;
  float: right;
}

.comment-box .content-source a{
  font-size: 14px;
  font-weight: 600;
}

.add-comment-title, .base-talk-viewtopic-comment-title{
  font-size: 15px;
  width: 100%;
  margin-bottom: 5px;
  white-space: normal;
  float: left;
}

.add-comment input[type="button"]{
  padding: 10px;
  font-size: 13px;
}

.comment-title{
  float: left;
  white-space: nowrap;
  font-weight: 400;
}

.comment-date{
  color: #4f4f4f;
}

.add-comment textarea{
  height:50px;
  margin-bottom:10px;
}

.comment-count{
  float: right;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
}

.comment-count span{
  font-weight: 600;
  margin-left: 5px;
}

.comment-links-wrapper {
  height: 15px;
  padding-top: 10px;
}

.comment-links{
  height: 15px;
}

.comment-links{
  font-size: 11px;
  display: none;
}

.comment-links form{
  display: inline;
}

.comment-edit{
  display: none;
  margin-top: 10px;
}

.comment-edit textarea{
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.comment-edit input[type="button"]{
  padding: 5px;
}



/* -- Base Manager  ---------------------------------------- */
.base-manager-listing{
  width: 100%;
}

.base-manager-listing .base-manager-header{
  font-weight: bold;
  font-size: 14px;
}

.base-manager-listing .col1 .base-manager-header{
  left: -10px;
  position: relative;
}

.base-manager-listing td{
  padding: 8px 0px 8px 10px;
}

.base-manager-listing tr{
  border-bottom:1px solid #C0C0C0;
}

.base-manager-listing td.col2{
  text-align: right;
}

.base-manager-listing tfoot tr{
  border: none;
}

.base-manager-listing .content-title, .base-manager-listing .content-title a{
  margin: 0px;
}

.base-manager-delete-link {
  font-size: 10px;
  padding-left: 10px;
  display: none;
  margin: 0px;
}

.base-manager-delete-link a{
  font-size: 10px;
  margin: 0px;
}




/* -- Modal Panel -------------------------------------------- */
.rich-mpnl-mask-div{
  background-color: #000000;
  opacity:0.3;
}

.modal-panel {
  margin: 0px;
  float: left;
  display: block;
  min-width: 300px;
}

.edit-base-properties-modal {
  min-width: 400px;
  height: 600px;
  overflow: scroll !important;
}

.modal-panel .form-buttons{
  margin: 0 auto;
  padding: 10px 0px;
  float: none;
  text-align: center;
}

.modal-panel .form-buttons-cont{
  width: 100%;
}

.modal-panel .form-buttons table{
  margin: 0 auto;
}

.modal-panel .form-buttons input{
  float: left;
  clear: none;
}

.rich-mpnl-body{
  padding: 0px;
}

.rich-mpnl-content{
  background-color: transparent;
  border: none;
  padding: 0;
}

.rich-mpnl-shadow {
  background-color:transparent;
}

.rich-mpnl-panel .rich-panel-header-middle {
  background-color: #00529b;
  border: none;
  color: #fff;
  font-weight: 400;
  text-transform: none;
  padding: 5px 10px;
  width: auto;
  margin: 0;
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.rich-mpnl-panel .rich-panel-body{
  background-color: #fff;
}

.rich-mpnl-panel .rich-panel-body-content{
  padding: 10px;
}




/* -- contact-moderation-component ------------- */

.base-moderation-component .rich-table-cell{
  width: 20%;
  padding: 5px 5px;
}

.base-moderation-component .rich-table-subheadercell{
  padding: 5px 0px;
}

.contact-moderation-overview-component .form-field-col{
  position:relative;
  top:3px;
}

.contact-moderation-compare-component .form-field-multiline-field textarea,
.contact-moderation-compare-component .form-field-multiline-field input[type="text"],
.contact-moderation-compare-component .form-field-multiline-field input[type="password"]{
  width: 207px;
}

.contact-moderation-compare-component .form-field-multiline-field select{
  width: 215px;
}

.contact-moderation-compare-component .form-field-col-multiline-row{
  width: 320px;
}

.contact-moderation-compare-component .form-field-multiline-field{
  width: 216px;
}

.contact-moderation-buttons .form-buttons{
  margin: 0 auto;
  width: 237px;
  float: none;
  padding: 0px;
}

.contact-moderation-version-options label{
  font-weight: normal;
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.contact-moderation-version-options input[type=radio]{
  margin: 0px;
}

.contact-moderation-buttons{
  float: left;
  width: 100%;
}

.contact-moderation-overview-rows{
  float:left;
  position:relative;
  top:-10px;
}

/* -- Edit Navigation -------------------------------------- */

.nav-edit-component .not-configurable{
  font-style: italic;
  color: #8f8f8f;
}

.nav-edit-component .content-section{
  width: 894px;
  padding: 0 0 20px;
}

.nav-edit-component .row{float: left;}
.nav-edit-component .row div{float: left;}

.nav-edit-component .col1{width: 80px; text-align: center; padding: 0px 0px 3px;}
.nav-edit-component .col2{width: 200px; padding: 0px 0px 3px;}
.nav-edit-component .col3{width: 594px; padding: 0px 0px 3px;}

.nav-edit-component .col2 input{width: 180px;}

.nav-edit-component .col3 input{width: 500px;}

.nav-edit-component .subheading{font-style: italic;width: 874px; font-weight: normal; margin: 5px 0px 2px 30px;}

.nav-edit-component .form-buttons{
  margin: 0 auto;
  width: 132px;
  float: none;
}


/* -- Custom Model Panels - Component Editor ---------------- */
.component-editor-modal{
  width: 440px;
}

.component-editor-modal .rich-panel-header-middle,
.component-editor-modal .rich-panel-body-middle{
  width: 420px;
}

.component-editor-modal .rich-panel-body-content{
  width: 418px;
}

.component-editor-modal .modal-table{
  width: 418px;
}

.component-editor-modal .rich-ordering-list-table-header-cell,
.component-editor-modal .rich-ordering-list-table-header-cell-last {
  background-image: none;
  background-color: transparent;
  border: none;
  text-align: left;
}

.component-editor-modal .rich-ordering-list-table-header-cell div,
.component-editor-modal .rich-ordering-list-table-header-cell-last div {
  color:#5F5F5F;
  font-size:13px;
  font-weight:bold;
  padding-bottom: 3px;
}

.component-editor-modal .rich-ordering-list-output{
  border: none;
}

.component-editor-modal .rich-ordering-list-content{
  border: 1px solid #C0C0C0;
}

.component-editor-modal .buttons-add-remove{
  position:relative;
  top:94px;
}

.component-editor-modal .buttons-save-cancel{
  left:135px;
  position:relative;
}

.component-editor-modal .buttons-save-cancel input{
  margin-right: 3px;
}

.component-editor-modal .buttons-add-remove input{
  margin-bottom: 3px;
}

.component-editor-modal .rich-ordering-list-row-selected  {
  background-color:#DFDFDF;
}

.component-editor-modal .rich-ordering-list-button,
.component-editor-modal .rich-ordering-list-button-disabled{
  background:url("//images.military.com/script/base-guide/css/images/general/button_background.png") repeat-x scroll center center transparent;
  border:1px solid #999999;
  font-weight:bold;
  padding:2px 5px 1px;
}

.component-editor-modal .rich-ordering-control-top,
.component-editor-modal .rich-ordering-control-up,
.component-editor-modal .rich-ordering-control-down,
.component-editor-modal .rich-ordering-control-bottom,
.component-editor-modal .rich-ordering-control-disabled{
  border: none;
}

.component-editor-modal .rich-ordering-list-button-disabled{
  color: #5F5F5F;
}

.component-editor-modal .rich-ordering-list-button-layout img{
  display: none;
}

.button-green{
  background-image: url("/script/base-guide/css/images/general/button_background_green.png") !important;
}

.button-red{
  background-image: url("/script/base-guide/css/images/general/button_background_red.png") !important;
}

/* My Membership */
#selectServiceWrapper h2{
  padding: 0 0 5px;
  border-bottom: 1px solid #dfdfde;
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}

/** -- Add This Sharing -- **/
.addthis_toolbox {
  width: 100%;
  margin-bottom: 15px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

.addthis_toolbox a {
  display: block;
  margin: 0 10px;
  height: 32px;
}

.addthis_toolbox a:first-child {
  margin-left: 0;
}

.addthis_toolbox a img{
  display: inline-block;
}

.addthis_toolbox div.atclear{
  display: none;
}

/* ********************************************** */
/* IMAGE STYLES */
/* ********************************************** */
.image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
  overflow-wrap: normal;
  background-color: #fafafa;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.image-wrapper:before {
  position: absolute;
  content: 'photo_size_select_actual';
  font-family: 'Material Icons';
  width: 40px;
  top: 50%;
  left: 50%;
  color: #ededed;
  height: 40px;
  font-size: 40px;
  ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image-wrapper img {
  width: 101%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image-wrapper img.wide-ratio {
  width: auto;
  height: 100%;
}

/* DESKTOP FEATURED ADS */
.ad-desktop-featured {
  clear: both;
  margin-bottom: 10px;
}
.ad-desktop-featured .ad-content {
  display: table;
}
.ad-desktop-featured .ad-thumbnail {
  margin-right: 12px;
}
.ad-desktop-featured .ad-thumbnail .image-wrapper {
  width: 100px;
  height: 76px;
  border: 1px solid #dfdfde !important;
  background-color: #fff;
}
.ad-desktop-featured .ad-blurb {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.ad-desktop-featured .ad-blurb a:hover {
  text-decoration: none;
}
.ad-desktop-featured .ad-blurb .title {
  display: block;
  overflow: hidden;
  height: 16px;
  margin-bottom: 2px;
  font-family: "Roboto Condensed", Roboto, helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.35px;
  overflow-wrap: break-word;
}
.ad-desktop-featured .ad-blurb .desc {
  display: block;
  font-family: Roboto, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px !important;
  color: #858585;
}
.ad-desktop-featured .ad-blurb .desc::before {
  content: "Ad";
  position: relative;
  top: -1px;
  padding: 0px 2px;
  margin-right: 5px;
  border: 1px solid #858585;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 10px;
  color: #858585;
}
.ad-desktop-featured .ad-impression-pixel {
  display: none;
}

/* IF IN-BODY */
article .ad-desktop-featured {
  position: relative;
  width: 600px;
  margin: 10px 0 20px;
  padding: 0;
  border-top: 1px solid #dfdfde !important;
  border-bottom: 1px solid #dfdfde !important;
}
article .ad-desktop-featured::before {
  content: "Advertisement";
  position: absolute;
  top: -16px;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  line-height: 10px;
  color: #bcbcbc;
  letter-spacing: 0.5px;
}
article .ad-desktop-featured .ad-content {
  margin: 0 auto;
}
article .ad-desktop-featured .ad-thumbnail .image-wrapper {
  width: 100px;
  margin-bottom: 0 !important;
  border: none !important;
}
article .ad-desktop-featured .ad-thumbnail .image-wrapper img {
  width: 101% !important;
}
article .ad-desktop-featured .ad-blurb {
  width: auto;
}
article .ad-desktop-featured .ad-blurb .title {
  font-family: Roboto,helvetica,sans-serif;
  height: 18px;
  line-height: 18px;
  margin-bottom: 0;
}
article .ad-desktop-featured .ad-blurb .desc::before {
  content: none;
}

/* IF BRIGHTCOVE PAGE */
.brightcove .ad-desktop-featured {
  background-color: #000;
  padding: 14px 10px 14px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.brightcove .ad-desktop-featured .ad-thumbnail {
  margin-right: 12px;
  margin-left: 12px;
}
.brightcove .ad-desktop-featured .ad-thumbnail .image-wrapper {
  width: 80px;
  height: auto;
}
.brightcove .ad-desktop-featured .ad-blurb .title {
  font-size: 15px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
}
.brightcove .ad-desktop-featured .ad-blurb .desc {
  font-size: 10px;
  line-height: 14px !important;
  color: #fff;
}
.brightcove .ad-desktop-featured .ad-blurb .desc::before {
  top: 0px;
  color: #eee;
}

/* END DESKTOP FEATURED AD */

/*# sourceMappingURL=general.css.map */