/****************************************************************
  COMMON GRID ELEMENTS
****************************************************************/

body {
	background:url("images/bg_pattern.gif") 0 0 repeat;
	color:#000000;
	font:100% Verdana, Tahoma, sans-serif;
	margin:0;
	min-width:610px;
	padding:0;
	text-align:center;
}

#root {
	background:#eaf3d9;
	text-align:left;
	margin: 2px;
	border:5px solid #c2cdad;
}

* html #root {
	height:1px;
}


/****************************************************************
  SUBPAGE SPECIFIC ELEMENTS
****************************************************************/
/*
	Header
*/
#header {
	background:#fff;
	position: relative;
	padding: 16px 22px 10px;
	border-top: 1px solid #eaf3d9;
	border-bottom: 1px solid #e8e8e8;
}
#header:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #header {
	height: 1px;
}
#header {
	display:block;
}
/* End hiding from IE-mac */

	#header h1 {
		display:none;
		/* TODO - put this back in sensibly */
		background: url("images/logo_small.gif") 0 0 no-repeat;
		position:absolute;
/*		left:310px;
		top:62px;  */
		right: 100px;
		top:100px;
		margin: 0;
		padding: 0;
	}
		
		#header h1 a {
			display:block;
			height:20px;
			width:19px;
		}
			#header h1 a span {
				display:none;
			}

	#header h2 {
		color:#d13123;
		font:175% Georgia, "Times New Roman", Times, serif;
		margin:0 18px 0 0;
		padding:0;
		float: left;
	}
		#header h2 a {
			color:#d13123;
		}
		#header h2 a:hover {
			text-decoration: none;
		}
	#header h3 {
		color: #ba7112;
		font:175% Georgia, "Times New Roman", Times, serif;
		border-left:2px solid #ba7112;
		margin:0;
		padding:0 0 0 20px;
		float: left;
	}
/*
	Menu
*/
#menu {
	background: #f6f6f6;
	border-bottom: 1px solid #c5d89f;
}
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu ul:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html #menu ul {
		height: 1px;
	}
	#menu ul {
		display:block;
	}
	/* End hiding from IE-mac */
		#menu ul li {
			margin: 0;
			padding: 0;
			float: left;
			background: url("images/bg_menu.gif") 100% 4px no-repeat;
		}
		#menu ul li a,
		#menu ul li span {
			text-decoration: none;
			color: #646464;
			font: normal 68.75% Tahoma, Verdana, Arial, "Times New Roman", Times, serif;
			padding:7px 16px 8px 12px;
			display: block;
		}
		#menu ul li span {
			text-decoration: underline;
			color:#000000;
		}
		* html #menu ul li a,
		* html #menu ul li span {
			float:left;
			height:1px;
		}
		#menu ul li a:hover,
		#menu ul li a:hover span {
			color:#000000;
			text-decoration: underline;
			cursor:pointer;cursor:hand;
		}
		/* first tab */
		#menu ul li.first a,
		#menu ul li.first span {
			padding-left:22px;
		}
		#menu ul li.first a span {
			padding-left:0;
		}
		/* last tab */
		#menu ul li.last a,
		#menu ul li.last span {
			padding-right:30px;
		}
			#menu ul li.last a span {
				padding-right:0;
			}
		#menu ul li a span {
			font-size: 100%;
			background: none;
			padding:0;
			text-decoration: none;
			color: #646464;
		}

