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

html, body {
	height: 100%;
}

body {
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: url(bg.png) center repeat-y;
}

td, div {
	color: #333333;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
}

th {
	font: bold 14px Arial, sans-serif;
	color: #cecece;
	text-align: left;
	padding-bottom: 8px;
	border-bottom: 1px solid #cccccc;
}

a, a:link, a:visited, a:active, a:hover {
	color: #E80000;
	text-decoration: underline;
}

img {
	border: 0 none;
}

blockquote {
	border-left: 5px solid #cccccc;
	margin-left: 1.5em;
	padding-left: 5px;
	font-style: italic;
	color: #999999;
}

.h1, h1 {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	color: #515151;
	text-decoration: none;
}

.h2, h2 {
	display: inline;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #515151;
	text-decoration: none;
}

.h3, h3 {
	display: inline;
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	color: #515151;
	text-decoration: none;
}

.h4, h4 {
	display: inline;
	color: #ffffff;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-size: 18px;
}

.shell {
	width: 976px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}

.pic {
	border: 3px solid #ffffff;
}

.outline, .outline a {
	outline: 0;
}

/* Photocopa Photo Details */
.photocopaPhoto div.subscribe {
	padding: 10px 10px 0 10px;
	/*background-color: #909090;*/
	text-align: right;
}
.photocopaPhoto div.container {
	padding: 21px 0;
	/*background-color: #909090;*/
}
.photocopaPhoto div.container a {
	border: 9px solid #ffffff;
	outline: 0;
	display: block;
	margin: 0 auto;
}
.photocopaPhoto div.container img {
	display: block;
}

.photocopaPhoto div.paletteContainer {
	color: #dcdcdc;
	width: 513px;
	height: 186px;
	padding: 6px 7px 10px 7px;
	background: url(images/paletteColorBG.png) repeat-x;
}
.photocopaPhoto div.paletteContainer div {
	color: #dcdcdc;
}
.photocopaPhoto div.paletteContainer a {
	color: #dcdcdc;
}
div.photocopaPalette {
	padding: 9px 11px 9px 12px;
	margin-top: 8px;
	background: url(images/paletteBG.png) no-repeat;
	color: #424242;
}
div.photocopaPalette a {
	display: block;
	float: left;
	height: 90px;
}
div.photocopaPalette div.photocopaPaletteMeta {
	color: #838383;
	margin-top: 2px;
}
div.photocopaPalette div.photocopaPaletteMeta a {
	height: auto;
}
div.photocopaPalettePaging {
	margin-bottom: 10px;
	float: right;
}
div.photocopaNoPalettesContainer {
	padding: 21px;
}
div.photocopaNoPalettesContainer h2 {
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
}
div.photocopaNoPalettesContainer a {
	color: #cccccc;
}

.photocopaPhotoDetails h2 {
	display: block;
	color: #ffffff;
	margin-bottom: 2px;
}
.photocopaPhotoDetails strong {
	color: #ececec;
}
.photocopaPhotoDetails a, .photocopaPhotoDetails div a {
	color: #b3b3b3;
	text-decoration: underline;
}
.photocopaPhotoDetails div.info {
	width: 381px;
	padding: 10px 0 20px 0;
	overflow: auto;
}

/* Overlay */
.clOverlayContent {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: #eeeeee;
	border: 10px solid #000000;
}

.clOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	/*background-image: url(images/overlay.png);*/
}

