﻿a
{
    color:black;
}

.mrcms-content
{
    
        min-height:600px;
        
        padding-bottom:15px;

}

.mrcms-content h1
{
    font-family: Lato, Arial, serif; 
    font-weight: bold;
    margin-top:0;
    font-size: 20px;
    margin-bottom: 16px;
}

.mrcms-content h2 {
    font-size: 15px;
    font-weight:bold;
}

.mrcms-content a
{
    text-decoration:underline;
}

.mrcms-content table
{
    background-color: #ddd;
    	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
    margin-bottom: 10px;
}

.mrcms-content img.featured
{
    margin-left: 15px;
    margin-bottom: 15px;
    float:right;
    padding:15px;
    position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
}

  	
.mrcms-content img.featured:before, .mrcms-content img.featured:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.mrcms-content img.featured:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  



.mrcms-content table tr td
{
    padding:5px;
}

.btn, input, .navbar {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-top: 10px;
}

h2.not-registered {
    font-size: 36px;
}

.field-validation-error, .field-validation-error span {
    color: red;
}

.input-validation-error {
    border: 1px solid red!important;
}

nav {
    background-color: #868428;
    color: white;
    border: none;
    margin-bottom:0;
}

.navbar-brand img
{
     height: auto; width: 37px;
     margin-bottom:8px;
}

.navbar-brand 
{color:white;
 font-size:15px;
 font-weight:bold;
 font-family:'Times New Roman';
 font-style:italic;
 padding:5px;
 text-shadow:none;
}

.navbar-brand:hover
{
    color:white;
}

nav.navbar-mrcms .navbar-collapse
{
    padding-left:0;
}

.navbar-mrcms .container 
{
    padding-left:0;
}


    nav.navbar-mrcms ul li a {
        color: white;
    }

    nav.navbar-mrcms .dropdown-menu li
    {
        padding:9px;
    }

    nav.navbar-mrcms .nav > li > a:hover, nav.navbar-mrcms .nav > li > a:focus {
        background-color: #874756;
        color: white;
    }

    nav.navbar-mrcms ul li.active a
    {
        color:yellow;
    }

    nav.navbar-mrcms ul.dropdown-menu li a {
        color: black;
    }

    nav.navbar-mrcms .dropdown-menu 
    {
        background-color:white;
    }

    nav.navbar-mrcms .dropdown-menu > .active > a, 
    nav.navbar-mrcms .dropdown-menu > .active > a:hover, 
    nav.navbar-mrcms .dropdown-menu > .active > a:focus 
    {
        background-color:#874756;
        color:white;
    }

.mrcms-content > :first-child {
    margin-top: 0;
}

.navbar-toggle {
    background: white;
}

    .navbar-toggle .icon-bar {
        background: #868428;
    }


    footer
    {
    background-color: #868428;
    border: medium none;
    color: white;
    margin-top: 20px;
    padding:10px;
    }
     footer p
     {
         margin:0;
         float: left;
     }
     footer .links {
         float: right;
     }


    .topbar
    {
        background-color:white;
        padding-top: 2px;
        color: #868428;
    }
    .topbar strong {display:none}

    .ui-datepicker {
        border: none;
     
    }

    #datepicker .ui-state-hover, #datepicker2 .ui-state-hover {
        border: none;
        font-weight: normal;
        background: none;
    }
#datepicker .ui-state-highlight, #datepicker2 .ui-state-highlight {
    border: none;
    background: none;
}

#datepicker .ui-widget-header, #datepicker2 .ui-widget-header {
    background-image: none;
    background-color: #868428;
    border: none;
}

.ui-datepicker-calendar td a
{
    color:white;
}


@media (max-width: 768px) {

    .topbar img {
        display: none;
    }
    .topbar strong {
        display: block;
    }
    .nav
    {
        padding-left:16px;
    }
    #nav-links-right {
        position: absolute;
        top: 0;
        right: 70px;
    }

        #nav-links-right .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
        }

    #nav-links-right > li {
        float: left;
    }

    .navbar-nav {
        margin: 0;
    }

        .navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    #nav-links-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .open > .dropdown-menu {
        display: block;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-top: none;
    }

    #nav-links-right .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
    }
}

#nav-links-right .navbar-form { margin: 0;padding: 3px 10px;width: 220px;}

@media (max-width: 550px) {
    .mrcms-content img.featured {
        float: none;
        margin-left: 0;
    }
}



.AvailableId 
{ margin-top: 15px;}

.AvailableId span 
{ 
    padding:4px; 
    border:solid 1px #999; 
    display:inline-block;
    margin:6px;
}

.AvailableId a
{
    color:white;
}

.AvailableId .a0, td.a0
{
    background-color: #009900;
}

.a1, td.a1
{
    background-color: #00CC00;
}

.a2, td.a2
{
    background-color: orange;
}

.a3, td.a3
{
    background-color: #FF0000
}

.a4, td.a4
{
    background-color: #33CCCC
}




#photos {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
    padding-left: 5px;
    padding-bottom: 5px;
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}