/*
	wrapper-functional
*/
.wrapper-functional {
	padding: 16px 17px 13px;
	background: #c2cdad;
	position: relative;
}
.wrapper-functional:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .wrapper-functional {
	height: 1px;
}
.wrapper-functional {
	display:block;
}
/* End hiding from IE-mac */

	/* sub-menu */
	.sub-menu {
		padding: 0 150px 0 0;
	}
		.sub-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.sub-menu ul:after {
			content: "."; 
			display: block; 
			height:0; 
			clear: both; 
			visibility: hidden;
		}
		/* Hides from IE-mac \*/
		* html .sub-menu ul {
			height: 1px;
		}
		.sub-menu ul {
			display:block;
		}
		/* End hiding from IE-mac */
			.sub-menu ul li {
				margin: 0 5px 0 0;
				padding: 0;
				float: left;
			}
			.sub-menu ul li a,
			.sub-menu ul li span {
				text-decoration: none;
				color: #fff;
				font: normal 75% Verdana, Arial, "Times New Roman", Times, serif;
				padding:3px 14px 4px;
				display: block;
				background: #0367ad;
				cursor:pointer;cursor:hand;
			}
			.sub-menu ul li span {
				color:#fff;
				background: #889471;
			}
			* html .sub-menu ul li a,
			* html .sub-menu ul li span {
				float:left;
				height:1px;
			}
			.sub-menu ul li a:hover,
			.sub-menu ul li a:hover span {
				color:#fff;
				background: #889471;
				text-decoration: none;
			}
			.sub-menu ul li a span {
				font-size: 100%;
				background: none;
				padding:0;
				text-decoration: none;
				color: #fff;
			}


	/* search-box */
	.search-box {
		position: absolute;
		float: right;
		text-align: right;
		right: 17px;
		top: 14px;
		width: 160px;
	}
		.search-box form {
			margin:0;
			padding:0;
		}
		.search-box form div .input-search {
			height: 21px;
			heigh\t: 15px;
			width: 121px;
			widt\h: 117px;
			padding: 2px;
			margin: 0 1px 0 0;
			vertical-align: middle;
			border: 1px solid #838383;
			background: #fff;
			font: normal 68.75% Verdana, Arial, "Times New Roman", Times, serif;
			color: #000000;
		}
		.search-box form div .input-search:focus {
			background: #fffacc;
		}

/*
	last-modified
*/
.last-modified {
	border-bottom: 1px solid #c5d89f;
	color: #606060;
	padding: 5px 23px;
	font-size: 62.5%;
}
	.last-modified p a {
		color: #606060;
	}

/*
	Footer
*/
#footer {
	background:#fff;
	padding: 8px 23px 9px;
	font-size: 62.5%;
	color: #3a3a3a;
}
#footer:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #footer {
	height: 1px;
}
#footer {
	display:block;
}
/* End hiding from IE-mac */

#footer p.f-menu {
	float: left;
	width: 59.9%; 
}
#footer p.design {
	float: right;
	width: 39.9%;
	text-align: right;
}


/*
	Content
*/

#content {
	padding: 10px 22px 14px;
	font-size:75%;
	line-height:1.5em;
}

* html #content {
	height:1px;
}

/****************************************************************
  COMMON CONTENT ELEMENTS
****************************************************************/

img {
	border:0;
}

/* Links */

a {
	color:#0367ad;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/* Typography */

p {
	margin:0;
	padding:0;
}
#content span.underlined {
	text-decoration: underline;
}
#content span.box {
	border: 1px solid #b8b7b7;
	background:#fbfbfb;
	color: #000000;
	padding:0 4px;
}
#content h1 {
	color: #000000;
	font:2em Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding: 0;
	margin: 0.67em 0;
}
#content h2 {
	color: #63534c;
	font:1.5em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0;
	margin: 0.83em 0;
}
#content h3 {
	color: #7d6c64;
	font:1.17em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0;
	margin: 1em 0;
}
#content h4 {
	color: #7d6c64;
	font:1em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0;
	margin: 1.33em 0;
}
#content h5 {
	color: #7d6c64;
	font:0.83em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0;
	margin: 1.67em 0;
}
#content h6 {
	color: #7d6c64;
	font:0.67em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0;
	margin: 2.33em 0;
}
#content p {
	padding: 0;
	margin: 0 0 16px;
}
#content blockquote {
	background:#fbfbfb;
	border: 1px solid #b8b7b7;
	color: #555555;
	width: 85%;
	margin: 0 auto 22px;
	padding: 14px 18px 14px;
}