* html .clOverlay {
	/*background-color: #333333;*/
	back\ground-color: transparent;
	background-image: url(images/spacer.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png",sizingMethod="scale");
}


/* Header */
.header {
	height: 141px;
	background-image: url(010108THNG_Camp.png);
	background-repeat: repeat-x;
}

.header .logo {
	float: right;
	width: 277px;
	height: 141px;
}


/* Nav */
.nav {
	display: inline;
	float: left;
	width: 600px;
}

.nav ul {
	float: left;
	list-style: none;
	height: 24px;
}

.nav li {
	float: left;
	height: 24px;
	background: url(images/sep.png) top right no-repeat;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	height: 21px;
	padding-top: 5px;
	color: #515151;
	font: 11px/16px Arial, sans-serif;
	background: none;
	text-align: center;
	display: block;
	text-decoration: none;
	outline: 0;
}

.nav li a:hover {
	text-decoration: none;
	color: #ffffff;
}


/* Login */
.login {
	height: 20px;
	background: url(images/bg.png) top repeat-x;
	padding: 14px 13px 13px 13px;
}

.login .loversOnline {
	height: 20px;
	float: left;
	color: #8e8e8e;
}

.login .loversOnline strong {
	color: #bbbbbb;
}

.formElementLogin {
	float: left;
	height: 18px;
	padding-top: 2px;
	color: #ffffff;
	border: 0 none;
	background: url(images/formElementBG.png) repeat-x;
	font: normal 11px Arial, sans-serif;
}


/* Login Form */
.loginForm {
	float: right;
	height: 20px;
	color: #95999c;
}

.loginFormLoggedOut a {
	color: #95999c;
}

.loginForm a:hover {
	text-decoration: underline;
}


/* SubNav */
.subNavContainer {
	display: none;
	float: left;
	background: #4e4e4e;
	overflow: hidden;
}

.subNav {
	display: none;
	height: 22px;
}

.subNav a:link, .subNav a:visited, .subNav a:active {
	float: left;
	padding: 0 10px 0 18px;
	height: 23px;
	color: #ffffff;
	font: 11px/22px Arial, sans-serif;
	/*background: #4e4e4e url(images/bullet.png) left no-repeat;*/
	text-align: center;
	display: block;
	text-decoration: none;
	outline: 0;
}

.subNav a:hover {;
	background: #000000 url(images/bullet.png) left no-repeat;
}


/* lang* */
.langChooser {
	width: 976px;
	padding: 12px 0;
	background-color: #ffeeee;
	text-align: center;
	font-size: 12px;
	color: #515151;
}

.langChooser a, .langChooser a:link, .langChooser a:visited, .langChooser a:active {
	font-size: 12px;
}


/* Content */
.content {
	vertical-align: top;
	width: 976px;
}


/* Features */
.featuresCol {
	float: left;
	width: 182px;
	border-left: 1px solid #737373;
	background: url(images/a0a0a0.png);
}

.featuresCol .h {
	width: 172px;
	height: 31px;
	padding: 34px 0 0 10px;
}

.featuresCol .h a {
	float: left;
	color: #cbcbcb;
	padding-right: 8px;
}

.featuresCol .h a strong {
	color: #ffffff;
}

.featuresCol .f {
	width: 131px;
	height: 110px;
	padding: 16px 17px 12px 17px;
	margin: 10px auto 0 auto;
	background: url(images/bg_feature.png) no-repeat;
	color: #7a7a7a;
}

.featuresCol div a {
	color: #7a7a7a;
}


/* AD Div */
.happyDiv {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 20;
	padding-bottom: 15px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6DF4A;
}

.happyDiv iframe { /* Guess who decided to surprise us with iframe ads??? */
	float: left;
}
.happyNetwork {
	font-size: 10px;
	color: #b3b3b3;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
	background-color: #FF0000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
}
.happyNetwork2 {
	font-size: 10px;
	color: #b3b3b3;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
	background-color: #40015e;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
}

/* Index Stats */
.indexStatsHeader {
	width: 425px;
	height: 40px;
}

.indexStatsHeader a {
	padding-top: 12px;
	text-align: center;
	display: block;
	float: right;
	width: 70px;
	height: 28px;
	/*background: url(images/statsBtnBG.png) repeat-x;*/
	border-right: 1px solid #272727;
	color: #898989;
	text-decoration: none;
	outline: 0;
}

.indexStatsHeader .on {
	/*background: url(images/statsBtnBGOn.png) repeat-x;*/
	color: #d6d6d6;
}

.indexStats {
	/*background: #505051;*/
	width: 321px;
	margin: 0 auto;
	padding: 14px 52px;
	border-bottom: 1px solid #454545;
}

.indexStatsContainer {
	display: none;
	color: #898989;
}

.indexStatsContent {
	display: none;
}

.indexStatsContent img {
	width: 311px;
	height: 30px;
	border: 5px solid #3d3d3d;
	margin-top: 8px;
}

.indexStatsContent div {
	width: 321px;
	height: 1px;
	/*background: #686868;*/
}

.indexStatsContainer strong {
	display: block;
	float: left;
	margin-right: 10px;
	color: #d0d0d0;
}

.indexStatsContainer a {
	outline: 0;
	color: #898989;
	display: block;
	float: left;
	padding-left: 10px;
	background: url(images/grayArrow.png) left center no-repeat;
	margin-right: 10px;
}

.indexStatsContainer .on {
	color: #bcbcbc;
	background: url(images/lightGrayArrow.png) left center no-repeat;
}


/* Columns */
.c2_1 {
	width: 550px;
}
/* "2nd" column == 1px wide */
.c2_2 {
	width: 425px;
}


/* Tabs */
.tab {
	width: 975px;
	background: url(images/bg_track.png);
}

.tab a, .tab a:link, .tab a:visited, .tab a:active, .tab a:hover {
	text-decoration: none;
}

.tab table td {
	padding-top: 8px;
}

.loverProfile {
	width: 519px;
	background: url(images/bg_profile.png) repeat-x;
	padding: 10px 10px 30px 20px;
}

.loverProfile div .s {
	position: relative;
	margin-bottom: -44px;
	padding: 0;
	width: 44px;
	height: 44px;
	background: url(images/sponsoredBadgeProfile.png) top left no-repeat;
}

.loverProfileDetails {
	width: 241px;
	float: left;
	margin-top: 12px;
	overflow: hidden;
	color: #e9e9e9;
}

.loverProfileDetails td, .loverProfileDetails a {
	color: #e9e9e9;
}

.loverProfileDetails strong {
	color: #ffffff;
}

.myLoversHeader {
	width: 418px;
	height: 31px;
	padding: 9px 7px 0 0;
	text-align: right;
}

.whoLoves {
	background-color: #FF3399;
}

.whoLoves .s, .sponsoredAvatar {
	display: block;
	float: left;
	position: relative;
	width: 13px;
	height: 13px;
	background: #ffffff url(images/sponsoredBadgeAvatar.png) top left no-repeat;
}

.whoLoves .d {
	display: block;
	float: left;
	width: 63px;
	height: 66px;
	margin: 0 4px 4px 0;
	background: #ffffff;
	border: 5px solid #ffffff;
	text-align: center;
	white-space: nowrap;
}

.whoLoves .d .i {
	display: block;
	margin-bottom: 2px;
}

.whoLoves .d .a {
	text-decoration: none;
}

.comments {
	background: #505050;
	width: 407px;
	padding: 8px 9px 20px 9px;
}

.htmlBar img {
	border: 1px solid #464646;
	margin-left: 2px;
}

.paletteDetailImg {
	display: block;
	float: left;
	width: 228px;
	height: 161px;
	padding: 9px 10px 12px 12px;
	margin-right: 20px;
	background: url(images/bg_palette.png) no-repeat;
}

.paletteDetail {
	width: 504px;
	height: 306px;
	padding: 15px 17px 16px 28px;
	background: url(images/bg_palette_detail.png) repeat-x;
	color: #fefefe;
}

.paletteDetail a {
	color: #fefefe;
}

.tags {
	width: 489px;
	padding: 12px 30px;
	background: #737373 url(images/bg_tags.png) repeat-x;
	color: #ffffff;
}

.tags a {
	color: #ffffff;
	text-decoration: none;
}

.loversList {
	width: 491px;
	background: #6f6f6f;
	padding: 29px 29px 0 29px;
}

.loversListDiv {
	color: #dcdcdc;
	width: 461px;
	height: 60px;
	padding: 15px;
	background: url(images/bg_list.png) repeat-x;
	margin-bottom: 10px;
}

.paletteColors {
	width: 527px;
	background: url(images/549_1_484848_BG.png) repeat-y;
	padding: 11px 11px 0 11px;
}

.paletteColorsDiv {
	color: #dcdcdc;
	width: 513px;
	height: 186px;
	padding: 6px 7px 10px 7px;
	background: url(images/paletteColorBG.png) repeat-x;
}

.paletteColorsDiv div {
	color: #dcdcdc;
}

.paletteColorsDiv a {
	color: #dcdcdc;
}

.tdCELinks td a {
	color: #cecece;
}

.tdWhiteLinks a {
	color: #ffffff;
}


/* Misc */
.paging a:link, .paging a:visited, .paging a:active, .paging a:hover {
	display: block;
	float: left;
	margin-right: 2px;
	border: 1px solid #464646;
	height: 17px;
	padding: 2px 7px 0 7px;
	text-align: center;
	background: url(images/pagingBG.png) repeat-x;
	color: #c7c7c7;
	text-decoration: none;
}

.downloadPaletteSprite {
	width: 218px;
	height: 74px;
	padding-top: 30px;
}
.downloadPaletteSprite div {
	float: left;
	width: 218px;
	height: 11px;
}
.downloadPaletteSprite span {
	display: block;
	float: left;
	width: 78px;
	height: 29px;
}
#design {
	width: 47px;
	background-position: -78px -30px !important;
}
#wpf {
	width: 34px;
	background-position: -129px -30px !important;
	margin-left: 4px;
}
#xaml {
	width: 39px;
	background-position: -166px -30px !important;
	margin-left: 3px;
}
#ase {
	background-position: -10px -70px !important;
}
#aco {
	background-position: -43px -70px !important;
	margin-left: 3px;
}
#ai {
	background-position: -76px -70px !important;
	margin-left: 3px;
}
#gpl {
	background-position: -109px -70px !important;
	margin-left: 3px;
}
#html {
	background-position: -142px -70px !important;
	margin-left: 3px;
}
#zip {
	background-position: -175px -70px !important;
	margin-left: 3px;
}
.downloadPaletteSprite a:link, .downloadPaletteSprite a:visited, .downloadPaletteSprite a:active, .downloadPaletteSprite a:hover {
	display: block;
	float: left;
	width: 30px;
	height: 29px;
}

