body, input, select, textarea, td, th
{
	color:			#555;
	font-family:	tahoma, sans-serif;
	font-size:		11px;
}

body
{
	margin:		0px;
	padding:	10px;
}

#mainbody
{
	padding: 0px;
}

h1
{
	font-size:	16px;
	color:		#0f6bb2;
	margin:		0px;
	font-weight:	bold;
}

h2
{
	font-size:	14px;
	margin-top:	0px;
	font-weight:	bold;
}

h3
{
	font-size:	12px;
}

td
{
	vertical-align:	top;
}

th
{
	text-align:	left;
	vertical-align:	bottom;
}

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

a:hover
{
	text-decoration:underline;
}

img
{
	border: 0px;
}

form
{
	margin:		0px;
	padding:	0px;
}

/*
 *	Custom elements
 */

.box
{
	margin-top:	7px;
	margin-bottom:	7px;
}

.box_header
{
	background:	url('../images/box_header.gif') top center repeat-x #525252;
	color:		#fff;
	padding:	6px 14px;
	font-weight:	bold;
	font-size:	11px;
}
.box_body
{
	background:	url('../images/box_body.gif') top center repeat-x #fff;
	border:		1px solid #ccc;
	padding:	14px;
}

table.link		{ border-collapse: collapse; border: 0px; width: 100%; background-color: #DDDDDD; }
table.link td		{ padding: 0px; }
table.link td.linkcorner{ background-color: #FFCC00; width: 15; }
table.link td.linkheader{ background-color: white;   color: black; font-weight: bold; font-variant: small-caps; font-size: 11pt; }
.nolink			{ color: #FFCC00; font-weight: bold; background-color: #000000 }

.view		{ }
.viewcorn	{
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF0000;
	padding-left: 4px;
	border: 3px solid red; 
	padding: 0px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.viewtitle	{
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF0000;
	padding-left: 4px;
	border: 3px solid red; 
	padding: 0px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.viewbutts	{
	background-color: #e4e2e2;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding: 0px;
	text-align: right;
}
.viewbody	{
	background-repeat: repeat;
	border-top-width: 0px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	border-right-style:  dashed;
	border-bottom-style: dashed;
	border-left-style:   dashed;
	border-right-color:  #737171;
	border-bottom-color: #737171;
	border-left-color:   #737171;
	background-color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
}

.outform		{ border-collapse: collapse; border: 1px solid black; background-color: #DDDDDD; }
.outform td		{ padding: 10px; }
table.inform td		{ padding: 5px; vertical-align: top; }

table.tick		{ border-collapse: collapse; border: 0px solid #000000; }
table.tick td		{ padding: 2px; vertical-align: middle; }

.hozline	{ color: #0f6bb2; background-color: white; clear: both; }

.smalltext	{ font-size: 8pt; }

.mand		{ color: #ff0000; font-weight: bold; font-size: 8pt; }

.result		{ color: #ff0000; font-weight: bold; }

/***************************************************************/

.glossary
{
	background-color:	#d2eafb;
}

.file
{
	vertical-align:	middle;
	color:		#0f6bb2;
	font-weight:	bold;
	font-size:	12px;
 	text-align:	right;
 }

.unknown
{
	font-weight:	normal;
	color:		#BBB;
	font-style:	italic;
}

/* Header Style */

#page_header
{
	margin:		0px auto;
	width:		800px;
	height:		80px;
}

#login_details
{
	float:		right;
	text-align:	right;
	width:		240px;
	height:		100%;
	position:	relative;
}
#login_details div
{
	width:		100%;
	position:	absolute;
	bottom:		0;
	left:		0;
	padding-bottom:	4px;
}

/* Menu Style */

#page_menu
{
	margin:		0px auto;
	width:		820px;
	height:		35px;
	float:		none;
	clear:		both;
	padding:	0px;
}

#page_menu ul
{
	height:		35px;
	margin:		0px;
}

#page_menu li
{
	padding:	12px 17px 0px 17px;
	height:		14px;
	float:		left;
	display:	block;
	position:	relative;
}

#page_menu li a
{
	color:		white;
	font-size:	12px;
	font-weight:	bold;
	text-decoration:none;
}

#page_menu li a:hover
{
	text-decoration:underline;
}

/* Main Body Style */

#page_wrapper
{
	margin:		0px auto;
	width:		800px;
	display:	block;
	clear:		both;
}

#page_leftcol
{
	width:		179px;
	float:		left;
}

#page_maincol
{
	margin-left:	25px;
	width:			590px;
	float:			left;
	padding-top:	7px;
}

/* Left Column Style */

#catalog .content
{
	text-align : center;
}

#catalog ul
{
	margin:		6px 4px;
	padding:	0px;
	width : 141px;
	height : 97px;
	background : url('../images/catalog_bg.gif') 0px 0px;
	overflow : hidden;
}

#catalog li
{
	display : block;
	float : left;
}

#catalog li span
{
	padding-top : 6px;
	padding-bottom : 5px;
	width : 20px;
	text-align : center;
	position : relative;
	display : block;
}

#catalog li a
{
	color : #B0ADAD;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}

#catalog a:hover
{
	color : #716E6E;
}

/* Footer Style */

#page_spacing
{
	clear : both;
	float : none;
	border-top : #fff 5px solid;
}

#page_footer
{
	width:			800px;
	height:			15px;
	margin:			0px auto;
	margin-top:		20px;
	background-color:	black;
	font-size:		10px;
	color:			#C8C6C6;
	padding:		6px 0;
}

#page_footer a
{
	color : #E4E1E1;
	text-decoration : none;
}

#page_footer a:hover
{
	color : #fff;
}

#leftfoot
{
	float:			left;
	padding:		0 15px;
}

#rightfoot
{
	float:			right;
	padding:		0 15px;
}

.clearthis
{
	clear : both;  
	margin : 0px;
	float : none;	
	font-size : 1px;
	line-height : 0px;
}

/* ROUNDED CORNERS BOX */

.cssbox, .cssbox_wide, .cssbox_body, .cssbox_head, .cssbox_head .head_content, .cssbox_head .head_no_content
{
	background: transparent url(../images/rounded.gif) no-repeat bottom right;
}

.cssbox
{
	width:		275px !important;	/* intended total box width - padding-right(next) */
	width:		270px;			/* IE Win = width - padding */
	padding-right:	5px;			/* the gap on the right edge of the image (not content padding) */
	margin: 	0px;			/* use to position the box */
}

.cssbox_wide
{
	width:		575px !important;	/* intended total box width - padding-right(next) */
	width:		570px;			/* IE Win = width - padding */
	padding-right:	5px;			/* the gap on the right edge of the image (not content padding) */
	margin: 	0px;			/* use to position the box */
}

.cssbox_head
{
	background-position:	top right;
	margin-right:		-5px;		/* pull the right image over on top of border */
	padding-right:		20px;		/* right-image-gap + right-inside padding */
	font-size:		1.1em;
	font-weight:		bold;
}

.cssbox_head .head_content
{
	background-position:	top left;
	margin:			0;			/* reset main site styles*/
	border:			0;			/* ditto */
	padding:		15px 0 10px 20px;	/* padding-left = image gap + interior padding ... no padding-right */
	height:			auto !important;
	height:			1%;			/* IE Holly Hack */
}

.cssbox_head .head_no_content
{
	background-position:	top left;
	margin:			0;			/* reset main site styles*/
	border:			0;			/* ditto */
	padding:		1px 0 10px 20px;	/* padding-left = image gap + interior padding ... no padding-right */
	height:			auto !important;
	height:			1%;			/* IE Holly Hack */
}

h1.head_content
{
 	font-size:		1.3em;
	color:			#ff2600;
}

h2.head_content
{
 	font-size:		1.1em;
	color:			#ff2600;
}

.cssbox_body
{
	background-position:	bottom left;
	margin-right:		15px;			/* interior-padding right */
	padding:		1px 0 15px 20px;	/* mirror .cssbox_head right/left */
}

#knowmore
{
	margin-top : 7px;
	width : 163px;
	padding: 8px;
	background-color: #ff0000;
	color : white;
}

#knowmore .readmore {
	font-weight : bold;
}

#knowmore a {
	color : #fff;
}

.thanks
{
	margin-bottom: 9px;
}

.feature_box
{
	background-color: #0f6bb2;
	float: right;
	padding: 2px 8px;
	margin: 6px;
}
.feature_heading
{
	font-size: 13px;
	color: white;
	font-weight: bold;
	margin-bottom: 4px;
}
.feature_link
{
	color: white;
}
.head1 { color: #0F6BB2; font-weight: bold; }
.head2 { font-weight: bold; padding-bottom: 30px; }
.commentbox { background-color: white; padding: 4px; }
.section { color: red; font-weight: bold; }
.section a:link, .section a:visited, .section :active { text-decoration: none; }
.date { color: #aaaaaa; font-size: 10px; }
.comments { padding-top: 10px; font-size: 10px; line-height: 16px;  }
.comments a:link, .comments  a:visited, .comments :active { color: red; font-weight: bold; text-decoration: none; }
.author { color: #555; font-weight: bold; font-size: 1.2em; }

.blogheader
{
	font-weight: bold;
	color: green;
	font-size: 1.1em;
}
.memonlyheader
{
	font-weight: bold;
	color: blue;
	font-size: 1.1em;
}
.rotmheader
{
	font-weight: bold;
	color: red;
	font-size: 1.1em;
}

a.like
{
	padding:			4px 0;
	width:				45px;
	background-color:	green;
	color:				white;
	display:			block;
	text-align:			center;
}

a.dislike
{
	padding:			4px 0;
	width:				45px;
	background-color:	red;
	color:				white;
	display:			block;
	text-align:			center;
}

.nolike
{
	padding:			4px 0;
	width:				45px;
	background-color:	#ccc;
	color:				white;
	display:			block;
	text-align:			center;
}
