/**
 * @section   : Global CSS
 * @project   : Dragon Plastics
 * @author    : Boye Oomens <boye@e-sites.nl>
 * @media     : all
 * @version   : 2.0
 */

/* Reset CSS */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,
h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0; font-weight:normal;}

/* html + body element */
html {background:#000;}
body {background:#000; margin:0; padding:0; font:62.5% Tahoma; color:#000}

/* headings */
h1 {color:#000; font-size:2.0em}
h2 {color:#000; font-size:1.6em}
h3 {color:#000; font-size:1.4em}
h4, h5, h6 {color:#c00; font-size:1.2em}

/* Horizontal rule */
hr {border:none 0; border-top:1px solid #000; width:100%; height:1px}

/* Anchors */
a:link, a:active, a:visited {color: #fff; text-decoration:underline}
a:hover {color: #fff; text-decoration:none}

/* Images */
img {border:none; margin:0; padding:0}

/* Paragraphs */
p {line-height:1.8em; color:#fff; margin:0 0 10px 0; padding:0}

/* Specific semantic elements */
pre {font:1.2em Courier New; color:#000; white-space:normal; padding:5px 0 5px 0; margin:0}

/* Lists */
ul {margin:0; padding: 0}
li {list-style:none; margin:0}

/* Form elements */
form fieldset {border:none !important; padding:0; margin:0}
form label {display:block; float:left; padding:0; margin:0; text-align:left; font-size:1.2em; color:#000}
form br {clear:left}
input {border:1px solid #000; margin:0 0 5px 0; height:19px; width:157px; padding:3px 4px 0px 4px; background:#fff; font-family:Tahoma,"Arial",Verdana; font-size:1.1em; color:#000}
select {border:1px solid #000; height:16px; margin:0 0 10px 0; padding:1px 1px 1px 1px; background:#fff; font-family:Tahoma,"Arial",Verdana; font-weight:normal; color:#000}
textarea {border:1px solid #000; height:66px; margin:0; width:215px; padding:1px 4px 2px 4px; background:#FFF6D1; font-family:Tahoma,"Arial",Verdana; font-weight:normal; color:#000}

/* Tables */
table, tr, td{border:none; color:#fff; font-size:12px}

/* Global classes */
.paddingTop10px{padding-top:10px !important}
.paddingLeft5px{padding-left:5px !important}
.positionRelative{position:relative !important}
.autoHeight{height:auto !important}
.backgroundRed{background:#EC1A19}
.backgroundGreen{background:#018C39}
.backgroundBlue{background:#0045A0}
.backgroundGrey{background:#CCC}
.backgroundDarkGrey{background:#333}
.noBackgroundColor{background:transparent !important}
.floatRight{float:right !important}
.floatLeft{float:left !important}
.indentGroot{text-indent:-2000px !important}
.notVisible{visibility:hidden !important}
.highlightRed{color:#c00 !important}
.highlightWhite{color:#fff !important}
.noPaddingLeft{padding-left:0 !important}
.noPaddingBottom{padding-bottom:0 !important}
.noPaddingTop{padding-top:0 !important}
.noMarginTop{margin-top:0 !important}
.noMarginBottom{margin-bottom:0 !important}
.noMarginLeft{margin-left:0 !important}
.noMarginRight{margin-right:0 !important}
.displayNone{display:none !important}
.noBorder{border:none !important}
.borderBottomWhite{border-bottom:1px solid white}
.noBorderBottom{border-bottom:none !important}
.floatLeft{float:left !important}
.clearBoth{clear:both}
label.error{color:#c00 !important; font-weight:bold !important}
input.error{border:1px solid #c00}
textarea.error{border:1px solid #c00}
.noBackground{background:none !important}
.overflowAuto{padding:0 10px 0 0 !important; width:261px !important; height:271px !important; outline:0 !important}