/*----- Main -----*/

body, html {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 100%;
    background: #fff;
    list-style-type: none;
}

/*---------- To remove brown border from Chrome elements when they are selected ----------*/

*:focus {
    outline: none;
}

* {
    margin:0;
    padding:0;
}

img {
    border:none;
}

/*---------- Navigation Panel Styling ----------*/

#navigationpanel{
    position:fixed;
}

#verticaldivider{
    margin-left:230px;
}

/*---------- All Content ----------*/

#contentcontainer {
    margin: 102px 0px 0px 255px;
    width: 700px;
    height: 400px;
    position: absolute;
}

#bluetitle p.header {
    margin: 0px 0px 0px 10px;
    width: 700px;
    height: 30px;
    font-family: "GothamBookRegular";
    font-size: 18px;
    color: #0098ce; 
}

/*---------- Button top right to allow one download of all plans ----------*/

#downloadallplans {
    position: absolute;
    top: 4px;
    right: 0px;
    font-family: "GothamBookRegular";
    font-size: 12px;
    float: right;
}

#downloadallplans a {
    text-decoration: none;
    color: #a79c94;
}

#downloadallplans a:hover {
    text-decoration: none;
    color: #000;
}

/*---------- Accordion Tab Styles ----------*/

.tab {
    margin: 0px 0px 10px 0px;
    width: 700px;
    height: 30px;
    background-color: #a79c94;
    cursor:pointer;
    /*float: left;*/
}

.tab p {
    margin: 0px 0px 0px 10px;
    font-family: "GothamBookRegular";
    font-size: 0.9em;
    color: #fff;
    float: left;
    line-height: 24px;
}

.tab.scheduleofareas p {
    line-height: 32px;
}

.tab.floormezzanine p {
    line-height: 32px;
}

.tab.floorground p {
    line-height: 32px;
}

.tab p a {
    color: #fff;
    text-decoration:none;
}

.tab img {
    margin: 4px 4px 4px 0px;
    width: 22px;
    height: 22px;
    float: right;
}

.tabicon {
    margin: 4px 4px 4px 0px;
    width: 22px;
    height: 22px;
    float: right;
}

.ui-accordion-content {
    background-color: #edebea;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 20px 10px;
    overflow:hidden !important;
    position:relative;
}

sup {
    margin: 0px 0px 0px 0px;
    font-family: "GothamBookRegular";
    font-size: 8px;
    color: #fff;
}

.ui-accordion-header.ui-state-default .tabicon {
    background:url('../images/floorplans/tabarrow.png') no-repeat 0 0;
}

.ui-accordion-header.ui-state-active .tabicon {
    background:url('../images/floorplans/tabclosed.png') no-repeat 0 0;
}

.floors-table.disabled {
    top:0px;
    left:-27px;
    position:absolute;
    z-index:999;
    border-collapse: collapse;
    width:290px;
}



.floors-table tr {
    cursor:pointer;
}

.floors-table .floor3 td {
    cursor:auto;
}

.floors-table .floor4 td {
    cursor:auto;
}

.floors-table .floor5 td {
    cursor:auto;
}

.floors-table .floor6 td {
    cursor:auto;
}

.floors-table .floor7 td {
    cursor:auto;
}

.floors-table td {
    color: #0098ce;
    font-family: "GothamBookRegular";
    font-size: 12px;
    line-height: 15px;    
}

.floor6 td{
    /*padding-bottom:12px*/
}

.floor5 td{
    /*padding-bottom:12px;*/
}

.floor4 td{
    /*padding-bottom:19px;*/
}

.floor3 td{
    /*padding-bottom:20px;*/
}


/*FLOOR ROWS*/
.floor-row{
    width:100%;
    height: 30px;
    z-index:100;
    position:absolute;
    top:0;
    left:0;
}

.floor-row table{
    border-collapse:collapse;
    color: #0098ce;
    cursor: auto;

}

.floor-row.head{
    top:0px;
}

.floor-row.floor7{
    top:40px;
}

.floor-row.floor6{
    top:75px;
}

.floor-row.floor5{
    top:110px;
}

.floor-row.floor5 table.first{
    top:1px;
}

.floor-row.floor5 table.second{
    top:16px;
}

span.let-multiple{
    position:absolute;
    top:0px;
    left:127px;
	color: #0098ce;
    font-family: "GothamBookRegular";
    font-size: 12px;
    line-height: 15px;   
}




.floor-row.floor4{
    top:143px;
}

.floor-row.floor3{
    top:179px;
}

.floor-row.floor2{
    top:214px;
}

.floor-row.floor1{
    top:250px;
}

.floor-row.groundfloor{
    top:284px;
}

.floor-row.foot{
    top:314px;
}

.floors-table tr.header td, .floors-table tr.footer td {
    color: #000;
    cursor: auto;
}

.floors-table tr.header td {
    /*padding-bottom:24px;*/
}

.floors-table tr.footer td {
     /*padding-top: 0px;*/
}

.floors-table td.metres {    
    text-align:right;
    width:40px;
}

.floors-table td.highlight img {
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    position:absolute;
    height:30px;
}

.floors-table td.floorname {
    width:127px;
}

.floors-table td.floornametotal {
    width:127px;
	padding-top: 15px !important;
}