.rotateWidthsCreatePatternSprite {
	width: 221px;
	height: 14px;
	margin: 8px 0 0 3px;
}
.rotateWidthsCreatePatternSprite a:link, .rotateWidthsCreatePatternSprite a:visited, .rotateWidthsCreatePatternSprite a:active, .rotateWidthsCreatePatternSprite a:hover {
	display: block;
	float: left;
	width: 47px;
	height: 14px;
}
#paletteWidths {
	background-position: -71px 0 !important;
	margin-left: 24px;
}
#createPattern {
	background-position: -144px 0 !important;
	width: 77px;
	margin-left: 26px;
}

.paging .on {
	color: #ffffff !important;
	font-weight: bold !important;
}

.overflow {
	overflow: hidden;
	white-space: nowrap;
}

.suggestTrendDiv {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #666666;
	background: url(images/transFormBG.png);
	width: 200px;
	padding: 10px;
	color: #ffffff;
}

.rss div {
	padding: 4px 5px;
	border: 1px solid #c6c7bb;
	background: #f3f3f3;
}

.bTR td {
	font-weight: bold;
}

.wbg {
	background-color: #ffffff;
}

.gbg {
	background-color: #f5f5f5;
}

.tdPad td {
	padding: 12px 0;
}

.td5pxPad td {
	padding: 5px 0;
}

