﻿body
{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin-top: 0;
	color:#666666;
	font-size: 14px;
}

#wrapper1 {
   width: 960px;
   margin-right: auto;
   margin-left: auto;
}

#logobox {
	background-image: url(../icons/background-int2.jpg); 
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: 0px;
}		

#smlogo {
   font: normal normal bold 4em "Century Gothic",Arial,Helvetica,sans-serif;
   color: #fff;
   text-shadow: -4px 4px 3px #aaa;
   position: absolute;
   width: 338px;
   left: 350px;
   top: 10px;
}

#lblVersion {
   color: #ffffff;
   font: normal normal normal 0.75em Arial,Helvetica,sans-serif;
   position: absolute;
   top: 75px;
   right: 0px;
   width: 250px;
   text-align: right;
   margin-right: 10px;
}

#copyright {
   position: relative;
}

#login1 {
   position: relative;
   width: 300px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   border: 1px solid #ccc;
   background-image: url(../icons/background-int2.jpg);
   background-position: -800px -30px;
   background-repeat: no-repeat;
}

#lblLogin {
   float: left;
   width: 100%;
   border-bottom: 1px solid #ddd;
   color: #ffff00;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   margin-bottom: 10px;
}

.loginLabel {
   float: left;
   width: 8em;
   text-align: right;
   margin-right: 10px;
   color: #fff;
   clear: left;
}

#txtUserPassword {
   margin-bottom: 15px;
}

#login1 input[type="checkbox"] {
   position: absolute;
   top: 110px;
   left: 70px;
}

#login1 label {
   position: absolute;
   top: 112px;
   left: 95px;
   color: #000;
}

#login1 input[type="submit"] {
   position: absolute;
   top: 140px;
   left: 100px;
   width: 100px;
   height: 2em;
}

#login1 input[type="text"],
#login1 input[type="password"] {
   width: 10em;
}

#login1 input[type="text"]:focus,
#login1 input[type="password"]:focus {
   background-color: #FFFF93 !important;
}

#login1 #lblCopyright {
   position: fixed;
   width: 100%;
   bottom: 15px;
   left: 0px;
   color: #000;
   font: normal normal normal 0.75em Arial,Helvetica,sans-serif;
   text-align: center;
}

#pnlLoginError {
   position: relative;
   width: 300px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;

   color: #f00;
   font: normal normal bold 1em Arial,Helvetica,sans-serif;
   text-align: center;
}

#loginStatus {
   position: relative;
   top: 0px;
   width: 500px;
   margin-left: auto;
   margin-right: auto;
}

#lblWelcome {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   text-align: center;
}

#lnkLoginStatus {
   position: absolute;
   width: 100%;
   top: 1.2em;
   left: 0;
   text-align: center;
}

#clientSelect {
   position: relative;
   top: 75px;
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 75px;
   padding-top: 10px;
   padding-bottom: 10px;
   border: 1px solid #666;
   background-image: url(../icons/background-int2.jpg);
   background-position: -800px -30px;
   background-repeat: no-repeat;
}

#clientSelect select:focus {
   background-color: #FFFF93;
}

#lblCopyright {
   position: fixed;
   width: 100%;
   bottom: 15px;
   left: 0px;
   color: #000;
   font: normal normal normal 0.75em Arial,Helvetica,sans-serif;
   text-align: center;
}

#ddlClient {
   width: 40em;
}

#ddlInspection {
   width: 40em;
}

#clientSelect input[type="submit"] {
   position: absolute;
   top: 110px;
   left: 300px;
   width: 100px;
   height: 2em;
}

#clientSelect .loginLabel {
   padding-top: 5px;
}

#pnlFiller {
   height: 0px;
   text-align: center;
   margin-right: 30px;
}

#pnlShortcut {
   height: 25px;
   text-align: center;
   margin-right: 30px;
}

#pnlShortcut a {
   display: inline-block;
   font-weight: bold !important;
   height: 3em;
   margin: 5px 10px;
   color: #fff;
}

#pnlShortcut a.active {
   color: #0f0;
   text-decoration: none;
}

#pnlShortcut a.inactive {
   color: #fff;
   text-decoration: 'underline';
}

/* User Preferences form */
#pnlPreferences {
   margin: 20px 0 20px 0;
}

#pnlPreferences .userPrefTitle {
   font: normal normal bold 1em Arial,Helvetica,sans-serif;
   display: block;
   text-align: center;
   margin-bottom: 25px;
}

#pnlPreferences .dialogLabel {
   float: left;
   width: 35%;
   text-align: right;
   font-weight: bold !important;
   color: inherit;
   margin-top: 5px;
   margin-right: 10px;
   clear: left;
}

#pnlPreferences select {
   display: block;
   width: 20em;
   font-size: 1em;
   margin-top: 7px;
}

#pnlPreferences .preferenceLinks a {
   margin-top: 20px;
   display: block;
   width: 100%;
   text-align: center;
}

#pnlPreferences #lblCopyrightPrefs {
   position: fixed;
   bottom: 0px;
   width: 100%;
   text-align: center;
   font: normal normal normal 0.7em Arial,Helvetica,sans-serif;
}

#pnlPreferences #pnlCurrentNews {
   width: 95%;
   margin-right: auto;
   margin-left: auto;
   border: 5px ridge #bbb;
   background-color: #eee;
   min-height: 5em;
   margin-top: 30px;
   padding: 5px;
}

