p {
	margin: 0;
	padding: 0 0 1.3em 0;
}
a { text-decoration: none; }
b.bolder, #content h3, #sidebar h3, #menucont h3 {
	text-transform: uppercase;
	font-size: 1.1em;
}
#content h3, #sidebar h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.excerpt {
	padding: 20px;
	color: #663014;
}
body { 
	margin: 0; 
	padding: 0; 
	text-align: center;
	color: #201f1d;
	font-family: Verdana, sans-serif;
	position: relative;
	font-size: 11px;
	background: #000 url(../../images/2008/background.jpg) top center repeat-y;
}
#wrapper1 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 940px;
}
#header {
	position: relative;
	width: 940px;
	height: 270px;
}

#flavor {
	position: absolute;
	left: 60px;
	top: 0;
	width: 650px;
	height: 160px;
	background: url(../../images/2008/header-issue4.jpg) top left no-repeat;
}
#flavor h1, #flavor h2 {
	text-indent: -9999em;
}

#buynow {
	position: absolute;
	top: 270px;
	left: 41px;
	width: 19px;
	height: 84px;
}

#title {
	position: absolute;
	top: 160px;
	/* left: -1px; */
	background: #000 url(../../images/2008/gud-title-issue4.jpg) top left no-repeat;
	height: 110px;
	width: 940px;
}
#menu {
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	height: 270px;
	font-weight: bold;
}
#menu, #menucont, .darkest {
	background: #663014;
}
#menucont {
	float: left;
	min-height: 110px;
	height: 110px;
	width: 210px;
	position: relative;
}
#sitesearch {
	position: absolute;
	bottom: 0;
	padding: 20px;
	font-size: .8em;
}
#sitesearch input.text {
	font-size: 1em;
	width: 100px;
}

#menucont, #menu a:visited, #menu a:link { color: white; }
#menu, #menu a:hover, #menu a:active { color: #ffcb65; }

#menu, #sidebar {
	float: right;
	margin-right: 20px;
	width: 210px;
}
#menu div.padding, #sidebar div.padding {
	padding: 0 20px 0 20px;
}
#menu div.padding {
	padding-top: 15px;
}
#content {
	width: 650px;
	margin-left: 60px;
	float: left;
	font-size: .9em;
}
#phpbb #content {
	width: 860px;
	padding-top: 20px;
	font-size: 10px;
}
#content, #sidebar {
	color: #201f1d;
}
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu li { padding: 0; margin: 0; }
a img { border: 0; }

#footer {
	padding: 15px 0 15px 0;
	border-top: dashed 1px #a2836f;
	clear: both;
	text-align: center;
}

hr {
	display: block;
	height: 1px;
	border: none;
	border-top: dashed 1px #a2836e;
}

#highlight hr {
	margin: 20px -20px 20px -20px;
	border-color: #fff;
}

.skinny {
	float: right;
	width: 370px;
}

.skinny hr {
	width: 370px;
}

#footer, #footer a { color: #999 }
#footer a:hover, #footer a:active { color: #000; }


#menu, #footer, #highlight, .excerpt {
	line-height: 1.6em;
}

#content {
	margin-right: 0px;
}
#content a, #sidebar a {
	color: #993400;
	font-weight: bold;
}
#sidebar a {
	font-weight: normal;
}

#content a:hover, #content a:active, #sidebar a:hover, #sidebar a:active {
	color: #ffcb65;
}

#menu h2 {
	padding: 0;
	margin: 0;
	font-size: .9em;
	color: #f90;
}

#content .darkest a:link, #content .darkest a:visited {
	color: #fe9b02;
}
#content .darkest a:hover, #content .darkest a:active {
	color: #fff;
}

#menu li.mini {
	font-size: .8em; font-weight: normal; float: left; padding-right: 10px;
}

#highlight {
	background: #c3b09f url(../../images/2008/beigebg-dark.jpg);
}

#content .wrapper {
	padding: 20px;
}


#content h1 {
	font-size: 3.4em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 20px 0;
}

#highlight h1 {
	color: white;
}

/** MENU STUFF INSERTED FROM OLD SITE; TODO **/

#menus {
	position: absolute;
	top: 0;
	width: 648px;
	height: 160px;
	text-indent: 0;
	background: white;
	border: solid 1px black;
	border-top: none;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
  color: black;
}

#notphpbb #menus {
	font-size: 1em;
	font-weight: normal;
}

#notphpbb #menus li {
	padding-top: 3px;
}

