/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.backpos
{
    float:right;
}

.bookingtitle
{
    float:left;
}


div.fileinputs
{
    position: relative;
    display: inline;
}

div.fakefile
{
    position: absolute;
    top: 4px;
    left: 0px;
    z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


table.sample {
	border-width: 1px;
	border-spacing: 3px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: whitesmoke;
}

#containerd 
{ 
position:absolute;
top:35%;
left:38%;
text-align:center;
} 

#container1d
{
    position: absolute;
    top: 0%;
    left:0%;    
    opacity: 0.7;
    width: 100%;
    height: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:center;
} 



#container 
{ 
position:absolute;
top:35%;
left:38%;
text-align:center;
} 

#container1
{
    position: absolute;
    top: 0%;
    left:0%;    
    opacity: 0.7;
    width: 100%;
    height: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:center;
} 

#container_ 
{ 
position:absolute;
top:35%;
left:38%;
text-align:center;
} 

#container1_
{
    position: absolute;
    top: 0%;
    left:0%;    
    width: 100%;
    height: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:center;
	z-index:99;
} 

#topmost
{
position: absolute;
z-index:999;
}



.hideme
{
    visibility: hidden;
}

.showme
{
     visibility:visible;
}


#booking1
{
    position: absolute;
    top: 0%;
    left:0%;    
    width: 100%;
    height: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:center;
} 

#booking2
{
    position: absolute;
    top: 0%;
    left:0%;    
    opacity: 0.7;
    width: 100%;
    height: 100%;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:center;
} 

.graybackground
{
    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:gray;
    filter: alpha(opacity=70);
	opacity:0.7; 
	-moz-opacity:0.7; 
    text-align: center;
    vertical-align:middle;
} 


.graybackgroundwrapper
{
    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align:middle;
} 


.dummydiv
{
    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
} 

.dummydiv1
{
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 175%;
    text-align: center;
    background-color: WhiteSmoke;
} 

.center {
position:absolute;
top:50%;
text-align: center;
margin-top:-10%;
width: 100%;}

.content { 
margin-left:auto; 
margin-right:auto;
height: 200px; 
width: 200px;
/*background-color: #000;*/}


.dialog {
 width:500px;
 margin:0px auto;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../Images/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../Images/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../Images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../Images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../Images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../Images/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../Images/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}