@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
@import url(jquery-ui-1.10.3.custom.min.css);
@import url(font-awesome.css);

/* basics */
body {
  font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-color: #e7dbcd;
  color: black; }

*, ul, ol {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

p {
  margin-bottom: 1.75em; }

label {
  display: inline; }

a {
  text-decoration: none;
  color: #b4c835; }

a:hover {
  text-decoration: none;
  color: #6cc7dc; }

/* Utils */
ul.menu-inline > li {
  display: inline;
  list-style: none;
  padding: 5px; }
ul.menu-inline.menu-separator > li {
  border-left: #e7dbcd; }
  ul.menu-inline.menu-separator > li:first-child {
    border-left: none; }

/* for a simple list of items that looks a little less flat */
ul.striped-list li {
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
  list-style: none;
  padding: 5px;
  background-color: white; }
  ul.striped-list li:hover, ul.striped-list li.alt-row:hover {
    font-weight: bold;
    color: white;
    background: #555555; }
  ul.striped-list li:first-child {
    border-top: 1px solid #777777;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  ul.striped-list li:last-child {
    border-bottom: 1px solid #777777;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  ul.striped-list li:nth-child(2n + 1), ul.striped-list li.alt-row {
    background-color: #cccccc; }

/* Structure */
#wrapper {
  margin: 0 auto;
  margin-top: 0px;
  max-width: 960px;
  background-color: transparent;
  padding: 5px 0 0 0; }

#header {
  padding: 5px 0 0 20px;
  height: 60px;
  background-color: transparent;
  background-image: url(tab.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  /* need to have z index set here for inheritance purposes. */ }
  #header #branch-logo {
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    float: left;
    background-image: url(Marines-logo-300x300.jpg);
    background-size: 60px 60px; }
  #header #logo {
    width: 177px;
    height: 60px;
    border: 0px solid #FFFFFF;
    background-size: 177px 60px;
    background-image: url(tripsLogo.png);
    background-repeat: no-repeat;
    float: left; }
  #header #nav {
    float: right;
    width: 600px;
    height: 30px;
    text-align: right; }

#loginArea {
  border-radius: 6px;
  border-top-left-radius: 0px;
  width: 600px;
  text-align: right;
  margin-top: 0px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  /* IE hack */
  background-color: rgba(0, 0, 0, 0.1);
  color: #524a46;
  padding: 8px; }
  #loginArea #welcome {
    float: left; }

/* User links. */
a.user-menu, a.user-menu:link, a.user-menu:active, a.user-menu:visited {
  color: #524a46;
  text-decoration: none;
  padding: 10px 5px;
  margin: 8px 5px;
  float: none;
  transition: background-color 0.5s, color 0.5s;
  font-weight: bold; }

a.user-menu:hover {
  background-color: #524a46;
  color: #e7dbcd; }

/* For menu styling see: DNNMenu Styling */
#menu-holder {
  z-index: -1;
  width: 100%;
  height: 28px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  /* had some difficulties getting my skin to play nice with what is on shared dev. */
  margin-bottom: -10px;
  padding-top: 5px; }

#contentContainer {
  margin: 0 auto;
  max-width: 960px;
  background-color: white;
  position: relative;
  height: auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  z-index: 0; }
  #contentContainer #SingleColumnContainer {
    position: relative;
    padding-top: 15px;
    padding-left: 6px;
    padding-right: 6px; }
  #contentContainer #sidebar {
    position: relative;
    float: right;
    max-width: 225px;
    background-color: transparent;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px; }
  #contentContainer #content {
    position: relative;
    float: left;
    max-width: 705px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px; }

#footer {
  margin-top: 5px;
  clear: both;
  min-height: 60px;
  padding-left: 5px;
  padding-top: 5px;
  color: #524a46; }
  #footer a {
    color: #524a46; }
  #footer ul {
    display: inline-block;
    padding: 5px; }
  #footer #common-links {
    float: left; }
  #footer #quick-contacts {
    float: right;
    background-color: transparent;
    /* IE hack */
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    border-color: white;
    /* IE */
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px; }

/* Sidebar */
#sidebar-bottom {
  height: 20px; }

#footer {
  color: #524a46; }
  #footer a {
    color: #524a46; }

