BODY.vert,BODY.printable {
	height: 100%;
	background: #000044;
	margin: 0px;
	margin-left: 0;
	font-family: Tahoma, Verdana, Arial;
}
BODY.printable { background: #FFFFFF; }
div#jsWarning {color: #FFFF00; background: #FF0000; font-weight: bold; font-size: small; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; padding: .2em;}
div#sandboxNoteContainer {color: #000000; background: #FFFF00; text-align: center; font-size: 10pt; padding: 0; margin: 2px;}
div#sandboxNote {border: 3px dashed #FF0000; padding: 0px;}
div#sandboxNote h1{ margin: 0; font-size: 16pt;}
div#sandboxNote p{ margin: 0; }
div#sandboxNote a{ display: block; font-weight: bold;}

/*used in index.php only*/
	ul.beerList {font-size: 10pt; text-align: left; margin: 0 auto;}
	ul.beerList li {list-style-image: url(images/Magnet_ratingsBlue.gif);}
/*end used in index.php only*/

/*used in mybm.php only*/
	.linkCat {color: #DDDDDD; font-size: 10pt; font-weight: bold; background-color: #000044;}
/*end used in mybm.php only*/

/*used in hsAdmin.php only*/
	.hslinkCat {color: #DDDDDD; font-size: 10pt; font-weight: bold; background-color: #009900; display: block; padding-left: 4px;}
/*end used in hsAdmin.php only*/

.bluetopBarText, .redtopBarText, TD.bluetopBarText, TD.redtopBarText {color: #DDDDDD; font-size: 12pt; font-weight: bold;}
.topBarText {color: #DDDDDD; font-size: 10pt; font-weight: bold;}
.recentBoxHeadings {color: #DDDDDD; font-size: 14pt; font-weight: bold;} 
.fourteenText {color: #000000; font-size: 14pt; font-weight: normal;}
.twelveText {color: #000000; font-size: 12pt; font-weight: normal;}
.tenText {color: #000000; font-size: 10pt; font-weight: normal;}
.eightText {color: #000000; font-size: 8pt; font-weight: normal;}
.pageTitle {color: #BB0000; font-weight: bold; font-size: 18pt;}
.redHead {color: #BB0000; font-weight: bold; font-size: 12pt;}
.redHead2 {color: #BB0000; font-weight: bold; font-size: 10pt;}
.whiteDate {color: #FFFFFF; font-weight: bold; font-size: 10pt;}
.yellowHead {color: #FFFF88; font-weight: bold; font-size: 14pt;}
.grayHead {color: #DDDDDD; font-weight: bold; font-size: 10pt;}
.blueHead {color: #000044; font-weight: bold; font-size: 12pt; display: block;}
.blueHead2 {color: #000044; font-weight: bold; font-size: 10pt;}
.bgtblueHead2 {color: #0000AA; font-weight: bold; font-size: 10pt;}
.notes {color: #000000; font-size: 8pt; font-weight: normal;}
.copyright {color: #DDDDDD; font-size: 10pt; font-weight: normal;}
.asterisk {color: #BB0000; font-size: 12pt; font-weight: normal;}
.formError {color: #EE0000; font-size: 12pt; font-weight: bold;}
.formErrorTen {color: #EE0000; font-size: 10pt; font-weight: bold;}
.searchHitTerm { color: black; background-color: #FF6666; font-weight: bold; padding-left: 2px; padding-right: 2px; }
.txtError {color: white; background-color: red; font-size: 12pt; font-weight: bold; display: block; padding: 0px 8px 0px 80px; text-align: left; }
.mainError {color: white; background-color: red; font-size: 8pt; font-weight: bold; display: block; padding: 0px 8px 0px 80px; text-align: center; }
.smallError {color: white; background-color: red; font-size: 8pt; font-weight: bold; display: block; padding: 0px 2px 0px 2px; text-align: center; margin: .6em; }
.warning {color: red; background-color: yellow; font-weight: bold; text-align: center;}
.txtSuccess {color: white; background-color: #00BB00; font-size: 12pt; font-weight: bold; display: block; padding: 0px 8px 0px 80px; text-align: left; }
.smallSuccess {color: white; background-color: #00BB00; font-size: 8pt; font-weight: bold; display: block; padding: 0px 2px 0px 2px; text-align: center; margin: .6em;}
.errorTitle {color: #BB0000; font-size: large; font-weight: bold; text-align: center; display: block;}

.Heading1 {font-size: 18pt; font-weight: bold;}
.Heading2 {font-size: 14pt; font-weight: bold;}

/*LINKS********************************/
	A.freqlist:link, A.freqlist:active, A.freqlist:visited, A.freqlist:hover {font-size: 8pt;}
	A.nolink:link, A.nolink:active, A.nolink:visited, A.nolink:hover {
		text-decoration: none;
		color: black;
	}
	a.addLink {font-size: 10pt; color: #BB0000; background: #FFFF00; text-decoration: none; font-weight: bold;}
  A.side:link, A.side:visited {
	color: #EEEE77;
	background: transparent;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
 }
  A.side:active, A.side:hover {
	color: #FFFFFF;
 }

  A.freqHead:link, A.freqHead:visited {
	color: #EEEE77;
	background: transparent;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
 }
  A.freqHead:active, A.freqHead:hover {
	color: #FFFFFF;
 }

  A.jobLink:link, A.jobLink:visited, A.jobLink:active, A.jobLink:hover {
	font-weight: bold;
	color: #BB0000;
	font-size: 10pt;
	display: block;
 }

  A.internal:link, A.internal:active, A.internal:visited, A.internal:hover, A.internalten:link, A.internalten:active, A.internalten:visited, A.internalten:hover {
  	color: #BB0000;
	background: transparent;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: underline;
  }
 A.internal:hover, A.internalten:hover {
  	color: #FF0000;
 }
  A.internalten:link, A.internalten:active, A.internalten:visited, A.internalten:hover {
	font-size: 10pt;
  }

  A.searchResLink:link, A.searchResLink:active, A.searchResLink:visited {
  	color: #0000CC;
	background: transparent;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	padding: .5em;
  }
 A.searchResLink:hover {
		color: #BB0000;
 }

  A.searchSumInfoLink:link, A.searchSumInfoLink:active, A.searchSumInfoLink:visited {
  	color: #000000;
	font-size: 8pt;
  }
 A.searchSumInfoLink:hover {
		color: #555555;
 }

	span.browseLinkLetterHead {
		font-size: 18pt;
		font-weight: bold;
		color: #BB0000;
	}
	ul.browseLink {
		margin: .4em;
	}
	div.browseLink, div.browseLinkHS, div.browseLinkHSGold, div.browseLinkCity {
		width: 280px;
	}
	div.browseLinkCity {
		width: 220px;
	}
	div.browseLinkHS, div.browseLinkHSGold {
		width: 280px;
	}
	div.browseLinkHSGold {
		background: #FFFF00;
	}
	div.browseLinkHSGold img {
		height: 12px;
		margin-right: 3px;
		margin-left: 3px;
	}
  A.browseLink:link, A.browseLink:active, A.browseLink:visited {
	display: block;
  	color: #000077;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	padding-left: .5em;
	padding-right: .5em;
  }
 A.browseLink:hover {
		color: #FFFFFF;
  		background: #000088;
		text-decoration: underline;
 }

  A.rgBtn:link, A.rgBtn:active, A.rgBtn:visited {
	color: #FFFFFF;
	background: #BB0000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border: thin solid #550000;
	padding: 1px 20px 1px 20px;
	text-align: center;
  }
  A.rgBtn:hover {
	background: #009900;
  }

  A.topLink:link, A.topLink:active, A.topLink:visited, A.topLink:hover {
  	color: #DDDDDD;
  }

  A.help:link, A.help:active, A.help:visited {
	color: #000044;
	background: white;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
 }
 A.help:hover {
	color: #008800;
	background: #CCCCFF;
 }

  A.calMonth:link, A.calMonth:active, A.calMonth:visited {
	color: #7777DD;
	font-size: 8pt;
	text-decoration: none;
 }
 A.calMonth:hover {
	color: #BB0000;
 }

  A.myList:link, A.myList:active, A.myList:visited {
  	color: #BB0000;
	background: transparent;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding-left: 4px;
  }
 A.myList:hover {
	background-color: #BB0000;
  	color: #FFFFFF;
 }

A.EnteredEvent:link, A.EnteredEvent:active, A.EnteredEvent:visited, A.userEnteredEvent:link, A.userEnteredEvent:active, A.userEnteredEvent:visited {
  	color: #333333;
	background: transparent;
	font-size: 8pt;
	text-decoration: none;
	display: block;
	margin-top: 2px;
}

A.userEnteredEvent:link, A.userEnteredEvent:active, A.userEnteredEvent:visited {
	background: #FFFFAA;
}

A.EnteredEvent:hover, A.userEnteredEvent:hover { 
	color: #FF0000; 
	text-decoration: underline;
}

/**********   TABLES   ************/
#tbl_legend {
	width: 100%;
	font-size: 8pt;
	background: #FFBBBB;
}
#tbl_legend th {
	font-size: 10pt;
	background: #BB0000 url(images/red3d.gif);
	color: #FFFF88;
}
#tbl_legend img {
	margin-right: 7px;
}
#div_legend {
	text-align: left;
	font-size: 8pt;
	color: #BB0000;
	font-weight: normal;
	background-color: #FFDDDD;
	width: 550px;
}
TABLE.sideLinkTable {
	width: 90%;
	padding: 0px;
	border: none; 
	margin-left: 10px;
	margin-right: 10px;
}
TABLE.sideLinkTable td.sideLink {
	text-align: right;
	background-color: #BB0000;
	background-image: url(images/red3d.gif);
	margin: 10px;
	padding-right: 2px;
}

TABLE.formTable {
	width: 100%;
	padding: 0px;
	border: none; 
}
TABLE.formTable td {
	padding: 2px;
}
TD.redtopBarText {
	background-image: url(images/red3d.gif);
	text-align: center;
	height: 25px;
}
TD.redtopBarTextsmall,TD.dkbluetopBarTextsmall {
	background-repeat: repeat-x;
	font-size: 10pt;
	text-align: center;
	color: #DDDDDD;
	font-weight: bold;
}
TD.dkbluetopBarTextsmall {
	background-image: url(images/dkblue3d.gif);
}
TD.redtopBarTextsmall {
	background-image: url(images/red3d.gif);
}
TD.bluetopBarText, TH.bluetopBarText {
	background-image: url(images/blue3d.gif);
	text-align: center;
	height: 25px;
}

TABLE.employmentRes {
	padding: 0px;
	border: none;
	font-size: 10pt;
}

TABLE.employmentRes td.title {
	font-weight: bold;
	color: #BB0000;
	padding-right: 10px;
	text-align: right;
	width: 100px;
}

table.admin {
	background-color: #DDDDFF;
	border: 1px solid #555555;
}
table.admin tr.admins th,table.admin tr.admins td{
	margin: 0px;
	border-bottom: 1px solid #88DDAA;
	font-size: 10pt;
	text-align: center;
}
table.admin tr.admins th{
	font-weight: bold;
}
table.admin tr.admins td a{
	font-size: 8pt;
}

table.promoTable {
	font-size: 10pt;
	border: 1px solid #000000;
}
table.promoTable th, table.promoTable td {
	text-align: center;
	border-right: 1px solid #DDDDDD;
}
table.promoTable th {
	font-weight: bold;
	border-bottom: 2px solid #000000;
}
table.promoTable td{
	border-bottom: 1px solid #555555;
}
table.promoTable tr.used{
	background-color: #FFBBBB;
}
table.promoTable tr.ready{
	background-color: #BBFFBB;
}

table.basicSearch {
	font-size: 8pt;
	text-align: center;
	width: 100%;
	padding: 0px;
	border: 1px solid #dddddd;
}

table.basicSearch td.day {
	background-color: #FFFFCC;
	color: #BB0000;
	font-weight: bold;
	text-align: right;
}
table.basicSearch td.desc {
	text-align: left;
	background-color: #FFFFCC;
	color: #BB0000;
}
table.basicSearch td, table.basicSearch th {
	width: 20%;
	border: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

table.basicSearch td.desc, table.basicSearch th.desc, table.basicSearch td.day, table.basicSearch th.day {
	width: 10%;
}
table.basicSearch th.deal, table.basicSearch th.food, table.basicSearch th.drink { font-weight: bold; }

table.manageSteps { border: 0; padding: 0; margin: 0; width: 99%; }

table.manageSteps td {
	width: 33%;
	color: #000044;
	border-right: 1px solid #000000;
	font-size: 14pt;
	text-align: center;
	vertical-align: top;
}

table.oneDayEventRes {
	background-color: #FFFFee;
	border: 1px #CCCCCC solid;
	width: 98%;
	font-size: 10pt;
}
table.oneDayEventRes th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #000044;
}
table.oneDayEventRes td {
	padding: 2px 0px 4px 0px;
	text-align: left;
	border-top: 1px solid #888888;
}

table.profiles {
	background-color: #FFFFee;
	border: 1px #CCCCCC solid;
}
table.profiles th {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #000044;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
table.profiles td {
	padding: 2px 15px 2px 15px;
	text-align: center;
	border: 1px solid #888888;
	font-size: 10pt;
}
table.profiles td.feat, table.profiles td.feat a:link, table.profiles td.feat a:active, table.profiles td.feat a:visited, table.profiles td.feat a:hover {
	padding: 2px 8px 2px 8px;
	text-align: right;
	border-top: 1px solid #888888;
	font-size: 10pt;
	font-weight: bold;
}
table.profiles td.subHead {
	padding: 2px 8px 2px 8px;
	text-align: center;
	border-top: 1px solid #888888;
	background-color: #FFFF88;
	color: #BB0000;
	font-size: 10pt;
	font-weight: bold;
}
table.profiles td.feat a:link, table.profiles td.feat a:active, table.profiles td.feat a:visited, table.profiles td.feat a:hover {
	color: blue;
	text-decoration: underline;
	border: 0px;
}

table.mailList {
	border: 1px solid #555555;
	font-size: 8pt;
}
table.mailList th {
	text-align: center;
	background-color: #000044;
	color: white;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}
table.mailList td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #555555;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}
	
table.latlong {
	border: 1px solid #555555;
	font-size: 8pt;
}
table.latlong th {
	text-align: center;
	background-color: #000044;
	color: white;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #DDDDDD;
}
table.latlong td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #555555;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
	
table.flags, table.subscription {
	border: 1px solid #555555;
	font-size: 8pt;
}
table.flags th, table.subscription th {
	text-align: center;
	background-color: #000000;
	background-image: url(images/dkblue3d.gif);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #DDDDDD;
}
table.flags td, table.subscription td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #555555;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
	
table.simHS {
	width: 100%;
	padding: 0;
	border: none;
	background: #FFFFFF;
}

table.hsfeatures {
	width: 100%;
	border: none;
	font-size: 10pt;
}
table.hsfeatures td.pic {
	width: 20px;
	text-align: center;
	padding-right: 5px;
}

div #upcoming {
	border: 1px #555555 solid;
	background-color: #000044;
	color: white;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}
div #upcoming table {
	font-weight: normal;
	background-color: white;
	color: black;
	text-align: left;
	width: 100%;
	border: 0px;
	font-size: 8pt;
	border-spacing: 0px;
}
div #upcoming table td{
	padding: 0px 10px 0px 0px;
	border-top: 1px solid #999999;
}

table.errorTable {
	border-collapse: collapse;
	border: 1px solid #8888CC;
	margin: 10px;
	width: 680px;
}
table.errorTable td {
	border: 1px solid #8888CC;
}

table.userTable {
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px solid #888888;
	border-top: 0;
	margin: 0;	
}
table.userTable td,table.userTable th {
	padding-left: .4em;
	padding-right: .4em;
	text-align: center;
	border: 1px solid #CCCCCC;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
table.userTable img {border: 0;}

table.calendar { font-size: 8pt; padding: 0px 2px 0px 2px; width: 100%; background: #DDDDEE; }
table.calendar td { border: 1px solid #888888; padding: 4px; width: 80px; width: auto;}
table.calendar th { background-color: #000044; color: #FFFFFF; font-size: 10pt; border: 1px solid #AAAADD;}

table.menuFiles { border: 1px solid #000088; background: white; border-collapse: collapse; margin-top: 5px;}
table.menuFiles th {font-size: 10pt; font-weight: bold; background: #000044 url(images/dkblue3d.gif); background-repeat: repeat-x; text-align: center; color: #DDDDEE; padding-left: 10px; padding-right: 10px;}
table.menuFiles img {border: 0;}
table.menuFiles td {text-align: center; font-size: 10pt; padding: 3px; }
table.menuFiles td.left, table.menuFiles th.left {text-align: left;}

/**********    DIVS    ************/
div.clearboth {clear: both;}

div.masterLeft {
	background: #000044;
	width: 170px;
	float: left;
	display: inline;
	height: 100%;
	display: inline;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	overflow: hidden
}
div#masterTop {
	background: #BB0000 url(images/red3d.gif);
	background-repeat: repeat-x;
	text-align: right;
	width: 100%;
	height: 24px;
	display: block;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
div#masterContent {
	background: #FFFFFF;
	width: 100%;
	display: block;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

div.textBoxYellow {
	border: #555555 1px solid;
	background-color: #FFFF88;
}
div.textBoxBrown {
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	background-color: #DDCC77;
}
div.textBoxClear {
	border-width: 0px;
}
div.reportBox {
	width: 575px; 
	border: 1px solid black; 
}

div.textBoxltBlue {
	text-align: left;
	padding: 5px;
	background-color: #DDDDFF;
	border: 1px solid #555599;
}

div.manageSteps {
	color: #000044;
	width: 33%;
	border-right: 1px solid #000000;
	font-size: 14pt;
	text-align: center;
	float: left;
	margin-bottom: 5px;
}

div.features {
	background: #FFFFFF;
	border: 3px ridge #0000CC;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	margin: 2px;
	float: left;
	width: 100%;
}
div.features div{
	margin: 2px;
}

div.hotnew {
	background: #DDDDFF;
	border: 3px ridge #0000CC;
	font-size: 10pt;
	text-align: left;
	width: 280px;
	padding: 5px;
	margin: 1px;
	float: left;
	overflow: auto
}

div.hotnewnum {
	font-size: 26pt;
	color: #BB0000;
	text-align: right;
	padding-right: 15px;
	margin-right: 15px; 
	float: left;
	vertical-align: middle;
	height: 100%;
}

div.hotnewimg {
	float: left; 
	margin-right: 10px;
	width: 90px;
	height: 100%;
}

div.bluetopBarText {
	background: #000044 url(images/blue3d.gif) repeat-x;
	text-align: center;
}
div.eventsText {
	font-size: 10pt;
	background-color: #FFFFAA;
	border: 2px solid #CCCC55;
	padding: 2px;
}
div.eventsText table td {
	font-size: 10pt;
}
div.eventsText .eventsTitle {
	font-weight: bold; 
	display: block;
	border-bottom: 1px solid #444444;
}
div.eventsText div.bottom {
	padding-left: 15px;
}

div.randomBoxContainer {
	width: 130px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #0000BB;
	float: left;
}
div.randomBoxContainerBig { 
	border: 0;
	text-align: left;
	float: left;
	width: 400px;
	margin-left: 1em;
}
div.randomBoxContainer h1,div.randomBoxContainerBig h1 {
	text-align: center;
	color: #DDDDDD;
	font-size: 12pt;
	font-weight: bold;
	background: #FFFFFF url(images/blue3d.gif);
	background-repeat: repeat-x;
	margin: 0px;
	margin-bottom: 8px;
	padding: 4px;
	height: 20px;
}
div.randomBox, div.randomEvBox {
	width: 100%;
/*	height: 150px; */
	color: black;
	float: left;
	text-align: center;
	font-size: 8pt;
	padding-bottom: .5em;
	margin: 0px;
	margin-bottom: .5em;
}
div.randomBoxContainerBig div.randomBox {
	width: 100%;
	text-align: left;
}
div.randomEvBox {
/*	height: 90px; */
}
div.randomBox a:link, div.randomBox a:active, div.randomBox a:visited, div.randomBox a:hover {
	font-size: 10pt;
	color: #BB0000;
}
div.randomBox a:hover, div.randomEvBox a:hover {
	color: #FF0000;
}
div.randomBox a img {
	border: 0px;
}
div.randomEvBox a.events:link, div.randomEvBox a.events:active, div.randomEvBox a.events:visited, div.randomEvBox a.events:hover {
	text-align: left;
	padding: 2px;
	margin: 2px;
	font-size: 8pt;
	color: #000000;
	display: block;
	background-color:#DDDDFF;
	border: 3px ridge #9999CC;
}
div.randomEvBox a.events:hover {
	background-color: #FFDDDD;
}
div.randomBoxContainerBig div.randomBox img {float: left; width: 100px; padding-right: 5px;}
div.randomBoxContainerBig div.randomBox a:link,div.randomBoxContainerBig div.randomBox a:visited,div.randomBoxContainerBig div.randomBox a:active,div.randomBoxContainerBig div.randomBox a:hover {font-weight: bold;}

div.pcHSBoxContainerBig {
	padding: 0px;
	margin: 0px;
	float: left;
	border: 0;
	text-align: left;
}
div.pcHSBoxContainerBig h1 {
	text-align: center;
	color: #DDDDDD;
	font-size: 12pt;
	font-weight: bold;
	background: #FFFFFF url(images/blue3d.gif);
	background-repeat: repeat-x;
	margin: 0px;
	margin-bottom: 8px;
	padding: 4px;
	height: 20px;
}
div.pcHSBox {
	color: black;
	font-size: 8pt;
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #CCCCEE;
	clear: both;
	width: 100%;
	text-align: left;
}
div.pcHSBox a:link, div.pcHSBox a:active, div.pcHSBox a:visited, div.pcHSBox a:hover {
	font-size: 10pt;
	color: #BB0000;
	font-weight: bold;
}
div.pcHSBox a:hover, div.randomEvBox a:hover {
	color: #FF0000;
}
div.pcHSBoxContainerBig div.pcHSBox img {float: left; width: 30%; padding-right: 5px; border: 0px; }

div.searchResTopBar {
	border: 1px solid #DDDDDD;
	background: #EEEEEE; 
	height: 24px;
	margin-bottom: .3em;
}
div.searchResTopBar img{
	margin: 2px;
}

div#addCorner {
	position: absolute;
	top: 22px;
	left: 170px;
}
div#divReport {width: 350px; height: 400px;}

div#divPromoDetails {
	position: absolute;
	background: #DDDDFF;
	width: 500px;
	overflow: auto;
	border: 4px ridge #5555FF;
	display: none;
	text-align: left;
	padding: 10px;
}
table#claimedPromos {
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 100%;
	font-size: 8pt;
	border-collapse: collapse;
}
table#claimedPromos td {
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
	padding-left: 6px;
	padding-right: 6px;
}

div#divFullError {
	background: #DDDDFF;
	width: 800px;
	height: 500px;
	overflow: auto;
	border: 4px ridge #5555FF;
}

div#securebadge {
	text-align: center;
	margin-top: 10px;
}

div.divshadow {
	display: block;
	position: absolute;
	clear: both;
	background: #000000;
}

div#overlay {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #000000;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);
	z-index: 20;
}

div#div_extlinks a { margin: 4px; }

div.simHS {
	width: 170px;
	background: #FFFFFF;
}
div.simHS H1 {
	text-align: center;
	color: #FFFF33;
	background: #000044 url(images/blue3d.gif);
	font-size: 12pt; 
	font-weight: bold;
	margin: 0;
}
div.simHS ol {
	font-size: 10pt; 
	margin-top: 0;
	margin-bottom: 0;
}
div.simHS a:link, div.simHS a:active, div.simHS a:visited {
  	color: #BB0000;
	background: transparent;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}
div.simHS a:hover {
	background-color: #BB0000;
  	color: #FFFFFF;
}

div#mybm_otherLinks,div#mybm_hsadLinks,div#mybm_faveLinks {
	text-align: left;
	margin-bottom: .3em;
}
div#mybm_otherLinks a:link, div#mybm_otherLinks a:active, div#mybm_otherLinks a:visited,div#mybm_hsadLinks a:link, div#mybm_hsadLinks a:active, div#mybm_hsadLinks a:visited,div#mybm_faveLinks a:link, div#mybm_faveLinks a:active, div#mybm_faveLinks a:visited {
  	color: #b00;
	font-size: 10pt;
	font-weight: bold;
	display: block;
}
div#mybm_otherLinks a {
	padding-left: 25px;
	margin: .3em;
}

#oneTainment { font-size: 8pt; text-align: left;}
#oneTainment div { font-size: 8pt; font-weight: bold; color: white; background: #337; text-align: center; padding: 3px;}
#oneTainment img { border: 0; float: left; width: 60px; margin-bottom: .1em; margin-right: .4em;}
#oneTainment a { font-weight: bold; color: #00f; display: block; text-align: center;}

.widgetShortBox { width: 368px; float: left; margin: 10px; border: 1px solid #ccc; background: #eee; height: 150px;}
.widgetShortBox h1 { color: #337; font-weight: bold; background: #ccc url(images/silver3d2.gif) repeat-x top left; text-align: center; font-size: 12pt; padding: 0; margin: 0;}
.widgetShortBox a { font-weight: bold; color: #00f; display: block; text-align: left;}

.gameContainer { width: 550px; margin: 1em; float: left; font-size: 10pt;}
.relatedGamesContainer { background: #ccc; font-size: 8pt; width: 200px; float: right; border: 1px solid #aaa; margin: 0; padding: 0;}
.relatedGamesContainer h1 { background: #ccc url(images/silver3d2.gif) repeat-x top left; font-size: 14pt; color: #339; text-align: center; margin: 0;}
.relatedGamesContainer h1 { background: #444 url(images/blue3d.gif) repeat-x top left; font-size: 14pt; color: #ccc; text-align: center; margin: 0;}
.relatedGamesContainer div { clear: left; padding: 3px;}
.relatedGamesContainer div.clearboth { border-bottom: 1px solid #eee; border-top: 1px solid #888; padding: 0; margin-top: 1em;}
.relatedGamesContainer img { border: 0; width: 60px; margin: 0 .5em .5em 0;}


/*FORM ELEMENTS************************************/
	TEXTAREA {background-color: #FFF; color: #000; font-family: arial, garamond, tahoma; font-size: 8pt;}
	.whiteField {background-color: #FFF; color: #000; font-family: arial, garamond, tahoma; font-size: 8pt;}
	.blankField {background-color: #FFF; color: #aaa; font-family: arial, garamond, tahoma; font-size: 8pt;}
	.field {background-color: #FF8; color: #000; font-family: arial, garamond, tahoma; font-size: 8pt; font-weight: normal;}
	.formbutton {color: #000000; text-transform: none; font-size: 8pt;}
	SELECT {background-color: #FFF; color: #000; font-family: arial, garamond, tahoma; font-size: 8pt; font-weight: normal;}

form#frmQuickLogin {
	font-weight: normal;
	font-size: 8pt;
	display: block;
	text-align: left;
	margin: 0;
	margin-top: .5em; 
	border: 0;
	border-top: 1px solid #999999;
}
form#frmQuickLogin span.label{
	text-align: right;
	display: block;
	width: 60px;
	float: left;
}
form#frmQuickLogin input{
	background: #EEEEFF;
	font-size: 8pt;
}
form#frmQuickLogin input.hidden{
	position: absolute;
	left: -5000px;
	top: -5000px;
}
form#frmQuickLogin a {
	display: block;
	margin-bottom: .2em !important;
	padding: 0 !important;
	color: #FFFF88;
	font-weight: bold !important;
	text-decoration: none;
	text-align: center !important;
	background: url(images/blue3d.gif);
}


/* reviews ********************************************************/
div.reviewContainer {clear: both; width: 100%; margin-bottom: .5em; text-align: left;}
div.reviewHead,div.reviewHeadAnon {padding: .5em; padding-top: 0; font-size: 12pt; color: #FFFFFF; background: #BB0000 url(images/red3d.gif); background-repeat: repeat-x; font-weight: bold; display: block;}
div.reviewHeadAnon {background: #000044 url(images/dkblue3d.gif);}
div.reviewUser {float: left;}
div.reviewPic {width: 150px; float: left; text-align: center; font-size: 10pt; display: block; font-weight: bold;}
div.reviewPic div.date {font-weight: bold;}
div.reviewRatings {float: left; width: 170px; }
div.reviewCatRate {padding-left: 1em; font-size: 10pt;}
div.reviewCatRate span.reviewCat {font-weight: bold; padding-right: .2em;}
div.reviewMags {text-align: center; font-size: 10pt; border-top: 1px solid #AAAAAA;}
div.reviewComm {font-weight: normal; padding-left: .5em; font-size: 10pt;}
div.reviewReview {float: right;}
div.reviewReport {text-align: center;}
a.reviewHeadLink:link, a.reviewHeadLink:active, a.reviewHeadLink:visited, a.reviewHeadLink:hover,.reviewHeadLink {
	color: #FFFF88;
	font-size: 8pt;
	font-weight: bold;
	margin: 2em;
	text-decoration: none;
}
a.reviewHeadLink:hover {
	color: #FFFF00;
}

/* calendars *****************************************************/
div.cal_pickDate { display: block; background: #DDDDFF; position: absolute; clear: both; font-size: 10pt; width: 212px; text-align: center; border: 1px solid #000044;}
div.cal_pickDate img {border: 0;}

div.cal_pickDate div.sep {width: 100%; height: 1px; clear: both; line-height: 1px; margin: 0; padding: 0; background: #DDDDFF;}
div.cal_pickDate .day,div.cal_pickDate .dayname {width: 30px; display: block; float: left; margin: 0; background: #DDDDFF; text-align: center; font-weight: bold;}
div.cal_pickDate .monthname { background: #000044 url(images/blue3d.gif); color: white; font-weight: bold; clear: both; width: 100%;}
div.cal_pickDate a {text-decoration: none; color: #0000FF; display: block; font-weight: bold; background: #DDDDFF;}
div.cal_pickDate a:hover {background: #BB0000; color: #FFFFFF;}
div.cal_pickDate a.closeCal {font-weight: bold; color: #BB0000; background: #DDDDFF; border: 1px solid #DDDDFF; border-top: 0; display: block; text-decoration: none;}
div.cal_pickDate a.closeCal:hover {font-weight: bold; color: #FFFFFF; background: #BB0000;}
div.cal_pickDate a.prevnext {color: #FF7777; font-size: 12pt; background: transparent; font-size: 10pt;}
div.cal_pickDate a.prevnext:hover {background: #BB0000; color: #FFFFFF;}
div.cal_pickDate a#prev {float: left; padding-left: .3em; padding-right: .3em;}
div.cal_pickDate a#next {float: right; padding-left: .3em; padding-right: .3em;}
div.cal_pickDate span#allmonth { display: block; background: #DDDDFF; }

/* full overdiv *****************************************************/
div.fullOverDiv {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 1000;
	background: #FFFFFF;
	text-align: center;
	height: 100%;
	width: 100%;
}

.browseLetter { border-bottom: 1px solid #ccc; clear: both;}
.browseLetter .letter {width: 2em; float: left; font-size: 10pt; font-weight: bold; color: #eee; background: #337 url(images/blue3d.gif) repeat-x top left; text-align: center; padding: .2em;}
.browseLetter .browseLinks {float: left;}

/*LINES FOR BROWN/BLUE LAYOUT*/

	body.vert {background: #888 url(images/mainbgs/piamir.jpg) repeat-x top left; text-align: center; width: 100%; margin-left: auto; margin-top: 20px;}
	body.vert div#mainHeader {width: 800px; font-size: 24pt; color: black; font-family: Tahoma; font-weight: bold; height: 0; display: none;}

	body.vert {background: #AAAA88 url(images/bmTextLogo.gif) no-repeat top left; text-align: center; width: 100%; margin-left: auto; margin-top: 20px;}
	body.vert div#mainHeader {width: 800px; font-size: 24pt; color: black; font-family: Tahoma; font-weight: bold; height: 0; display: none;}

	body.vert div#mainFooter {background: url(images/footerTop.gif) repeat-x top left; width: 800px; margin: 0; color: #FFFFFF; font-size: 8pt; margin: 0 auto; padding-top: 14px;}
	A.footerlink:link, A.footerlink:active, A.footerlink:visited, A.footerlink:hover { color: #ff8; font-size: 8pt;}

	body.vert div#mainMenu {clear: both; background: url(images/silver3dCornerLeft.gif) no-repeat top left; width: 800px; border: 0; margin: 0 auto;}
	body.vert ul#mainMenu {margin: 0; margin-left: 10px; padding: 0; padding-bottom: 2px; background: url(images/silver3d2.gif) repeat-x top left #221199;}
	body.vert ul#mainMenu li {display: inline;}
	body.vert ul#mainMenu li a{color: #333; font-weight: bold; font-size: 10pt; text-decoration: none; padding-left: 1em; padding-right: 1em;}
	body.vert ul#mainMenu li a:hover{color: #55a;}
	body.vert div.subMenu {display: none; background: #bbb; position: absolute; z-index: 9000; border: 2px solid #888; border-top: 0; font-size: 8pt; font-weight: bold; margin-top: 2px;}
	body.vert div.subMenu ul {padding: 0; margin: 0;}
	body.vert div.subMenu ul li {display: block; text-align: left; margin: 0; padding: 0; display: inline; font-weight: normal;}
	body.vert div.subMenu ul li a{color: #333; font-size: 10pt; text-decoration: none; display: block; padding: .3em 1.6em; text-align: left;}
	body.vert div.subMenu ul li a:hover{background: #449; color: #ccc;}

	body.vert div#mainContentContainer {width: 800px; background: #FFFFFF; text-align: center; margin: 0 auto; border-top: 1px solid white; padding-top: .4em; clear: both;}
	body.vert div#mainContent {width: 780px; background: #FFFFFF; text-align: left; margin: 0 auto; position: relative;}
	body.vert div#mainContent div#mainContRightBar {display: none; width: 160px; float: right; margin-bottom: 1em; text-align: center;}
	body.vert div#mainContent div#mainContRightBar img {display: block;}
	body.vert div#mainContent div#mainContLeftBar {width: 160px; float: left; margin-bottom: 1em;}
	body.vert div#mainContent div#mainContLeftBar div {background: #EEEEFF; border: 1px solid #9999BB; text-align: center;}
	body.vert div#mainContent div#mainContLeftBar div h1 {text-align: center; font-size: 10pt; background: #000044 url(images/dkblue3d.gif) repeat-x top left; margin-top: 0; color: #FFFF88;}
	body.vert div#mainContent div#mainContLeftBar div div {border: 0; margin-bottom: 1em; font-size: 8pt;}
	body.vert div#mainContent div#mainContLeftBar div div div {margin: 0;}

	body.vert div#mainQSearch {border-bottom: 0; margin: 0 auto; width: 800px; text-align: left; position: relative; background: url(images/blue3dCornerRight.gif) no-repeat top right;}
	form#frmQuickSearch {background: url(images/blue3d.gif) repeat-x top left #333; display: block; margin: 0; text-align: center; font-size: 7pt; color: #ff8; float: right; padding: 0; padding-bottom: 2px; margin-right: 5px;}
	form#frmQuickSearch h1 {text-align: center; color: #ccc; font-weight: bold; font-size: 10pt; display: inline; margin-right: 1em; margin-left: 1em;}
	form#frmQuickSearch .field	{font-size: 7pt; background-color: #ff8;}

	body.vert div#mainLogo {display: block; text-align: center; padding-top: 5px;}	

	div.sideLinks H1 { background: url(images/dkBlue3d.gif) repeat-x top center #000077; }
	ul.sidelinks a:link, ul.sidelinks a:active, ul.sidelinks a:visited, ul.sidelinks a:hover {
		color: #EEEE77;
		background: #444488;
	}
	div#FreeTrial { text-align: center; width: 100%; border: 1px solid #7777AA; background: #EEEEFF; font-size: 10pt; padding-bottom: .3em; }
	div#FreeTrial a.small:link,div#FreeTrial a.small:visited,div#FreeTrial a.small:active,div#FreeTrial a.small:hover { margin: 2px; color: black; text-decoration: none; font-size: 8pt; display: block; text-align: left; }
	div#FreeTrial a.small:hover { text-decoration: underline; }

	a.HNMoreLink:link,a.HNMoreLink:visited,a.HNMoreLink:active,a.HNMoreLink:hover {font-weight: bold; color: #000000; display: block; text-align: center; font-size: 10pt; text-decoration: none;}
	a.HNMoreLink:hover { color: #FFFF88; background: #BB0000 url(images/red3d.gif); }

	div#mainLogo h1 {margin: 0; color: #BB0000; margin-bottom: .4em;}

	p.pageTitle { margin-top: 0; color: #221199;}

	div.searchResTopBar { border: 1px solid #DDDDDD; background: #DDDDFF url(images/searchResTopBarBg.gif) repeat-y top left; height: 24px; margin: 1em 0 .3em 0; }
	a.searchResLink:link, a.searchResLink:visited, a.searchResLink:active, a.searchResLink:hover { color: #0000CC; font-size: 12pt; font-weight: bold; text-decoration: none; padding: .5em; }
	a.searchResLink:hover { color: #BB0000; }

	div#mybm_otherLinks img { background: white; }

/*END LINES FOR BROWN/BLUE LAYOUT*/
/*START div containers with blue rounded border*/
.blueRoundedCont { background: #fff url(images/divbacks/blueTop.gif) repeat-x top left; }
.blueRoundedCont .left {width: 7px; position: relative; top: 0; left: 0; background: #fff url(images/divbacks/leftBlueRounded.gif) no-repeat; float: left; height: 100%;}
.blueRoundedCont .right {width: 7px; position: relative; top: 0; right: 0; background: #fff url(images/divbacks/rightBlueRounded.gif) no-repeat; float: right; height: 100%;}
/*END div containers with blue rounded border*/