/*	-------------------------------------------------------------
	Ectrip CSS Widget
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Design By:		ajuan xyb
	Description:	Styles Base for public
	Filename:		main.css
	Version:		2.0
	Create Date:	2011.06.27 ajuan
	Last Edit:		2011.09.19 xyb
	-------------------------------------------------------------	*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
	border: none;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: auto;
	padding: 0;
}

body {
	color: #333;
	background-color: #FFF;
}

p,
dl,
dt,
dd,
button,
form {
	word-break: break-all;
	word-wrap: break-word;
}

button { cursor: pointer; *cursor:hand;
}

img,
input,
button,
select,
textarea { vertical-align: middle; }

button { overflow: visible; }

ul,
li,
dl,
dt,
dd {
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #444;
	text-decoration: underline;
}

.c_fixed:after {
	content: ".";
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	visibility: hidden;
}

.c_fixed { *zoom: 1;
}

.clear,
.clear0 { clear: both; }

.clear0 {
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.nowrap { white-space: nowrap; }

.hand {
	cursor: pointer!important;
	_coursor: hand;
}

input,
select,
.middle,
.middle img { vertical-align: middle; }

.link_line:link,
.link_line:visited {
	color: #39C;
	padding: 2px;
	text-decoration: underline;
}

.link_line:hover,
.link_line:active {
	text-decoration: none;
	padding: 2px;
}

.blue,
.blue:link,
.blue:visited { color: #069; }

.bluelight { color: #52A2C4; }

.red,
.red:link,
.red:visited { color: #c00; }

.red_light { color: #F06; }

.red_dark { color: #BF0000; }

.yellow,
.yellow:link,
.yellow:visited { color: #f60; }

.yellowgold { color: #FC3; }

.green,
.green:link,
.green:visited { color: #16a951; }

.brownlight { color: #cc7033; }

.gray,
.gray td,
.gray:link,
.gray:visited,
.gray a:link,
.gray a:visited { color: #999; }

img.gray { filter: alpha(opacity=80) gray(); }

.linethrough { text-decoration: line-through; }

.ime_on { ime-mode: active; }

.ime_off { ime-mode: disabled; }

.input,
.input_ok,
.input_err {
	border: 1px solid #CCC;
	cursor: text;
	line-height: 21px;
	height: 21px;
	padding: 0 2px;
	margin-right: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-repeat: no-repeat;
}

.input_ok {
	background-image: url(images/input_state_ok.gif);
	background-position: right 1px;
}

.input_err {
	background-image: url(images/input_state_err.gif);
	background-position: right 12px;
}

textarea.input_ok,
textarea.input_err {
	height: auto;
	background-position: right 90%;
}

.input_err_info {
	background-image: url(images/input_err_info.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 3px 0 3px 20px;
}

.hasDatepicker { font-size: 11px; }

.button,
.button_over,
.button_down,
.button_reset,
.button_reset_over,
.button_reset_down,
.button_close,
.button_close_over,
.button_close_down {
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 23px;
	line-height: normal;
	padding: 2px 8px 0 10px;
	overflow: hidden;
	margin-right: 8px;
	background-position: center center;
	background-repeat: repeat-x;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: inline-block;
	zoom: 1;
	cursor: pointer;
 *display: inline;
 *cursor: hand;
}

.button_up,
.button_up_over,
.button_up_down { }

textarea { line-height: 21px; }

textarea,
.fileChoose {
	padding-top: 2px;
	font: 12px Tahoma;
	cursor: text;
	display: inline-block;
 *display: inline;
	zoom: 1;
	width: 98.5%;
	max-width: 99.8%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #CCC;
}

.fileHide {
	filter: alpha(opacity=1);
	opacity: 0;
	position: relative;
	width: 62px;
	height: 23px;
	overflow: hidden;
	margin-right: -62px;
	z-index: 2;
	border: 0;
}

.fileChoose {
	height: 21px;
	width: auto;
	padding: 0 5px 0 20px;
	line-height: 21px;
	overflow: hidden;
	border: 0;
	background-image: url(images/sprite_ico.png);
	background-repeat: no-repeat;
	background-position: -201px 0;
	background-color: #dff6d8;
	vertical-align: middle;
	cursor: pointer;
	_cursor: hand;
	position: relative;
	z-index: 1;
}

.center { text-align: center; }

.right { text-align: right; }

.hide { display: none; }