/* Normal, standard links. */
a:link
{
    color: #000000;
    text-decoration: underline;
}
a:visited
{
    color: #000000;
    text-decoration: underline;
}


/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
    color: #000000;
    text-decoration: none;
}
a.nav:hover
{
    font-weight: bold;
    color: #444444;
    text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
    empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
{
    color: #000000;
    font-size: small;
    font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
    background-color: white;
    margin: 0px;
    padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
    font-size: 9pt;
    color: #000000;
    font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects. */
select
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
    height: 1px;
    border: 0;
    color: #666666;
    background-color: #666666;
}

hr.hr1 {
  color: #DDDDDD;
  width: 100%;
  height: 1px;
}

/* A quote, perhaps from another post. */
.quote
{
    color: #000000;
    background-color: #E1E1E1;
    border: 1px solid #828181;
    margin: 5px;
    padding: 3px;
    font-size: x-small;
    
}

/* A code block - maybe even PHP ;). */
.code
{
    color: #000000;
    background-color: #cccccc;
    border: 1px solid #000000;
    padding: 1px;
    font-family: "courier new", helvetica, "times new roman", serif;
    font-size: x-small;
    width: 99%;
    margin: 1px auto 1px auto;
    white-space: nowrap;
    overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
    color: #000000;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
    cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
    color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
    width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
    background-color: yellow;
    font-weight: bold;
    color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
    color: #000000;
    background-color: #E1E1E1;
}
.windowbg2
{
    color: #000000;
    background-color: #F0F0F0;
}

.windowbg3
{
    color: #000000;
    background-color: #D4D4D4;
}

.greyborders
{
  border: 1px solid #7A7777;
}

.noleftborder
{
	border-left-style: none;
}

.norightborder
{
	border-right-style: none;
}

.nobottomborder
{
	border-bottom-style: none;
}


.notopborder
{
	border-top-style: none;
}


.gradient {
	background: url("/images/gradient.jpg");
	/*background-color: red;*/
	background-repeat: repeat-x; 
}

.yfiller {
    background-color: #F0F0F0;
	background-repeat: repeat-y; 
	height: 100%;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
    color: white;
    font-style: normal;
    background-color: #6B8EAE;
}

.titlebgborder
{
    color: white;
    font-style: normal;
    background-color: #6B8EAE;
	border: 1px solid #828181;
	padding: 2px;
}

.titlebg a:hover
{
    color: #dfdfdf;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
    background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
    background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2
{
    font-weight: bold;
    background-color: silver;
    color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
    background-color: #828181;
}

.mobeventlist
{
	border: 1px solid #828181;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
    border: 1px solid #828181;
    background-color: #FFFFFF;
    padding: 2px;
}

.tborder2
{
    border: 1px solid #828181;
    background-color: #FFFFFF;
    padding: 6px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
    font-size: x-small;
    font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
    font-size: small;
}
.largetext
{
    font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
    background-color: white;
    border-bottom: 1px solid gray;
}
#divider
{
    border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
    background-color: #D4D4D4;
	width: 100%;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
    color: black;
    background-color: white;
    border-top: 1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
    background-color: #6B8EAE;
    border: 1px solid #6B8EAE;
}

.hudbody
{
    width: 400px;
    border: 1px solid #7A7777;
    background-color: #EFEFEF;
    background-repeat: repeat-x;
    background-position: bottom;
}

.mobhudbody
{
    width: 500px;
    border: 1px solid #7A7777;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: bottom;
}
.headerbodies
{
    border: 1px solid #7A7777;
    background-color: #EFEFEF;
    background-repeat: repeat-x;
    background-position: bottom;
}

/* from scaffold.css */

#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #cc66ff;
  font: bold smaller sans-serif;
}


.fieldWithErrors {
  padding: 1px;
  border: 1px solid #dc2630;
  background-color: #f0979c;
  /*display: inline;*/
}

#errorExplanation {
  width: 400px;
  border: 1px solid #dc2630;
  padding: 7px;
  padding-bottom: 7px;
  margin-bottom: 20px;
  background-color: #ffffff;
}

#errorExplanation h2 {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f0979c;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  color: #dc2630;
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #999999;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

