/*desktopView*/
.screenwidth
{
    width: 687px;
}

.shares
{
    font-family:Monospace, "Courier New", "Lucida Console";
    color:Black;
}

.feedback
{
    width: 687px;
    height: 70px;
}


table.tripTradeStyle 
{
    clear: right;
    width: 70%;
    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;
    color: black;
    text-align:left;
    border:solid 2px black; 
}

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

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

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


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

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



/*style for the main page.
this secion is for the old styling
The coner style is set in the ccs_login.css*/
.mainHolder
{
    width:100%; 
    height:100%; 
    padding:0; 
    margin:0;
    }

.leftPanel
{
    width:28%;
    height:20px;
    float:left; 
    padding-right:10px;
    }
    
.leftPanelSub
{
    width:100%; 
    border:solid 2px black; 
    margin:5px;  
    border-bottom-style:none;
    }
    
.rightPanel
{ border:solid 2px black; 
  float:left; 
  width:68%; 
  margin:5px; 
  border-bottom-style:none;
    
    }
 div.mainHolder div.formHeader
 {
    margin: 0;
    padding: 0 0 4px 0;
    color:#cccc99;
    background-color:#000099;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
     }
  div.leftPanel div.leftPanelSub table
  {
      width:100%;
      border-style:none;
      }
div.rightPanel table
{
    width:100%;
    border:none;
    padding:1em;
    
    }

table.mainStyle table li
{
    list-style-type:disc;
    margin-left:20px;
    margin-right:10px;
    }

    
    
    
 /*THis is for the corner for the legacy CCS styling*/
.cornerBendOuter
{
    height:20px;
    
    }
.cornerBendBg
{
background-color:#99ccff; 
width:100%;
height:19px;
border-left-style:none;
border-left:none 0;
border-bottom:solid 2px black;
}

.cornerBend
{
background-image: url(../image/cornerBend1.gif); 
width:25px; height:23px; 
background-position:right; 
background-repeat:no-repeat; 
margin-top:-22px;
margin-right:-4px;
margin-left:-3px;
float:right;
background-color:White;
vertical-align:top;
}
    
.clear
{
clear:both;
}
#min700Width
{
    min-width:700px;
    }


.myVacationFormatA
{
    width: 60%;
    display: table-cell;
    visibility: visible;
    vertical-align: top;
    border: 1px solid red;
}

.myVacationFormatB
{
    display: table-cell;
    padding-left: 100px;
    padding-top: 20px;
}
.selectMeal
{
    overflow: hidden !important;
    word-wrap: break-word;
    width: 190PX;
}