#scard_section table{
  font-family: tahoma, arial, sans-serif;
}

.submitpanel{
  padding-top: 10px;
  text-align: right;
  padding-right: 5px;
}

#scard_container{
	margin:10px auto;
    text-align: left;
}
h2{ margin:0px;
	padding:0px;
	border:0px;
	color:#0033FF;
	font-size:15px;
	display:block;
	background:#66CCFF url(../images/h2_bg.gif) no-repeat left top;
    text-align: center;
}
h2 span{
	padding:5px;
	background:url(../images/h2_span_bg.gif) top right no-repeat;
	display:block;
}
#scard_section {
	background:#EEEEEE url(../images/section_bg_left.png) no-repeat bottom left;
	font-size:12px;
}
#scard_section div{
    background:url(../images/section_bg_right.png) right bottom no-repeat;
	padding:10px;
}
.scardbutton {
		text-align: center;
		font-family: tahoma, arial, sans-serif;
		font-size: 13px;
		background-color: white;
		border: 1px solid;
		border-color: #FF6666 #dbdfe6 #FF6666 #dbdfe6;
		margin-right: 0px;
	}
.scardinput {
		text-align: center;
		font-family: tahoma, arial, sans-serif;
		font-size: 13px;
		background-color: white;
		border: 1px solid;
		border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
		padding: 2px;
	}
.scardinput:focus, .scardinput:hover, .scardbutton:focus, .scardbutton:hover  {
		border-color: #00CCFF #00CCFF #00CCFF #00CCFF;
	}
.pickerimages {
		position: absolute;
		margin-left: -16px;
		margin-top: 5px;
		cursor: pointer;
	}
.infoBox {
		background-color: #fefdec;
		border: 1px solid #edebcd;
		padding: 6px;
		margin-bottom: 20px;
	}

#wrapper {
  float: none;
  }
.form {float:inherit; padding:0 10px 10px 10px; background:white; border:2px solid white; font:12px Verdana}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; padding-left:7px; background: url(../images/msg_arrow.gif) left center no-repeat }
#msgcontent {display:block; background:#FFDCDB; border:2px solid #FF3300; border-left:none; padding:5px; min-width:150px; max-width:250px}

a.info{
    position:relative; /*this is  the key*/
    z-index:24;  background-color:#ccc;
    color:#000;
    text-decoration:none
}

a.info span{display: none}

.scardinfo{
  font-size: 10px;
  color: #666666;
}

.scardinput title{
  color: green;
}


a.info:hover  span{ /*the span will display just on :hover  state*/
    display:block;
    position:absolute;
    top:2em;  left:2em; width:15em;
    border:1px solid #88F7FF;
    background-color:#C1FBFF;  color:#939393;
    text-align: left;
    font-size: 10px;
}

.tool-tip {
	Z-INDEX: 13000; WIDTH: 139px; COLOR: #fff
}
.tool-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/smoke.png) left top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #9fd4ff; PADDING-TOP: 8px
}
.tool-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: url(../images/smoke.png) right bottom; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}
.custom-tip {
	Z-INDEX: 13000; WIDTH: 130px; COLOR: #000
}
.custom-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #c3df7d; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #3e4f14; PADDING-TOP: 8px; BORDER-BOTTOM: #b5cf74 1px solid
}
.custom-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}