body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#666666;
	background-image:url(images/cv_bkg_blk.gif);
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.showMe{
visibility:visible;
}
.noShowMe{
visibility:hidden;
}
.rmTitle{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
color:#666666;
}
tr.alt1 td{
background-color:#666666;
border-bottom: 1px solid;
border-bottom-color:#000000;
border-top: 2px solid;
border-top-color:#cdcdcd;
color:#FFFFFF;
height:20px;
font-weight:bold;
}
tr.over1 td{
background-color:#993333;
border-bottom: 1px solid;
border-bottom-color:#000000;
border-top: 2px solid;
border-top-color:#cdcdcd;
color:#FFFFFF;
cursor:pointer;
height:20px;
font-weight:bold;
}
th{
background-color:#3399CC;
border-bottom: 2px solid;
border-bottom-color:#333399;
border-top: 2px solid;
border-top-color:#333399;
}
#cvControlspacing{
margin-left:5px;
margin-top:10px;
}


#cvMainBkg{
height:660px;
width:899px;
margin-left:10px;
margin-top:10px;
 background-color:#FFFFFF;
border:2px solid #000000;
padding:0px;
}
#cvMainBkgDef{
height:560px;
width:899px;
margin-left:10px;
margin-top:30px;
 background-color:#FFFFFF;
border:2px solid #000000;
padding:0px;
}
#cvHeader{
height:73px;
width:900px;
margin-left:11px;
margin-top:-666px;
background-color:#FFFFFF;
border:1px solid #000000;
}
#cvHeaderDef{
height:100px;
width:900px;
margin-left:11px;
margin-top:-585px;
background-color:#FFFFFF;
border:1px solid #000000;
}
#cvControl{
height:525px;
width:380px;
margin-left:25px;
margin-top:-500px;
background-color: #FFFFFF;
border:0px solid #000000;
}
#cvControlUpper{
height:530px;
width:420px;
margin-left:20px;
margin-top:-500px;
background-color: #FFFFFF;
border:1px solid #000000;
}
#cvControl_CT{
height:525px;
width:340px;
margin-left:25px;
margin-top:10px;
background-color: #FFFFFF;
border:1px solid #000000;
}
#cvControlDefault{
height:449px;
width:250px;
margin-left:20px;
margin-top:-453px;

border:1px solid #000000;
}
#RoomSelect{
margin-left:20px;
margin-top:-450px;
}
#cvViewer{
height:455px;
width:540px;
margin-left:285px;
margin-top:-446px;
background-color: #FFFFFF;
border:1px solid #000000;
}
#cvViewerDefault{
height:445px;
width:540px;
margin-left:285px;
margin-top:-447px;
background-color: #006699;
border:1px solid #000000;
}
#cvViewerFloor{
height:530px;
width:410px;
margin-left:410px;
margin-top:-530px;
background-color: #FFFFFF;
border:0px solid #000000;
/*background-color:#99CC33;*/
}
#cvViewerCounter{
height:530px;
width:410px;
margin-left:410px;
margin-top:-530px;
background-color: #FFFFFF;
border:0px solid #000000;
/*background-color:#99CC33;*/
}
#cvViewerBack{
height:530px;
width:410px;
margin-left:435px;
margin-top:-530px;
background-color: #FFFFFF;
border:0px solid #000000;
/*background-color:#99CC33;*/
}
#cvViewerLogin{
height:500px;
width:815px;
margin-left:25px;
margin-top:-500px;
background-color: #FFFFFF;
border:1px solid #000000;
}
#cvWorkspace{ 
margin-left:300px;
margin-top:15px;
border: 1px solid #000000;
width:550px;
height:450px;
}
#container{
border:0px solid #000000;
margin-top:10px;
margin-left:5px;
}

#cvRoomDetails{
height:80px;
width:175px;
border:1px solid #000000;
margin-top:-435px;
margin-left:640px;
}
#cvRoomSummary{
height:330px;
width:175px;
border:1px solid #000000;
margin-top:10px;
margin-left:640px;
background-color:#9999CC

}

