/* 

New Forms Classes
John Younger
December 2009

*/


.FormContainer {
		width: 900px;
		float: left;
		border: 0;
    		word-wrap: break-word;
		background-color: White;
		background: White;
		}



.FormHeadPanel {
		float: left;
		margin: 15px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: White url(cssimages/PBH.jpg) repeat-x;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.FormSubHeadPanel {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: White url(cssimages/PBH.jpg) repeat-x;
		text-wrap: normal; 
    		word-wrap: break-word;
		}



.FormHeadPanel h2, .FormSubHeadPanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 14px 10px 1px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		text-align: left;
		float: left;
		background: transparent;
		}


.FormHeadPanel a:link, .FormHeadPanel a:visited, .FormSubHeadPanel a:link, .FormSubHeadPanel a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		Padding: 5px 10px 5px 10px;
		color: White;
		text-decoration: none; 
		border-left: 1px solid #cccccc;
		text-align: right;
		float: right;
		}


.JavaButtonPanel {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: WhiteSmoke;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.JavaButton {
		float: left;
		margin: 0px 15px 0px 0px;
		padding: 0px 10px 10px 10px;
			}


.JavaButton h2 {
		margin: 10px -10px 0px -10px;
		padding: 5px 10px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.JavaButton h2:hover{
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: DodgerBlue;
		text-decoration: none;
		}

.JavaButton h3	{
		margin: 3px 0px 0px 0px;
		}

.FormBody {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: White;
		text-wrap: normal; 
    		word-wrap: break-word;
		}


.FormBody h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}	

.FormBody h3 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		line-height: 1.3846153em;
		margin-bottom: 1.0em;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.FormBody .EnquiryPanel {
		padding: 10px 0px 0px 0px;
		}


.FormBodyMaint {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: White;
		text-wrap: normal; 
    		word-wrap: break-word;
		}


.FormDocument {
		padding: 10px 10px 0px 0px;
		width: 880px;
		float:left;
		height: 290px;
		overflow-x: auto;
		overflow-y: auto;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.FormDocumentMaint {
		padding: 10px 10px 10px 10px;
		margin-top: 0px;
		width: 880px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.FormJPanel {
		padding: 10px 10px 10px 10px;
		margin-top: 10px;
		width: 880px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}


.editfield {
		float: left;
		background: Red;
		height: 17px;
		width: 60px;
		}

.djy1 {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		color: DodgerBlue;
		padding: 8px 0px;		
		height: 17px;
		float: left;
		text-align: right;
		margin-bottom: 5px;
		margin-right: 10px;
		vertical-align: middle;
		}

.djy2 {
		font: bold 1.2em  Arial, Helvetica, sans-serif;				
		margin-bottom: 8px;
		margin-top: 2px;
		margin-right: 15px;
		padding: 5px 8px 5px 8px;
		height: 16px;
		float: left;
		background: White;
		border: 1px solid #cccccc;
		}

.FormDocument .EditBar {
		float: left;
		width: 830px;
		margin: 0px 0px 3px 0px;
		padding: 5px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: WhiteSmoke;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.FormDocument .h3 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		line-height: 1.3846153em;
		margin-bottom: 1.0em;
		}

.FormDocument a:link, .FormDocument a:visited {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		margin-bottom: 1.0em;
		text-decoration: underline;
		color: DeepSkyBlue
		}

.FormDocument a:hover {
		font: bold 10pt  Arial, Helvetica, sans-serif;		
		color: DarkTurquoise;
		}




.FormDocumentMaint a:link, .FormDocumentMaint a:visited {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		margin-bottom: 1.0em;
		text-decoration: none;
		}

.FormDocumentMaint a:hover {
		font: bold 10pt  Arial, Helvetica, sans-serif;		
		text-decoration: underline;
		color: DeepSkyBlue
		}

.NoticePanel {
		float: Right;
		margin: 0px 10px 0px 0px;
		padding: 10px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: White;
		border-top: 1px solid #cccccc;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.NoticePanel p {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DarkGray
		}


.NoticePanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: Pink;
		}
.ToolPanel {
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 10px;
		background: White;
		text-wrap: normal; 
    		word-wrap: break-word;
		}


.ToolPanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: Pink;
		}


.MaintContent, .MaintNotice {
		padding: 0px 0px 0px 0px;
		width: 390px;
		margin-top: 10px;
		float:Right;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}


.MaintContent a:link, .MaintContent a:visited, MaintNotice a:link, .MaintNotice a:visited {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: DeepSkyBlue
		}

.MaintContent a:hover, MaintNotice a:hover {
		font: bold 10pt  Arial, Helvetica, sans-serif;		
		color: DarkTurquoise;
		}


.MaintNotice p {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DarkGray
		}

.LinkPanel {
		padding: 0px 10px 5px 10px;
		width: 250px;
		float: left;
		background: White;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-right: 10px;
		text-decoration: none;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.LinkPanel a:link, .LinkPanel a:visited  {
		display:inline-block;
		width: 260px;
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: none; 
		line-height: 2em;
		border-bottom: 1px dotted #cccccc;
		text-align: center;
		padding: 0px 0px;
		margin-bottom: 0px;
		}

.LinkPanel a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: White;
		background: DeepSkyBlue;
		line-height: 2em;
		}

.RecordHeaderPanel {
		margin-top: 0px;
		height: 25px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		border: 1px solid #cccccc;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.RecordHeaderPanel h2  {
		padding: 5px 10px 1px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		text-align: left;
		float: left;
		background: transparent;
		}

.MaintContent h2 {
		margin: 0px 0px 0px 0px;
		padding: 5px 10px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		border: 1px solid #cccccc;
		background: DeepSkyBlue;
		}

.LinkPanel h2 {
		margin: 0px -10px 0px -10px;
		padding: 6px 10px;
		height: 18px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		text-align: center;
		border: none;
		}




.BarPanel 	{
		margin-top: 10px;
		height: 25px;
		width: 390px;
		float: right;
		text-wrap: normal; 
		display: block;
    		word-wrap: break-word;
		border: 1px solid #cccccc;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.Logon {
		padding: 0px 20px 25px 20px;
		float: left;
		display: inline;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: WhiteSmoke;
		border: 1px solid #cccccc;
		margin: 10px 10px 15px 0;
		}

.Logon .pdatalabel {
		height: 17px;
		float: left;
		text-align: right;
		margin-bottom: 15px;
		vertical-align: middle;
		}

.Logon .pdatatext {
		margin-bottom: 15px;
		height: 16px;
		float: left;
		}

.Logon h2 {
		margin: 0px -20px 0px -20px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		text-align: center;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.LogonButton  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: Gray;
		float: Left;
		Width: 70px;
		Height: 28px;
		background: url(cssimages/VirginL2Heading.jpg) no-repeat;
		vertical-align: middle
		}


.DD1 ul, .DD2 ul {
		list-style-type: none;
		}

.DD1 li, .DD2 li {
		position: relative;
		float: left;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		height: 25px;
		Width: 120px;
		}

/* These settings for DD1(a) and DD2(a) are necessary because top menu item has no link at all now */


.DD1 a, .DD2 a {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Gray;
		text-decoration: none;
		display: block;
		height: 23px;
		margin-top: 6px;
		margin-bottom: -4px;
		padding: 0px 0px 0px 5px;
		}

.DD1 a:link, .DD1 a:visited, .DD2 a:link, .DD2 a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Gray;
		text-decoration: none;
		display: block;
		height: 23px;
		margin-top: 6px;
		margin-bottom: -4px;
		padding: 0px 0px 0px 5px;
		}
	
