html
{
    /*background:#126499 url(art/Back_party.gif) fixed repeat-x bottom center;
    background:white url(art/December_background.jpg) fixed repeat-x top center;*/
    width:100%;
    height:100%;
    margin:0;
	font-family:Arial;
}

body {
	height:100%;
	margin:0;
	/*background-color:inherit !important;*/
	background:#0181a8 url(art/bg_stripes.jpg) repeat-x fixed top;
}

table {
	border:0;
	padding:0;
	margin:0 auto;
	border-collapse:collapse;
}

img 
{
    border:0px;
}

#content
{
    width:100%;
    height:100%;
    text-align:center;
    position:absolute;
    z-index:10;
}

#bgImage
{
    background:url(art/best_of_the_best_buildings.png) fixed no-repeat bottom center;
    position:absolute;
	bottom:0;
	height:100%;
	width:100%;
}

.imageLarge
{
    /*border:solid 2px #116398;*/
    display:none;
    visibility:hidden;
    float:left;
    margin-right:10px;
    max-width:100px;
    max-height:90px;
    width:expression(this.width > 100 ? 40:true);
    height:expression(this.height > 100 ? 40:true);
}

.imageList
{
    /*width:100%;
    float:left;*/
    width:600px;   clip:rect(0px,600px,300px,0px);
}

.spacer{height:60px; width:100%;}
.imageSmall
{
    /*border:solid 1px #116398;*/
    display:none;
    float:left;
    margin-right:2px;
    max-width:40px;
    max-height:40px;
    width:expression(this.width > 40 ? 40:true);
    height:expression(this.height > 40 ? 40:true);
}

.imageRanqed
{
    /*border:solid 4px #116398;*/
    margin-right:10px;
    max-width:200px;
    max-height:200px;
    width:expression(this.width > 200 ? 200:true);
    height:expression(this.height > 200 ? 200:true);
}

.imageOnly
{
    /*border:solid 4px #116398;*/
    margin-right:10px;
    max-width:400px;
    max-height:400px;
    width:expression(this.width > 400 ? 400:true);
    height:expression(this.height > 400 ? 400:true);
}

.imageTiny
{
    /*border:solid 1px #116398;*/
    visibility:hidden;
    display:none;
    margin-right:2px;
    max-width:40px;
    max-height:20px;
    width:expression(this.width > 40 ? 40:true);
    height:expression(this.height > 20 ? 20:true);
}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:8000;
	}
#preview img{width:300px;}

.ranqings
{
    text-align:left;
}

.numberBig
{
    font-family:Oswald;
    font-weight:400;
    color:#116398;
    font-size:24pt;
    text-transform:capitalize;
}

.numberSmall
{
    font-family:Arial;
    font-weight:bold;
    color:#116398;
    font-size:12pt;
}

a.menuItems, a.menuItems:visited
{
    font-family:Arial;
    font-weight:bold;
    font-size:12pt;
    color:#EDBA1D;
    text-decoration:none;
}

.searchBox {font-size:10px; color:Gray; Width:60; Height:16px; background-color:#edf5fc; border:1px solid #116398;}

a.menuItems:hover, a.menuItems:visited:hover
{
    color:#116398;
}

.nameBig, a.nameBig, a.nameBig:visited
{
    font-size:14pt;
    color:Black;
    font-weight:bold;
    text-decoration:none;
    text-transform:capitalize;
    line-height:130%;
}

a.nameBig:hover, a.nameBig:visited:hover
{
    color:#116398;
}

.nameSmall, a.nameSmall, a.nameSmall:visited
{
    font-size:10pt;
    color:Black;
    font-weight:bold;
    text-decoration:none;
}

a.nameSmall:hover, a.nameSmall:visited:hover
{
    color:#116398;
}

.ranqedContent
{
    font-size:10pt;
    color:Gray;
    line-height:160%;
    font-family:Arial;
    font-weight:normal;
}

a.ranqedContent
{
    text-decoration:none;
    color:#EDBA1D;
}

a.ranqedContent:hover, a.ranqedContent:visited:hover
{
    color:#116398;
}

a.ranqedTitle, a.ranqedTitle:hover
{
 color:#116398; font-size:24px; padding-right:20px; font-weight:bold; text-transform:capitalize;   
}

.highlight, a.highlight
{
    font-size:10pt;
    color:#116398;
    line-height:160%;
    font-family:Arial;
}

a.highlight:hover, a.highlight:visited:hover {color:Black;}

.userInfo
{
    font-family:Arial;
    font-size:10pt;
    color:White;
    word-spacing:1px;
    font-weight:bold;
}

a.userInfo, a.userInfo:visited
{
    color:#116398;
    text-decoration:none;
}

a.userInfo:hover, a.userInfo:visited:hover
{
    color:white;
    text-decoration:none;
}

.footer, a.footer
{
    font-size:8pt;
    color:Gray;
    line-height:160%;
    font-family:Arial;
}

#didYouMean
{
    z-index:200;
    padding:20px;
    width:330px; 
    height:180px;
    margin-top:-35px;
    background:url(/art/popup.png) no-repeat;
}

.fbButton, a.fbButton
{
    background-color:White;
    border-style:none;
}

a.fbButton.
{
    background-color:White;
    border:none;
}

a.facebook 
{
    -moz-user-select:none;background-color:#3C5B9C;background-image:linear-gradient(to bottom, #4568B2, #30487B);background-repeat:repeat-x;border-color:#213256;color:#FFFFFF;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    padding:10px;
    border-radius:4px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration:none;
    width:30%;
}

.facebook{width:30%;}
a.twitter 
{
    -moz-user-select:none;background-color:#0BB8E7;background-image:linear-gradient(to bottom, #12CCFF, #009AC4);background-repeat:repeat-x;border-color:#213256;color:#FFFFFF;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    padding:10px;
    border-radius:4px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration:none;
    width:30%;
    margin:0 0 0 30px;
}