/* ShawnAugustDotCom Main CSS */

/* Global [END] */

* 
{
  list-style-type: none;
  text-decoration: none;
  font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif !important;
  color: #000000;
}

html, body, form
{
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body, input, select, table
{
  margin: 0px;
  padding: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

A:hover {color: black;}
A {text-decoration: none;}

table.center {margin-left:auto; margin-right:auto;}

a img
{
  border: 0px;
}

.bold
{
	font-weight: bold;
}

.hand 
{
  cursor: pointer; /* FF */
  cursor: hand;
}

.lowerCase 
{
  text-transform: lowercase;
}

.show
{
	display: inline;
}

.hide
{
	display: none;
}

.div100 
{
  float: left;
  clear: both;
  width: 100%;
}

.vAlignBaseline
{
  vertical-align: baseline;
}

.vAlignM 
{
  vertical-align: middle;
}

.vAlignT
{
  vertical-align: top;
}

.leftAlign
{
  text-align: left;
}

.centerAlign
{
  text-align: center;
}

.rightAlign
{
  text-align: right;
}

.nowrap 
{
  white-space: nowrap;
}

.noborder 
{
  border: 0px;
}

.floatRight 
{
  float: right;
}

.floatLeft
{
  float: left;
}

.clearRight 
{
  clear: right;
}

.clearLeft
{
  clear: left;
}

.clearBoth 
{
  clear: both;
}

.Scrollbars
{
	overflow: auto;
}

.noScrollbars 
{
  overflow: hidden !important;
}

.checklist
{
	list-style-type: none;
	list-style-image: url(../IMAGES/ICONS/16X16/CHECK.GIF);
	padding-left: 5em;
	text-align:left;
}

/* Global [END] */

.MainContent
{
	background-color:#eeeeee;
	border:solid 1px black;
	height:500px;
	width:750px;
	overflow:scroll;
	padding: 3px 0px 3px 0px;
	text-align:center;
}

.MainSpacer
{
	height:500px;
	width:750px;
	padding: 3px 0px 3px 0px;
}

.GREETING
{
	font-weight: bold;
	font-family: Arial;
	font-size: 22px;
}

.displayTable
{
	background-color:#EDEDED;
	font-family: Arial;
	font-weight: bold;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #FFFFFF 0px none;
	border-bottom: #FFFFFF 0px none;
	border-spacing: 40px;
}

.boxTable
{
	background-color:#EDEDED;
	font-family: Arial;
	font-weight: bold;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	border-spacing: 40px;
}

.searchTableHeader
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold
}

.searchTableDetail
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	background-color: #EAE8FF;
}

.displayTableText
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}


/* List Table -- Tables that list information */
table.listTable {border-top:#333333 1px solid;border-left:#333333 1px solid;border-right:#FFFFFF 0px none;border-bottom:#FFFFFF 0px none;}
table.listTable tr td {margin: 2px 2px 2px 2px;padding: 2px 2px 2px 2px;background-color:#f5f5f5;}
tr.listTableBigItem td {background-color: #dcdcdc!important;font-weight:bold;}
tr.listTableHeader td {background-color:#68A5D6!important;font-weight:bold;vertical-align:middle;color:#FFFFFF;}
tr.listTableHeader a {background-color:#68A5D6!important;font-weight:bold;vertical-align:middle;color:#FFFFFF;}
td.listTableTitleCell {background-color:#EEEEEE!important;font-weight:bold;}

/* Result Table -- Tables that list information from the database */
table.resultTable{border:#333333 1px solid;width:100%;border-collapse:collapse;background-color:#FFFFFF;}
table.resultTable tr td{border:#dddddd 1px solid;padding:3px;}


.BUTTON
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.CONTENT
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.DETAIL
{
	font-weight: bold;
	font-family: Arial;
	font-size: 9px;
}

.success
{
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	color: Blue;
}

.error
{
	font-weight: bold;
	color: Red;
}

.instructions
{
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.FIELD_NORMAL
{
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
}

.FIELD_REQUIRED
{
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: red;
}

.FIELD_INPUT
{
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
}

.PAGEHEADER
{
	font-size: 18px;
	font-weight: bold;
	color: Black;
}

.BIGHEADER
{
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

.HEADERITALIC
{
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}

.HEADER
{
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}

.INTRO
{
	font-weight: bold;
	font-size: 16px;
	color: Black;
}

IMG.THUMB
{
	width:150px;
	height:113px;
	cursor:pointer;
}

IMG.IMAGE_VIEWER
{
	width:531px;
	height:398px;
	cursor:pointer;
    border: 1px bold;
}

/* Login */

.loginactionarea
{
  overflow: visible;
  position: absolute;
  height: 0px;
  width: 100%;
  top: 50%;
}

.loginwrapper
{  
  height: 340px;
  width: 400px;
  margin-left: -850px;
  top: -250px;
  position: absolute;
  left: 50%;
}

.loginpanel 
{
  width: 100%;
  height: 400px;
}

.labeldata, .checkboxLogin, .loginbutton, .error
{
  position: relative;
}

.labeldata
{
  float: left;
  width: 100%;
  margin: 10px 0px;
}

.labeldata label
{
  float: left;
  width: 130px;
  margin-right: 20px;
  text-align: right;
  padding-top: 4px;
}

.labeldata span 
{
  float: left;
  margin-left: 3px;
}

.labeldata input 
{
  float: left;
  padding: 2px 3px;
  width: 150px;
}

.loginButton 
{
  margin-top: 5px;
  width: 60px !important;  }
  
.checkboxLogin
{
  margin-left: 79px;
  clear: both;
}

.checkboxLogin input 
{
  margin-right: 5px; /* Not IE */
  margin: expression("1px 5px 0px -5px");
}

.loginpanel .error
{
  width: 100%;
  text-align: center;
  background-color: Transparent;
  padding: 10px 0px;
  color: #000000;
}

.loginversion
{
  position: absolute;
  top: 235px;
  left: 95px;
  color: #F1F1F1;
}

/* Login [END] */

/* Access Denied */
.accessDeniedWrapper 
{
  float: left;
  background-color: #F5F5F5;
  width: 100%;
  height: 55px;
  padding-top: 15px;
  border-bottom: 1px solid #CCC;
}

.accessDenied img 
{
  float: left;
  margin-right: 20px;
  margin-left: 20px;
}

.accessDeniedLabel 
{
  float: left;
  clear: right;
  margin-top: 3px;
}

/* Access Denied [END] */

/* User Area */

/* Copyright Area */

span.copyright
{
	color: #000000;
	text-align: right;
}

/* Copyright Area [END] */

.headerright
{
	text-align: center;
	font-weight: normal;
}

.headerrightbg
{
  height: 50px;
}

.headerrightrow1, .headerrightrow2
{
  clear: none;
  float: none;
  padding: 12px 5px 0px 15px;
  color: #000000;
  vertical-align: middle;
}

.headerrightrow1 img
{
  padding-bottom: 1px;
}

.headerrightrow2
{
  color: #000000;
  padding: 5px 7px 0px 0px;
}

.headerright a,
.headerright a:visited,
.headerright a:link,
.headerright a:active
{
  color: #000000;
}
.headerright a:hover
{
  color: #FADC74;
}

/* User Area [END] */

span.pipeSeparator 
{
  padding: 0px 6px;
}