* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border { border: none!important; }
hr { dislpay:none; }

/* Base Template
------------------------------ */

html { font:normal 62.5%/1.2em Tahoma, Verdana, Helvetica, sans-serif; } /* 1em = 10px */
body { min-width:1000px; color: #000; background:#fff; font-size:1.2em }

a, a:link, a:active,a:visited { font-size:1em; color: #596884; text-decoration: underline; }
a:hover {  color:#596884; text-decoration:none; }
a img { border:none; }

blockquote { }

h1,h2,h3,h4,h5,h6 {
	font:normal 1em/1.1em "Myriad Pro Cond", "Myriad Pro Light", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 0; color:#424242;
}
h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { }

img { border:none; vertical-align:middle; }

dl {  }
dt { margin: 0;  }
dd { margin:0 0 0 2em; }
dl.short dt, dl.wide dt { margin:0.5em 0; }
dl.short dd { margin:-2em 0 0 6em; }
dl.wide dd { margin:-2em 0 0 10em; }

p { margin:0 0 10px 0; line-height:18px; }

pre code { display:block; overflow:auto; }
* html pre { width:100%; overflow-x:auto; padding-bottom:16px; }

small { font-size: 90%; }
sub, sup { font-size: 80%; font-family:Tahoma; line-height:1em; }

table { border:0px; border-collapse:collapse; }
table td { padding:5px 0; }

ul, ol { padding:0 0 0.5em 2em; display:table; }
ul ul, ul ol, ol ol, ol ul { padding-bottom:0; }
ul { }
li { margin:3px 0; }

/* ==== FORM === */
form {  }
fieldset { }
legend { }
input, select, textarea { 
	font:normal 11px/1.3em Tahoma, Verdana, sans-serif; padding:2px 0; margin:2px 0; vertical-align:middle; 
	border:1px solid #CFCFCF; background:#FFFFFF; color:#000; cursor:pointer; cursor:hand;
}
select { width:100%; }
textarea { height:100px; }
label { }
.f-row { overflow: hidden; margin-bottom: .5em; }
.f-inputs { padding-left: 40%; }
.f-actions { padding-top: 1em; }

input.text {  }
input.password {  }
input.checkbox, input.radio { border-width:0; width:1em; padding:0 0 0 10px; }
input.submit, input.reset, input.button {
	border:1px solid #CFCFCF; background:#e3e3e3 url(/images/bg-input-submit.png) top left repeat-x;
	color:#000; padding:2px 10px;
}
	input.yellow { background-color:#F8ED74; border:1px solid #D0C54C; }
	input.blue { background-color:#D7E4FF; border:1px solid #9DBEFF; }
	input.red { background-color:#FFD9D3; border:1px solid #FEA192; }
input.image { width:auto!important; }
input.requiried, textbox.requiried { border-color:#c00;}

.hint { color:#8e8d8d; }

/* table */
table.decor { border:1px solid #C4C4C4; font-size:11px; color:#000; }
	table.decor td { border:1px solid #C4C4C4; font-size:11px; padding:5px 13px; }
	table.decor thead td { background:#DFDFDF; padding:5px 13px; text-align:left; } /* font-weight:bold;  */
	table.decor tfoot td { background:#DFDFDF; padding:5px 13px; text-align:left; } /* font-weight:bold;  */
	table.decor tfoot td.paginator { background:#DFDFDF; padding:5px 13px; text-align:right; } /* font-weight:bold;  */
	/*table.decor tfoot td.paginator a { padding:0 0 0 10px; } /* font-weight:bold;  */

/* Text align & Float
------------------------------ */
.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; margin-bottom:0; }
.column { float: left; overflow: hidden; }
.col-first { padding-left: 0px!important; }
.col-last { padding-right: 0px!important; }

.w-5 { width:5%; }
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }
.w-33 { width:33.3%; }
.w-35 { width:35%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-50 { width:49.9%; }
.w-55 { width:55%; }
.w-60 { width:60%; }
.w-65 { width:65%; }
.w-67 { width:66.5%; }
.w-70 { width:70%; }
.w-75 { width:75%; }
.w-80 { width:80%; }
.w-85 { width:85%; }
.w-90 { width:90%; }
.w-95 { width:95%; }
.w-100 { width:99.9%; }

/* Images
------------------------------ */
img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
.f-left img, img.f-left {  margin:0.2em 1em 0.2em 0; }
.f-right img, img.f-right {  margin:0.2em 0 0.2em 1em; }