#notphpbb #menus li:first-child {
	font-weight: bold;
	background: #564966; 
	width: 590px;
	text-indent: 10px;
	filter:alpha(opacity=1);
	opacity: 1;
	-moz-opacity: 1;
	padding-bottom: 3px;
	font-size: 1.3em;
}

#notphpbb #menus .menu {
	padding-left: 20px;
	clear: left;
}
#notphpbb #menus .menu li:hover {
	background: #564966;
}
#notphpbb #menus .menu li {
	padding: 0;
	margin: 0;
}
#notphpbb #menus .menu a {
	display: block;
	float: left;
	padding: 3px 5px 5px 5px;
}
#notphpbb #menus .menu a:hover {
	color: white;
}

#phpbb #menus {
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
background: url(https://gudmagazine.com/forums/styles/gud/theme/images/bg_header.gif) repeat-x top left #12a3eb;
color: white;
}

#notphpbb #message {
	font-size: 2em;
	padding: 1em;
	background: #eee url(../../images/2008/beigebg-dark.jpg);
	border-bottom: dashed 1px white;
	color: black;
}

#menus .menu ul li {
  margin-left: 5px;
  margin-right: 5px;
}

#menus .menu li a { color: black; }
#menus .menu li a:hover, #menus .menu li a:active { color: #52c; }
#menus .menu li { color: #229; }

#menus ul {
  margin: 0;
  padding: 0 50px 0 0;
  list-style-type: none;
  color: #ffff99;
	float: left;
	clear: left;
	padding-bottom: 1em;
}

#menus a {
  color: #c7c7c7;
}

#menus li {
  margin: 0;
  padding: 0;
	float: left;
  /*padding-right: 5px;*/
}

#menus li a {
  text-decoration: none;
}

#menus a:hover, #menus a:active {
  color: #ffe;
}

.info {
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #ccc;
}


/** FORM STUFF INSERTED FROM OLD SITE; TODO **/
form.order {
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}
form.order select {
	margin-bottom: 5px;
}
.primaryform {
  margin: auto;
  clear: right;
}

.primaryform fieldset {
  padding: 10px;
  margin: 0;
  border: solid 1px #ccc;
	margin-bottom: 20px;
  clear: right;
}

.primaryform fieldset fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 2em;
}

.primaryform fieldset fieldset fieldset {
  display: block;
  border: none;
}

.primaryform legend {
  font-weight: bold;
  padding-left: .5em;
  padding-right: .5em;
  color: #222;
	border: none;
}

.primaryform fieldset fieldset legend {
  vertical-align: bottom;
}

.primaryform fieldset fieldset fieldset legend {
  border: none;
  font-weight: normal;
  padding-top: .5em;
  padding-bottom: .5em;
  margin: 0;
}

.primaryform label {
  display: block;
  height: 2em;
  border: none;
  padding: 10px 10px 0;
  color: #222;
	font-weight: bold;
}

label span.formnote {
	color: #444;
	font-size: .8em;
	font-style: italic;
}

.primaryform fieldset fieldset fieldset label {
  float: left;
  white-space: nowrap;
  border: none;
}

#blog {
}

#blog input, .primaryform input, .primaryform select, .primaryform textarea, #blog textarea { /* #blog iframe */
  margin-right: 20px;
  border: solid 1px #666;
  float: right;
  clear: right;
  background: white;
  padding: 2px;
}

/*
#blog iframe {
	height: 450px;
}

#blog .dontblowup iframe {
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	clear: auto;
	float: auto;
}
*/


#blog img {
  max-width: 500px;
}

#blog dl {
	font-size: .8em;
}

.searchForm input {
  vertical-align: middle;
  margin: 0;
  margin-right: 20px;
  border: solid 1px #666;
  background: white;
  padding: 2px;
  font-size: .8em;
}

.primaryform fieldset fieldset fieldset input, .primaryform textarea, #blog textarea {
  float: none;
  clear: none;
}

.primaryform textarea {
  margin-top: 1em;
  margin-right: 30px;
}
.primaryform fieldset.textarea {
  padding-bottom: 1em;
}

.submitform {
  text-align: right;
}

.submitform label {
  display: inline;
  padding: 0;
  margin: 0;
}

.submitform input {
  display: inline;
  float: none;
  clear: right;
  margin: 0;
  margin-top: 1em;
}

.primaryform input:hover, .primaryform select:hover, .primaryform textarea:hover, #blog textarea:hover, #blog input:hover, .searchForm input:hover  {
  background: #eee;
}

.primaryform input:focus, .primaryform select:focus, .primaryform textarea:focus, #blog textarea:focus, #blog input:focus, .searchForm input:hover  {
  background: #ffe;
}

