/* 
    Document   : FloorNav
    Created on : Feb 24, 2010, 12:28:26 PM
    Author     : rowntreeg
    Description:
    
*/

#centerPage
{
    margin: 0 auto;
    width:1000px;
}


#bodyContent
{
    float: left;
    width:200px;
    border:solid 1px red;
}

#floorNav
{
    float: right;
	position:relative;
	
}

#floor_text{ position:absolute; top:-30px; left:-160px; text-align:left; width:130px; background-position:left; }
#room_text{position:absolute; top:-12px; left:-160px; text-align:left; width:150px;  background-repeat:no-repeat; background-position:left; z-index:1;  }

.morelink{ background-image:url(../images/blue_arrow.gif); background-position:left; background-repeat:no-repeat; padding-left:20px; color:#00ADEF;}
._floortext{ background-image:url(../images/blue_arrow.gif); }


.blue_floortext{ background-image:url(../images/blue_arrow.gif);  }
.green_floortext{ background-image:url(../images/green_arrow.gif);  }
.purple_floortext{ background-image:url(../images/purple_arrow.gif);  }

#levels{
width:300px; 
position:absolute;
right:50px;
top:160px;
}


#purple_triangle{ position:absolute; top:60px; right:-50px; background-image:url(../images/purple_tri.png); width:34px; height:39px; margin:0px; padding:0px; display:none; z-index:30;}
#green_triangle{ position:absolute; top:105px; right:-50px; background-image:url(../images/green_tri.png); width:37px; height:46px; margin:0px; padding:0px; display:none; z-index:10;}

.floor
{
    position:absolute;
    margin-top:-70px;
    width:50px;
    height:120px;
    background-repeat: no-repeat;
    
	cursor:pointer;
	padding:0px;
	
}



.blueFloor
{
    z-index:10;
    top:0px;

}

.blueFloorPlain
{
    background-image: url('../images/blue-collapsed.png');
}

.blueFloorLayout
{
    background-image: url('../images/blue_blank.png');
    height:136px;
}

.greenFloor
{
    z-index: 8;
    top:100px;

}
#hideimage{
position:absolute;
top:0px;
 z-index:10;

	right:-51px;

	margin-top:-70px;
	height:65px;
	width:100px;
}


.greenFloorPlain
{
    background-image: url('../images/green-collapsed.png');
}

.greenFloorLayout
{
    background-image: url('../images/greenLayout.png');
    height:136px;
}


.purpleFloor
{
    z-index: 9;
    top:50px;
}

.purpleFloorPlain
{
    background-image: url('../images/purple-collapsed.png');
}

.purpleFloorLayout
{
    background-image: url('../images/purpleLayout.png');
    height:136px;
}


.greyFloor
{
    z-index: 5;
    top:150px;
}

.greyFloorPlain
{
    background-image: url('../images/grey-collapsed.png');
}

.greyFloorLayout
{
    background-image: url('../images/greyLayout.png');
    height:136px;
}

.floorLabel
{
    display:none;
    margin-top:+70px;
    margin-left:-180px;
    margin-right:70px;
    text-align:right;
    font-size: small;
    font-family: sans;
}

.blue{color:#0c8db4;}
.green{color:#80cc28;}
.orange{color:#f68712;}
.red{color:#c41650;}
.purple{color:#6d3971;}
.grey{color:#7b7979;}


#floorNav li{ width:15px; padding:0px; display:none; font-size:0.6em; }
.room{ margin:0px; }
.room a{width:15px; height:15px; text-align:center; padding:2px 0px 2px 0px; background-repeat:no-repeat; background-position:center; color:#FFFFFF; }
.room a:hover{ width:15px; height:15px; text-align:center; color:#FFFFFF; }
.roomselected a{background-image:url(../images/numbers/room_over.png); }

#purpleFloor .roomselected a{background-image:url(../images/numbers/room_over.png); }

#greenFloor .roomselected a{background-image:url(../images/numbers/room_over.png); }
.room1{ bottom:45px; left:43px; position:absolute; }
.room1 a{  background-image:url(../images/numbers/1.png); }
.room1 a:hover, .roomselected1 a{  background-image:url(../images/numbers/1_over.png); }

.room2{ bottom:22px; left:77px; position:absolute; }
.room2 a{  background-image:url(../images/numbers/2.png); }
.room2 a:hover, .roomselected2 a{  background-image:url(../images/numbers/2_over.png); }

.room3{ bottom:65px; left:87px; position:absolute; }
.room3 a{  background-image:url(../images/numbers/3.png); }
.room3 a:hover, .roomselected3 a{  background-image:url(../images/numbers/3_over.png); }

.room4{ bottom:42px; left:120px; position:absolute; }
.room4 a{  background-image:url(../images/numbers/4.png); }
.room4 a:hover, .roomselected4 a{  background-image:url(../images/numbers/4_over.png); }

.room5{ bottom:84px; left:125px; position:absolute; }
.room5 a{  background-image:url(../images/numbers/5.png); }
.room5 a:hover, .roomselected5 a{  background-image:url(../images/numbers/5_over.png); }

.room6{ bottom:61px; left:158px; position:absolute; }
.room6 a{  background-image:url(../images/numbers/6.png); }
.room6 a:hover, .roomselected6 a{  background-image:url(../images/numbers/6_over.png); }

.room7{ bottom:106px; left:156px; position:absolute; }
.room7 a{  background-image:url(../images/numbers/7.png); }
.room7 a:hover, .roomselected7 a{  background-image:url(../images/numbers/7_over.png); }

.room8{ bottom:90px; left:179px; position:absolute; }
.room8 a{  background-image:url(../images/numbers/8.png); }
.room8 a:hover, .roomselected8 a{  background-image:url(../images/numbers/8_over.png); }

.room9{ bottom:75px; left:200px; position:absolute; }
.room9 a{  background-image:url(../images/numbers/9.png); }
.room9 a:hover, .roomselected9 a{  background-image:url(../images/numbers/9_over.png); }


.room10{ bottom:37px; left:64px; position:absolute; }
.room10 a{  background-image:url(../images/numbers/purple1.png); }
.room10 a:hover, .roomselected10 a{  background-image:url(../images/numbers/1_over.png); }

.room11{ bottom:67px; left:124px; position:absolute; }
.room11 a{  background-image:url(../images/numbers/purple2.png); }
.room11 a:hover, .roomselected11 a{  background-image:url(../images/numbers/2_over.png); }


.room12{ bottom:92px; left:178px; position:absolute; }
.room12 a{  background-image:url(../images/numbers/purple3.png); }
.room12 a:hover, .roomselected12 a{  background-image:url(../images/numbers/3_over.png); }

.room13{ bottom:54px; left:52px; position:absolute; }
.room13 a{  background-image:url(../images/numbers/green1.png); }
.room13 a:hover, .roomselected13 a{  background-image:url(../images/numbers/1_over.png); }

.room14{ bottom:32px; left:87px; position:absolute; }
.room14 a{  background-image:url(../images/numbers/green2.png); }
.room14 a:hover, .roomselected14 a{  background-image:url(../images/numbers/2_over.png); }
.room15{ bottom:94px; left:141px; position:absolute; }
.room15 a{  background-image:url(../images/numbers/green3.png); }
.room15 a:hover, .roomselected15 a{  background-image:url(../images/numbers/3_over.png); }
.room16{ bottom:73px; left:172px; position:absolute; }
.room16 a{  background-image:url(../images/numbers/green4.png); }
.room16 a:hover, .roomselected16 a{  background-image:url(../images/numbers/4_over.png); }