#cvFooter{
text-align:center;
margin-left:10px;
margin-top:485px;
border:0px solid #000000;
width:900px;
font-size:11px;
color:#999999;

}
#cvFooter a:link{
color:#AAAAAA;
text-decoration:underline;
}
#cvFooter a:visited{
color:#AAAAAA;
text-decoration:underline;
}
#cvFooterBack{
text-align:center;
margin-left:10px;
margin-top:25px;
border:0px solid #000000;
width:900px;
font-size:11px;
color:#999999;

}
#cvFooterBack a:link{
color:#AAAAAA;
text-decoration:underline;
}
#cvFooterBack a:visited{
color:#AAAAAA;
text-decoration:underline;
}
#cvFooter2{
text-align:center;
margin-left:10px;
margin-top:600px;
border:0px solid #000000;
width:900px;
font-size:11px;
color:#999999;

}
#cvFooter2 a:link{
color:#AAAAAA;
text-decoration:underline;
}
#cvFooter2 a:visited{
color:#AAAAAA;
text-decoration:underline;
}

#cvLogo{
height:482px;
width:57px;
background:#993333;
background-image:url(images/cv_grad_red.gif);
margin-top:-774px;
margin-left:857px;
vertical-align:middle;

}
#cvLogo2{
height:482px;
width:45px;
background:#993333;
background-image:url(images/cv_grad_red.gif);
margin-top:-600px;
margin-left:860px;
vertical-align:middle;
overflow:hidden;


}

#logoarea{
margin-top:-155px;

}

.cvTopSmall{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.cvTopSmall a:link, .cvTopSmall {
color:#FFFFFF;
text-decoration:none;
}
.cvTopSmall a:visited{
color:#EFEFEF;
text-decoration:none;
}

.cvTopSmall a:hover{
color:#EFEFEF;
text-decoration:underline;
}



.cvTopSmall2{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.cvTopSmall2 a:link, .cvTopSmall a:visited{
color:#FFFFFF;
text-decoration:none;
}

.cvTopSmall2 a:hover{
color:#EFEFEF;
text-decoration:underline;
}








#cvHeaderSmall{
position:absoloute;
margin-left:500px;
margin-top:-25px;
width:330px;
border:0px solid #ffffff;
text-align:left;
}
#cvHeaderSmTable{
margin-left:-300px;
}

/* Grey bar Navigation Horizontal */
#navcontainer{
margin-left:5px;
margin-top:-17px;
float: left;
background-color: #666666;
width:600px;
height:20px;
/* border:dotted medium #99FF33; */


}
#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 2%;
color: #FFFFFF;
font-family: verdana, geneva, arial, helvetica, sans-serif;
/*text-transform: uppercase; */
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #666666;
color: #FFFFFF;
text-decoration: none;
float: left;
letter-spacing: 1px;
border-right: 2px solid #efefef;

}

#navcontainer ul li a:hover 
{
background-color: #993333;
color: #FFFFFF;
}

#navlist li a:hover, #navlist a:link#current, #navlist a:visited#current
{
color: #FFFFFF;
text-decoration: none;
background: #993333;
font-family: verdana, geneva, arial, helvetica, sans-serif;
/*text-transform: uppercase;*/
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

#current {
background:#993333;


}
/* Loader */
#siteLoader {
	position: absolute;
	z-index: 100;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 0;	
}

#loadImg {
	position: absolute;
	text-align: center;
	background-color: #fff;
	width: 100%;
	z-index: 100;
	top: 10%;
	left: 0;
	line-height: 0;	
}

#loadText {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 20px;
  height: 25px;
  color: #fff;	
  text-align: center;  
	vertical-align: top;
}

#siteDetailLoader {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 14px;
  color: #fff;	
	text-align: center;
	vertical-align:middle;
	margin-right:50px;
	margin-top:80px;
	
  height:25px;
}

/*Summary: cvRoomSummary.cfm */
#SummaryMainArea{
height:850px;
width:700px;
margin-left:10px;
margin-top:10px;
 background-color:#FFFFFF;
border:2px solid #000000;
padding:0px;
}

.ItemTitleStyle{
font-family: Verdana, Arial;
font-size: 12px;
font-weight:bold;
}
.SurfaceTitleStyle{
font-family: Verdana, Arial;
font-size: 14px;
font-weight:bold;
}
.DataStyle{
font-family: Verdana, Arial;
font-size: 12px;
}
#summaryPrint{
margin-left:550px;
margin-top:10px;
color:#FF0000;
font-size:12px;
font-weight:bold;
font-family: Verdana, Arial
}


#RoomSelect{
margin-top:-510px;
width:800px;

}



/* tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
	color: #000;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
	color: #000;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Welcome Page */

#welcomePageLeft {
margin-left: 15px;
margin-top: 15px;
width: 290px;


}

#welcomePageBottom{
margin-top:45px;
}

#welcomeFlash{
margin-top:-420px;
margin-left: 320px;

}