/*=============================================================
                       CUSTOM RULES
==============================================================*/

body{height:auto;} /* to avoid vertical scroll bar */
body {
    color: #333333;
    font-family: Verdana, "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
}

body {
    font: 80% Verdana,Arial,Helvetica,sans-serif;
    background-color: White;
    color: Black;
    margin: 18;
    padding: 0;
}




#main a {
    /* color: #A626AA; */
    color: #0066A1;
    text-decoration: none;
}
#main a:hover {
    color: #FFFFFF !important;
    /* background-color: #A626AA; */
    background-color: #0066A1;
    text-decoration: none;
}

#header{margin-top:30px;}
/* #header{margin-top:60px;} */
.page-header {
   border-bottom: 0px solid #EEEEEE; 
/*    margin: 20px 0 30px; */
    margin: 20px 0 0px;
    padding-bottom: 0px;
}
.container { width: 95%; /* 1170px; */
   margin-left: 12px;
 /*   width: 1580px; */
}
.span12 { width: 100%; /* 1170px; */
/*    width: 1580px; */
}
.mastheader h1 {
  margin-bottom:9px;
  /* font-size:81px; */
  font-weight:bold;
  font-size:24px;
}
.mastheader small {
  font-size:20px;
  font-weight:300;
}

.web2py_counter {
    /* float: right; */
    margin-right: 2px;
    margin-top: 5px;
    text-align: right;
    width: 35%;
}

.main {
    /* padding: 20px 0 50px; */
    padding: 5px 0 50px; 
}


h1, h2, h3, h4, h5, h6 {
    font: 80% Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    /* background-color: transparent; */
    color: #148ba0; /* #007cba; */
    
}
h1, h2, h3 {
    line-height: 40px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.25em 0;
}

h1, h2 {
    border-bottom: 1px solid #148ba0; /* #006F6F; */
}
h1 {
    border-bottom: 2px solid #148ba0;
background-color: rgba(249,249,249,1);
}

h1 {    font-size: 160%;}
h2 {    font-size: 140%;}
h3 {    font-size: 120%;}
h4 {    font-size: 110%;}
h5 {    font-size: 100%;}


/* beautify web2py link in navbar */
span.highlighted{color:#d8d800;}
.open span.highlighted{color:#ffff00;}

/* migration BEGIN */

.nav-collapse {
     margin-top: 38px;
}
.navbar-default .navbar-inner {
    background-color: #ffffff; 
    background-image: None;
    background-repeat: repeat-x;
    border-color: #404040;
}

.navbar .brand {
    margin-left: 0px;
    padding: 0px 0px;
}

/* START OF Change the Navbar Colors/Font/Size */
/* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display:        inline;
font-size:      1.2em;
background-color: #148ba0; /* VB #403E43; */
border-left:  2px solid white;
}

/* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color:          #eeeeee;
text-shadow:    none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color:          white;
text-shadow:    none;
border-bottom: 2px solid #0066a1;
}
/* Adjust Menu colors - Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color:          #0066A1;
text-shadow:    none;
}

/* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */
.dropdown-menu > li > a {
color:          white;
background:     #148ba0; /* VB #403E43; */
border-bottom:  2px solid white;
}

/* Remove the Hover/Focus Colors  */
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
color:     #0066A1;  /* #5A5A5A; */
}
/* END OF Change the Navbar Colors/Font/Size */

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff; 
  text-decoration: none;
  background-color: #403E43;
  background-image: None;
  filter: None;
  border-left:  2px solid white;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: white; /*#403E43;*/
  background-image: None;
  outline: 0;
  filter: None;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a:hover
.dropdown-submenu:hover > a {
  color: #ffffff; 
  text-decoration: none;
  background-color: #0066A1;
}




/* migration END */

/*=============================================================
                       MEDIA QUERIES
==============================================================*/

@media only screen and (max-width:979px){
  body{padding-top:0px;}
  #navbar{top:5px;}
  div.flash{right:5px;}
  .dropdown-menu ul{visibility:visible;}
}
@media only screen and (max-width:479px){
  body{
    padding-left:10px;
    padding-right:10px;
  }
  .navbar-fixed-top,.navbar-fixed-bottom {
    margin-left:-10px;
    margin-right:-10px;
  }
  input[type="text"],input[type="password"],select{
    width:95%;
  }
}