/* END TRICKY FUCKING FORM STUFF */

/* FOR BLOG */
#blog img {
  max-width: 400px;
}
div.screened {
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	background: #600;
	border: solid 1px red;
	color: #ccc;
	font-size: .8em !important;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
}
.blog_comment { padding-top: 10px; }
#blog_comments { margin-top: 2em; border-top: solid 1px #666; padding: 10px; }
.blog_comment_stamp { float: right; }
.blog_comment_name { float: left; font-weight: bold;}
.blog_comment_text { clear: both; border: solid 1px #eee; font-weight: normal;  padding: 5px; 
  background: #ffe url(../../images/2008/beigebg-light.jpg);
}
#body___Frame {
	height: 650px;
}
#blognav ul {
  display: block;
  list-style: none;
	margin: 0;
	padding: 0;
}

#blognav ul li { font-size: .9em; padding-bottom: .5em; padding-top: 5px; }
#blognav ul.last {
  border-bottom: none;
  padding-bottom: 2em;
}

#blogbody {
  margin-left: 5px;
}

#blogbody h2 {
  margin-bottom: 0;
  text-align: center;
}

#blogbody h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

#blogbodybody {
  font-weight: normal;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-right: 10px;
  border-bottom: solid 1px #666;
  padding-bottom: 10px;
}

#blogbodybody ul {
  margin-left: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}

#blog #blogbody input {
  clear: left;
  margin-left: 8px;
}

#blognav a, #blognav a:hover {
  border: none;
}

#blogbody #form_comment {
  width: 400px;
}

#blogbody .author {
  height: 46px;
  line-height: 46px;
  font-weight: bold;
  text-indent: 53px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-align: right;
}

#blog br {
  display: block;
  margin-bottom: .5em;
}

#form_comment {
	width: 520px;
	height: 200px;
	margin-left: 25px;
}
#enter {
	
}

/** END BLOG **/

#content, #sidebar {
	font-size: 1.2em;
}

#content .box, #sidebarinner .box {
	border: solid 1px #32312f;
	width: 170px;
	padding: 10px;
}

#content .box {
	float: right;
	width: 260px;
	margin-left: 20px;
}


#content .box h2, #sidebarinner .box h2, #sidebarinner .box h2 a {
	color: #cc8;
}

.reviewcover, .blogimage {
	float: right;
}

.blogimage img, .reviewcover a img {
	width: 250px;
	border: solid 1px #e4fdff;
	margin-bottom: 15px;
	margin-left: 1em;
}

.noresize img {
	width: auto;
}

.reviewcover {
	width: 265px;
}

div.cover {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#content img.cover {
float: right; border: solid 1px #5e6f70; margin-left: 1em; margin-bottom: .5em; margin-top: 5px;}

.now {
	color: #663014;
	font-weight: bold;
	text-align: left;
}

blockquote.audio {
	/*background: black;
	border: solid 1px #32312f;*/
  font-size: .8em;
	padding: 20px;
}

.masthead {
  float: left;
  margin-top: 5px;
  margin-right: 15px;
  padding-bottom: 10px;
}

.masthead img {
  border-width: 1px;
}

#content h2 {
  clear: left;
}

#cluetip-inner {
	font-size: 1.6em;
}

.ads {
	text-align: center;
}
.ads table {
	margin-left: auto;
	margin-right: auto;
}
.ads1 table {
}

/* DEBUGGING HATE HATE HATE IE6 */
#bodywrapper2 {
	margin-left: -60px;
	margin-right: -20px;
}
#bodywrapper > #bodywrapper2 {
	margin-left: 0;
	margin-right: 0;
}

.sidebar {
	width: 280px;
	margin: 0 1em 1em 1em;
	border: dashed 1px #a2836f;
	padding: 1em;
	font-size: .8em;
	float: right;
	background: #c3b09f url(../../images/2008/beigebg-light.jpg);
}
.slim {
	width: 200px;
}

tr.fulfilled td, tr.shipped td {
  text-decoration: line-through;
}


#blognav .links li p {
	font-style: italic; margin-top: 10px;
}

#blognav .yearlinks li {
	display: inline;
}

#blognav .yearlinks li a {
	line-height: 2em;
	margin: 0 5px 0 0;
}

#title a.homelink {
	text-indent: -9999em;
	display: block;
	position: relative;
	top: 5px;
	left: 370px;
	width: 330px;
	height: 75px;
}

#title #titlecallout {
	display: block;
	position: absolute;
	top: 20px;
	left:40px;
	width: 319px;
	height: 59px;
	color: #a80;
	font-size: 2em;
}
#title #titlecallout:hover,
#title #titlecallout:active {
	color: #ff0;
	text-decoration:underline;
}

