body,td,th {
	color: #000;
	font-family: Arial;
}
body {
	background-color: #fff;
	padding: 0;
	margin: 0;
}
a, a:link {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	text-shadow: 0px 0px 1px rgba(255,255,255,.1);
}
a:visited { /*No difference*/ }
a:hover  { text-decoration: none;color: #333; text-shadow: 0px 0px 1px rgba(255,255,255,.3); }
a:active { color: #333; }
div[name="header"] {
	position: relative;
	width: 100%;
	height: 152px;
	background: url("../images/header.png") repeat-x 0px 0px;
	z-index: 1;
}
div[name="header-color"] {
	position: absolute;
	left: 0px;
	top: 62px;
	width: 100%;
	height: 28px;
	z-index: 0;
}
a[name="logo"] div[name="container"] {
	position: absolute;
	left: 50%;
	margin-left: -512px;
	width: 62px;
	height: 63px;
	overflow: hidden;
	cursor: pointer;
}
a[name="logo"] div[name="container"] div[name="logo"], a[name="logo"] div[name="container"] div[name="color"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 63px;
	background: url("../images/logo-transparent.png") no-repeat 0px 20px;
	z-index: 2;
}
a[name="logo"] div[name="container"] div[name="color"] {
	left: 3px;
	top: 21px;
	width: 56px;
	height: 56px;
	z-index: 0;
}
a[name="logo"]:hover div[name="container"] div[name="logo"] { background-position: 0px 19px; }
a[name="logo"]:hover div[name="container"] div[name="color"] { top: 20px; }
body.ie a[name="logo"]:hover div[name="container"] div[name="logo"] { background-position: 0px 20px; }
body.ie a[name="logo"]:hover div[name="container"] div[name="color"] { top: 21px; }
div[name="headerfeed"] {
	position: absolute;
	top: 28px;
	right: 50%;
	margin-right: -284px;
	width: 740px;
	height: 22px;
	z-index: 2;
	font-size: 10px;
}
div[name="headerfeed"] div[name="a"] {
	float: right;
	font-size: 13px;
	color: #000;
	height: 17px;
	background: url("../images/headerfeed.png") no-repeat 0px 0px;
	padding: 2px 0px 3px 8px;
	max-width: 700px;
	overflow: hidden;
}
div[name="headerfeed"] div[name="b"] {
	height: 32px;
	width: 26px;
	float: right;
	background: url("../images/headerfeed.png") no-repeat top right;
}
noscript {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	height: 62px;
	background: url("../images/noscript.png") no-repeat center;
	z-index: 99;
}
noscript h1 {
	padding: 0;
	margin: 10px;
	margin-top: 7px;
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
	text-shadow: 0px 0px 1px #fff;
	filter: Shadow(Color=#fff,Direction=120,Strength=1);
}
noscript h2 {
	padding: 0;
	margin: 10px;
	margin-top: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 0px 0px 1px rgba(255,255,255,.5);
	filter: Shadow(Color=rgba(255,255,255,.5),Direction=120,Strength=1);
}
noscript i {
	width: 44px;
	height: 44px;
	margin: 10px;
	float: right;
	background: url("../images/icon-error.png") no-repeat 0px 0px;
}
ul[name="nav"] {
	position: absolute;
	top: 62px;
	left: 50%;
	padding: 0;
	margin: 0;
	margin-left: -512px;
	width: 1024px;
	box-shadow: #3C3F5E;
	z-index: 3;
}
ul[name="nav"] li {
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 3px;
	list-style: none;
	height: 21px;
	line-height: 21px;
	cursor: pointer;
}
ul[name="nav"] li a {
	font-size: 14px;
	line-height: 21px;
	text-shadow: 0px 0px 1px #000 !important;
	filter: Shadow(Color=#000,Direction=120,Strength=1);
	color: #EDEEF8 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
ul[name="nav"] li:hover {
	padding-top: 2px;
}
ul[name="nav"] li:hover a, ul[name="nav"] li a:hover {
	color: #fff !important;
	text-shadow: 0px 0px 2px #000 !important;
	filter: Shadow(Color=#000,Direction=120,Strength=1);
}
ul[name="nav"] li.lrg a {
	font-size: 18px;
}
ul[name="nav"] li.r {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}
ul[name="nav"] ul {
	position: absolute;
	top: 28px;
}
ul[name="nav"] ul li {
	float: none;
}
ul[name="nav"] ul li:hover {
	padding-top: 3px;
}
ul[name="nav"] li[name="clr"] {
	position: absolute;
	top: 4px;
	padding: 0;
	padding-left: 3px;
	margin: 0;
	left: -23px;
	width: 20px;
}
ul[name="nav"] li[name="clr"]:hover {
	background: rgba(255,255,255,.3);
}
ul[name="nav"] li[name="clr"] a img {
	height: 18px;
	width: 1px;
	border: 0;
	padding-right: 16px;
	background: url("http://icons.server2.nogginanimations.com/fugue/color.png") no-repeat center bottom;
}
ul[name="nav"] li.clrch {
	display: none;
}
div[name="column"] {
	position: absolute;
	top: 90px;
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	background: #fff;
	z-index: 4;
}
div[name="content"] {
	padding: 5px 6px 5px 6px;
}
div[name="footer"] {
	border-top: 1px solid #E9E9E9;
}
div[name="footer"] div {
	padding: 5px;
	color: #666;
	font-size: 12px;
	text-decoration: none !important;
}
div[name="footer"] div[align="right"] {
	float: right;
	margin-left: 5px;
}
div[name="footer"] a:hover div {
	background: #E9E9E9;
	cursor: pointer;
}
div[name="notify"] i {
	float: right;
	width: 45px;
	height: 45px;
	background: url("../images/icon-alert.png") no-repeat 0px 0px;
}
div[name="notify"] {
	margin: 5px;
	padding: 10px;
	min-height: 45px;
	background: #FFFFCC url("../images/gradient-yellow.png") repeat-x 0px 0px;
	border: 2px solid #EFF356;
	text-shadow: 0px 1px 0px #fff;
	filter: Shadow(Color=#fff,Direction=120,Strength=1);
	color: #353500;
	font-weight: normal;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div[name="notify"] b {
	font-size: 22px;
}
div[name="notify"][type="error"] i {
	background-image: url("../images/icon-error.png");
}
div[name="notify"][type="error"] {
	background: #FBEEEE url("../images/gradient-red.png") repeat-x 0px 0px;
	border: 2px solid #D20000;
	color: #3C0000;
}
div[name="notify"][type="info"] i {
	background-image: url("../images/icon-info.png");
}
div[name="notify"][type="info"] {
	background: #EEEEFB url("../images/gradient-blue.png") repeat-x 0px 0px;
	border: 2px solid #144AAF;
	color: #00104F;
}
div[name="notify"][type="title"] i {
	background-image: url("../images/icon-bullet.png");
}
div[name="notify"][type="title"] {
	background: #F6F6F6 url("../images/gradient-gray.png") repeat-x 0px 0px;
	border: 2px solid #CCCCCC;
	color: #0C0C0C;
}
div[name="notify"].xxl b {
	font-size: 38px !important;
}
form input[type="text"], form input[type="password"] {
	width: 333px;
	height: 17px;
	padding: 3px;
	padding-top: 5px;
	margin: 0;
	border: 0;
	outline: 0;
	background: url(../images/inputs-bg.png) no-repeat 0px 0px;
	font-size: 14px;
}
form input[type="text"].btm, form input[type="password"].btm {
	background-position: 0px -26px;
	height: 18px;
}
form input[type="text"].nolabel, form input[type="password"].nolabel {
	background-position: -400px 0px;
	width: 394px;
}
form input[type="text"].nolabel.btm, form input[type="password"].nolabel.btm {
	background-position: -400px -26px;
	width: 394px;
}
form select {
	width: 400px;
	height: 26px;
	padding: 3px;
	padding-top: 5px;
	line-height: 20px;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	background: transparent url(../images/inputs-bg.png) no-repeat -400px 0px;
	font-size: 14px;
}
form select.btm {
	background-position: -400px -26px;
}
form select option {
	border: none;
	height: 20px;
	background: #fff;
}
form textarea {
	width: 394px;
	height: 138px;
	padding: 3px;
	padding-top: 5px;
	margin: 0;
	border: 0;
	outline: 0;
	background: url(../images/textarea-bg.png) no-repeat -400px 0px;
	font-size: 14px;
}
form textarea.btm {
	background-position: -400px -147px;
}
form label[name="for-textarea"] {
	position: absolute;
	background: url("../images/buttonover.png") repeat-x 0px -70px;
	top: 0px;
	right: 0px;
	width: 62px;
	height: 26px;
}
form label {
	font-weight: bold !important;
}
form div[name="label"] {
	float: left;
	max-width: 150px;
	padding: 3px;
	padding-top: 5px;
	height: 17px;
	font-weight: bold;
	background: transparent url(../images/inputs-bg.png) no-repeat top right;
}
form div[name="label"].btm {
	background-position: bottom right;
	height: 18px;
}
embed[src="http://www.nogginanimations.com/media/system/files.swf"] {
	background: url(../images/flash-upload-bg.png) no-repeat 0px -57px;
}
#mainH-index div[name="index-sidebar-right"] {
	float: right;
	width: 200px;
}
#mainH-index div[name="column-right"] {
	float: right;
	width: 194px;
	padding: 3px;
	border: 1px solid #E6E6E6;
	background: #F5F5F5;
}
#mainH-index div[name="column-right"] a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
#mainH-index div[name="column-right"] div[name="widget"] {
	width: 186px;
	padding: 3px;
	border: 1px solid #E6E6E6;
	background: #fff;
}
#mainH-index div[name="column-right"] a:hover div[name="widget"] {
	background: #F4F4F4;
}
#mainH-index div[name="column-right"] div[name="widget"] img {
	float: left;
	margin-right: 3px;
	width: 40px;
	height: 34px;
	border: 0;
}
#mainH-index div[name="column-right"] div[name="widget"] div[name="context"] {
	float: left;
}
#mainH-index div[name="column-right"] div[name="widget"] div[name="context"] b {
	font-size: 12px;
}
#mainH-index div[name="column-right"] div[name="widget"] div[name="context"] span {
	font-size: 10px;
	color: #666;
}
div[name="index-sidebar-left"] {
	float: left;
	width: 574px;
	border: 1px solid #E6E6E6;
	background: #F5F5F5;
	margin: 3px;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 3px;
}
div[name="index-sidebar-left"] div[name="column-left"] {
	float: left;
	width: 100px;
}
div[name="index-sidebar-left"] div[name="column-left"] div[name="thumbnail"] {
	width: 94px;
	padding: 3px;
	border: 1px solid #E6E6E6;
	background: #fff;
}
div[name="index-sidebar-left"] div[name="column-left"] div[name="attatchment"] {
	width: 171px;
	padding: 3px;
	margin-top: 3px;
	border: 1px solid #E6E6E6;
	background: #fff;
}
div[name="index-sidebar-left"] div[name="blogpost"] {
	float: left;
	width: 461px;
	margin-left: 5px;
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 3px;
}
div[name="index-sidebar-left"] div[name="blogpost"] div[name="date"] {
	float: right;
	color: #999;
}
div[name="index-sidebar-left"] div[name="blogcontent"] {
	float: left;
	width: 461px;
	margin-top: 3px;
	margin-left: 5px;
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 3px;
}
#dock {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 32px;
	left: 50%;
	width: 959px;
	margin-left: -447px;
	height: 29px;
	overflow: hidden;
}
#dock li {
	float: left;
	background: transparent url("../images/docklet-bg.png") no-repeat 0px 0px !important;
	margin: 0;
	padding: 5px;
	width: 16px;
	height: 19px;
	overflow: hidden;
}
#dock li img {
	cursor: pointer;
}
#dock li span {
	display: none;
}
#dock li span div {
	float: left;
	width: 214px;
	max-width: 214px;
	min-width: 214px;
	height: 16px;
	max-height: 16px;
	min-height: 16px;
	overflow: hidden;
}
#dock li.open {
	background: transparent url("../images/docklet-bg-lrg.png") no-repeat 0px 0px !important;
}
#dock li.open span {
	display: block !important;
}
#dock li span {
	padding-left: 2px;
	max-width: 214px;
	max-height: 16px;
	overflow: hidden;
}
#dock li span * {
	text-decoration: none !important;
	color: #000 !important;
	font-weight: normal !important;
	font-size: 14px !important;
}
#dock li span img {
	float: right;
	width: 1px;
	padding-right: 12px;
	height: 16px;
	background: url("http://icons.server2.nogginanimations.com/fugue/edit-space.png") no-repeat -1px 0px;
}
#dock li span img[name="save"] {
	background: url("http://icons.server2.nogginanimations.com/fugue/disk-small-black.png") no-repeat -1px 0px;
	cursor: pointer;
}
#dock li span img[name="save"]:hover {
	background: #EBEBEB url("http://icons.server2.nogginanimations.com/fugue/disk-small.png") no-repeat -1px 0px;
}
#dock li span img[name="del"] {
	background: url("http://icons.server2.nogginanimations.com/fugue/cross-small.png") no-repeat -1px 0px;
	cursor: pointer;
}
#dock li span img[name="del"]:hover {
	background: #EBEBEB url("http://icons.server2.nogginanimations.com/fugue/cross-small.png") no-repeat -1px 0px;
}
div[name="notify"] li {
	list-style: none;
	font-size: 20px;
	margin-left: 10px;
}
div[name="notify"] li a {
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px #666;
}
div[name="notify"] li div[align="right"] {
	float: right;
	text-decoration: none;
	text-shadow: 0px 1px 0px #666;
}
body.ie {
	font-size: 14px;
}
body.ie div[name="header"] {
	background: url("../images/header-ie.png") repeat-x 0px 0px;
}
div[name="img-preloader"] {
	display: none;
	visibility: hidden;
	opacity: .1;
}
div[style="clear:both;"] {
	height: 0px;
	max-height: 1px;
	min-height: 0px;
}
#debug-panel {
	position: fixed;
	top: 100%;
	left: 1px;
	margin-top: -25px;
	background: #F2F2F2;
	border: 1px solid #ccc;
	padding: 3px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	width: 150px;
	height: 16px;
	overflow: hidden;
	z-index: 999;
}
#debug-panel textarea {
	margin-top: 3px;
	height: 139px;
}
#debug-panel div {
	cursor: move;
}
#debug-panel div img {
	float: right;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: 0;
}