@charset "utf-8";

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
label { font-weight: bold; }
/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
input				{ border:1px solid #ccc; background:#f6f6f6;}
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; margin: -2px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }




#formwrapper {
	width:620px;
	margin:5px auto;
	padding:20px;
	text-align:left;
	border:0px #1E7ACE solid;
}
.div {
	border:1px solid #C0C0C0;
	width:183px;
	height:18px;
	clip:rect(0px,18px,22px,0px);
	overflow:hidden;
}
fieldset {
	padding:10px;
	margin-top:5px;
	border:0px solid #1E7ACE;
	background:#fff;
	font-size:12px;
}
fieldset legend {
	color:#1E7ACE;
	font-weight:bold;
	border:1px solid #1E7ACE;
	background:#fff;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
}
fieldset label {
	float:left;
	width:120px;
	text-align:right;
	padding:4px;
	margin:1px;
	vertical-align: middle;
}
fieldset div {
	clear:left;
	margin-bottom:2px;
	border:0px dotted #CCCCCC;
	height:30px;
	line-height:30px;
	vertical-align: bottom;
}
input, select, textarea {
	padding:2px;
	line-height:140%;
	margin:2px;
	font-size:12px;
}
select {
	position:relative;
	left:-2px;
	top:-2px;
	font-size:12px;
	width:120px;
	line-height:18px;
	border:0px;
	color:#909993;
}
/* CSS Document */

.btn2 {
	background-color:#77BDF7;
	border-top: 1px solid #9ebbdb;
	border-right: 1px solid #4a5e83;
	border-bottom: 1px solid #4a5e83;
	border-left:1px solid #9ebbdb;
	font-size: 12px;
	color: #000;
	padding:0px 4px 0;
	height:26px;
}
.btn {
	background-image: url(../Skin/yahooBtn.jpg);
	height: 26px;
	margin: 0px;
	padding: 0px;
	border:1px solid #CCCCCC;
	background-repeat: repeat-x;
}
.textbox {
	border-top: 1px solid #999;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #999;
	height:18px;
}
.buttom {
	padding:1px 10px;
	font-size:12px;
	border:1px #1E7ACE solid;
	background:#D0F0FF;
}
.enter {
	text-align:center;
}
.clear {
	clear:both;
}

.button {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	background: url(../../skin/button.gif) no-repeat left top;
	padding-bottom: 2px;
	width: 69px;
	cursor: pointer;
	border-top-style: none;
	padding-top: 2px;
	border-right-style: none;
	border-left-style: none;
	height: 26px;
	border-bottom-style: none
}
.buttonLong {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	background: url(../../skin/buttonLong.gif) no-repeat left top;
	padding-bottom: 2px;
	width: 140px;
	cursor: pointer;
	border-top-style: none;
	padding-top: 2px;
	border-right-style: none;
	border-left-style: none;
	height: 26px;
	border-bottom-style: none
}
.inputbox {
	background-color: #E9F4FA;
	width: 250px;
	height:20px;
	line-height:20px;
	font-size:12px;
	margin:0;
	padding:0;
	border: 1px solid #ACE4FF;
}
.textbox {
	background-color: #E9F4FA;
	width: 250px;
	height:80px;
	line-height:20px;
	font-size:12px;
	margin:0;
	padding:0;
	border: 1px solid #ACE4FF;
}


.inputbox:hover {
  font-size: 12px;
  border: 1px solid #FF6600;
}

.inputbox:focus{
background-color: #FFFFCC;}




.textinput {
	border:0;
	margin:0;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	width: 236px;
	border-top-style: none;
	padding-top: 4px;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
	background-attachment: fixed;
	background-image: url(../../Css/.skin/input.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.textinputshort {
	border:0;
	margin:0;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	width: 60px;
	border-top-style: none;
	padding-top: 4px;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
	background-attachment: fixed;
	background-image: url(../../Css/inputshort.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.textinput155px {
	border:0;
	margin:0;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	width: 100px;
	border-top-style: none;
	padding-top: 4px;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
	background-attachment: fixed;
	background-image: url(../../Css/input140.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.textinput120px {
	border:0;
	margin:0;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	width: 60px;
	border-top-style: none;
	padding-top: 4px;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
	background-attachment: fixed;
	background-image: url(../../Css/input100.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*shopping cart table */
.tbl_check {
	border: 1px solid #0066FF;
	background-color: #E1E1E1;
}
.tbl_check caption {
	font-size: 16px;
	font-style: normal;
	line-height: 160%;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
}
.tbl_check th {
	background-color:#0099FF;
	color:#FFFFFF;
}
.tbl_check td {
	background-color:#F0F8FF
}