html{
		height:100%;
}
BODY    {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    margin-top: 0px;
    font-family:"Helvetica Neue", Helvetica, arial, sans-serif; 
    FONT-SIZE: 9pt;
    COLOR: black;
    background-color: white;
    background-image: url("../../images/demo/bg.png");
    background-repeat: repeat-x;
 }

table.nospace
{
    border: none 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: 300px;
}
table.main
{
	BORDER: solid 1px black;
    PADDING: 0px 0px 0px 0px;
    MARGIN: 0px 0px 0px 0px;
    FONT-SIZE: 9pt;    
    overflow:hidden;
}


table 
{
    border-top: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    PADDING-TOP: 0px;
    padding-bottom: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN: 0px 0px 0px 0px;
    FONT-SIZE: 9pt;    
    overflow:hidden;
    text-align: left;
}
table.border {
    BORDER-RIGHT: black 1pt;
    BORDER-TOP: black 1pt;
    BORDER-LEFT: black 1pt;
    BORDER-BOTTOM: black 1pt;
    padding: 5px 5px 5px 5px;
    border-style:  solid;
    line-height: 18px;
}
table.mainBorder {
    border-color: #dcdcdc; 
    border-left: solid 0px;
    border-right: solid 0px;
    border-top: solid 0px;
    border-bottom: solid 1px;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;   
}

TABLE.cart{
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 2px;
}
th {
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    COLOR: white;
    BACKGROUND-COLOR: #821001;
   }
th.sub1 {
    COLOR: White;
    text-align: left;
    padding: 3px;
    BACKGROUND-COLOR: #717171;
    background-image:  none;
}
th.sub2 
{
    color: black;
    font-weight: normal;
    BACKGROUND-COLOR: #b6b6b6;
    background-image:  none;
}
TH.left {
    TEXT-ALIGN: left;
}
A {
    COLOR: black;  
    text-decoration: underline;
}
A:link {
    TEXT-DECORATION: underline;
}

A:active {
    COLOR: black;
    TEXT-DECORATION: underline;
}
A:hover {
    COLOR: #002244;
}
A.toolbar:link {
   COLOR: white;
    TEXT-DECORATION: none;
    font: bold
     border: solid 1px transparent;
    padding: 5px 5px 5px 5px;
    background: black;
}
A.toolbar:active {
   COLOR: white;
    TEXT-DECORATION: none;
     border: solid 1px transparent;
    background: black;
    padding: 5px 5px 5px 5px;
}
A.toolbar:visited {
   COLOR: white;
    TEXT-DECORATION: none;
    background: black;
    border: solid 1px transparent;
    padding: 5px 5px 5px 5px;
}
A.toolbar:hover {
    COLOR: white;
    TEXT-DECORATION: none;
    background: #821001;
    border-bottom: none;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
    padding: 5px 5px 5px 5px;
}
a.category:link
{
	background: #821001;
	display: block;
	width: 390px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
a.category:visited
{
	background: #821001;
	display: block;
	width: 390px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
a.category: active
{
	background: #821001;
	display: block;
	width: 390px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
A.category:hover {
    COLOR: black;
}
ul.eventlisting
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
li.eventlisting
{
	COLOR: #000000;
    display: inline-block;
    list-style-image: url("../../images/nav/arrow2.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.options{
    COLOR: #000066;
}
.error {
    FONT-WEIGHT: bolder;
    COLOR: #cc0000;
    list-style: none; 
    list-style-image: url("../../images/nav/warning.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline ;
}
.title {
    FONT-WEIGHT: bolder;
    COLOR: #000066;
    background-color: #ebebed;
    width: 90%;
    padding: 5px 5px 5px 5px;
    border: solid 1px #000066;
    margin-bottom: 5px;
}
.info {
    FONT-WEIGHT: bolder;
    COLOR: #333399;
    list-style: none; 
    list-style-image: url("../../images/nav/info.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}

.preview{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/preview.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}

.newuser{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/newuser.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}
.sorry{
    FONT-WEIGHT: bolder;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../../images/nav/sorry.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}
.clipboard{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/clipboard.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}
.adminbullet {
    COLOR: #ffffff;
    list-style: none; 
    list-style-image: url("../../images/nav/adminbullet.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline ;
}
.confirmation {
    FONT-WEIGHT: bolder;
    COLOR: #006633;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    list-style: none; 
    list-style-image: url("../../images/nav/ok.gif");
}
.create {
    FONT-WEIGHT: bolder;
    COLOR: #333399;
    list-style: none; 
    list-style-image: url("../../images/nav/create.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
.caution {
    FONT-WEIGHT: bolder;
    COLOR: #ff9900;
    list-style: none; 
    list-style-image: url("../../images/nav/caution.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
.newuser{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/newuser.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}

.login{
    FONT-WEIGHT: bolder;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../../images/nav/login.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;

}
.arrow{
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../../images/nav/arrow2.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}

li {
     padding-bottom: 2px;
     padding-left: 1em;
     margin-left: 1em;
}
img {
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}
.control {
    border: 1px solid #696969;
    padding: 1px 3px 3px 3px;
    font-size: 9pt;
font-family:"Helvetica Neue", Helvetica, arial, sans-serif; 
}
.smallcontrol {
    border: 1px solid #696969;
    padding: 1px 1px 1px 1px;
    font-size: 9pt;
font-family:"Helvetica Neue", Helvetica, arial, sans-serif; 
}
.inputsubmit {
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-color: #D9DFEA;
    border-left-color: #D9DFEA;
    border-bottom-color: #0e1f5b;
    border-right-color: #0e1f5b;
    background-color: #821001;
    color: white;
    padding: 1px 1px 1px 1px;
    margin: 5px 0px 0px 5px;
    font-size: 9pt;
font-family:"Helvetica Neue", Helvetica, arial, sans-serif; }
form{
	display:inline;
}
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #000000;	/* black border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#000066;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
TD.available
{   
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Green;
}

TD.unavailable
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Red;
}

TD.reserved
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Orange;
}

TD.selected
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Blue;
}

TD.obstacle
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Black;
}

TD.blocked
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Black;
}

TD.held
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: #33CCFF;
} 

TD.renewal_held
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: #cc33ff;
}

TD.heldselected
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Gray;
}


A.SAPBEXBtnStd
{
   background-color:#F2E1AF;
   border-width:1px;
   border-style:solid;
   border-color:#676E75 #676E75 #676E75 #676E75;
   color:#000000;
   cursor:hand;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:normal;
   height:14px;
   padding:0 2px 0 2px;
   text-align:center;
   text-decoration:none;
   white-space:nowrap;
   font-style:normal;
  
}
A.SAPBEXBtnStd:visited
{
   background-color:#F2E1AF;
   border-width:1px;
   border-style:solid;
   border-color:#676E75 #676E75 #676E75 #676E75;
   color:#000000;
   cursor:hand;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:normal;
   height:14px;
   padding:0 2px 0 2px;
   text-align:center;
   text-decoration:none;
   white-space:nowrap;
   font-style:normal;
  
}