/* *** m.style.css for hexff.net - (c) 2008 HexFF LLC *** */

body {
	-webkit-margin-top-collapse:	separate;
	-webkit-margin-bottom-collapse:	separate;
	position:			relative;
	margin:				0;
	-webkit-text-size-adjust:		none;
	min-height:			416px;
	font-family:		helvetica,sans-serif;
	background-image:	url(m.images/backgroundStripes.png);
	background-repeat:	repeat
}

.title {
	z-index:			0;
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	padding-left:		10px;
	padding-right:		10px;
	text-align:			center;
	text-overflow:		ellipsis;
	white-space:		nowrap;
	overflow:			hidden;
	height:				44px;
	line-height:		44px;
	font-weight:		bold;
	color:				rgb(255,255,255);
	text-shadow:		rgba(0,0,0,0.6) 0 -1px 0;
	font-size:			16pt
}

#topbar {
	position:			relative;
	border-bottom:		1px solid #333c46;
	left:				0;
	top:				0;
	height:				44px;
	width:				auto;
	-webkit-margin-top-collapse:	separate;
	background-image:	url('m.images/header.png');
	background-repeat:	repeat-x;
	margin-bottom:		13px;
	z-index:			0
}

#content {
	width:				100%;
	position:			relative;
	min-height:			250px;
	margin-top:			10px;
	height:				auto
}

.menu {
	-webkit-border-bottom-left-radius:	8px 8px;
	-webkit-border-bottom-right-radius:	8px 8px;
	-webkit-border-top-left-radius:		8px 8px;
	-webkit-border-top-right-radius:	8px 8px;
	-webkit-margin-bottom-collapse:		separate;
	-webkit-margin-top-collapse:		separate;
	background-color:					#fff;
	border:				rgb(135,135,135) solid 1px;
	font-size:			12pt;
	margin-bottom:		17px;
	margin-left:		9px;
	margin-right:		9px;
	overflow:			hidden;
	padding:			0;
	position:			relative;
	display:			block;
	height:				auto;
	width:				auto;
	margin-top:			3px
}

ul.menu li {
	position:			relative;
	list-style-type:	none;
	display:			block;
	height:				43px;
	overflow:			hidden;
	-webkit-margin-top-collapse:	separate;
	width:				auto
}

ul.menu li a {
	display:			block;
	height:				43px;
	overflow:			hidden;
	-webkit-margin-top-collapse:	separate;
	width:				auto;
	text-decoration:	none
}

.menuname {
	margin-left:		7px;
	margin-top:			11px;
	width:				auto;
	color:				#000;
	font-weight:		bold;
	font-size:			17px;
	text-overflow:		ellipsis;
	overflow:			hidden;
	white-space:		nowrap;
	float:				left
}

.itemarrow {
	position:			absolute;
	width:				8px;
	height:				13px;
	right:				10px;
	top:				15px;
	background:url(m.images/chevron.png) no-repeat
}

ul.menu li a img {
	width:				auto;
	height:				32px;
	margin-top:			5px;
	margin-left:		5px;
	float:				left
}

.break {
	background-color:	#878787;
	display:			block;
	max-height:			1px
}

#footer {
	text-overflow:		ellipsis;
	overflow:			hidden;
	-webkit-margin-top-collapse:	separate;
	text-align:			center;
	-webkit-margin-bottom-collapse:	separate;
	position:			relative;
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			10px;
	height:				auto;
	width:				auto;
	bottom:				10px
}

#footer a {
	text-decoration:	none;
	font-size:			9pt;
	color:				white;
	text-shadow:		black 0px -1px 0px
}

.graytitle {
	position:			relative;
	font-weight:		bold;
	font-size:			17px;
	text-overflow:		ellipsis;
	overflow:			hidden;
	white-space:		nowrap;
	right:				20px;
	width:				auto;
	left:				9px;
	color:				white;
	text-shadow:		black 0px -1px 0px;
	padding-bottom:		3px;
	padding-top:		1px;
	padding-left:		8px
}

.header {
	display:			block;
	font-weight:		bold;
	color:				rgb(73,102,145);
	font-size:			12pt;
	margin-bottom:		6px;
	font-size:			11pt;
	line-height:		14pt
}