.tdVertAlignTop td {
	vertical-align: top;
}

.tdPadForum td {
	padding: 12px 0 16px 0;
}

.ucText{
	text-transform: uppercase;
}

.cText {
	text-align: center;
}

.picturePaletteInspirationInnerDiv {
	width: 336px;
	height: 113px;
}

.picturePaletteInspirationInnerDiv a, .picturePaletteInspirationInnerDiv a:link, .picturePaletteInspirationInnerDiv a:active, .picturePaletteInspirationInnerDiv a:hover {
	display: block;
	float: left;
	width: 36px;
	height: 34px;
	margin: 0 0 4px 6px;
}

.colour a, .colour a:link, .colour a:visited, .colour a:active, .colour a:hover {
	text-decoration: none;
	display: block;
}

.palette a, .palette a:link, .palette a:visited, .palette a:active, .palette a:hover {
	text-decoration: none;
	display: block;
	float: left;
}

.dragCursor {
	cursor: url(images/handGrab.cur), default;
}

.topFriendsUL {
	width: 385px;
	height: 80px;
	margin: 3px 0 13px 0;
	padding: 4px 0 0 4px;
	list-style: none;
}

.colorPageBlogLinks a {
	display: block;
	color: #5e5e5e;
	height: 14px;
	padding: 0 0 8px 15px;
	background: url(images/pageIconLight.png) no-repeat top left;
}

