@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,400,300,700);

body {
    padding: 0;
    margin: 0;
    font-family: 'Assistant', sans-serif;
    font-size: 12pt;
    color: #5d5d5d;
}

.loginBody{
    background-color: #a30233;
}

html {
    padding: 0;
    margin: 0;
}


#loginForm{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 15px;
    border: 1px solid #666;
    background-color: #FFF;
}

#loginForm label{
    display: block;
}

#loginForm div:not(:last-of-type){
    margin-bottom: 15px;
}

#loginForm input[type=text], #loginForm input[type=password]{
    box-sizing: border-box;
    width: 100%;
    padding: 2px 5px;
}

#loginForm input[type=submit] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    background-color: #ff9240;
    color: #FFF;
    border: 0;

}

#header{
    position: relative;
}

#logo {
    padding: 15px;
    display: inline-block;
}

#pageTitle {
    padding: 15px;
    position: absolute;
    right: 0;
    display: inline-block;
    text-align: right;
}

#pageTitle h1{
    margin: 0;
    font-size: 20pt;
    font-weight: bold;
}

#pageTitle h2 {
    margin: 0;
    font-size: 16pt;
    font-weight: bold;
}

#navigation {
    background-color: #a30233;
    color: #FFF;
    position: relative;
    padding: 5px 15px;
}

#navigation ul {
    padding: 0;
    display: inline-block;
    margin:0;
}

#navigation ul li{
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
}

#navigation a{
    color: #FFF;
    text-decoration: none;
}

#navigation a:hover {
    text-decoration: underline;
}

#nav-right{    
    position: absolute;
    right: 15px;
    text-align: right;
    display: inline-block;
}

#site-select {
    display: inline-block;
    margin-right: 15px;
}

#userDetail{
    display: inline-block;
}

div.reportItem {
    border: 1px solid #CCC;
    padding: 10px;
    position: relative;
    width: 300px;
    float: left;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

div.reportItem div.icon{
    display: inline-block;
    width: 50px;
    font-size: 40pt;
}

div.reportItem div.detail{
    position: absolute; 
    right: 10px;
    display: inline-block;
    width: 200px;
    text-align: right;
}

div.ReportCategory{
    clear: both;
    overflow: auto;
    margin-bottom: 10px;
}

#mainContent{
    padding: 15px;
}

.ReportCategory h2{
    margin: 0 0 10px 0;
}

div.error{
    background-color: #ff0000;
    color: #FFF;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}