*, html
{
    font-family: 'Roboto Slab', serif; 
    word-spacing: 1px;
}

#station_title
{
    font-weight: bold;
    font-size: 1.5em;
    color: #000;
}

#station_title_small
{
    font-weight: bold;
    font-size: 1.5em;
    color: #000;
    display: none;
}

table tr td
{
	border-bottom: 0px solid #fff;
}

label[for="id_condition"]
{
	font-weight:bold;
}

ul.sort_portlets
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#header
{
	height: 4.0em;
	width: 100%;
	border-bottom: 2px solid #000;
	font-size: 0.8em;
	margin-bottom: 0.2em;

	background: #c00;
	color: #fff;
}

div#header a
{
	color: #fff;
}

div#header table
{
	width: 100%;
}

div#header tr
{
	width: 100%;
}

div#header td
{
	width: 50%;
}

h1#mainhead
{
	margin-left: 7%;
	margin-right: 7%;
	font-size: 2.0em;
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: center;

}

div#content
{
	margin-left: 7%;
	margin-right: 7%;

	min-height: 20em;
}

div#footer
{
	margin-top: 2em; 
	border-top: 2px solid #000;
	border-bottom: 1px solid #555;

	height: 150px;
	width: 100%;
}

div#footer table
{
	width: 100%;
}

div#footer tr
{
	width: 100%;
}

div#footer td
{
	width: 50%;
}

h1
{
	font-size: 1.3em;
	margin-top: 0.5em;
    font-weight: bold;
}

h2
{
	font-size: 1.2em;
    font-weight: bold;
}

h3
{
	font-size: 1.0em;
}

li
{
	margin: 0.5em;
}

div#content td
{
	padding: 0.3em;
}

table#login td 
{
	font-size: 1.1em;
}

div.units-row ul
{
	margin-left: 1em;
}

.incomplete
{
	border: 2px solid #f88;
	background: #fdd;
	font-size: 0.75em;
	padding: 2px;
}

.complete
{
	border: 2px solid #8f8;
	background: #dfd;
	font-size: 0.75em;
	padding: 2px;
}

/*
 *   SIGNUP LISTS
 */
div#signup 
{
	margin-left: 7%;
	margin-right: 7%;
	padding: 0.1em;

	border: 2px solid #000;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/*
 *   Member Stats
 */
div#member_stats
{
	text-align: center;
}

/*
 *   Apparatus Stats
 */
div#apparatus_stats
{
	text-align: center;
}

/*
 *   BANNER
 */
div#banners div.banner_container
{
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.2em;

	border: 2px solid #ff0;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

div#banners div.banner-creator-admin
{
	border-color: #f00;
}

div.portlets h1
{
	color: #c00;
}

div.portlets ul
{
	margin-left: 0;
	padding-left: 0;
}

th
{
    text-align: right;
    vertical-align: top;
}



.navbar.navbar-inverse {
    background-color: black;
}

.navbar-inverse .navbar-brand {
    color: white;
}


/* Mobile toggle button */
.navbar-inverse .navbar-toggle {
    border-color: lightgray;
}

/* Mobile toggle button hover/focus states */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #DDD;
}

.navbar-inverse li a:hover
{

    background-color: #d00;
}
.navbar-inverse li.active
{

    background-color: #d00;
}

.navbar-inverse a
{
    color: white;
}

.navbar-inverse a:hover
{
    color: white;
	text-decoration: none;
}

.navbar
{
    color: white;
    margin-bottom: 0px;
}

/*
 *  DELETE-DIALOG
 */
.delete-dialog
{
	font-size: 1em;
}
.delete-dialog .ui-dialog-titlebar
{
	background: #f2dede;	
}

.delete-dialog .ui-dialog-titlebar
{
	border-color: #d43f3a;
}

#complete_panels .panel-heading
{
	padding: 3px;
}

.panel-title
{
	font-size: 1.5em;
	font-weight: 700;

}

#complete_panels .panel-body
{
	padding: 3px;
}

div#content
{
	margin-left: 3%;
	margin-right: 3%;
}

div#language select
{
	color: black;
	padding: 1px;
	font-size: 0.7em;
}

div#language input
{
	font-size: 0.7em;
	color: black;
}

@media (max-width: 768px) {
  div#content {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 768px) {
    .navbar
    {
        border-radius: 0px;
    }
}


table.calendar
{
    width: 100%;
}

table.calendar td 
{
    width: 14%;
    height: 6em;
    padding: 0px;
    text-align: right;
    vertical-align: top;
    border-collapse: collapse;
}

table.calendar th {
    text-align: center;
} 

table.calendar td {
       border: 1px solid black;
} 

table.calendar td.today {
       background: #ffd;
} 

table.calendar div.date_header {
       background: #eee;
       padding: 1px;
       text-align: right;
} 

table.calendar div.date_rest {
       vertical-align: bottom;
       text-align: left;
       padding: 1px;
       font-size: 0.75em;
} 

table.calendar td:hover {
   /*background: #e9eee9;*/
} 

.ui-autocomplete .ui-menu-item
{
    font-size: 0.8em;
}

.ui-autocomplete
{
    height: 200px; overflow-y: scroll; overflow-x: hidden;
}

.dropzone
{
    min-height: 150px;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

.btn 
{
    white-space: normal;
}

@media screen and (max-width: 600px) {
    #station_title
    {
        display: none;
    }

    #station_title_small
    {
        display: inline;
        letter-spacing: 4px;
    }

    .login-station-name
    {
        margin-top: 0em;
    }
}

@media print
{
    a[href]:after {
        content: none !important;
    }

    .noPrint, .noPrint *
    {
        display: none !important;
        visibility: hidden !important;
    }

    .noPrint
    {
        display: none !important;
        visibility: hidden !important;
    }

    img.noPrint
    {
        display: inline;
        visibility: visible;
        width: 100px;
        height: 100px;
    }

    *, html, body 
    {
        font-size: 8pt;
        width: 100%;
        margin: 0;
    }

    h1, h2, h3, h4
    {
        font-size: 10pt;
    }

    .btn, .btn-block
    {
        font-size: 8pt;
    }
 
    .panel-heading
    {
        font-size: 8pt;
        padding: 2px;
        margin-bottom: 3px;
    }

    .panel
    {
        font-size: 8pt;
        padding: 2px;
        margin-bottom: 3px;
    }
}