.hellip {
	padding: 4px 2px 0 3px;
	float: left;
	color: #c7c7c7;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	clear: both !important;
}

.noDim {
	width: 0 !important;
	height: 0 !important;
}

.block {
	display: block;
}


/* Add Palette */
.ddContainer {
	height: 109px;
	width: 500px;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #727272;
	display: block;
	margin-bottom: 17px;
	list-style-type: none;
}

.ddContainer li {
	display: block;
	cursor: move;
	position: relative;
	width: 100px;
	height: 109px;
	float: left;
	margin-left: 0;
}

.ddContainer .hexDiv {
	width: 100px;
	/*background-color: #333333;*/
	height: 24px;
}

.ddContainer .hexDiv .innerHex {
	float: left;
	margin: 4px 0 0 6px;
	width: 45px;
	color: #ffffff;
}

.ddContainer .hexDiv a {
	float: right;
	margin: 4px 6px 0 0;
	color: #ffffff;
}

.ddContainer .colourLink {
	display: block;
	width: 100px;
	height: 53px;
	padding-top: 30px;
	/*background-color: #dddddd;*/
	text-align: center;
}

.ddContainer a {
	text-decoration: none;		
}

.newColourDiv {
	display: none;
	margin: 0 0 5px 0;
	width: 218px;
	height: 40px;
}

.cececeLinks a {
	color: #cecece;
}


/* Add Patterns */
.patternColorSquare {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 10px 5px 0;
}

.patternColorSquareText {
	float: left;
	width: 135px;
	height: 12px;
	font-weight: bold;
	margin-top: 15px;
}

.patternColorsList {
	float: left;
	list-style: none;
}

.patternColorsList li {
	float: left;
	height: 45px;
}


/* Floating color Picker */
.fCP {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 260px;
	display: none;
	z-index: 9;
}

.fCPCap {
	width: 260px;
	height: 5px;
	display: block;
}

.fCPIinnerShell {
	width: 260px;
	height: 248px;
	padding-top: 2px;
	background: url(images/bg(1).png) repeat-y;
}

.fCPPicker {
	width: 242px;
	height: 152px;
	margin: 0 9px 9px 9px;
}

