* { padding: 0px; margin: 0px; }
body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #232323; background-color: #fff; font-size: 11px; }
body:after {
    background-image: url('images/delorean.jpg');
    background-size: 100%;
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}
#header { width: 100%; height: 100px; background-color: #660066; color: #fff; border-bottom: 2px solid #97C51C; margin-bottom: 20px; }
#header #pageTitle { padding-top: 30px; font-size: 16px; float: left; }
#header #applicationTitle { float: right; width: 250px; font-size: 22px; padding-top: 10px; text-align: right; }
.container { width: 900px; margin: 0px auto;}
.currentSection h1 {margin-bottom: 12px;}
.currentSection h2 {margin-bottom: 12px;margin-top: 12px;}
.currentSection h3 {margin-bottom: 6px; margin-left: 12px;}
#fileTypeGrid { width: 400px; }
#importExceptionDetailsTabs { border: none; }
#importExceptionDetailsTabs > .t-content { float: left; width: 100%; }
#menu { float: left; clear: left; margin-top: 0px; font-size: 13px; }
#menu  li { display: inline; margin-right: 10px; }
ul#nav li a { padding: 7px 10px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; }
ul#nav li a:hover { background-color: #fff; text-decoration: none; }
ul#nav li a:active { background-color: #97C51C; text-decoration: none; }
ul#nav li.selected a { background-color: #fff; color: #000; }

/* Styles for login link ----------------------------------*/
#logindisplay {font-size:1.1em;text-align:right;margin:5px;color:White;}
#logindisplay a:link {color: white;text-decoration: underline;}
#logindisplay a:visited { color: white; text-decoration: underline;}
#logindisplay a:hover { color: white; text-decoration: none;}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; }
.editor-label { margin: 1em 0 0 0; }
.editor-field { margin: 0.5em 0 0 0; }

/* Styles for details views
-----------------------------------------------------------*/
.field { float: left; clear: left; margin-bottom: 5px; line-height: 18px; }
.field > div { display: inline; }
.field > .label { margin-right: 5px; }
.field > .value { font-weight: bold; }
.field-group { float: left; width: 350px; padding: 8px; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* telerik overrides
----------------------------------------------------------*/
/*
.t-toolbar, .t-grid-pager { background-color: #FFFFFF; }
.t-widget.t-grid { background-color: #bfdc99; }
.t-header, .t-grid-header { background: url("Hay/sprite.png") repeat-x scroll 0 -752px #FFFFFF; color: #333 !important; border-color: #949494; }
.t-header .t-link { color: #333; }
.t-grid td { border-color: #DDDDDD #EEEEEE #DDDDDD #DDDDDD; border-right: 1px solid #949494; }
.t-state-active { background-color: #dfeecc; border-color: #54690e; }
.t-state-hover, .t-state-hover:hover { background-color: transparent; border-color: #378909; }
*/