/*********** Reset CSS ***********/
*{ padding: 0; margin: 0; border: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*********** Tag CSS ***********/
h1,h2,h3,h4{ font-weight: bold; }
h1{ font-size: 2.2em; padding: 10px 0; }
h2{ font-size: 1.8em; padding: 5px 0; }
h3{ font-size: 1.6em; padding: 5px 0;}
h4{ font-size: 1.4em; }
h5{ font-size: 1.2em; }
p{ padding: 3px 0;  }
a, a:visited{ text-decoration:none; }
a:hover{ text-decoration:underline; }
strong{ font-weight: bold; }
em{ font-style: italic; }
small{ font-size: 0.85em; }
blockquote, pre{ width:80%; margin:10px; border:dashed 1px #ccc; padding:10px; background:#f4f4f4; }
hr{ border:0; border-bottom:solid 1px #ccc; clear:both; margin:5px 0px; height: 1px;}
del{ text-decoration:line-through; color:red; }
fieldset{ clear: both; margin: 20px 0; padding: 10px; border: solid 1px #ccc; }
legend{ padding: 0 10px; font-size: 1.1em; }
label,input,select{ padding: 3px; }
input,select{ border:1px solid #ddd; background:#fafafa; }
input:hover,select:hover,input:focus,select:focus{ border-color:#c5c5c5; background:#f6f6f6;} 
input[type=radio],input[type=checkbox]{ margin:0 5px;  }
button{ min-width:60px; height:26px; padding:0 5px; border: solid 1px #ccc; }
button:active{ border: solid 1px #cc3300; }

/*************Class****************/
/* table */
.table{ width: 100%; margin: 10px 0; }
.table th{ border: solid 1px #CC0000; padding: 3px; font-size: 1.1em; font-weight:bold;  }
.table td{ border: solid 1px #CC0000; padding: 3px; }
/* background */
.bg-white{ background-color:#fff !important; }
.bg-gray{ background-color:#f4f4f4 !important; }
.bg-yellow{ background-color:#ffc !important; }
.bg-blue{	background-color: #e2e2ff  !important;}
.bg-info{ background-color:#39C !important; }
.bg-muted{ background-color:#333 !important; }
/* text */
.text-success { color:#339900 !important;}
.text-error { color:#ff0000 !important;}
.text-info { color:#39C !important;}
.text-warning { color:#ffcc66 !important;}
.text-primary { color:#0000cc !important;}
.text-white { color:#FFF !important;}
.muted { color:#999 !important;}
.uppercase{ text-transform:uppercase; }
.indent{ text-indent: 20px; }
.text-center{ text-align:center !important; }
.text-left{ text-align:left !important; }
.text-right{ text-align:right !important; }
/* position */
.pull-center{ margin:0 auto !important; }
.pull-left{ float:left !important;}
.pull-right{ float:right !important;}
.clear{ clear: both; }
.clearfix, .clearfix:before, .clearfix:after { display: table; content: ""; clear: both; }
.split2{ width:50%; float:left; }
.split3{ width:33%; float:left; }
.split4{ width:25%; float:left; }
/* form */
.input-mini{width: 50px;}
.input-small{width: 100px;}
.input-medium{width: 240px;}
.input-large{width: 360px;}
.input-xlarge{width: 450px;}
.input-xxlarge{width: 600px;}
.input-full{width: 100%;}
/* image */
.img-left{ float: left; margin:10px 10px 10px 0; }
.img-right{ float: right; margin:10px 0 10px 10px; }
.img-middle{ vertical-align: middle; }
.img-thumb{ padding: 5px; border: solid 1px #ccc; }
/* style */
.content{ padding:10px; }
.unstyled{ border:none !important; background:none !important; } 
.border{ border: 1px solid #CCCCCC;}
.box{ border:1px solid #ddd; background:#fff; padding: 10px; }
.show{ display:block; }
.hidden{ display:none; }
.transparent{ opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.pointer{ cursor:pointer; }