/* HTML defaults 	*/

html {
	height:100%;
	width:100%;
	}

body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	color:#fff;
	background-color:black;
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=Gainsboro);
    background: white url(../images/bluefade.gif) top left repeat-x;*/
	}

body, table, th, td, p, textarea, select {
	font-family: Helvetica, Verdana, Sans, Arial ;
	font-size:12px;
	line-height:15px;
	color:#fff;
	}

 input,textarea, select {
 	color:black;
 }
 

h1, h3, h4, h5, h6, p {
	margin:0 0 10px 0;
	}

a{
    text-decoration:underline;
    color:white;
    cursor:pointer;
}

a:hover{
    text-decoration:none;
    color:#dddddd;
    cursor:pointer;
}

h2{
    margin:0 0 10px 0;
    font-family: Lucida, Helvetica, Verdana ;
    font-size:16px;
    font-weight:bold;
    line-height:21px;
}

img{ 
    border:none;
    margin:10px;
}

img.icon{
    float:left;
    display:block;
    behavior: url(css/iepngfix.htc);
}

img.zoom{
    float:left;
    display:block;
    behavior: url(css/iepngfix.htc);
    cursor:pointer;
}

#debugMsg{
    position:absolute;
    right:0px;
    bottom:0px;
}
/* \ HTML defaults 	*/

/* Just some elements */
.login{
    position:absolute;
    right:0px;
}
.waiter{
    position:absolute;
    right:10px;
    top:10px;
}
/* \Just some elements */


/* BAR MAKEUP */

.firstBar{
    background: #c6b7d6 url(../images/gradient_orange.png);
    width:50px;
    height:50px;
    margin-top:35px;
    margin-left:25px;
    margin-bottom:30px;
}

.bar{
    position:absolute;
    display:block;
    left:0px;
    top:0px;
    height:100%;
    width:115px;
}

.barTitle{
    color:white;
    text-align:center;
    font-size:110px;
    line-height:90px;
    padding-bottom:20px;
    padding-top:5px;
}

.barTitle a{
	text-decoration:none;
}

.barTitle a:hover{
	color:white;
}

.barSubNav{
    font-family: Lucida, Helvetica, Verdana ;
    font-size:14px;
    line-height:normal;
    text-align:left;
    color:white;
    font-variant:small-caps;
    font-weight:bold;
    padding:5px;
    padding-left:10px;
    border-bottom:1px #c0c0c0 solid;
}

.barSubNav a{
    cursor:pointer;
    padding-left:6px;
    padding-right:14px;
}

.barSubNav a:hover{
	text-decoration:none;
}


.barFooter{
    position:absolute;
    bottom:10px;
    z-index:50;
    width:100%;
    padding-top:5px;
    border-top:1px #c0c0c0 solid;
}

.barFooter span{
    padding-right:10px;
    padding-left:10px;
    font-size:50px;
    line-height:normal;
    color:white;
    cursor:pointer;
}

.arrowLeft{
    float:right;
}

.arrowRight{
    float:right;
}

.childBar{
    width:100%;
    position:relative;
}

.bar .content{
    vertical-align:middle;
    padding:10px;
}

.children{
    position:absolute;
    top:147px;
}
.childContainer{
    position:absolute;
    top:0px;
}

.childContent{
    _overflow:auto;
    overflow-x:auto;
    padding:10px;
    padding-bottom:0px;
}

.pageNavigation{
    position:absolute;
    height:100%;
    border-left:1px #c0c0c0 solid;
    border-right:1px #c0c0c0 solid;
}

.pageNavigation a{
	text-decoration:none;
}

.childNavItem{
    height:20px;
    width:120px;
    border-bottom:1px #c0c0c0 solid;
    font-size:13px;
    line-height:normal;
    padding-left:5px;
    font-variant:small-caps;
    font-weight:bold;
    cursor:pointer;
}

.subNavArrow{
    position:absolute;
    right:6px;
}

.childCloser{
    font-size:25px;
    line-height:normal;
    font-weight:bold;
    cursor:pointer;
    position:absolute;
    bottom:-5px;
    z-index:99;
    left:-25px;
}

.inlineWaiter{
    position:absolute;
    bottom:20px;
    right:50px;
}
/* \BAR MAKEUP */