@charset "utf-8";

/***********  Start: General Styles  ***************/
body { margin: 0px; padding: 0px; top: 0px; left: 0px; background-image: url('../images/bg.jpg'); background-repeat: repeat-x; background-color: #9C9C9C; }

/***********  Start: Image Styles *****************/
img { border-style: none; }
#imgFrame { position: absolute; top: 18.5px; left: 32px; z-index: 50; }
#imgMap { position: absolute; top: 60px; left: 70px; z-index: 40; }

.mapdot 	   { position: absolute; z-index: 51; cursor: pointer; }
.maplotoverlay { position: absolute; z-index: 81; visibility: hidden; }

/***********  Start: InfoBox Styles ****************/
.divInfo { position: absolute; z-index: 100; }
.divInfo table thead { background: url('../images/pinkBoxHeader.png') top center repeat-x; }
.upsidedown table thead { background-image: url('../images/pinkBoxHeader2.png')!important; }
.upsidedownrightarrow table thead { background-image: url('../images/pinkBoxHeader4.png')!important; }
.divInfo table thead td { color: White; font-family: Verdana; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.upsidedown table thead td, .upsidedownrightarrow table thead td { padding-top: 35px; }
.divInfo table tbody { background-image: url('../images/pinkBoxBody.png'); }
.divInfo table tbody td { color: White; font-family: Verdana; font-size: 9pt; padding: 4px 6px 4px 12px; }
.divInfo tbody a:link { color: #FFFFFF; text-decoration: none; }
.divInfo tbody a:visited { color: #FFFFFF; text-decoration: none; }
.divInfo tbody a:active { color: #FFFFFF; text-decoration: none; }
.divInfo tbody a:hover { color: #C2C6CF; text-decoration: none; }
.divInfo table tfoot { background-image: url('../images/pinkBoxFooter.png'); height: 40px; }
.upsidedown table tfoot, .upsidedownrightarrow table tfoot  { background: url('../images/pinkBoxFooter2.png') 0 0 no-repeat!important; height: 12px!important; }
.rightarrow table tfoot { background-image: url('../images/pinkBoxFooter3.png'); height: 40px; }

/***********  Start: Pop-Up Styles *****************/
.divPop { position: absolute; z-index: 100; height: 465px; }
.divPop table { border: solid 1px #808184; }
.divPop thead { color: White; font-family: Verdana; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.divPop tbody { background-color: #C2C6CF; }
.divPop tfoot { background-color: #8F8F8F; text-align: right; }
.divPop td { font-family: Verdana; font-size: 12px; }
.divPop tbody a { font-size: 9pt; }
.divPop tbody hr { color: #ABB1B9; background-color: #ABB1B9; }
.divPop tbody a:link { color: #8D3C53; text-decoration: none; }
.divPop tbody a:visited { color: #8D3C53; text-decoration: none; }
.divPop tbody a:active { color: #8D3C53; text-decoration: none; }
.divPop tbody a:hover { color: #FFFFFF; text-decoration: none; }
.divPop tfoot a:link { color: #FFFFFF; text-decoration: none; }
.divPop tfoot a:visited { color: #FFFFFF; text-decoration: none; }
.divPop tfoot a:active { color: #FFFFFF; text-decoration: none; }
.divPop tfoot a:hover { color: #9CB582; text-decoration: none; }
.thPopRed { background: url('../images/bgRed.bmp') top center repeat-x; background-color: #7B3146; }
.thPopGrey { background: url('../images/bgGrey.bmp') top center repeat-x; background-color: #7D8896; }

ul.popuplist { list-style: none; margin: 0; padding: 0; height: 400px; overflow: auto; }
td>ul.popuplist { height: auto; max-height: 400px; }
ul.popuplist li { font-size: 10px; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: solid 1px #ddd; }

.details { font-size: 90%; margin-bottom: 5px; padding-bottom: 3px; border-bottom: solid 1px #ad5d73; }

.pinkboxLeft { float: left; padding: 9px 0 3px 12px; width: 194px; }
.pinkboxRight { float: right; padding: 9px 12px 3px 0; cursor: pointer; }

.leftbox { float: left; width: 120px; }
.rightbox { float: right; width: 70px; }