body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}



/*headings type formating*/
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 115%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #334d55;
 margin: 0px;
 padding-top: 3px;
 clear: both;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 105%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 90%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
/*special component and items links textboxes lists*/
a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #800080;
	text-decoration: none;
}

a:hover{
	color: #CC3333;
	text-decoration: underline;
}

a#currentfilelink{
	color: #CC3333;
}

a#currentflyerlink{
	color: #CC3333;
}

a#currentproplink{
	color: #CC3333;
}
a.currentfavlink{
	color: #CC3333;
}

a.currentlink {
	color: #CC3333;   
        text-decoration: underline;
}

span.currentspan {
        color: #CC3333;
}

ul.toolbarul
{
list-style-type:none;
margin:2px;
padding:2px;
overflow:hidden;
}
li.toolbarli
{
float:left;
}
a.toolbara
{
display:inline-block;
width:220px;
border:1px solid #dddddd;
background-color:#f3f6f8;
}
a.toolbaram
{
display:inline-block;
width:220px;
border:1px solid #dddddd;
background-color:#f3f6f8;
}
span.toolbarh
{
display:inline-block;
float: left;
text-align:center;
width: 140px;
border:1px solid #dddddd;
background-color:#f3f6f8;
}

span.toolbarhm
{
display:inline-block;
float: left;
text-align:center;
width: 195px;
border:1px solid #dddddd;
background-color:#f3f6f8;
font-size: 140%;
}

span.toolbarspanh
{
display:inline-block;
float: left;
text-align:center;
font-weight: bold;
width:90px;
border:1px solid #dddddd;
background-color:#ffffff;
}
span.toolbarspanhl
{
display:inline-block;
float: left;
text-align:right;
font-weight: bold;
width:90px;
border:1px solid #dddddd;
background-color:#ffffff;
}
span.toolbarspanhr
{
display:inline-block;
float: left;
text-align:left;
font-weight: bold;
width:90px;
border:1px solid #dddddd;
background-color:#ffffff;
}
span.toolbarspan
{
display:inline-block;
float: left;
width:220px;
border:1px solid #dddddd;
background-color:#f3f6f8;
}

/*text boxes and input stuff*/
input[type="text"] {
    height: 20pt;
}

select {
    height: 20pt;
}

input[type="text"]:focus
{
  color : #009;
  background-color : #ffff99;
}

input[type="password"]:focus
{
  color : #009;
  background-color : #ffff99;
}

textarea:focus
{
  color : #009;
  background-color : #ffff99;
  }
 
textarea.textpara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;            
}

#description {
	font-family: Arial, Helvetica, sans-serif;
        width: 97%;
	font-size: 90%;            
}
#property_description {
	font-family: Arial, Helvetica, sans-serif;
        width: 97%;
	font-size: 90%;            
}
#college_description {
	font-family: Arial, Helvetica, sans-serif;
        width: 97%;
	font-size: 90%;            
}

#metro_description {
	font-family: Arial, Helvetica, sans-serif;
        width: 97%;
	font-size: 90%;            
}

#allowUpload, .optional {
	display:none;
}

#shmenu {
    display: none;
}

/* flyit stands for flyers, propit property name entering mostly labels*/        
label.flyit {
        display:inline-block;
        width:250px;
        text-align:right;
        padding-right:2px;
	}
label.regit {
        display:inline-block;
        width:250px;
        text-align:right;
        padding-right:2px;
	}
label.propit {
        display:inline-block;
        width:100px;
        text-align:right;
        padding-right:2px;  
        font-size: 16px;
        }
label.propit_remix {
        display:inline-block;
        width:165px;
        text-align:left;
        padding-right:2px;   
        font-size: 16px;
        }        
label.radit {
        display:inline-block;
        width:130px;
        text-align:left;
        padding-right:2px;                 
        }
        
label.clickLabel {
    border:0px solid black;
    display:inline-block; 
    width:240px;
}  

label.clickLabel:hover {
    	color: #CC3333;
        text-decoration: underline;
}
label.clickLabel {
        margin-left: 5px;
        overflow: hidden;
}

/*inline block, block takes the whole line, inline takes up just the width */
label.roomprice {
    border: 0px solid black;
        display: inline-block;
        width:60px;
        text-align:center;
        padding-right:2px; 
}

label.roomavailable {
    border: 0px solid black;
        display: inline-block;
        width:110px;
        text-align:center;
        padding-right:2px; 
}

label.roomdesc {    
        display: inline-block;
        text-align:left;
        padding-left:2px; 
        padding-right:10px;
        font-size: 120%;
}

label.roomzip {    
        display: inline-block;
        width:50px;
        text-align:center;
        padding:2px; 
}

label.roomcommunity{    
        display: inline-block;
        width:150px;
        text-align:center;
        padding:2px; 
        
}

label.communitygroupname {
        border-bottom:1px solid #dddddd;
        display:inline-block; 
        font-weight: bold; 
        font-size: 110%;
}

label.roompricealt {
    border: 0px solid black;
        display: inline-block;
        width:150px;
        text-align:center;
        padding-right:2px; 
       
        
}

