@charset "utf-8";

/* ================================================================

CSS Information

 File name:      module-form.css
 Summary:        module-form styles
 Last update:    2009-09-25

================================================================ */

/* Form for Keyword search */

/* @group label */
label {
	display: inline-block;
}


/* @end */

/* @group INPUT TEXT */

.InputText,
.InputNumber,
.InputNumberText {
	margin-bottom: 3px;
	padding:5px 2px 3px 5px;
    width: 360px;
	border:1px solid #AAA798;
}

.InputText:hover,
.InputText:focus,
.InputNumberText:hover,
.InputNumberText:focus,
.InputNumber:hover,
.InputNumber:focus {
    background-color: #ceecf1;
    border-color: #48669c;
}
input.InputNumber {
    text-align: right;
}

/* width */
.InputW20 {width: 20px;}
.InputW50 {width: 50px;}
.InputW80 {width: 80px;}
.InputW90 {width: 90px;}
.InputW100 {width: 100px;}
.InputW110 {width: 110px;}
.InputW120 {width: 120px;}
.InputW130 {width: 130px;}
.InputW140 {width: 140px;}
.InputW150 {width: 150px;}
.InputW160 {width: 160px;}
.InputW170 {width: 170px;}
.InputW180 {width: 180px;}
.InputW180 {width: 190px;}
.InputW200 {width: 200px;}
.InputW210 {width: 210px;}
.InputW220 {width: 220px;}
.InputW230 {width: 230px;}
.InputW240 {width: 240px;}
.InputW250 {width: 250px;}
.InputW260 {width: 260px;}
.InputW270 {width: 270px;}
.InputW280 {width: 280px;}
.InputW300 {width: 300px;}
.InputW400 { width: 400px;}
.InputW500 { width: 500px;}
.InputW550 { width: 550px;}
.InputW600 { width: 600px;}
.InputW100p { width: 100%;}
.InputLarge { width: 95%;}
.InputSmall { width: 50px;}

input.ZipCode1 {
	width: 3em;
}
input.ZipCode2 {
	width: 4em;
}

/* for jQuery UI Datepicker */
input.Datepicker{
	width: 6em;
	text-align: center;
}

input.InputDate{
	width: 6em;
	text-align: center;
}

input.TimeEntry{
	width: 4em;
	text-align: center;
}

input.InputError {
    color: red;
    border: 1px solid red;
    background-color: #fdfbae;
}



input.ReadOnlyInput {
    border:none;
    background:transparent;
}
input.ReadOnlyInput.hasDatepicker {
    cursor: pointer;
}

input#DateFiled {
    width : 6em;
    font-size:large;
    font-weight:bold;
}

/* @group Button */
input.BtnSubmit {
    
}

input.BtnSubmit:hover,
input.BtnSubmit:focus {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

input.BtnSubmitNormal {
	width: 175px;
	height: 0px;
	padding-top: 61px;
	overflow: hidden;
	background: url(../img/btn_submit.png) no-repeat;
	border: 0;
}
* html input.BtnSubmitNormal { /* IE6 */
	height: 61px;
	padding-top: 61px;
	overflow: hidden;
}
*:first-child+html input.BtnSubmitNormal { /* IE7 */
	height: 61px;
	padding-top: 61px;
	overflow: hidden;
}

/* @end */

/* @end */

/* @group Button */

p.BtnBox {
    padding-top: 20px;
}
div.BtnBox{
	padding: 20px 0;
	text-align: left;
}
div.BtnBox a img { margin:0;}
table td div.BtnBox{
	padding: 0;
}

/* @group .LinkBtnText */

a.LinkBtnText {
	display: inline-block;
	padding-left: 40px;
	background: url(../img/bg_btn_left.png) no-repeat left top;
}

a.LinkBtnText span {
	display: inline-block;
	padding-top: 16px;
	padding-right: 40px;
	height: 53px;
	overflow: hidden;
	line-height: 1;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background: url(../img/bg_btn_right.png) no-repeat right top;
	cursor: pointer;
}

a.LinkBtnText:hover,
input[type='image']:hover {
	text-decoration: none !important;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

a.LinkBtnBack {
	float: left;
	display: inline;
	margin-right: 30px;
	/*
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	*/
}

/* @end */



/* REQUIRED BUTTON STYLES: */
button {
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
    border: none; /* overrides extra padding in Firefox */
}

button span,
button span strong {
    position: relative;
    display: block;
    white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button span {
        margin-top: -1px;
    }
}

button.BtnSubmit {
    padding: 0 15px 0 0;
    margin-right: 5px;
    font-size: 1.2em;
    text-align: center;
    background: transparent url(../../shared/img/bg_buttonSubmit.png) no-repeat right -100px;
}

button.BtnSubmit span {
    padding: 10px 0 0 15px;
    height: 32px;
    background: transparent url(../../shared/img/bg_buttonSubmit.png) no-repeat left top;
    color: #fff;
}

button.BtnSubmit:hover, button.BtnSubmitBtnHover {
    background-position: right -150px;
}

button.BtnSubmit:hover span, button.BtnSubmitHover span {
    background-position: 0 -50px;
}

button.BtnSubmit span strong {
    padding: 0 40px 0 60px;
    background: url(../img/icon/tick-circle.png) no-repeat 40px center;
}

button.BtnPreview span strong {
    padding: 0 40px 0 60px;
    background: url(../img/icon/arrow.png) no-repeat 40px center;
}

/* @end */

/* @group TEXT */

.TxtInputMust {
    color: red;
    font-size: 0.8em;
}
.TxtNotice{
	color: #39a;
	font-size: 0.8em;
}
.TxtNoticeText{
	color: #39a;
	font-size: 0.8em;
}
.TxtNoticeNumber{
	color: #33c;
	font-size: 0.8em;
}
.TxtEx{
	color: #999;
	font-size: 0.8em;
}
.TxtError{
	color: #a33;
    padding: 3px 10px 3px 20px;
    background: url(../img/icon/exclamation.png) no-repeat left center;
    line-height: 1;
}

/* @end */

/* @group .Msg */

.Msg {
	font-weight: bold;
}
	.Msg p{
		margin-bottom: 0 !important;
	}
/* @group .MsgPreview */
.MsgPreview{
	padding: 10px 30px;
	background: #f7fe1b url(../img/icon/bell.png) no-repeat 10px 13px;
	color: #000;
	border: 5px solid #f6e019;
}
	.Content .MsgPreview p{
		margin-bottom: 0;
	}
	
/* @end */
/* @group .MsgComplete */
.MsgComplete{
	margin-bottom: 1em;
	padding: 10px 30px;
	background: #5dfd6c url(../img/icon/tick-circle.png) no-repeat 10px 13px;
	color: #000;
}
	.Content .MsgComplete p{
		margin-bottom: 0;
	}
	
/* @end */
/* @group .MsgError */
.MsgError{
	margin-bottom: 1em;
	padding: 10px 30px;
	background: #fe9 url(../img/icon/50.png) no-repeat 10px 13px;
	color: #000;
	border: 3px solid #f66;
}
.MsgError ul{
	margin-left: 15px;
}
.MsgError ul li{
	list-style: disc;
	list-style-position: outside;
	color: red;
}
/* @end */
/* @end */