/* CSS Document */
@import url("fonts/font.css");
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; background-color: #fff; }
img { border: none; }
a { text-decoration: none; color: inherit; }
.clearfix { clear: both; height: 0; visibility: hidden; display: block; }
.clearfix-noclear { height: 0; visibility: hidden; display: block; }
/*---Global---*/
#wrapper { margin: 0 auto; padding: 0; width: 100%; float: left; }
/*---form controls---*/
.ibutton { display: inline-block; white-space: nowrap; cursor: pointer; overflow: visible; text-decoration: none; border: 1px solid transparent; background-color: #333; color: #fff; font-size: 16px; padding: 3px 9px 5px; font-family: 'Segoe UI Light'; text-align: center; outline: none; }
.ibutton:hover, .ibutton:active { background-color: #666; }


/* Buttons disabled */
input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] { background-color: #666; color: #c5c5c5; cursor: default; }

input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover { background-color: #666; }


.ibutton2 { display: inline-block; white-space: nowrap; cursor: pointer; overflow: visible; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .15); /*tham khao them: http://www.colorzilla.com/gradient-editor/ 	http://www.godaddy.com/domains/searchresults.aspx?ci=24122&isc=gsndvn01 	 	*/ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */ border: 1px solid #999999; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); font-size: 13px; padding: 6px 9px; outline: none; }
.ibutton2:hover, .ibutton2:active { background: none repeat scroll 0 0 #DADADA; text-decoration: none; }

.hr { background: url("imgs/hr1.png") repeat-x scroll right top transparent; display: block; height: 2px; margin: 10px 0px; position: relative; clear: both; }

.caption { font-weight: bold; }

.bold { font-weight: bold; margin-right: 15px; }

.italic {font-style:italic; color: #777; font-weight: normal; font-size: 11px; }

.itext { border: 1px solid #cfcfcf; margin: 0px; padding: 4px 3px; color: #555; }

.hasDatepicker { padding: 4px 3px; border: 1px solid #CFCFCF; color: #555555; }

.iselect { border: 1px solid #cfcfcf; margin: 0px; padding: 4px 3px; color: #555; }
.iselect optgroup option { padding-left: 15px; }

.icheckbox input[type="checkbox"], .iradio input[type="radio"] { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; padding: 0; vertical-align: middle; float: left; }

.icheckbox label, .iradio label { font-weight: normal; margin: 0; padding: 0 5px 0 4px; vertical-align: middle; font-size: 12px; float: left; }
/*---end form controls---*/
/*---capcha---*/
.capcha { position: relative; }
.capcha img { float: left; }
.capcha a { color: #0072BC; text-decoration: none; font-size: 12px; position: absolute; margin-top: 5px; }
.capcha a:hover { color: #c10000; }
/*---endcapcha---*/

/*---breadcrumb---*/
.breadcrumb { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; width: 100%; float: left; }
.breadcrumb span { padding: 5px 5px 0px 0px; }
.breadcrumb a:hover { color: #C10000; text-decoration: underline; }
/*---end breadcrumb---*/
/*---End Global---*/