/*desktop View V0*/
.small
{
font-size:80%;
}

/*VRU Styles Start*/

#formStyleMyPrefVRU {
	border: solid 2px black;
	margin-top: 1em;
}

#formStyleMyPrefVRU div.formVRUHeader {
		background-color: #000099;
		color: white;
		font-weight: bold;
		text-align: left;
}


#formStyleMyPrefVRU div.formVRUContent {
		background-color: #EEEEEE;
		padding: 5px;
	}

#formStyleMyPrefVRU div.formVRUContentDetails {
		background-color: #99CCFF;
		color: Black;
		font-weight: bold;
		padding: .25em 0 .25em 0;
	}

#formStyleMyPrefVRU div.formdivNoPin {
		background-color: #EEEEEE;
		color: red;
		font-weight: bold;
		text-align: center;
	}

/*VRU Styles End*/
/* basic XHTML div form style for my preference page.*/0
#formStyleMyPref {
	border: solid 2px black;
	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: black;
	text-align: left;
}
/*styling for form header row*/
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....
To be delete in the future///
table.formStyle tr.inputItemTr td a:link
{
color: #000099;
text-decoration: underline;
}
table.formStyle tr.inputItemTr td a:visited 
{
color: #000099;
text-decoration: underline;
}
table.formStyle tr.inputItemTr td a:hover 
{
color: #000099;
text-decoration: none;
}
*/
/* styling for link in the "inputItemTrOdd" if have any....*/
/*To be delete in the future///
table.formStyle tr.inputItemTrOdd td a:link{
color: #000099;
text-decoration: underline;
}
table.formStyle tr.inputItemTrOdd td a:visited {
color: #000099;
text-decoration: underline;
}
table.formStyle tr.inputItemTrOdd td a:hover {
color: #000099;
text-decoration: none;
}
*/
table.formStyle tr.inputItemTrOdd {
background: #c4cfdb;
}
table.formStyle tr.inputItemTrOdd td {
background: #CFF2F4; /* Set the bgColor*/
padding: 0 0 0 0.6em;
color: #4f6480;
}
table.formStyle tr.inputItemTrOdd td.inputItemTrHeader {
padding: 0 0 0 0.6em;
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.6em;
background-color: White;
}


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


div.formName label
{
color: White;
margin: 4px;
}

div.inline
{
display: inline;
}

.webkit, div.inline    
{
    display:inline-table; 
    }


div.inline div.lableId
{
display: table-row;
color: #000099;
font-weight: bold;
background: #99CCFF;/*set bg color*/
}

div.inline div
{
display: table-row;
background-color: #cff2f4;
}

div.inline div.lableId span
{
color: #000099;
font-size:x-small;
}

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;   
      padding:0 0 0 5px;
      text-align:left;
      }

  .formContent
  {     
background-color: #cff2f4;
      }

  div.inline
    {
        display:inline; 
        width:auto;
        border-right:solid 1px white;
        background-color:White;
        }
        
    .webkit, div.inline    
    {
        display:inline-table;
        width:auto;
        border-right:solid 1px white;
        background-color:White;        
        }

/*formLabel{}*/
    div.inline  div.formLabel
    {display:table-row; 
     background-color:#99ccff;
        }
        
    div.inline  div.formLabel label
    {
        color:#330099;
        padding:2px 10px 2px 4px;
        }
        
    div.inline  div.formLabel label span
    {
        font-size:85%;
        }
        
   div.inline hr,  hr
   {
      padding:0; 
      margin:0; 
      color:White; 
      height:1px; 
       }  

/*formInputItem{}*/
  div.inline div.formInputItem
  {
      display:table-row; 
      background-color: #cff2f4;
      }
      
  div.inline div.formInput input
  {
      margin:2px 5px 4px 5px;
      padding:2px 5px 2px 5px;
      }
 
  .buttonArea
  {
      background-color:#99ccff;
      padding:4px 4px 4px 4px;
      }      
      
/*fix for bb 88** series table in crewlist and OpenTime...///*/