/*mobileView*/
.screenwidth, table.formStyle tr td input.screenwidth
{
    width: 100%;
}

.shares, table.formStyle tr td input.shares
{
    width: 100%;
    height: 400px;
    color:Black;
}
.shares
{ font-family:Monospace, "Courier New", "Lucida Console";
  overflow:scroll;
  color:Black;
    }
.feedback
{
    width: 100%;
    height: 70px;
}


table.tripTradeStyle 
{
    clear: right;
    width: 100%;
    line-height: 1.7em;
    border-collapse: collapse;
    border: 2px solid white;
    color: #4f6480;
    text-align:left;
}


table.mainStyle {
    clear: right;
    width: 100%;
    line-height: 1.7em;
    border-collapse: collapse;
    border: 2px solid white;
    color: #4f6480;
    text-align:left;
}

table.mainStyle tr.formHeader {
    margin: 0;
    padding: 0 0 0 0;
    color:#cccc99;
    background-color:#000099;
    text-align: left;
    font-size: 120%;
    font-weight: bold;
}
table.mainStyle tr.formHeader td 
{
    padding: 0 0 0 .125em;
    color:#cccc99;
}

table.mainStyle tr.formLabelTr 
{
    color: #000099;
    background: #99CCFF;
}
table.mainStyle tr.formLabelTr td 
{
    padding: 0 0 0 0.125em;
    border: 2px solid white;
    font-weight:bold;
}


table.mainStyle tr.inputItemTr 
{
    border: 1px solid black;
    background: #CFF2F4 
}
table.mainStyle tr.inputItemTr td{
    padding: 0 0 0 0;
    border: 1px solid black;
}

table.mainStyle tr.contentTr {
    font-weight: normal;
}
table.mainStyle tr.contentTr td 
{
    padding: 0 0 0 0.13em;
    background-color: White;
}

/*style for the */
.mainHolder
{
    padding:5px; 
    margin:0;
    border:solid 1px black;
    }

.clear
{
clear:both;
}

.myVacationFormatA
{
    width:98%;
    display:table-cell; 
    visibility:visible;
    vertical-align:top;
    background-color:Red;
    
    }

.myVacationFormatB
{ width:1%;
    display:none;
  display:table-cell; padding-left:100px; 
  padding-top:20px
    
    }