@import url('../plugins/font/roboto-regular/roboto-regular.css');
@import url('../plugins/font/roboto-bold/stylesheet.css');
@import url('../plugins/font/bebas/stylesheet.css');

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, 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, 
menu, nav, output, ruby, section, summary,
figure, figcaption, footer, header, hgroup, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'RobotoRegular';
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	outline:none;
	-webkit-text-size-adjust:none;
}

h1, h2, h3, h4, h5, h6, strong, b {font-family: 'robotobold';}

p, ul {margin-bottom:10px;}

::-webkit-selection {
  color: white;
  background-color: #e8e8e8;
  text-shadow: none; }

::-moz-selection {
  color: white;
  background-color: #e8e8e8;
  text-shadow: none; }

::selection {
  color: white;
  background-color: #e8e8e8;
  text-shadow: none; }

/* 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;}
a {text-decoration: none; color: blue; cursor: pointer;}
a img {border: 0;}
th {text-align:left; background-color: #f1f1f1;}

input, textarea, select {outline: none; font-size:12px;}
textarea {width: 100%; height:100px; resize: none;}
select {min-width: 100px;}
/*input[type=text] {min-width: 94px; padding:0 3px;}*/
a#button, input[type=submit], input[type=button] {padding: 5px 15px; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; border:0;}
a#button {background-color: #ddd; display:table; margin-top:10px;}
fieldset {border:1px solid #ccc; padding: 5px; background-color:#fafafa; margin-bottom: 5px;}
button {border:none; background-color:lightgreen; cursor:pointer;}

pre, code {font-family: 'Courier New', Courier; overflow:hidden;}
.cleared {float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px;}

/*#red, #blue, #green, #grey {font-weight:bold;}*/
#red {color:red;}
#blue {color:blue;}
#green {color:lightgreen;}
#grey {color:lightgrey;}

#true, #false, #warning {color: black; min-height: 10px; padding: 5px; padding-left: 25px;}
#true {background: url('../images/true.png') no-repeat 5px center; background-color: #d9ffdd;}
#false {background: url('../images/false.png') no-repeat 5px center; background-color: #ffc8c8;}
#warning {background: url('../images/warning.gif') no-repeat 5px center; background-color: #fff08e;}

#datatable img {max-width:150px; max-height:150px;}