﻿/*
a:active {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333399}
a:active {  }
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333399}
a:link {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333399}
a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333399}
p {  font-family: Arial, Helvetica, sans-serif; font-size: x-small}
td {  font-family: Arial, Helvetica, sans-serif; font-size: x-small}
*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
body 
{
    font-size:10pt;
    font-family:Arial, Helvetica, Sans-Serif;
}


input[type="text"], input[type="password"],select {
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #888;
    padding: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    /*padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;*/
    border: 1px solid rgba(81, 203, 238, 1);
}


input[type=submit], input[type=button] {
    border-radius: 3px;
    border-width: 1px;
    padding: 5px;
    box-shadow: 1px 1px 3px 1px #888;
    background-color:#ddd;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-color: #bbb;
    }


    input[type=submit]:active, input[type=button]:active {
        box-shadow: none;
        margin-top:-1px;
        margin-left:-1px;
        background-color: #eee;
        padding-bottom: 6px;
        border:1px solid #ccc;
    }

.blackA a:link {
        color: black;
        text-decoration: none;
}      
    
    
    
    /* unvisited link */
.blackA a:visited {color:black;text-decoration:none;}  /* visited link */
.blackA a:hover {color:black;text-decoration:none;}  /* mouse over link */
.blackA a:active {color:black;text-decoration:none;}  /* selected link */ 

.myMarginAuto{
   margin:auto;
}

.tdRedBorder 
{
    border:3px solid red;
    margin:5px;
}

.tdYellowBorder 
{
    border:3px solid yellow;
    margin:5px;
}

.PopupPanel
{
    border:2px solid gray;
    background:#eeeeff;
    width:100%;
    padding:3px;
}

.PositionRelative
{
    height:45px;
    padding:0px;
}
 .ModalWindow
{
  border: 1px solid black;
  background:white;
  padding: 10px;
  position:absolute;
  top:-1000px;
}

.menuSelected
{
    font-family:'Oswald', Arial, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size:22pt;
    color:#1f3e62;
    background-color:white;
}
.menuSelected a
{text-decoration:none;}


.autocomplete_completionListElement 
{   
    margin : 0px!important;
    background-color : white;
    color : windowtext;
    border : 1px solid black;
    overflow :auto;
    height : 200px;
    text-align : left; 

    list-style-type: none; 
    padding-left:5px;
    padding-top:5px;
}


a 
{
    font-size:10pt;
    font-family:Arial, Helvetica, Sans-Serif;
}

.ddlFontBold
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11pt;
    font-weight:bold;
}

.ddlFont
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10pt;
}

.ddlFont a
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10pt;
}

.validator
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10pt;
    color:Red;
}



.formLabel
{
    font-weight:bold;
    text-align:right;
}

.my5padding
{
    margin:8px;
}

.ErrorMessage
{
    font-size:10pt;
    font-weight:bold;
    color:Red;
}


.GridHeader
{
    background-color:#B8CCE4;
    color:#000!important;
    font-size:14px;
}
.GridHeader  a
{
    color:#000!important;
    font-size:14px;
}

GridHeader tr a
{
    color:#fff;
}


.MenuItem2
{
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size:12pt;
    padding-bottom:20px;
    color:#F2F4F7;
    padding-left:20px;
    padding-right:20px;
}

.Hand:hover {
    cursor: pointer;
}

/*
.HandOnHover:hover {
    cursor: pointer;
}
    */

.HandOnHover{
    position:absolute;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
    text-align:center;
    vertical-align:central;
    height:12px;
    width:20px;
    cursor:help;
}

.myRoundbutton:hover {
   /*margin-left:3px;
   margin-top:3px
       */
    box-shadow:0 0 11px 1px darkred;
}


.myRoundbuttonDisabled {
    display: inline-flex;
    color: #444;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 7px 7px 5px 15px;
    box-shadow: 1px 1px 3px 1px #888888;
}


.myRoundbutton {
    display: inline-flex;
    color: #444;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 7px 7px 5px 15px;
    box-shadow: 1px 1px 3px 1px #888888;
}


.NoUnder 
{
    text-decoration:none;
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:10pt;
 
}

.NoUnderBlack
{
    text-decoration:none;
    color:black;
    font-family:Arial;
    font-weight:bold;
    font-size:9pt;
 
}

.BlackLink
{
    text-decoration:underline;
    color:Black;
    font-family:Arial;
    font-weight:bold;
    font-size:9pt;
}

.pager  
{
    font-weight:bold;
    font-size:12pt;
    color:#444444;
}

.alightRight
{
    text-align:right;
    background-color:Green;
}

.DontDisplay
{
    display:none;
    visibility:hidden;
}

.DontDisplayText label{
    display:none;
}



.padded-table5px td {
    padding: 5px 5px 5px 5px
}
.padded-table5px th { padding:5px 5px 5px 5px }


.cellPadding3px td {padding:3px 3px 3px 10px}

table.padded-table3px td { padding:3px 3px 3px 10px }
table.padded-table3px
{
    border-collapse: collapse;
}


.TextRightAlign
{
    text-align:right;
}

.Round
{
    border-radius: 5px;
    height:20px;
}

