@import "../Declarations";

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body
{
	background-color: #84abcb;
	font-size: 1em;
	font-family: @FontFamilyBody;
	color: #333;
    cursor: auto;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

div#page {
	margin: 0px;
	padding: 0px;
}

header {
	font-family: @FontFamilyHeading;
	font-size: 2em;
	padding: 10px 20px;
	background-color: rgba(255, 255, 255, 0.7);
    border-bottom: 10px solid rgba(255, 255, 255, 0.8);
    height: 40px;
    box-shadow: 0 5px 20px #555;
}

div#mainFooter {
    clear: both;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: right;
    height: 20px;
    color: #000;
	font-size: 0.8em;
}

.list {
    float: left;
	margin: 15px 5px 10px 5px;
    h3 {
		color: #000;
		font-family: @FontFamilyHeading;
		font-weight: normal;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 1.4em;
	}
	div.content {
        border: 2px solid rgba(255, 255, 255, 0);
        background: rgba(255, 255, 255, 0.3);
		border-radius: 2px;
        overflow: hidden;        
        ul {
            padding: 0;
		    margin: 0;
            list-style: none;
		    li {
			    font-size: 1em;
			    margin: 3px;
			    background-color: #fff;
			    border: 5px solid rgba(132, 171, 203, 0.2);
			    border-radius: 2px;
			    padding: 4px 5px;
			    .small {
				    font-size: 0.75em;
                    font-style: italic;
			    }
		    }    
			li.alert {
				background-color: #FFADAD;
			}    
        }
    }	
}