table { border-collapse: collapse; }
td { vertical-align: top; font-size: .9em;}
td.right { text-align: right; }
tr.odd { background: rgba(255,255,255,.1) }
td, th { padding: 2px; }
td.date, td.note { font-family: Courier New, monospace; }
td.date { white-space: pre; }

dt.rotting { color: #860; background: rgba(0,0,0,.2); }
#content dt.rotting a:link, #content dt.rotting a:visited { color: #860; }
#content dt.rotting a:hover, #content dt.rotting a:active { color: #420; }

.errors {
	font-weight: bold;
	font-size: 1.2em;
	border: solid 1px #c00;
	background: #e99;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
}

.errors ul {
	margin: 0 0 0 20px; padding: 0;
	font-size: .8em;
}

/** QUIZ **/
.quiz { font-weight: bold; }
.quiz dt { margin-top: 1em; }
.quiz dd { font-weight: normal; padding: 0; margin-left: 0px; }
.quiz input { float: left; display: block; }
.quiz label { display: block; width: 540px; margin-left: 30px; }
.quiz dd { margin-top: 4px; }
.quiz .error { color: #c00; background: #ff9; }

/** END QUIZ **/

#homebox {
	float: right; width: 280px; overflow: hidden;
	color: #d3c6b5;
}

#homebox img {
	border-left: solid 1px black;
}

blockquote {
	padding: 1em;
	margin: 1em 5em 2em 5em;
	border: dashed 1px #a2836e;
	background: #ffd url(../../images/2008/beigebg-light.jpg) top center repeat;
}

#content .block {
	padding: 1em;
	margin: 0 10px 0 0;
	border: dashed 1px #a2836e;
	background: #ffd url(../../images/2008/beigebg-light.jpg) top center repeat;
}

#content table.box {
	border: dashed 1px #a2836e;
	background: #ffd url(../../images/2008/beigebg-light.jpg) top center repeat;
	margin: 5px 10px 10px 0;
	float: none;
}
#content table.box th, #content table.box td { padding-left: 10px;}
#content table.box th { padding-top: 5px;}

ul.spaced { padding: 0; margin: 0; padding-left: 10px; margin-left: 10px; }
ul.spaced li { padding-bottom: 1em; }

#menu .buynow { font-size: 1.2em; }
#menu .buynow a:link, #menu .buynow a:visited { color: #ffe; }
#menu .buynow a:hover, #menu .buynow a:active { color: #25f3e2; }

.notclaimed { color: blue; }

.gamesbig .game {
	width: 45%;
}

.gamesbig .even { float: left; clear: left; padding-right: 20px; }

.gamesbig .odd { float: left; padding-left: 20px; }

.gamesbig .game {
	padding-bottom: 10px;
}


.game img { float: right; padding-top: 20px; padding-left: 10px; padding-bottom: 10px; clear: both;}

.games { 
  background: #ffe url(../../images/2008/beigebg-light.jpg);
	margin: 10px -20px;
	border-top: dashed 1px #a2836f;
	border-bottom: dashed 1px #a2836f;
	padding: 10px 10px;
}

.excerpt .games {
	margin: 0 -5px 0 -5px;
	padding: 0;
	border: none;
}

.games img {
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
}

.games a {
	display: inline;
	padding: 10px;
}

.game embed {
	border: solid 4px white;
	margin: 10px;
}

#homebox .games img { border: 0; padding: 5; }

.nowrap {
  white-space: nowrap;
}

.nobr {
  white-space: nowrap;
}

#highlight table hr { margin: 5px 0 5px 0; }

.editbio {
	font-style: italic;
}

#blognav .links img { max-width: 65px; }

/** GOOGLE SEARCH **/
#searchcontrol .gsc-control {
	width: auto;
}

body { font-size: 10px; }
#menu { font-size: 11px; }

#TOC h2 { clear: left; border-bottom: dashed 1px #a2836e;  margin-bottom: 5px; padding-top: 10px;}
#TOC .item { float: left; width: 195px; margin-right: 8px; height: 50px; }
#TOC { font-size: .9em; }

.artitem img { padding-right: 10px; width: 60px; float: left; }
#TOC .artitem { height: 110px; }
.pubbio { padding-top: 10px; line-height: 1.4em; }


