/*
 * Dee Base | v1 | The Nguyen
 * A Base Stylesheet Without Reset
 * TODO: feel free to modify to fit your needs
*/

/* PAGE */
html {
    font-size: 100.01%; /* Avoids IE 5-7 bug with EM fonts */
}

body {
    background-color: #fff; /* Not all browsers set background color as white */
    /*color: #444;*/
    font: 80%/1.4em Arial, Helvetica, sans-serif; /* Override default font */
    margin: 0;
    padding: 0;
}

#messagewrapper {
    margin-left: 0 !important;
    position: fixed;
    top: 0px;
    width: 95.5%;
    z-index: 1000;
}

.messagebox {
    color: #060;
    margin: 0px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #396;
    background: #cfc url(../Images/information.png) no-repeat 8px 11px;
}

.errorbox {
    color: #c00;
    margin: 0px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #c00;
    background: #fcc url(../Images/exclamation.png) no-repeat 8px 11px;
}

    .errorbox ul {
        margin: 7px 0 0 0;
    }

.exceptionbox {
    color: #c00;
    margin: 10px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #c00;
    background: #fcc url(../Images/exclamation.png) no-repeat 8px 11px;
}
/* HEADING */
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em; /* Big heading look nicer with smaller line-height */
    margin: .7em 0 .5em;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
}

h5 {
    font-size: 1em;
    font-weight: bold;
}

h6 {
    font-size: 1em;
    font-style: italic;
}

/* LIST */
ul, ol {
    line-height: 1.2em;
    margin: .75em 0 .75em 32px;
    padding: 0;
}

    ol li {
        list-style-type: decimal;
    }

    ul li {
        list-style-type: none;
    }

    ul ul li {
        list-style-type: circle;
    }

    ul ul ul li {
        list-style-type: square;
    }

    ol ol li {
        list-style-type: lower-alpha;
    }

    ol ol ol li {
        list-style-type: lower-roman;
    }

dl {
    margin: 1em 0;
}

dt {
    margin: 1em 0 0 0;
}

dd {
    margin: .5em 0;
}

/* PARAGRAPH */
p {
    margin: 1em 0; /* Most browser defaults are "1em 0". */
}

address {
    margin: 1em 0;
}

/* QUOTE */
blockquote {
    margin: .75em 0 .75em 20px;
    padding: 0;
}

    blockquote p:before, blockquote p:after, q:before, q:after {
        content: ''; /* Remove automatic quotation marks for inline quotations ("quotes:none" not working in Webkit browser) */
    }

    blockquote p, li p {
        margin: .75em 0; /* Bring paragraphs inside lists or quotations closer */
    }

/* LINK */
a:active {
    outline: none; /* No dotted outline around links when clicking them */
}

a img {
    border: none; /* No border around images in links */
}

/* MONOSPACE */
pre, tt, code, kbd, samp, var {
    font-family: "Courier New", Courier, monospace;
}

/* INLINE */
sub, sup {
    font-size: smaller;
    line-height: 1em;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

img {
    vertical-align: text-bottom;
}

abbr, acronym, dfn {
    border-bottom: 1px dotted #333;
    cursor: help;
    font-variant: normal;
}

/* FORM */
form, fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

input, button, select, textarea {
    font: 1em/1.4em Arial, Helvetica, sans-serif;
}

    input[type="checkbox"], input[type="radio"] {
        vertical-align: text-bottom;
    }

    button, input[type="submit"], input[type="reset"], input[type="button"], input.button {
        overflow: visible;
        padding: 0 .25em;
        width: 0; /* this is to fix IE 6 and 7 which create extra padding on buttons */
    }

        button, input[type="submit"], input[type="reset"], input[type="button"], input.button[class] { /*ie ignores [class]*/
            width: auto;
        }

/* TABLE */
table {
    border: 0;
    border-collapse: collapse; /* Default is "seperate" */
    border-spacing: 0; /*! No IE 6-7 support */
    margin: 0;
}

    table td, table th {
        border: 0;
        padding: 0;
        /*text-align: left;*/ /* Default is "center" in <th> */
        vertical-align: top; /* Default is "middle" */
    }

/* UTILITY */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
    clear: both;
}

    .clearfix[class] {
        zoom: normal;
    }
/*POPUP*/
    #dialog .box-content-row {
        height: auto;
        clear: both;
    }
    #dialog .box-content-row a{
       color: #0086d5;
    }
    #dialog .box-content-row .float-left {
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    #dialog .box-content-row .lstnews {
        height: auto;
    }
    #dialog .box-content-row img {
        float: left;
        margin-left: 20px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

input[type=reset],
input[type=button],
input[type=submit] {
    min-width: 73px;
    background-color: #337ab7;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    margin-right: 10px;
}