.floors-table td.feet{
    min-width:89px;
}

.floors-table td.feettotal{
    min-width:96px;
	padding-top: 15px !important;	
}

.floors-table td.metrestotal {    
    text-align:right;
    width:33px;
	padding-top: 15px !important;
}

#floors-image{
    position: relative;
    z-index: 1;
}




/*---------- Container for each main Panel of Information ----------*/

.informationcontainer {
    position: absolute;
    margin: 16px 0px 0px 8px;
    padding: 0px;    
    height: 450px;
    float: left;
    width:100%;
    z-index:100;
}

.column {
    width: 93px;
    height: 360px;
    float: left;
}

.column h1 {
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: #000;
}

.column h2 {
    margin: 0px 0px 0px 0px;
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: red;
    line-height: 15px;
}

h1.extendedtext {
    width: 200px;
    height: 25px;
}

.disclaimer {
    /*margin: 15px 0px 0px -8px;*/
    font-family: "GothamBookRegular";
    font-size: 7px;
    color: #a79c94;
    float: left;
    position:absolute;
    z-index:999;
    bottom:33px;
  
}

.floor img {
    margin: 0px;
    padding: 0px;
}

/*------ Element containing the button in the Schedule of Areas panel to allow the Download of Areas ------*/

.buttonsscheduleofareas {
    position:relative;
    padding: 0px;
    width: 400px;
    height: 12px;
    float: left;
    z-index: 9999;
}

.buttonsscheduleofareas #downloadplan img {
    margin: 2px 0px 0px 6px;
}

#downloadplanscheduleofareas {
    width: 146px;
    height: 20px;
    font-family: "GothamBookRegular";
    font-size: 12px;
}

#downloadplanscheduleofareas a {
    text-decoration: none;
    color: #a79c94;
}

#downloadplanscheduleofareas img {
    margin: 0px 0px 0px 4px;
    width: 14px;
    height: 9px;

}

/*------ Element containing both buttons to View Space Plan and Download Plan on Floors 2/3/4 ------*/

.buttonsfloors {
    margin: 0px 0px 0px 68px;
    width: 400px;
    height: 20px;
    float: left;
    z-index: 30;
}

/*------ Element containing the button on floors 2/3/4 to link to Space Plans ------*/

#viewspaceplans {
    margin: 0px;
    padding: 0px;
    float: left;
}

#viewspaceplans a {
    margin: 0px;
    padding: 0px;
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: #0098ce;
    text-decoration: none;
    line-height: 0px;
}

#viewspaceplans a:hover {
    color: #0098ce;
}

img.arrowblue {
    margin: 0px 0px -2px 6px;
    padding: 0px;
    width: 7px;
    height: 14px;
}

/*------ Element containing the button to Download Plans on floors 0/1/5/6/7 ------*/

#downloadplan {
    margin: 0px 0px 0px 66px;
    padding: 0px;
    width: 122px;
    float: left;
}

#downloadplanmezzanine a {
	margin: 8px 0px 0px 80px;
    padding: 0px;
    width: 122px;
	font-family: "GothamBookRegular";
    font-size: 12px;
    color: #A79C94;
    text-decoration: none;
    float: left;
}

#downloadplan a {
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: #A79C94;
    text-decoration: none;
    float: left;
}

#downloadplan p:hover {
    color: #a79c94;
    float: left;
}

#downloadplan img {
    margin: 0px 0px 0px 0px;
}

#downloadplanarrow {
    width: 30px;
    height: 12px;
    float: left;
}

#downloadplanarrow img {
    margin: 0px 0px 5px 0px;
    width: 14px;
    height: 9px;
}

#downloadplanarrowmezzanine img {
    margin: 10px 0px 0px 0px;
	width: 14px;
    height: 9px;
}



/*------ Element containing the button to Download Plans on floors 2/3/4 ------*/

#downloadplanfloors76510 {
    margin: 4px 0px 0px 10px;
    padding: 0px;
    width: 150px;
    float: left;
}

#downloadplanfloors76510 a {
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: #a79c94;
    text-decoration: none;
    float: left;
}

#downloadplanfloors76510 a:hover {
    color: #a79c94;
    float: left;
}

#downloadplanfloors76510 img {
    margin: 0px 0px 0px 4px;
    width: 14px;
    height: 9px;
}



#downloadplanfloor4 {
    margin: 4px 0px 0px 0px;
    padding: 0px;
    width: 150px;
    float: left;
}

#downloadplanfloor4 a {
    font-family: "GothamBookRegular";
    font-size: 12px;
    color: #a79c94;
    text-decoration: none;
    float: left;
}

#downloadplanfloor4 a:hover {
    color: #a79c94;
    float: left;
}

#downloadplanfloor4 img {
    margin: 0px 0px 0px 4px;
    width: 14px;
    height: 9px;
}


/*schedule of areas - making highlight easier*/


.floor7 .highlight img{
    top:50px;
}

.floor6 .highlight img{
    top:92px;
}

.floor5 .highlight img{
    top:126px;
}

.floor4 .highlight img{
    top:162px;
}

.floor3 .highlight img{
    top:198px;
}

.floor2 .highlight img{
    top:233px;
}

.floor1 .highlight img{
    top:269px;
}

.groundfloor .highlight img{
    top:302px;
}