/* base.css
 * 1 reset default, 2 define basic styles
*/

/* reset base on yui */
html{color:#000; background: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0; font-size: 0.75em}
img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
caption{color: #333; font-weight: bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: none;}
input,textarea,select{*font-size:100%}
fieldset{border: 1px solid #ddd; padding: 10px 15px 15px;}
legend{color:#000; font-size: 0.75em; border: none; width: auto; padding: 0 5px; font-weight: bold;}#yui3-css-stamp.cssreset{display:none}
a{text-decoration: none;}
    
/* common styles */
.white		{ color: #ffffff }
.blue   	{ color: #0073ea }
.green  	{ color: #00bf00 }
.orange 	{ color: #ff7f00 }
.red    	{ color: #ff0000 }
.bg-green   { background-color: #00bf00!important }
.bg-red     { background-color: #ff0000!important }
.bg-orange  { background-color: #ff7f00!important }
.bg-blue    { background-color: #0073ea!important }
.bg-eee		{ background-color: #eee!important }
.bg-f8f8f8  { background-color: #f8f8f8!important }
.bg-ffffff  { background-color: #ffffff!important }
.red-f30    { color: #ff3300!important }
.grey-b		{ color: #bbbbbb!important }
.grey-9		{ color: #999999!important }
.grey-6		{ color: #666666!important }
.grey-5		{ color: #555555!important }
.grey-3		{ color: #333333!important }
.bg-fff		{ background-color: #fff!important }
.high-light { background-color: #cce5ff!important }
.display-ib { display: inline-block!important }
.display-b  { display: block!important }
.display-i  { display: inline!important }
.display-it { display: inline-table!important }
.display-n  { display: none }

.link-disabled { color: #666; }
.link-disabled:hover { text-decoration: none; cursor: default; color: #666; }

.f10 { font-size: 10px!important; }
.f12 { font-size: 0.75em; line-height: 1.75em }
.f14 { font-size: 0.875em; line-height: 1.75em }
.f18 { font-size: 18px!important }
.f100{ font-size: 16px!important }
.bold { font-weight: bold; }

.width-10  { width: 10px!important }
.width-20  { width: 20px!important }
.width-30  { width: 30px!important }
.width-50  { width: 50px!important }
.width-60  { width: 60px!important }
.width-75  { width: 75px!important }
.width-90  { width: 90px!important }
.width-100 { width: 100px!important }
.width-125 { width: 125px!important }
.width-150 { width: 150px!important }
.width-200 { width: 200px!important }
.width-300 { width: 300px!important }
.width-100p { width: 100%!important }
.width-time { width: 120px!important }

.height-10  { height: 10px!important }
.height-20  { height: 20px!important }
.height-30  { height: 30px!important }
.height-40  { height: 40px!important }
.height-50  { height: 50px!important }
.height-60  { height: 60px!important }
.height-100 { height: 100px!important }

.margin-0  { margin: 0!important }
.margin-5  { margin: 5px!important }
.margin-10 { margin: 10px!important }
.margin-15 { margin: 15px!important}

.padding-0  { padding: 0!important }
.padding-5  { padding: 5px!important }
.padding-10 { padding: 10px!important }
.padding-15 { padding: 15px!important }

.margin-top-0  { margin-top: 0!important }
.margin-top-5  { margin-top: 5px!important }
.margin-top-10 { margin-top: 10px!important }
.margin-top-15 { margin-top: 15px!important }

.margin-right-0  { margin-right: 0!important }
.margin-right-5  { margin-right: 5px!important }
.margin-right-10 { margin-right: 10px!important }
.margin-right-15 { margin-right: 15px!important }

.margin-bottom-0  { margin-bottom: 0!important}
.margin-bottom-5  { margin-bottom: 5px!important }
.margin-bottom-10 { margin-bottom: 10px!important }
.margin-bottom-15 { margin-bottom: 15px!important }

.margin-left-0  { margin-left: 0!important }
.margin-left-5  { margin-left: 5px!important }
.margin-left-10 { margin-left: 10px!important }
.margin-left-15 { margin-left: 15px!important }

.padding-top-0  { padding-top: 0!important} 
.padding-top-5  { padding-top: 5px!important }
.padding-top-10 { padding-top: 10px!important }
.padding-top-15 { padding-top: 15px!important }

.padding-right-0  { padding-right: 0!important }
.padding-right-5  { padding-right: 5px!important }
.padding-right-10 { padding-right: 10px!important }
.padding-right-15 { padding-right: 15px!important }

.padding-bottom-0  { padding-bottom: 0!important }
.padding-bottom-5  { padding-bottom: 5px!important }
.padding-bottom-10 { padding-bottom: 10px!important }
.padding-bottom-15 { padding-bottom: 15px!important }

.padding-left-0  { padding-left: 0!important }
.padding-left-5  { padding-left: 5px!important }
.padding-left-10 { padding-left: 10px!important }
.padding-left-15 { padding-left: 15px!important }

.text-left   { text-align: left }
.text-center { text-align: center }
.text-right  { text-align: right }
.text-ellipsis { width: 60px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.text-ellipsis-auto { 
	display: block; 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
}


.border-radius-2 { border-radius: 2px }
.border-radius-4 { border-radius: 4px }
.border-color-ddd { border-color: #ddd!important }