.DD1 li ul, .DD2 li ul {
		position: absolute;
		left: -10000px;
		}

.DD1 li:hover ul, .DD2 li:hover ul {
		display: block;
		left: 0;
		}

.DD1 li li, .DD2 li li {
		border: 1px solid #cccccc;
		color: White;
		height: 25px;
		Padding: 0px;
		Background: White;
		}


.DD1 li li a:link, .DD1 li li a:visited, .DD2 li li a:link, .DD2 li li a:visited {
		text-transform: none;
		background: White;
		height: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 5px 0px 0px 5px;
		}

.DD1 li li a:hover, .DD1 li li a:active, .DD2 li li a:hover, .DD2 li li a:active {
		background: DeepSkyBlue;
		Color: White;
		}

/* These are only differences between DD1 and DD2 */

	
.DD1 li ul 	{
		Width: 200px;
		}


.DD2 li ul 	{
		Width: 340px;
		}


.DD1 li li {
		Width: 200px;
		}

.DD2 li li {
		Width: 168px;
		}


/* End Of Differences */

.LSImage {
  float:left;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 15px 25px 0 10px !important;
  margin: 15px 0 0 10px;
}


.RSImage {
  float:Right;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 15px 0px 0 15px !important;
  margin: 15px 0 0 10px;
}

 
.LSImage img, .RSImage img {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;

}


.SP {
  float:left;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 10px 0px 0px 10px !important;
  margin: 10px 0 0 5px;
  display: inline;
}
 

.SP h2 {
  	color: #777;
  	background-color: DeepSkyBlue;
  	font: bold 10pt Arial, Helvetica, sans-serif;
  	color: White;
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  	margin: -6px 6px 6px -6px !important;
  	margin: 0;
	}

.SP p {
  	background-color: Transparent;
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  	margin: -6px 6px 6px -6px !important;
  	margin: 0;
	}


.MP {

	border: 1px solid #cccccc; 
	background-color: Transparent; 
	padding: 10px; 
	margin: 10px 10px 0px 0;
	float:left;
	text-wrap: normal; 
    	word-wrap: break-word;
	background-color: White;
	}

.MP h1 {
	
	font: bold 13pt Calibri, Arial, Helvetica, sans-serif;
	color: #00b0f0;
	margin: 0px 0px 0px 3px;
	}

.MP h3 {
	margin: -10px -10px -0px -10px;
	padding: 6px 10px;
	height: 18px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: Gray;
	background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
	}


.MP h4 {
	margin: -10px -10px 0px -10px;
	padding: 6px 10px;
	height: 20px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: White;
	background: Transparent url(cssimages/PBH.jpg) repeat-x;
	text-align: center;
	}

.MP p	{
	margin-top: 8px;
	}

.MP .LSImage {
  margin: 15px 10px 0 10px !important;
  margin: 15px 0 0 10px;
	}

/* New PMenuPanel */

.PMenuPanel {
		padding: 0px 10px 5px 10px;
		width: 250px;
		float: left;
		background: White;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-right: 10px;
		text-decoration: none;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.PMenuPanel a:link, .PMenuPanel a:visited  {
		display:inline-block;
		width: 260px;
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: none; 
		line-height: 2em;
		border-bottom: 1px dotted #cccccc;
		text-align: center;
		padding: 0px 0px;
		margin-bottom: 0px;
		}

.PMenuPanel a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: White;
		background: DeepSkyBlue;
		line-height: 2em;
		}

.PMenuPanel h2 {
		margin: 0px -10px 0px -10px;
		padding: 6px 10px;
		height: 18px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		text-align: center;
		border: none;
		}

img.PMBoxImage {
		display: block;		
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 5px
		}

/* End Of New PMenuPanel */