.fCPSatVal {
	background: #ff0000 url(images/bg_hsv.png) no-repeat;
	border: 1px solid #000000;
	position: relative;
	float: left;
	height: 150px;
	width: 150px;
	cursor: crosshair;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_hsv.png", sizingMethod="scale");
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.fCPSatValSlide {
	background: url(images/colorPickerLarge.png) no-repeat;
	height: 14px;
	width: 14px;
	position: relative; /* absolute */
	font-size: 0;
	line-height: 0;
	top: -3px;
	left: -3px;
}

.fCPHueContainer, .fCPSatContainer, .fCPValContainer {
	cursor: crosshair;
	position: relative;
	float: left;
	height: 154px;
	width: 22px;
	margin-left: 8px;
	top: -5px; /* Adjust the height from the top that you want the slider to be, compensated with Hmodel.top */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.fCPHueSlide, .fCPSatSlide, .fCPValSlide {
	background: url(images/verticalSliderTransparent.png) no-repeat;
	height: 18px;
	width: 18px;
	position: relative; /* absolute */
	font-size: 0;
	line-height: 0;
	z-index: 10;
}

.fCPHue, .fCPSat, .fCPVal {
	width: 20px;
	height: 150px;
	border: 1px solid #000000;
	position: relative;
	top: -13px; /* height of fCPHueSlide */
}

.fCPHue {
	background: url(images/hueBG.jpg) no-repeat;
}

.fCPSat {
	background: #ff0000 url(images/satBG.png) no-repeat;
}

.fCPVal {
	background: #ff0000 url(images/valBG.png) no-repeat;
}

.fCPbPE { /* basicPickerEditor */
	width: 241px;
	height: 85px;
	margin: 0 auto;
}

.fCPbPE div {
	float: left;
	height: 14px;
	width: 28px;
	text-align: center;
	color: #808080;
	font-size: 11px;
	line-height: 11px;
	margin-right: 1px;
}

.fCPbPE input {
	float: left;
	width: 28px;
	height: 11px;
	padding: 4px 0 5px 0;
	font-size: 11px;
	line-height: 11px;
	color: #4d4d4d;
	border: 0 none;
	background: url(images/formFieldSmallBG.png) no-repeat;
	text-align: center;
	text-transform: uppercase;
}


/* Footer */
.footer {
	color: #d4d4d4;
	background: url(images/bg_footer.jpg) repeat-y;
	width: 976px;
}

.footer div {
	float: left;
}

.footer div .discussionLinks, .footer div .blogLinks {
	margin-top: 20px;
}

.footer div .discussionLinks a, .footer div .blogLinks a {
	display: block;
	width: 242px;
	color: #d3d3d3;
	height: 14px;
	text-decoration: none;
	padding: 0 0 14px 23px;
	background: url(images/bubble.png) no-repeat top left;
}

.footer div .blogLinks a {
	background: url(images/pageIcon.png) no-repeat top left;
}

.langDiv {
	color: #d4d4d4;
	padding-right: 20px;
}

.langDiv a, .langDiv a:link, .langDiv a:visited, .langDiv a:active {
	text-decoration: none;
	margin-right: 5px;
}

.langDiv img {
	width: 16px;
	height: 11px;
	vertical-align: -12px;
	padding-bottom: 10px;
}

.ccInfo {
	margin-top: 15px;
	color: #707172;		
}

.subFooter {
	width: auto;
	height: 27px;
	color: #a2a2a2;
	background-image: url(bg_subfooter.png);
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

.subFooter div a {
	float: left;
	color: #a2a2a2;
	text-decoration: none;
	margin-right: 17px;
}


/* Color Codes */
.colorCodeShell {
	width: 448px;
	height: 258px;
	padding: 25px 16px 15px 16px;
	margin-bottom: 2px;

}

.colorCodeShell div {
	width: 32px;
	height: 43px;
	float: left;
}

.colorCodeKey {
	width: 448px;
	padding: 25px 16px 15px 16px;
	margin-bottom: 2px;

}

.colorCodeKey img {
	display: block;
	width: 32px;
	height: 86px;
	float: left;
}


/* calendar */
.calendarDiv {
	padding: 10px;
	text-align: center;
	color: #595959;
	background: #eeeeee;
}

.calendarDiv .calendarTable {
	background-color: #ffffff;
	margin-bottom: 5px;
}

.calendarDiv table td {
	background-color: #eeeeee;
	width: 27px;
	height: 25px;
	text-align: center;
	color: #595959;
/*		vertical-align: middle;*/
}

.calendarDiv table td a {
	display: block;
	width: 27px;
	height: 21px;
	padding-top: 4px;
}

.calendarDiv .calendarTable .darkTD {
	background-color: #cccccc;
}



/* Forms */
.formElement {
	height: 17px;
	color: #515151;
	border: 1px solid #3a3a3a;
	background-color: #ffffff;
	font: normal 11px Arial, sans-serif;
}

.formComment {
	font: normal 11px Arial, sans-serif;
	color: #515151;
	border: 0 !important;
	width: 391px;
	height: 80px;
	padding: 0 8px;
	margin: 0;
	background: url(images/bg_comment.png) repeat-y;
	overflow: auto;
}

.formBtn {
	height: 23px;
	color: #006600;
	padding: 0 15px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.happyFormElement {
	position: relative;
	left: -10000000px;
	height: 0;
	width: 0;
	border: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
}

.uberTemporaryDiv {
	background: #ffffff;
}

.uberTemporaryDiv * {
	color: #515151;
}
#lightbox{background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em;padding-top:0.4em;}
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image: url(images/overlay.png);}
* html #overlay{background-color:#333;back\ground-color: transparent;background-image:url(images/blank.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png",sizingMethod="scale");}