label.roomavailablealt {
    border: 0px solid black;
        display: inline-block;
        width:150px;
        text-align:center;
        padding-right:2px; 

}

label.roomdescalt {    
        display: inline-block;
        width:540px;
        text-align:left;
        padding:2px; 
         /* border: 1px solid black; */
        
}

label.roomzipalt {    
        display: inline-block;
        width:100px;
        text-align:center;
        padding:2px; 
        
}

label.roomcommunityalt {    
        display: inline-block;
        width:200px;
        text-align:left;
        padding:2px; 
        
}
/*entire sections specific to a group almost like a special division*/
/*logo header is an actual part used to center the logo*/
#keeplineup {
 min-width: 1050px; 
 display: inline-block;
 border: 0px solid green; 
 padding: 2px;
}

#logoheader {
        clear: both;
        text-align: center;
	padding: 2px;
	display: block;
        font-size: 100%;
}
       
#infofill{
        padding: 5px;
        float: left;
        border: 1px solid black;
        min-width: 400px;
        max-width: 490px;
        display: inline-block;
        overflow: auto;
        } 

#infoclick{
        padding: 5px;
        float: left;
        border: 0px solid green;
        min-width: 480px;
        max-width: 500px;
        overflow: auto;
        } 

div.vidStart {
        padding: 1px;
        display: block;
        min-height: 25px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E2EAEF;
}

div.roomtypes {
    float: left; 
    width: 185px; 
    min-height: 130px; 
    padding: 5px; 
    padding-bottom: 10px; 
    overflow: auto; 
    font-size: 85%;
    border: 1px solid #dddddd;
}

div.roomtypeslayout {
    float: left; 
    width: 165px; 
    min-height: 145px; 
    padding: 5px; 
    padding-bottom: 10px; 
    overflow: auto; 
    font-size: 90%;
    border: 1px solid #dddddd;
}

div.contactflyertear {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /*IE 9 */
    -webkit-transform: rotate(270deg); /*Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
    -moz-transform: rotate(270deg); /* Firefox */
}

/*you could have created a clickclass for all these divs which you did do afterwards infoClickList*/
div.infoClickList {
    overflow: auto; 
    display: none;
    border:0px solid black; 
    min-width:430px; 
    max-width: 550px; 
    height:560px;
}

#infoBrochuresList {
   overflow: auto; 
   display: none; 
   min-width:430px; 
   max-width: 550px; 
   height:520px;
   font-size: 90%;
}

#infoFeaturesList { 
    overflow: auto; 
    display: none; 
    border: 0px solid black; 
    min-width:430px; 
    max-width: 560px; 
    height:520px; 
    font-size: 90%;
}


/*divisions and actual layout of div*/
/*division layouts serve generally as containers, specific parts are in the special divisions*/
/*also division is a variation of the css holy grail. the order is top right bottom left*/
#rooftopheader{
        padding: 10px 10px 5px 10px;
	border-top: 0px solid #E2EAEF;
        border-bottom: 1px solid #E2EAEF;
	height: auto;
	display: block;
        font-size: 95%;
        min-width: 600px;
        width: 100%;
        overflow: hidden; 
        position: fixed;
        z-index: 10;
        background-color: white;
}

#roomcontainer {
    float: left;
    position: relative;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 210px; 
    padding-bottom: 15px;
    min-width: 350px;
    min-height: 400px;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 85px;

}

#roomcontainernorightbar {
    float: left;
    position: relative;
    background-color: #ffffff;
    padding-left: 15px; 
    min-width: 350px;
    min-height: 400px;
    padding-top: 85px;
}

#leftsidebar {
        display: none;
        float: left;
        position: relative;
        border: 1px solid #EDEEEF;
        /*background-color: #f3f6f8;*/
        background-color: #ffffff;
        width: 170px;
        margin-left: -100%;
        
        top: 0px;
        right: 190px;
        padding-left: 5px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	color: #333333;
}
        
#centerdancefloor {
    float: left;
    position: relative;
    min-width: 300px;
    width: 100%;
    border: 0px solid blue;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 5px;
}

#rightsidebar {
        float: left;
        position: relative;
        margin-right: -205px;
        border: 1px solid #EDEEEF;
        background-color: #f1f1f1;
        width: 195px;
        height: auto;
        overflow: visible;
        top: 0px;
        padding: 3px;
        padding-bottom: 15px;
        display: block;
        
        font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	color: #333333;
}

#foundationfooter {
        clear: both;
        text-align: center;
	padding: 8px;
        margin-bottom: 25px;
	border-bottom: 0px solid #E2EAEF;
	border-top: 1px solid #E2EAEF;
	background-color: #ffffff;
        height: auto;
	display: block;
        font-size: 95%;
}

#foundationfooter2 {
        clear: both;
        text-align: center;
	padding: 8px;
        margin-bottom: 25px;
	border-bottom: 0px solid #E2EAEF;
	border-top: 1px solid #E2EAEF;
	background-color: #ffffff;
        height: auto;
	display: block;
        font-size: 95%;
}
/*webnote to prevent wrapping try not use float but the relative and set the margin of the div centerdancefloor*/