/*
Mess Patch Online Help CSS
Author: Rolando
*/

html {
	height:100%;
}

* {
	margin:0pt;
	padding:0pt;
}

body {
	background-color:#CCCCCC;
	background-image:url(./images/bg_main.gif);
	background-position:center top;
	background-repeat:repeat-y;
	color:#555555;
	font-family:arial,helvetica,sans-serif;
	font-size:80%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6;
	text-align:center;
	height:100%;
}

input, select {
	font-size: 85%;
}

input#searchbox {
	border: 1px solid #c9c9c9;
}

a {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #feba03;
	text-decoration: none;
}

.intext{
	color: #feba03;
	text-decoration: none;
	padding-left: 10px;
	background: #ffffe1 url(./images/oink.gif) center left no-repeat;
}

.intext:hover {
	color: #555555;
	text-decoration: none;
	background: #ffffe1 url(./images/boink.gif) center left no-repeat;
}

#page {
	margin:0pt auto;
	min-height:100%;
	text-align:left;
	width:734px;
	position:relative;
}

#nonFooter {
	min-height:100%;
	position:relative;
}

#header {
	background-color:#000000;
	background-image: url(./images/header.png);
	height:67px;
	width: 734px;
	margin:auto; 
}

#headercurl {
  	float: right;
	width: 110px;
	height: 66px;
}

#patchlight {
	display: block;
	width: 100%;
	height: 100%;
}

#content {
	background: url(./images/top_sep.gif) repeat-x;
	padding: 22px 22px 100px 22px;
	height: auto;
}

#contentHome {
	width: 495px;
	min-height: 600px;
	margin: 15px 0 0 -2px;
	padding-left: 5px;
}

#contentMain {
	width: 495px;
	min-height: 600px;
	margin: 15px 0 0 -2px;
	padding-left: 5px;
}

#adsenseheader {
	float: right;
	padding-right: 8px;
}

#bannerad {
	width: 468px;
	padding: 15px 21px 10px 14px;
}

#bannerad img {
	border: 1px solid #CCCCCC;
}

.tracker {
	display: none;
}

.highlight {
	color: #ff6600;
	font-weight: bold;
}

#footer {
	margin:-7.5em auto 0pt;
	position:relative;
	background: url(./images/top_sep.gif) top repeat-x;
	background-color: #FFFFFF;
	font-size:85%;
	line-height:1.5em;
	padding: 22px 0 0 8px;
	text-align: left;
	width:726px;
	color: #ABABAB;
}

#footer a {
	color: #feba03;
}

#mascotte {
    float: left;
	width: 65px;
	height: 48px;
}

#mascotte a {
	display: block;
	width: 65px;
	height: 48px;
	overflow:hidden;
	background: url('./images/mascotte.gif') no-repeat;
}

#mascotte a:hover  {
	background-position: -65px 50%;
}

#mascotte span { 
	display: none;
}

#footertext {
	padding: 0 5px 5px 75px;
}


#sidePanel {
	float: right;
	padding: 15px 6px 15px;
}

#pageTitle {
	width: 425px;
	height: 25px;
	background: url('./images/title_sep.gif') bottom left no-repeat;
	
}

.itemlisting li .answer {
	color: #555555;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.itemlisting li .answer a{
	color: #feba03;
	text-decoration: none;
	padding-left: 10px;
	background: #ffffe1 url(./images/oink.gif) center left no-repeat;
}

.itemlisting li .answer a:hover {
	color: #555555;
	text-decoration: none;
	padding-left: 10px;
	background: #ffffe1 url(./images/boink.gif) center left no-repeat;
}

.date {
	font-size: 10px;
	color: #ABABAB;
}

.entry {
 	font-size: 12px;
	margin-bottom: 25px;
}

h1 {
	color: #748dbd;
	font-size: 120%;
	font-weight:bold;
	line-height:1.2;
	background: url('./images/title_sep.gif') bottom left no-repeat;
	padding-bottom: 1px;
}

h1 a{
	color: #748dbd;
	background: url("./images/bullet.gif") no-repeat;
	padding-left: 22px;
	text-decoration: none;
}

h1 a:hover {
	color: #feba03;
}

.itemlisting {
	list-style: none;
	margin-top: 3px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.itemlisting li a {
	color: #555555;
	padding-left: 15px;
	background: url("./images/oink.gif") 0 6px no-repeat;
	text-decoration: none;
}

.itemlisting li a:hover {
	color: #feba03;
}





/* Navigation menu CSS */

#menu {
	height: 25px;
	margin: auto;
	background-image: url(./images/bg_menu.gif);
	background-color: #fec103;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {
	float: left;
	width: 81px;
	height: 24px;
	margin: 1px 0 0 33px;
}

.menuitem {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
}

.menuitem span {
	display: none;
	margin:0;
}

.menuitem:hover  {
	background-position: -81px 50%;
}

.menuitem_selected {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background-position: -81px 50%;
}

.menuitem_selected span {
	display: none;
	margin:0;
}

/* Downloads CSS */

.downloadbox {
 	width: 493px;
 	height: 117px;
	background: url("./images/downloadbox.png") no-repeat;
	padding-bottom: 20px;
}

.downloaddetails {
 	float: left;
	padding: 10px 0 0 124px;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 100%;
}

.linkcontainer {
  	margin-top: 5px;
  	float: right;
	width: 155px;
	height: 35px;
}

.downloadnow {
	display: block;
	width: 100%;
	height: 100%;
}

.downloadtitle {
	color: #fff600;
}


/* Features CSS */

#featuresList {
	list-style: none;
	padding-left: 10px;
}

#featuresList li{
 	color: #748dbd;
	font-weight: bold;
	padding-left: 15px;
	background: url("./images/oink.gif") 0 6px no-repeat;
}

#featuresList li ul {
 	list-style: disc outside;
	padding-left: 20px;
}

#featuresList li ul li {
 	color: #555555;
 	background: none;
 	font-weight: normal;
	padding-left: 0px;
}


/* Billboards CSS */

#billboards {
	position: relative;
	height: 180px;
}

#welcomeboard {
	float: left;
 	width: 493px;
 	height: 174px;
	background: url("./images/welcome_billboard.png") no-repeat;
}

#dlcontainer {
  	margin-top: 123px;
  	float: right;
	width: 200px;
	height: 40px;
}

#downloadlink {
	display: block;
	width: 100%;
	height: 100%;
}

#randomboard {
 	float: right;
 	width: 175px;
 	height: 174px;
 	display: inline;
}

#promocontainer {
 	float: right;
	width: 175px;
	height: 174px;
}

#promolink {
	display: block;
	width: 100%;
	height: 100%;
}

.bblinks {
	display: none;
}

/*  MessPatch Light */

#patch_content {
	margin: 10px 20px 20px 0px;
	padding: 6px 0px 0px 7px;
	border: 1px solid #D2D2D2;
	height: 251px;
}

#ad_content {
	margin: 0px 21px 0px 14px;
	padding-left: 40px;
	border: 1px solid #D2D2D2;
	height: 251px;
}