/*MobileView V1*/
.small
{
font-size:smaller;
}
/* basic XHTML div form style for my preference page.*/
#formStyleMyPref
{
margin-top:1em;
}
#formStyleMyPref div.formHeader
{
background-color:#000099; 
color:white; 
font-weight:bold; 
text-align:left;
}

#formStyleMyPref div.formContent
{
background-color:#EEEEEE; 
padding:5px;
    }
#formStyleMyPref div.formContentHeader
{
background-color:#99CCFF; 
color:Black; font-weight:bold; 
padding:.25em 0 .25em 0;
}
/*
.formLable{}
.formInputItem{}
.formInputItemHeader{}
 basic XHTML div form style*

/*table style form currently in ccs*/
/*table style form currently in ccs*/
table.formStyle {
clear: right;
width: 100%;
line-height: 1.7em;
border-collapse: collapse;
/*border: 2px solid white;*/
color: #4f6480;
text-align:left;
}

table.formStyle tr.formHeader {
margin: 0;
padding: 0 0 0 0;
color:white;/*font color*/
background-color:#000099;/*set bg color*/
text-align: left;
font-weight: bold;
}

table.formStyle tr.formHeader td {
padding: 0 0 0 .125em;
color:white;/*font color*/
}



/* styling for form label row */
table.formStyle tr.formLabelTr {
color: #000099;/*font color*/
background: #99CCFF;/*set bg color*/
}
table.formStyle tr.formLabelTr td {
padding: 0 0 0 0.125em;
/*border: 2px solid white;*/
font-weight:bold;
}

/* styling for form input row */
table.formStyle tr.inputItemTr {
/*border: 2px solid white;*/
background: #CFF2F4 /* Set the bgColor for the entire form*/;
}
table.formStyle tr.inputItemTr td{
padding: 0 0 0 0;
/*border: 2px solid white;*/
}

/* styling for link for header if have any....*/
table.formStyle tr.inputItemTr td a:link
{
color: #808000;
text-decoration: underline;
}
table.formStyle tr.inputItemTr td a:visited 
{
color: #808000;
text-decoration: underline;
}
table.formStyle tr.inputItemTr td a:hover 
{
color: #808000;
text-decoration: none;
}

/* styling for link in the "inputItemTrOdd" if have any....*/
table.formStyle tr.inputItemTrOdd td a:link{
color: #808000;
text-decoration: underline;
}
table.formStyle tr.inputItemTrOdd td a:visited {
color: #808000;
text-decoration: underline;
}
table.formStyle tr.inputItemTrOdd td a:hover {
color: #808000;
text-decoration: none;
}
table.formStyle tr.inputItemTrOdd {
background: #c4cfdb;
}
table.formStyle tr.inputItemTrOdd td {
background: #CFF2F4; /* Set the bgColor*/
padding: 0 0 0 0.13em;
color: #4f6480;
}
table.formStyle tr.inputItemTrOdd td.inputItemTrHeader {
padding: 0 0 0 0.13em;
border: 2px solid #adbbca;
font-weight:bold;
}


/* styling for VERTICLE form input row with form lable next to input */
table.formStyle tr.inputItemTr td.inputItemTrHeader 
{
color: #000099;/*font color*/
background: #99CCFF;/*set bg color*/
padding: 0 0 0 0.125em;
border: 1px solid #adbbca;
font-weight:bold;
}



/*style for the header row...*/
table.formStyle tr.contentTr {
font-weight: normal;
}
table.formStyle tr.contentTr td 
{
padding: 0 0 0 0.13em;
background-color: White;
}


/*horizontal form*/
/*horizontal form*/
#formStyleHorizontal
{
background-color: #cff2f4;
border: solid 1px white;
width: 100%;
height: 100%;
}
div.formName
{
background-color: #000099;
border: solid 1px white;
margin: 2px 2px 2px 3px;
font-weight:bold;
margin:3px 3xp 3px 3px;
}

div.formName label
{
color: White;
padding: 2px 2px 2px 5px;
}
/*webkit only styling*/
.webkit, div.inline
{
display:inline-table; 
border: solid 2px white;
background-color: #99CCFF;
margin:3px 3xp 3px 3px;
}
div.inline
{
display: inline;
border: solid 2px white;
background-color: #99CCFF;
margin:3px 3xp 3px 3px;
}

/*webkit only styling*/
.webkit, div.inline div
{
display:inline-table; 
border: solid 2px white;
margin: 5px 2px 5px 2px;
}

div.inline div
{
display: inline;
border: solid 2px white;
margin: 5px 2px 5px 2px;
}
div.inline div.lableId
{
display: table-row;
color: #000099;
font-weight: bold;

}

div.inline div.lableId span
{
color: #000099;
font-weight: bold;
font-size:80%;
}

div.inline div
{
padding: 3px 3px 3px 3px;
border: solid 2px white;
}
div.inline div input, 
div.inline div select, 
div.inline div textarea
{
margin: 5px 2px 5px 2px;
}

.clear
{
clear:both;
}
div.formbase
{
background: #cff2f4;
margin:1px;
}


/*styling for Horizontal form...Look at CrewList for example...*/
.formStyle
{}
 #formStyle
 {}
div.formStyle div.formHeader
  {
      background-color:#000099;
      color:White;   
      text-align:left;
      }

  .formContent
  {     
      }

  div.inline
    {
        display:inline; 
        width:auto;
        background-color:White;
        margin:-2px;
        }
        
    .webkit, div.inline    
    {
        display:inline-table;
        width:auto;
        background-color:White;        
        }

/*formLabel{}*/
    div.inline  div.formLabel
    {display:table-row; 
     background-color:#99ccff;
     
        }
        
    div.inline  div.formLabel label
    {
        color:#330099;
        font-weight:bold;
        padding-left:1px;
        }
        
       div.inline  div.formLabel label span
    {
        font-size:85%;
        }
        
   div.inline hr,  hr
   {
       display:none;
       }  

/*formInputItem{}*/
  div.inline div.formInputItem
  {
      display:table-row; 
      background-color: #cff2f4;
      }
      
  div.inline div.formInput input
  {
      width:90%;
      margin-left:-5px;
      }
 
  .buttonArea
  {
      padding:4px 4px 4px 4px;
      }