﻿/* DEFAULTS
----------------------------------------------------------*/
*
{
    margin: 0px;
    padding: 0px;
}

html, body, form, #wrap, #cntMainMainContent
{
    height: 100%;
}

body
{
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #696969;
    margin: 0;
    padding: 0;
}

form
{
    overflow: auto;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.page
{
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.header
{
    background: #4b6c9e;
    width: 100%;
}

.logo
{
    background-color: White;
}

.title
{
    color: #DDE4EC;
    font-size: large;
    font-weight: 600;
}

.menu
{
    padding: 2px 2px 2px 5px;
    background-color: #3a4f63;
}

.Modules
{
    vertical-align: middle;
    font-size: 1.1em;
    padding: 3px 10px 3px 10px;
    color: White;
}

.loginDisplay
{
    font-size: 1.1em;
    text-align: right;
    padding: 3px 10px 3px 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.LabelCell
{
    text-align: right;
}


fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}



.wrapper 
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto -1.5em;
}
 
.push, .footer
{
    height: 1.5em;
    text-align: center;
}

.ButtonTextWhiteShadow
{
    font-family: Calibri, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    color: White;
    text-shadow: black 0.15em 0.15em 2px;
}

.buttonqqq
{
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: white;
    text-decoration: none;
    font-size: 10px;
    font-family: helvetica, arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative; /* BACKGROUND GRADIENTS */
    background: #014464;
    background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C)); /* BORDER RADIUS */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #368DBE;
    border-top: 1px solid #c3d6df; /* TEXT SHADOW */
    text-shadow: 1px 1px 1px black; /* BOX SHADOW */
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}

/* WHILE HOVERED */
.buttonqqq:hover
{
    background: #014464;
    background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));
}

/* WHILE BEING CLICKED */
.buttonqqq:active
{
    -moz-box-shadow: 0 2px 6px black;
    -webkit-box-shadow: 0 2px 6px black;
}
.rot-neg-90
{
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: top left;
    -o-transform: rotate(-90deg);
    -o-transform-origin: top left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.MaxHeight
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.LoginPageBG
{
    overflow: auto;
    background:url('Clouds.jpg') no-repeat center bottom fixed; 
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.LoginTitle
{    
    position:absolute; 
    left:15%;
    width:300px;
    margin-left:-150px;
    top:10%; 

    font-family: Calibri, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: White;
    text-shadow: black 0.15em 0.15em 2px;

    user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.LoginPanel
{    
    position:absolute; 
    left:80%;
    width:400px;
    margin-left:-200px;
    top:50%; 
    height:300px; 
    margin-top:-150px;
}
.LoginPanelTable
{
    width: 100%;
    border-radius: 5px;
    background: rgba(13, 46, 132, 0.7);
    padding: 10px;
    
    font-family: Calibri, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: White;
    text-shadow: black 0.15em 0.15em 2px;

    user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;

}
.NoShadow
{
    text-shadow: none;
    padding-top: 10px;
}

.yok
{
    background: #2b589b; /* Old browsers */
    background: -moz-linear-gradient(top,  #2b589b 0%, #2b589b 0%, #2b589b 50%, #406599 51%, #758499 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b589b), color-stop(0%,#2b589b), color-stop(50%,#2b589b), color-stop(51%,#406599), color-stop(100%,#758499)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b589b 0%,#2b589b 0%,#2b589b 50%,#406599 51%,#758499 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b589b 0%,#2b589b 0%,#2b589b 50%,#406599 51%,#758499 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b589b 0%,#2b589b 0%,#2b589b 50%,#406599 51%,#758499 100%); /* IE10+ */
    background: linear-gradient(top,  #2b589b 0%,#2b589b 0%,#2b589b 50%,#406599 51%,#758499 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b589b', endColorstr='#758499',GradientType=0 ); /* IE6-9 */
}

.MapMarkerLabel
{
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 80px;     
    border: 2px solid black;
    white-space: nowrap;
}



.dxpc-mainDiv
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.dxpc-header
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.FieldLabel
{
    text-align: right;
    padding-right:5px;
}


.dxeTextBox_PlasticBlue .dxeEditArea_PlasticBlue, .dxeMemo_PlasticBlue .dxeMemoEditArea_PlasticBlue, .dxeButtonEdit_PlasticBlue .dxeEditArea_PlasticBlue
{
    background-color: #EEEEEE !important;
}

.dxeTextBox_PlasticBlue, .dxeMemo_PlasticBlue, .dxeButtonEdit_PlasticBlue
{
    border: 1px solid #E5E5E5 !important;
    border-radius: 3px !important;
    background-color: #EEEEEE !important;
}

#FormCaption, .FormCaption
{
    width:99%;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:5px;
    border: 1px solid #8BA0BC;
    color: #1E395B;
    background-color:#DAE5F2;
}

#FormCaption, .FormCaption table 
{ 
    border-spacing: 0px !important;
    border-collapse: collapse !important;
}

.ListContent
{
    width: 99%;
    margin: 0 auto;
    overflow: auto;
    height: 520px;
}

.FormContent
{
    width: 95%;
    margin: 0 auto;
    overflow: auto;
    height: 520px;
}

.lblFormName
{
    font-size:15 !important;
    font-weight:bold !important;
    padding-left:5px !important;
}

.GroupHeader
{
    background-color:#DCF7F5;
    border-bottom:1px solid black;
    font-size:15 !important;
    font-weight:bold !important;
    padding-left:5px !important;

}