body {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
}

h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
}

h2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

h3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    font-style: italic;
    font-weight: normal;
}

p {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}



ol {
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
}

li {
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    list-style-image: url(Bullet.gif);
}

.label {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.error {
    font-family: Tahoma;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

.headerdata {
    font-family: Tahoma;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #0033CC;
}

.largelabel {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.data {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #0033CC;
}

.bolddata {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #0033CC;
}

.select {
    color: #000000;
    background-color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

input {
    border: solid 1px #bbb;
}

/* new button*/

.button {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    background-color: #346392;
    text-shadow: -1px 1px #417cb8;
    border: solid 1px #000;
    padding: 5px;
}

.eventbutton {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    background-color: #346392;
    text-shadow: -1px 1px #417cb8;
    border: solid 1px #000;
    padding: 5px;
}

.button:hover,
.button.hover {
    background-color: #27496d;
    text-shadow: -1px 1px #27496d;
}

.button:active,
.button.active {
    background-color: #27496d;
    text-shadow: -1px 1px #193047;
}

.clock {
    color: #FFFFFF;
    background-color: #0033CC;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.warning {
    color: #FF0000;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}



/* New */


td, th {
    border: 1px solid transparent; /* No more visible border */
    height: 30px;
    transition: all 0.3s; /* Simple transition for hover effect */
    //vertical-align: bottom;
}

    td img {
        //vertical-align: bottom;
    }


th {
    background: #DFDFDF; /* Darken header a bit */
    font-weight: bold;
}

td {
    //background: #FAFAFA;
}


/*tabs*/

.tabs {
    background-color: #fff;
    height: 30px;
    border-bottom: solid 1px #bbb;
}

    .tabs > ul {
        list-style-type: none !important;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #133;
        border: 1px;
        height: 30px;
    }


    .tabs > li {
        float: left;
        margin-right: 4px;
        list-style-type:none;
    }

    .tabs li a {
        display: inline-block;
        color: white;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        //height:10px;
        //line-height:10px;
        text-decoration: none;
    }

        .tabs li a:hover {
            background-color: #eee;
        }

.tab-active {
    background-color: #ddd;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    height: 25px;
    font-weight: bold;
    color: #0033CC;
}

.tab-disabled {
    background-color: #fff;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    height: 25px;
    font-weight: bold;
    color: #0033CC;
}

.tabs li a {
    color: #000b47;
}

    .tabs li a img {
        padding-left: 6px;
    }

/* Hover tooltips */
.field-tip {
    position: relative;
    cursor: help;
}

  .field-tip .tip-content {
        position: absolute;
        top: -10px; /* - top padding */
        right: 9999px;
        width: 200px;
        margin-right: -220px; /* width + left/right padding */
        padding: 10px;
        color: #fff;
        background: #333;
        -webkit-box-shadow: 2px 2px 5px #aaa;
        -moz-box-shadow: 2px 2px 5px #aaa;
        box-shadow: 2px 2px 5px #aaa;
        opacity: 0;
        -webkit-transition: opacity 250ms ease-out;
        -moz-transition: opacity 250ms ease-out;
        -ms-transition: opacity 250ms ease-out;
        -o-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content: ' '; /* Must have content to display */
            position: absolute;
            top: 50%;
            left: -16px; /* 2 x border width */
            width: 0;
            height: 0;
            margin-top: -8px; /* - border width */
            border: 8px solid transparent;
            border-right-color: #333;
        }

    .field-tip:hover .tip-content {
        right: -20px;
        opacity: 0.9;
    }