input:focus {background-color: #FFFF99;}

/* A quote, perhaps from another post. */
.smallBlackText
{
    color: #000000;
    font-size: x-small;
}

.mediumBlackText
{
    color: #000000;
    font-size: small;
	font-weight: bold;
}

.smallBlueText
{
    color: #0000CC;
    font-size: x-small; 
}

.blackText
{
    color: #000000;
    font-size: 12px; 
}

.BigBlackText
{
    color: #000000;
    font-size: 14px; 
}

.sBlackText
{
    color: #000000;
    font-size: 10px; 
}

.blackHeaderText
{
    color: #000000;
    font-size: 12px; 
	font-weight: bold;
}

.eventText
{
    color: #345567;
    font-size: 10pt;
	font-weight: bold;  
	font-family: Tahoma, arial, helvetica, serif;
}

.helpBox
{
    display: none;
    float: right; 
	position: absolute; 
	width: 100px; 
	border:1px 
	solid #080; 
	background-color:#efe; 
	padding:8px;
	color: #000000;
    font-size: x-small;  
}

img {vertical-align:bottom}


/*BUBBLE*/
/*
.bubble {
	width: 800px;
	overflow: hidden;
}
.bubble .top {
	background: url(../images/icons/bubble_top.gif) no-repeat;
	overflow: hidden;
	height: 6px;
	margin-left: 23px;
}
.bubble .middle {
	background: url(../images/icons/bubble_middle.gif) repeat-y 23px top;
}
.bubble .middle .arrowTop {
	background: url(../images/icons/bubble_left.gif) no-repeat;
	padding:2px 0px 3px 30px;
}
.bubble .middle .arrowMid {
	background: url(../images/icons/bubble_left.gif) no-repeat left 6px;
	padding:2px 0px 3px 30px;
}
.bubble .middle .arrowLow {
	background: url(../images/icons/bubble_left.gif) no-repeat left 18px;
	padding:2px 0px 3px 30px;
}
.bubble .middle .title {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
}
.bubble .textLarge {
	font-size: 12px;
	#font-weight: bold;
	color: black;
}
.bubble .TextNormal {
	font-size: 10px;
	font-weight: normal;
	color: black;
}
.bubble .middle a {
	text-decoration: none;
}
.bubble .middle a img {
	vertical-align: middle;
}
.bubble .bottom {
	background: url(../images/icons/bubble_bottom.gif) no-repeat;
	overflow: hidden;
	height: 6px;
	margin-left: 23px;
}
.bubble .arrowTop {
	top: 6px;
}
.bubble .arrowMiddle {
	top: 12px;
}

*/

div.bubble div.bl { background: url('../images/icons/bubble_bl.gif') bottom left no-repeat #FFFFFF; width: 100%; text-align: left; min-width: 100px; }
div.bubble div.br { background: url('../images/icons/bubble_br.gif') bottom right no-repeat; }
div.bubble div.tl { background: url('../images/icons/bubble_tl.gif') top left no-repeat; }
div.bubble div.tr { background: url('../images/icons/bubble_tr.gif') top right no-repeat; padding: 10px; } 
div.bubble div.tip {
	font-size: 0px;
	position: relative;
	top: 30px;
	left: -10px;
	padding: 0px 0px 20px 20px;
	background: url('../images/icons/bubble_tip.gif') no-repeat 0px 0;
	z-index: 1;
	display: inline;
}

.nobreak {display: inline}

#navlist { list-style-image: url(../images/pinvoke/star.png); }
#new_navlist { list-style-image: url(../images/pinvoke/tick.png); }
#soon_navlist { list-style-image: url(../images/pinvoke/arrow.png); }

.dividertext
{
    font-size: small;
	color: #444444
}

#wrapper{height: 100%;}

.textbottom {vertical-align:text-bottom;}
.textmiddle {vertical-align:middle;}
.texttop {vertical-align:top;}
.textbaseline {vertical-align:baseline;}

  .tag1 { font-size: 0.6em; }
  .tag2 { font-size: 0.7em; }
  .tag3 { font-size: 0.8em; }
  .tag4 { font-size: 0.9em; }