/** ISSUE 3 **/
#menu, #menucont, .darkest { 
	background-color: #0d5e75; 
}
#sidebar a, #content a {
	color: #1d608a; 
}
#content .darkest a:link, #content .darkest a:visited, #content a:hover, #content a:active, #sidebar a:hover, #sidebar a:active, #menu, #menu a:hover, #menu a:active { 
	color: #25f3e2;
}
#content .darkest a:hover, #content .darkest a:active { 
	color: #fff; 
}
#homebox { 
	color: #b1c6d6; 
}
#menu h2 { 
	color: #bbf; 
}

/** ISSUE 4 **/
#menu, #menucont, .darkest {  /* menu background */
	background-color: #2e234a; 
}
#sidebar a, #content a {
	color: #8b002a; 
}
#content .darkest a:link, #content .darkest a:visited, #menu h2, #menu .buynow a:hover, #menu .buynow a:active {
	color: #feff87; 
}

#content a:hover, #content a:active, #sidebar a:hover, #sidebar a:active, #menu, #menu a:hover, #menu a:active { 
	color: #a97fc6;
}
#content .darkest a:hover, #content .darkest a:active { 
	color: #f00;  /* NOT USED??? */
}
#homebox { 
	color: #b1aab8;  /* for "get a free download" */
}

/** ISSUE 5 **/
#menu, #menucont, .darkest {  /* menu background */
	background-color: #096706; 
}
#sidebar a, #content a {
	color: #9b3202; 
}
#content .darkest a:link, #content .darkest a:visited, #menu h2, #menu .buynow a:hover, #menu .buynow a:active {
	color: #feff87; 
}

#content a:hover, #content a:active, #sidebar a:hover, #sidebar a:active, #menu, #menu a:hover, #menu a:active { 
	color: #48fb7d;
}
#content .darkest a:hover, #content .darkest a:active { 
	color: #9b3202;  /* HOVER for "TELL A FRIEND" */
}
#homebox { 
	color: #9ec1a6;  /* for "get a free download" */
}
#flavor { background-image: url(../../images/2008/header-issue5.jpg); }
#title {	background-image: url(../../images/2008/gud-title-issue5.jpg) ;}

/** ISSUE 6 **/
#notphpbb #menus li:first-child,
#menu, #menucont, .darkest {  /* menu background */
	color: #fff;
	background-color: #564966; 
}
#sidebar a, #content a { /* sidebar and content links yay -- NOT menu */
	color: #993400; 
}
#content .darkest a:link, #content .darkest a:visited, #menu h2, #menu .buynow a:hover, #menu .buynow a:active { /* WINTER 2009 && tell a friend */
	color: #ee995b; 
}

#sidebar a:hover, #sidebar a:active, #menu, #menu a:hover, #menu a:active { 
	color: #caa0d6; /* current menu aka home in the design (and hover) */
}
#content a:hover, #content a:active {
	color: #564966;
}
#content .darkest a:hover, #content .darkest a:active { 
	color: #ffffff;  /* HOVER for "TELL A FRIEND" */
}
#homebox { 
	color: #9ec1a6;  /* for "get a free download" */
}
#flavor { background-image: url(../../images/2008/header-issue6.jpg); }
#title {	background-image: url(../../images/2008/gud-title-issue6.gif) ;}
#phpbb #menus { background: transparent url(../../images/2008/header-issue6.jpg) no-repeat; }

/** ISSUE 7 **/
#menucont, #menu a:visited, #menu a:link { color: #cbe5f1; }
#notphpbb #menus li:first-child,
#menu, #menucont, .darkest {  /* menu background */
	color: #71b9d9;
	background-color: #215e7a;
}
#sidebar a, #content a { /* sidebar and content links yay -- NOT menu */
	color: #007198; 
}
#content .darkest a:link, #content .darkest a:visited, #menu h2, #menu .buynow a:hover, #menu .buynow a:active { /* WINTER 2009 && tell a friend */
	color: #ffa; 
}

#sidebar a:hover, #sidebar a:active, #menu, #menu a:hover, #menu a:active { 
	color: #6eb7d8; /* current menu aka home in the design (and hover) */
}
#content a:hover, #content a:active {
	color: #013e4a;
}
#content .darkest a:hover, #content .darkest a:active { 
	color: #ffffff;  /* HOVER for "TELL A FRIEND" */
}
#homebox { 
	color: #9ec1a6;  /* for "get a free download" */
}
#flavor { background-image: url(../../images/2008/header-issue7.jpg); }
#title {	background-image: url(../../images/2008/gud-title-issue7.gif) ;}
#phpbb #menus { background: transparent url(../../images/2008/header-issue7.jpg) no-repeat; }
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*{padding: 0; margin: 0;}*/

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}