li.writehere p {
	margin-top:			2px;
	color:				#000
}

.writehere {
	position:			relative;
	width:				auto;
	height:				auto;
	margin-bottom:		0;
	margin-left:		9px;
	margin-right:		9px;
	margin-bottom:		-3px;
	margin-top:			10px;
	min-height:			30px;
	-webkit-margin-top-collapse:	separate
}

div.writehere img {
	max-width:			100%
}

ul.textbox {
	-webkit-border-bottom-left-radius:	8px 8px;
	-webkit-border-bottom-right-radius:	8px 8px;
	-webkit-border-top-left-radius:		8px 8px;
	-webkit-border-top-right-radius:	8px 8px;
	-webkit-margin-bottom-collapse:		separate;
	-webkit-margin-top-collapse:		separate;
	background-color:	#fff;
	border:				rgb(135,135,135) solid 1px;
	font-size:			12pt;
	overflow:			hidden;
	list-style:			none;
	padding:			0;
	position:			relative;
	display:			block;
	height:				auto;
	margin-left:		9px;
	margin-right:		9px;
	margin-top:			3px;
	margin-bottom:		13px
}

table#topmenu {
	width:				auto;
	height:				30px;
	font-size:			12px;
	position:			absolute;
	top:				7px;
	max-width:			280px;
	left:				9px;
	font-weight:		bold;
	z-index:			1
}

#startbutton {
	background-image:	url('m.images/buttonstart.png');
	background-repeat:	no-repeat;
	width:				14px
}

.buttonfield {
	background-image:	url('m.images/buttonfield.png');
	background-repeat:	repeat-x
}

.buttonlink {
	background-image:	url('m.images/buttonlink.png');
	width:				17px
}

#buttonend {
	background-image:	url('m.images/buttonend.png');
	background-repeat:	no-repeat;
	width:6px
}

table#topmenu img {
	margin-top:			2px
}

table#topmenu a {
	text-decoration:	none;
	text-overflow:		ellipsis;
	overflow:			hidden;
	color:				#fff;
	text-shadow:		rgba(0,0,0,0.6) 0 -1px 0;
	margin-right:		3px
}

.center {
	margin:				auto;
	display:			block
}

ul.textlist li.textlistitem {
	margin-top:			4px;
	margin-bottom:		4px;
	margin-left:		-20px;
	list-style-type:	disc;
	list-style-position:outside
}

ul.textlist li.textlistitem p {
	display:			block;
	margin-top:			2px;
	margin-left:		-3px;
	margin-bottom:		6px
}

img {
	border:				0
}

#buttonbegin {
	background-image:	url('m.images/buttonbegin.png');
	background-repeat:	no-repeat;
	width:				6px
}

.buttonend {
	background-image:	url('m.images/buttonend.png');
	background-repeat:	no-repeat;
	width:				6px
}

#toprightbutton {
	z-index:			1;
	position:			absolute;
	width:				auto;
	height:				30px;
	font-size:			12px;
	position:			absolute;
	top:				7px;
	max-width:			280px;
	right:				9px;
	font-weight:		bold
}

table#toprightbutton a {
	text-decoration:	none;
	text-overflow:		ellipsis;
	overflow:			hidden;
	color:				#fff;
	z-index:			1;
	padding-left:		3px;
	text-shadow:		rgba(0,0,0,0.6) 0 -1px 0;
	margin-right:		3px
}

#toprightmenu {
	z-index:			1;
	width:				auto;
	height:				30px;
	font-size:			12px;
	position:			absolute;
	top:				7px;
	max-width:			280px;
	right:				9px;
	font-weight:		bold;
	z-index:			1
}

.buttonlinkright {
	background-image:url('m.images/buttonlinkright.png');
	width:				17px
}

#buttonstartright {
	background-image:url('m.images/buttonstartright.png');
	width:				14px
}

table#toprightmenu a {
	text-decoration:	none;
	padding-left:		3px;
	text-overflow:		ellipsis;
	overflow:			hidden;
	color:				#fff;
	text-shadow:		rgba(0,0,0,0.6) 0 -1px 0;
	margin-right:		3px
}

table#toprightmenu img {
	margin-top:			2px
}