/* Lists */
#content ul {
	margin-left: 16px;
	padding: 0;
	list-style: none;
}
	#content ul li {
		margin: 0;
		padding: 0 0 0 12px;
		background: url("images/dots1.gif") 0 8px no-repeat;
	}


/****************************************************************
  CONTENT SPECIFIC ELEMENTS
****************************************************************/

/*
	SandBox
*/

#content p.random-text {
	margin: 0 0 9px;
}

#content ul.examples-elements {
	margin: 0;
	padding: 0;
}
	#content ul.examples-elements li {
		margin: 0 0 1px;
		padding: 0;
		background: none;
	}
		#content ul.examples-elements ul {
			margin: 10px 0 20px 12px;
			padding: 0;
			list-style: none;
		}
			#content ul.examples-elements ul li {
				margin: 0;
				padding: 0 0 0 12px;
				background: url("images/dots1.gif") 0 8px no-repeat;
			}


#content ul.gallery {
	margin:9px 0 0;
	padding: 0;
}
#content ul.gallery:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #content ul.gallery {
	height: 1px;
}
#content ul.gallery {
	display:block;
}
/* End hiding from IE-mac */
	#content ul.gallery li {
		margin:0;
		padding: 0;
		background: none;
		float: left;
		margin: 0 25px 14px 0;
	}
	#content ul.gallery li a {
		border: 3px solid #889176;
		display: block;
	}
	#content ul.gallery li a:hover {
		border: 3px solid #000000;
	}
		#content ul.gallery li a img {
			display: block;
		}

#SideBar {
	border-right: 2px solid #a6b190;
	border-bottom: 2px solid #a6b190;
	border-top:1px solid #a6b190;
	border-left:1px solid #a6b190;
	background-color: #c2cdad;
	float: right;
	clear:both; 
	width: 180px;
	padding:3px;
	margin:10px 10px 0 20px;
	font-size:0.8em;
	color: #5a614c;
}
	.SideBarTitle {
		border-bottom: 1px solid #a6b190;
		color:#5a614c;
		font-size:1.5em;
		font-weight:bold;
		text-align:center;
		padding:2px 0;
	}

		.SideBarTitle a {
			color:#5a614c;
			text-decoration:none;
		}

.toc { 
	background-color:#c2cdad;
	border:1px solid #889176; 
	float:left; 
	padding:0 10px 0 30px;
	margin-bottom: 10px;
}
	.toc a { 
		color:#5a614c; 
		text-decoration:none; 
	}
	.toc a:hover {
		text-decoration:underline;
	}
	.toc ol {
		color:#5a614c; 
		font-weight:bold; 
		margin:0 0 0 10px; 
		padding:0; 
	}
	.toc li ol { 
		font-weight:normal; 
	}
	.toc li li ol { 
		font-size:80% 
	}

#content table {
	border-collapse:collapse;
	margin:10px 0;
}

	#content table th,
	#content table td {
		background:#c2cdad; 
		border:1px solid #889176;
		padding:2px 4px;
	}

	#content table th {
		background:#889176;
		color:#fff;
		font-weight: normal;
		text-align: center;
	}
	#content table caption {
		font-size: 83.33%;
		margin:0;
		padding:0;
		text-align: right;
		color: #63534c;
	}
.deleteButton { 
	background-color:#fff; 
	color:red; 
	font-size:6px; 
	margin:0px; 
	padding:0px; 
}
.msg { 
	background-color:#fee; 
	border:1px solid red; 
	color:red; 
	font-weight:bold; 
	margin:10px; 
	padding:10px; 
}
.beggingforsupport {
       padding-top:20px;
}
.beggingforsupport a {
       color:green;
       text-decoration:none;
}