body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top:0px;
	background-color:#FFFFFF;
	padding-top:20px;
}

p
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top:0px;
	background-color:#FFFFFF;	
}

.mborder
{
	border: 1px solid #DEDEDE;
	padding:5px;
}

.bggray
{
	background-color:#DEDEDE;
}

.bgblack
{
	background-color:#000000;
}

.b18
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

.b16
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

.b { font-weight:bold;}

.g14
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #a1a1a1;
}

.bl24
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: bold;
	color: #8BD6F5;
}


.bl18, .bl18:link, .bl18:visited
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #8BD6F5;
}

.cBlue
{
	color: #8BD6F5;
}

div#pageContent
{
  width:762px;
  margin-left:42px;
  margin-right:42px;
  
}

div#pageHeader
{
  width:500px;
  padding-bottom:10px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none; 
}

div#pageSubContent
{
  width:742px;
  margin-left:20px;
}

form { margin: 0px }
input, textarea, button
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;  
  background: url(../images/inputs.png) left top no-repeat;
  /*
  background-Color:#f1f1f1;  
  background: url(../images/bg_inputs.png) left top no-repeat;
  */
}


select
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background: url(../images/inputs.png) left top no-repeat;
}

.inputB
{
	border:none;
	background: none;
	background-color:#89DCFA;
	text-decoration:underline;
	font-weight:bold;
	font-size:20px;
	color:white;
	height:50px;
	width:300px;
	cursor:pointer;
}

.frmInactive
{
  background: url(../images/blackdot.gif);
  filter:alpha(opacity=60);
  opacity:0.4;
  width:550px;
  z-index:100;
}

.frmSection
{
  padding:3px;
  background: url(../images/blackdot.gif);
  width:565px;
}

a, a:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.txtwhite10, .txtwhite10:link, .txtwhite10:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.txt10, .txt10:link, .txt10:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.txtwhite14, .txtwhite14:link, .txtwhite14:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none; 
}

.headerbold, .headerbold:link, .headerbold:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 21px;
	/* font-weight: bold;*/
	color: #000000;
	text-decoration: none; 
}

.leftmenu, .leftmenu:link, .leftmenu:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A67E9D;
	text-decoration: none; 
}

.footer, .footer:link, .footer:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #A1A1A1;
	text-decoration: none; 
}

.pink, .pink:link, .pink:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #E80088;
	text-decoration: none; 
}

.sinput .focus
{
  background: #fff;
  border: 1px solid #707070;
  border-bottom-color: 1px solid #acacac;
  border-right-color: 1px solid #acacac;
}

.infoBox
{
  display:none;
  width:0px;
  height:0px;
  position:relative;
}

.infoBox div
{
  position:absolute;
  width:300px;
  height:80px;
  background: url(../images/bg_inputs.png) left top no-repeat;
  border: 2px solid #cccccc;
  text-align:center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-decoration: none; 
}

.infoBox#infoUpdating { top:100px; left:300px; }
.infoBox#infoLoading { top:120px; left:-150px; }
.infoBox#infoSentResults { top:100px; left:300px; width:330px; }

/* item results */
.itemHolder
{
  float:left;
  width:195px;
  height:248px;
  margin-left:22px;
  margin-right:12px;
  margin-bottom:15px;
  cursor:pointer;
  padding:4px;
  
  background: url('../images/profile.png') no-repeat;
}

.itemHolderOver
{
  float:left;
  width:195px;
  height:248px;
  margin-left:22px;
  margin-right:12px;
  margin-bottom:15px;
  cursor:pointer;
  padding:4px;
  
  background: url('../images/profile-over.png') no-repeat;
}

.itemHolderCustom
{
  float:left;
  width:155px;
  height:197px;
  /* cursor:pointer; */
  margin-left:23px;
  margin-bottom:25px;
  padding:4px;
  
  background: url('../images/profile-small.png') no-repeat top;
}

.itemHolderCustomOver
{
  float:left;
  width:155px;
  height:197px;
  /* cursor:pointer; */
  margin-left:23px;
  margin-bottom:25px;
  padding:4px;
  
  background: url('../images/profile-over-small.png') no-repeat top; 
}

.flipFlopHolder
{
   height:19px;
  margin-top:10px;
  /* border:1px solid lime; */
}

.flipFlopLetter
{
  float:left;
  width:16px;
  height:15px;
  margin-right:2px;
  border:1px solid #000;
  background:#000000;
}

.errmsg
{
  margin:5px;
  font-weight:bold;
  color:#000;
}

.err
{
  margin:5px;
  font-weight:bold;
  color:red;
}

.errmsg span
{
  color: #00AAE9;
  font-size:18px;
}

div#error
{
  background: url(../images/arr_blue.gif) no-repeat 0px 3px;
  text-align:left;
  color:red;
  font-weight:bold;
  font-size:12px;
  width:100%;
  margin:2px;
  padding:3px;
  padding-left:18px;
}

/* The hint to Hide and Show */
.hint
{
  display: none;
  position: absolute;
  margin-left:10px;
  width: 250px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
  font-size:10px;
  color:#000000;
  
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer
{
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(../images/pointer.gif) left top no-repeat;
}

#Container
{
  position: absolute;
  width: 600px; height: 480px;
  left: 0; top: 0;
  padding: 15px; padding-top: 0;
  background:transparent url(../images/bg_inputs.png); no-repeat;
  border: 1px solid black;
  visibility: hidden;
  z-index: 200;
}

/*
#Container_transparentDivs { filter:alpha(opacity=40); opacity:0.6; background-color:#999; z-index:100; position:absolute; }
#Container, #Container a, #Container td { color:#000; }
#Container input { background:#fff; border: 2px solid #cccccc; font-size:12px; width:220px; }
#Container select { background:#fff; border: 2px solid #cccccc; font-size:12px; }
#Container_contentDiv_shadow { z-index:190; position:absolute; background-color:#ddd; filter:alpha(opacity=30); opacity:0.3; }


#Veil
{
  position: absolute;
  background: black url(../images/blackdot.gif);
  right: 0;
  width: 10px;
  top: 0;
  z-index: 190;
  visibility: hidden;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
  opacity: 0.8;
}
*/

.pagesHolder { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.pages { font-size: 12px; margin-left: auto; margin-right: auto; margin-top:10px; color: #000000;}
.pages a, .pageList .curr { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; color: #000000;}
.pages a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; color: #000000; }
.pages .begin { padding: 2px 6px; background: #fff; color: #aaa; }
.pages .end { padding: 2px 6px; background: #fff; color: #aaa; }
.pages .Prev { margin-right: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #000000;}
.pages .Next { margin-left: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #000000;}
.pages .curr {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; background: #fff; color: #e80088; }
.pages a:hover {color: #fff; background: #00aae9; border-color: #036; text-decoration: none;}