/* 
    Document   : 01.main
    Created on : 03 Jul 2014, 12:29:27 PM
    Author     : Salman Noor : School of Electrical and Information Engineering
    Description:
        Reset Styles
*/
@import url("../../fonts/fontawesome/css/fontawesome.css");
@font-face {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/icomoon/icomoon.eot?#iefix?v=5") format("embedded-opentype"), url("../../fonts/icomoon/icomoon.woff?v=5") format("woff"), url("../../fonts/icomoon/icomoon.ttf?v=5") format("truetype"), url("../../fonts/icomoon/icomoon.svg#icomoon?v=5") format("svg");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../../fonts/font-lato/lato-light.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../../fonts/font-lato/lato-regular.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../../fonts/font-lato/lato-bold.woff) format('woff');
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body, html { font-size: 100%; padding: 0; margin: 0;}
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
}
a {
	   color: #47a3da;
	text-decoration: none;
}
button { border:0; cursor: pointer;}
body > .systemBanner {
	/*padding: 0.1em;*/
        /*padding-top:  1em;*/
        width: 90%;
        max-width: 69em;
	margin: 0 auto;
}
.main,.systemHeader,.welcomeMessage {
	width: 97%;
	max-width: 85em;
	margin: 0 auto;
	padding: 0em 1.875em 3.125em 1.875em;
}
.systemHeader{
    padding-bottom:  0;
    padding-top:  0.5em;
}
.main{
    height: 60%;
    /*overflow-y: auto;*/
    padding-bottom: 0.5em;
}

@media screen and (max-width: 43em) {
    .main{
        width: 100%;
       padding: 0em 0.9em 1.125em 0.9em; 
    } 
}