/*
#feed {
  height:25px;
  width:126px;
  margin:0 auto;
  padding-left:26px;
}
a.feed-button {
  display:block;
  width:100px;
  height:25px;
  text-decoration: none;
}
a:hover.feed-button {
  background-position:0 -25px;
}
*/
/**************************************************
* DNNMenu Styling
**************************************************/
#dnn_pnav {
  right: 0;
  bottom: 0;
  position: absolute;
  /* direct/top-level list items in top menu */
  /* all list items (including sub menus) */ }
  #dnn_pnav > li {
    padding: 5px 0;
    float: left;
    margin-right: 2px;
    /* styles specific to second-level (not third, if there is one) css */ }
    #dnn_pnav > li:first-child > a, #dnn_pnav > li:first-child > span {
      border-left: none; }
    #dnn_pnav > li > span {
      cursor: default; }
    #dnn_pnav > li > a, #dnn_pnav > li > span {
      display: block;
      padding: 0 10px;
      font-size: 14px;
      font-weight: bold;
      color: #524a46;
      text-decoration: none;
      border-left: 1px solid #CCCCCC; }
    #dnn_pnav > li:hover {
      background-color: #e7dbcd;
      /* show child menus when hovering */ }
      #dnn_pnav > li:hover + li a, #dnn_pnav > li:hover + li span {
        border-left-color: transparent; }
      #dnn_pnav > li:hover a, #dnn_pnav > li:hover span {
        color: #524a46; }
      #dnn_pnav > li:hover > ul {
        display: block; }
    #dnn_pnav > li ul {
      display: none;
      position: absolute;
      z-index: 2;
      width: 225px;
      padding: 0;
      background-color: #e7dbcd;
      border: 1px solid #cbcbcb;
      border-radius: 0px;
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
      -webkit-animation-duration: .25s;
      -webkit-animation-delay: .2s;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-duration: .25s;
      -moz-animation-delay: .2s;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: both;
      -ms-animation-duration: .25s;
      -ms-animation-delay: .2s;
      -ms-animation-timing-function: ease;
      -ms-animation-fill-mode: both;
      animation-duration: .25s;
      animation-delay: .2s;
      animation-timing-function: ease;
      animation-fill-mode: both; }
      #dnn_pnav > li ul a, #dnn_pnav > li ul span {
        display: block;
        padding: 3px 20px;
        color: #524a46;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        /* transition decleration */
        transition: all ease-in 100ms;
        -moz-transition: all ease-in 100ms;
        /* Firefox 4 */
        -webkit-transition: all ease-in 100ms;
        /* Safari and Chrome */
        -o-transition: all ease-in 100ms;
        /* Opera */
        -ms-transition: all ease-in 100ms;
        /* IE9? */ }
      #dnn_pnav > li ul span {
        cursor: default; }
      #dnn_pnav > li ul > li:hover a, #dnn_pnav > li ul a:hover {
        color: #e7dbcd;
        background-color: #524a46; }
    #dnn_pnav > li > ul {
      top: 30px;
      left: 0;
      padding: 15px 0; }
      #dnn_pnav > li > ul:after {
        position: absolute;
        top: -15px;
        left: 20px;
        content: '';
        width: 0px;
        height: 0px;
        border-left: 15px solid transparent;
        /* left arrow slant */
        border-right: 15px solid transparent;
        /* right arrow slant */
        border-bottom: 15px solid #cbcbcb;
        /* bottom, add background color here */
        font-size: 0px;
        line-height: 0px; }
  #dnn_pnav li {
    position: relative;
    list-style: none;
    margin: 0; }
    #dnn_pnav li ul {
      margin-left: 0; }
      #dnn_pnav li ul li ul {
        left: 225px;
        top: -8px;
        padding: 15px 5px;
        border-left: 1px solid #cbcbcb; }

::selection {
  background: #028bff;
  color: white; }

.dnnFormPopup {
  z-index: 1000; }

/********************************************
 * Pending Notifications Area
 *******************************************/
.pendingNotifications {
  background-color: transparent;
  background-image: url(PendingNotificationsSmallBackground.png);
  width: 265px;
  height: 136px;
  position: relative; }
  .pendingNotifications .content {
    text-align: center;
    padding-top: 25px;
    font-size: 12pt;
    color: #FFFFFF; }

.control-group.required-field .control-label:after {
  color: red;
  content: "*"; }

.ui-front {
  z-index: 1000; }

a.btn-primary:link, a.btn-primary:active, a.btn-primary:visited,
a.btn-info:link, a.btn-info:active, a.btn-info:visited,
a.btn-success:link, a.btn-success:active, a.btn-success:visited,
a.btn-warning:link, a.btn-warning:active, a.btn-warning:visited,
a.btn-danger:link, a.btn-danger:active, a.btn-danger:visited,
a.btn-inverse:link, a.btn-inverse:active, a.btn-inverse:visited {
  color: white; }