html, body { height: 100%; }

body {
	background-color: #313030;
	background-image: url("pageBG.png");
	background-repeat: repeat-x;
	margin: 0;
	color: #808080;
	/* color: #6e6e6e; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a {
	outline: none;
	-moz-outline-style: none;
}

a img { border: none; }

a, b, strong, h1, h2, div.mediaEnlargementArea, div.thumbnails a, .byline, #workDropDown a:hover, .editTable th, .editForm td.field, #uploadPanel {
	color: #bebebe;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

p, h1, h2, h3, div.mediaEnlargementArea, div.mediaEnlargementArea #mediaItem, div.news, div.newsBrief, #projectHeader {
	width: 576px;
}

p {
	margin: 0 auto 20px auto;
	text-align: justify;
	line-height: 23px;
	/* letter-spacing: 0.00en; */
}

h1 {
	margin: 0 auto 5px auto;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	text-align: center;
	background: url("hLine.png") no-repeat center bottom;
	padding-bottom: 5px;
}

h2 {
	margin: 0 auto;
	font-size: 11px;
	line-height: 23px;
}

h3 {
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	line-height: 23px;
}

.error { color: red; }

.clientName { font-size: 18px; }

a.emailAddress {
	text-decoration: none;
	color: #808080;
}

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

img.divider {
	vertical-align: top;
	height: 1px;
	display: block;
}

	#pageContainer {
		position: relative;
		width: 935px;
		min-height: 100%;
		margin: auto;
		background-color: #2f2f2b;
		background-image: url("contentBG.png");
		background-repeat: repeat-x;
	}	
	
		#logoLink {
			position: absolute;
			display: block;
			top: 0;
			left: 380px;
			width: 165px;
			height: 35px;
			z-index: 2;
			text-decoration: none;
		}
		
			#logoLink span { visibility: hidden; }

		#menu {
			position: relative;
			width: 935px;
			height: 90px;
			background-image: url("menu_bg.jpg");
			margin-bottom: 25px;
		}
		
			body.siteTools #menu { background-image: url("u.menu_bg.jpg"); }

			/* #menu a:active { */
			#menu a {
				outline: none;
				-moz-outline-style: none;
			}
			
			/* 
			#contact_a {
				position: absolute;
				top: 59px;
				left: 814px;
				height: 20px;
				width: 102px;
				text-decoration: none;
				display: block;
				outline: none;
				-moz-outline-style: none;
			}
			
				#contact_a span { visibility: hidden; }
			*/

			#menu div {
				position: absolute;
				top: 35px;
			}

				#menu div.anchors  { z-index: 3;}
				#menu div.images   { z-index: 2;}
				#menu div.onStates { z-index: 1;}

					#menu div.anchors a {
						position: absolute;
						border: none;
						text-decoration: none;
						display: block;
						height: 31px;
						top: 12px;
					}
					
						#menu div.anchors #menuContact_a { top: 24px; height: 20px; }
					
						#menu div.anchors a span { visibility: hidden; }
					
							#menuMain_a    { left: 297px; width:  59px; }
							#menuNews_a    { left: 356px; width:  57px; }
							#menuWork_a    { left: 412px; width:  60px; }
							#menuAbout_a   { left: 473px; width:  78px; }
							#menuClient_a  { left: 553px; width:  94px; }
							#menuContact_a { left: 814px; width: 102px; }
							#menuLogout_a  { left: 814px; width: 102px; }

					#menu div.images span,
					#menu div.onStates img {
						position: absolute;
						display: block;
						height: 55px;
					}

					#menu div.images span {
						opacity: 0;
						filter: alpha(opacity=0);
					}
					
						#menu div.images #menuContact,
						#menu div.onStates #menuContact_on,
						#menu div.images #menuLogout,
						#menu div.onStates #menuLogout_on { top: 17px; height: 33px; }

						#menuMain,    #menuMain_on    { left: 285px; width: 83px; }
						#menuNews,    #menuNews_on    { left: 342px; width: 83px; }
						#menuWork,    #menuWork_on    { left: 398px; width: 88px; }
						#menuAbout,   #menuAbout_on   { left: 455px; width: 112px; }
						#menuClient,  #menuClient_on  { left: 530px; width: 138px; }
						#menuContact, #menuContact_on { left: 792px; width: 143px; }
						#menuLogout,  #menuLogout_on  { left: 792px; width: 143px; }

		#contact {
			position: absolute;
			right: 0px;
			top: 79px;
			height: 36px;
			background: url("contactBoxLeft.jpg") no-repeat left top;
			padding-left: 8px;
			padding-right: 17px;
			font-weight: normal;
			color: #b8b8b0;
			font-size: 11px;
			visibility: hidden;
		}
		
			#contact strong,
			#contact strong a {
				color: #ededed;
				font-weight: normal;
			}
			
			#contact a {
				color: #b8b8b0;
				text-decoration: none;
			}
			
				#contact a:hover { text-decoration: underline; }
		
			#contact table {
				background: url("contactBoxRight.jpg") no-repeat right top;
				padding-right: 8px;
				height: 36px;
			}
			
				#contact table td {
					padding: 0 8px;
				}
	

	table.tabs { margin:auto; }
						
	ul.tabs {
		margin: 0 auto;
		padding: 5px 10px 0 10px;
		list-style: none;
	}
		ul.tabs li {
			float: left;
			background: url("tabLeft.jpg") no-repeat left top;
			margin: 0;
			padding: 0 0 0 8px;
			white-space: nowrap;
		}
		ul.tabs a {
			display: block;
			background: url("tabRight.jpg") no-repeat right top;
			padding: 3px 11px 0px 2px;
			text-decoration: none;
			color: #6e6e6e;
			font-weight: bold;
			font-size: 12px;
			font-family: "Trebuchet MS", sans-serif;
		}
		ul.tabs a.active {
			color: #bebebe;
		}
		ul.tabs a:hover {
			color: white;
		}

		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		ul.tabs:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			font-size: 0.1em;
			line-height: 0;
		}			
		/* hide from IE/Mac \*/
		* html ul.tabs { height: 1%; }
		/* end hide from IE/Mac */

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		ul.tabs { display: inline-block; }
		/* hide from IE/Mac \*/
		ul.tabs { display: block; }
		/* end hide from IE/Mac */	
		
		
	div.contactInfo {
		width: 200px;
		margin: auto;
	}
	
		div.contactInfo p,
		div.contactInfo h2 {
			width: auto;
		}
		


	div.mediaEnlargementArea {
		margin: auto;
		padding: 0 52px;
		position: relative;
		text-align: center;
		/* height: 451px; */
	}
	
		div.mediaEnlargementArea.mwide { /* height: 343px; */ }
	
		div.mediaEnlargementArea #mediaItem {
			/* background-color: black; */
			margin-bottom: 5px;
			margin-top: 10px;
		}
		
			div.mediaEnlargementArea #mediaItem div.mediaEnlargement {
				/*
				height: 432px;
				background-color: #282828;
				background-color: black;
				*/
			}
		
			div.mediaEnlargementArea #mediaItem img { 
				display: block; 
				margin: auto;
			}
			
			div.mediaEnlargementArea #mediaItem div.flashMediaWrapper {
				margin: auto;
				background-color: #0c0c0c;
			}
			
			div.mediaEnlargementArea #enlargement { padding: 5px 0; }
			
	
		div.mediaEnlargementArea .arrowLeft,
		div.mediaEnlargementArea .arrowRight {
			position: absolute;
			top: 135px;
			width: 41px;
			height: 96px;
			opacity: 0.36;
			filter: alpha(opacity=36);
		}
		
			div.mediaEnlargementArea .arrowLeft { left: 0; }
			div.mediaEnlargementArea .arrowRight { right: 0; }
			
			div.mediaEnlargementArea .arrowLeft:hover,
			div.mediaEnlargementArea .arrowRight:hover { 
				opacity: 1;
				filter: alpha(opacity=100);
			}
			
	div.thumbnails {
		margin: auto;
		width: 615px; /* extra 3px for IE6 */
		padding-left: 12px;
	}
	
		div.thumbnails a {
			text-decoration: none;
			float: left;
			position: relative;
			padding: 10px;
			width: 172px;
			height: 168px;
			margin: 0px 12px 4px 0px;
			text-align: center;
		}
		
			div.thumbnails.twide a { height: 137px; }
	
		div.thumbnails img { 
			width: 172px;
			height: 128px;
			margin-bottom: 5px;
		}
		
			div.thumbnails.twide img { height: 97px; }
		
			div.thumbnails a:hover,
			div.thumbnails a.selected {
				background-image: url("thumbnailFrame.png");
				background-position: top center;
				background-repeat: no-repeat;
			}
			
				div.thumbnails.twide a:hover,
				div.thumbnails.twide a.selected { background-image: url("thumbnailFrameWide.png"); }
				
			div.thumbnails a:hover img,
			div.thumbnails a.selected img {
				filter: alpha(opacity=100); /* for IE6? (random discovery - can't find any other way to make these work otherwise */
			}		
	
	div.news {
		text-align: left;
		margin: auto;
		margin-bottom: 40px;
		clear: both;
	}
	
		div.news p { width: auto; } /* for IE, where a fixed width p interferes with floats */
	
		div.news h1 {
			text-align: left;
			margin-bottom: 0;
		}
		
			div.news h1 a { text-decoration: none; }
	
		div.news .byline {
			margin-bottom: 20px;
		}
		
		div.news .mediaLeft {
			float: left;
			display: inline;
			margin: 0 20px 10px 0;
		}
		
		div.news .mediaRight {
			float: right;
			display: inline;
			margin: 0 0 10px 20px;
		}
		
	
	div.newsBrief {
		text-align: left;
		margin: auto;
		margin-bottom: 20px;
	}
		
		div.newsBrief h2 a { text-decoration: none; }
		
		
	div.clients {
		width: 650px;
		padding-left: 70px;
		margin: 30px auto 0 auto;
		position: relative;
		display: inline;
	}
	
		div.clients .clientBox {
			display: inline; /* for IE6 double-margin float bug */
			float: left;
			margin: 0 69px 7px 0;
			width: 147px;
			height: 127px;
			text-align: center;
			font-size: 18px;
			text-decoration: none;
		}
		
			div.clients a.clientBox {
				background-image: url("x.gif"); /* this fixes weird IE6 problems for some stupid reason */
			}
		
			div.clients a.clientBox:hover {
				background-image: url("clientFrame.png");
				background-repeat: no-repeat;
				background-position: top left;
			}
		
			div.clients .clientBox span {
				display: block;
				padding: 35px 10px 0 10px;
			}
	
			div.clients .clientBox img {
				width: 147px;
				height: 127px;
			}
		
		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		div.clients:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			font-size: 0.1em;
			line-height: 0;
		}			
		/* hide from IE/Mac \*/
		* html div.clients { height: 1%; }
		/* end hide from IE/Mac */

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.clients { display: inline-block; }
		/* hide from IE/Mac \*/
		div.clients { display: block; }
		/* end hide from IE/Mac */		
		
	
	div.clientWorkHeader {
		text-align: center;
		margin: 25px 0 20px 0;
		font-size: 18px;
	}

	#staffBrowserWrapper {
		width: 615px;
		height: 152px;
		margin: auto;
	}


	#searchBox {
		width: 154px;
		width: 355px;
		position: relative;
		margin: 15px auto;
	}
	
		#staffSearch {
			font-size: 11px;
			height: 13px;
			width: 148px;
			margin: auto;
			background-color: #6e6e6e;
			color: white;
			padding: 2px;
			border-width: 1px;
		}
		
		#searchOutput {
			position: absolute;
			bottom: 19px;
			left: -1px;
			border: 1px solid black;
			background-color: #bebebe;
			visibility: hidden;
			width: 154px;
			margin: auto;
		}

			#searchOutput a {
				display: block;
				padding: 3px 5px;
				color: #444;
				text-decoration: none;
			}

				#searchOutput a strong {
					text-decoration: underline;
					color: black;
				}

				#searchOutput a:hover,
				#searchOutput a:focus {
					background-color: #2a2a2a;
					color: #808080;
				}

					#searchOutput a:focus strong,					
					#searchOutput a:hover strong { color: #bebebe; }
		
					
	#projectHeader {
		margin: 5px auto 0 auto;
	}
	
		#projectHeader p,
		#projectHeader h2 { width: auto; } /* for IE, where a fixed width p interferes with floats */
		
		#projectHeader h2 { margin-bottom: 15px; }
	
		#projectHeader .clientLogo {
			float: left;
			display: inline; /* for IE6 double-margin float bug */
			/* */
			background-image: url("clientFrame.png");
			background-repeat: no-repeat;
			background-position: top left;
			width: 147px;
			height: 127px;
			/* */
			margin-right: 20px;
			text-align: center;
			font-size: 18px;
		}
		
			#projectHeader span.clientLogo {
				display: block;
				padding: 35px 10px 0 10px;
				width: 127px;
				height: 92px;
			}
			
		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		#projectHeader:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			font-size: 0.1em;
			line-height: 0;
		}			
		/* hide from IE/Mac \*/
		* html #projectHeader { height: 1%; }
		/* end hide from IE/Mac */

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		#projectHeader { display: inline-block; }
		/* hide from IE/Mac \*/
		#projectHeader { display: block; }
		/* end hide from IE/Mac */
		
			
	div.featuredProject {
		width: 364px;
		padding-right: 212px;
		margin: 15px auto;
	}
	
		div.featuredProject a { text-decoration: none; }
	
		div.featuredProject h2 { 
			width: auto;
			margin: 10px 0;
		}
	
		div.featuredProject p { 
			width: auto;
			text-align: left; 
		}
	
		div.featuredProject img.media {
			float: right;
			margin-left: 10px;
			margin-right: -212px;
		}
		
		div.featuredProject img.clientLogo {
			margin-bottom: 4px;
		}

		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		div.featuredProject:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			font-size: 0.1em;
			line-height: 0;
		}			
		/* hide from IE/Mac \*/
		* html div.featuredProject { height: 1%; }
		/* end hide from IE/Mac */

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.featuredProject { display: inline-block; }
		/* hide from IE/Mac \*/
		div.featuredProject { display: block; }
		/* end hide from IE/Mac */	
		
		
		
	#workDropDownContainer {
		position: absolute;
		width: 524px;
		margin-top: 1px;
		left: 205px;
		z-index: 100;
		display: none; /* note that there's an override for this line for IE in conditional comments in workSubmenu.php */
	}
	

		#workDropDown_top {
			position: absolute;
			height: 7px;
			top: 0px;
			left: 0px;
		}

		#workDropDown_bottom {
			position: absolute;
			height: 20px;
			bottom:0px;
			left: 0px;
		}	
	
		/* the workDropDownContainer wrapper was made instead of just nesting the _top and _bottom in workDropDown */
		/* and positioning them outside of it, because IE6 has problems displaying content outside of it's parent  */
		
		#workDropDown {
			position: relative;
			background-image: url("workDropDown_middle.png");
			background-repeat: repeat-y;
			background-position: top center;
			width: 486px;
			/* height: 350px; */
			padding: 2px 19px 5px 19px;
			margin: 7px 0 20px 0;
			/* line-height: 23px; */
			line-height: 16px;
			text-align: center;
		}
			
			#workDropDown h1 {
				width: auto;
				padding-bottom: 10px;
				margin-bottom: 0;
				font-size: 12px;
				color: #808080;
			}
			
			#workDropDown a { text-decoration: none; }
			#workDropDown a:hover { text-decoration: underline; }

			#workDropDown a.closeWindow {
				position: absolute;
				right: 19px;
				bottom: -1px;
				font-size: 10px;
				line-height: 10px;
				display: block;
				color: #808080;
			}

			#workDropDownContent {
				max-height: 340px;
				overflow: auto;
				width: 466px;
				padding: 0 10px;
				margin-bottom: 10px;
				text-align: left;
				padding-top: 10px;
			}
			
				#workDropDownContent ul {
					padding: 0;
					margin: 0;
					list-style-type: none;
					color: #bebebe;
				}
				
					#workDropDownContent ul li { margin-bottom: 7px; }
				
					#workDropDownContent ul a { color: #808080; }
					#workDropDownContent ul a:hover { text-decoration: none; }
					
					#workDropDownContent ul ul {
						padding: 5px 0 1px 20px;
					}
					
						#workDropDownContent ul ul li { margin-bottom: 5px; }

				#workDropDownContent .colLeft,
				#workDropDownContent .colRight {
					width: 203px;
					float: left;
				}
				
				#workDropDownContent .colLeft {
					margin-right: 40px;
				}				


	#clientLoginForm {
		text-align: center;
	}

		#clientLoginForm table {
			margin: auto;
			text-align: right;
		}
		
			#clientLoginForm form {
				margin: 0; /* for IE */
			}

			#clientLoginForm input.text {
				font-size: 11px;
				height: 13px;
				width: 148px;
				margin: 3px auto;
				background-color: #6e6e6e;
				color: white;
				padding: 2px;
				border-width: 1px;
			}

			#clientLoginForm input.button {
				font-size: 11px;
			}

	div.buttonBar {
		text-align: center;
		margin-bottom: 10px;
	}
	
		div.buttonBar button { margin-bottom: 5px; }
	
		div.buttonBar #debug {
			margin: 0 auto;
			font-style: italic;
			text-align: center;
			width: 750px;
		}

	div.buttonPanel {
		width: 175px;
		position: absolute;
		left: 380px;
		text-align: center;
		padding: 25px 0;
	}
	
		div.buttonPanel button { width: 170px; }
		div.buttonPanel button.moveButton { width: 30px; }
		
		div.buttonPanel #clientLogoBox {
			margin: auto;
			width: 147px;
			height: 127px;
			text-align: center;
			font-size: 18px;
			text-decoration: none;
			background-image: url("clientFrame.png");
			background-repeat: no-repeat;
			background-position: top left;
		}
		
			div.buttonPanel #clientLogoBox span {
				display: block;
				padding: 35px 10px 0 10px;
			}
	
			div.buttonPanel #clientLogoBox img {
				width: 147px;
				height: 127px;
			}
				
			div.buttonPanel #uploadLogo,
			div.buttonPanel #deleteLogo,
			div.buttonPanel #deleteClient{ display: none; }

	div.sortCol {
		position: relative;
		display: inline; /* for IE6 */
		margin: 0 20px;
		padding: 10px;
		width: 320px;
		border: 1px solid #333;
	}
	
		div.sortCol.right { float: right; }
		
		div.sortCol.left { float: left; }
	
		div.sortCol h2 { width: 300px; }

		.sortList {
			margin: 0;
			padding: 0;
		}
		
			.sortList .invisible {
				font-style: italic;
				color: #606060;
			}
			
				.sortList li:hover .invisible { color: #ccc; }	
				.sortList li.selected .invisible { color: #ccc; }			
			
			ul.sortList { list-style: none; }
			ol.sortList { list-style: decimal; }

			ul.sortList li {
				margin: 5px 0 5px 10px;
				padding: 2px;
			}
			
			ol.sortList li {
				margin: 5px 0 5px 30px;
				padding: 2px;
			}			
				.sortList li:hover { 
					color: white;
					background-color: #6e6e6e;
				}

				.sortList li.selected {
					color: white;
					background-color: #9d6913;
				}
				
				.sortList input {
					width: 282px;
				}
				
	.editTable {
		margin: auto;
		border-collapse: collapse;
	}
	
		#articleList { width: 750px; }
	
		
		tr.divider { background: url("hLine.png") no-repeat center center; }
	
		.editTable td {
		}
	
		.editTable th,
		.editTable td {
			padding: 2px 5px;
			text-align: left;
		}

		.editTable a {
			color: #808080;
			text-decoration: none;
		}
		
		.editTable .invisible,
		.editTable .invisible a {
			font-style: italic;
			color: #606060;
		}
		
		.editTable tr.highlight,
		.editTable tr.highlight a {
			color: #bebebe;
		}
		
		.editTable tbody tr:hover td {
			color: white;
			background-color: #6e6e6e;
		}
		
			.editTable tbody tr.selected td {
				color: white;
				background-color: #9d6913;
			}		

			.editTable tbody tr:hover a,
			.editTable tbody tr a:hover {
				color: white;
			}
		
			.editTable tbody .invisible:hover a,
			.editTable tbody .invisible a:hover {
				color: #ccc;
			}
			
			html .editTable tr.divider:hover td { background-color: transparent; }
		
		.editTable input {
		}
		
		.editTable .visibleCheck {
			text-align: right;
		}
		
		.editTable .date {
			white-space: nowrap;
		}
		
		.editTable .emptyList,
		.emptyList {
			text-align: center;
			font-style: italic;
		}

		
	.editForm {
		margin: auto;
		border-collapse: collapse;
	}	
	
		#articleEdit { width: 660px; }
		#staffEdit { width: 700px; }
	
		.editForm td {
			padding: 2px 5px;
			text-align: left;
			line-height: 23px;
		}
			
			
		.editForm td.field {
			text-align: right;
			vertical-align: top;
			padding: 2px 5px;
		}
		
		.editForm td.value {
			width: 576px;
			padding: 0 3px;
		}
			
			.editForm td.value div { padding: 2px; }
		
			.editForm td p {
				margin: 0 0 20px 0;
			}
		
			.editForm .mediaEdit {
				display: block;
				margin: 0 0 10px 0;
			}
		
			.editForm input {
				width: 450px;
			}
			
				.editForm input.checkbox {
					width: auto;
				}
		
			.editForm #story,
			.editForm textarea {
				line-height: 23px;
				width: 572px;
				text-align: justify;
			}
			
	#uploadPanel {
		position: absolute;
		width: 530px;
		background-color: #262626;
		border-top: 2px solid #555;
		border-left: 2px solid #555;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		left: 189px;
		top: 200px;
		padding: 10px 15px 10px 10px;
		visibility: hidden;
	}
	
		#uploadPanel .closeBox {
			position: absolute;
			top: 0;
			right: 5px;
		}
		
		#uploadFile input {
			margin: 3px 0;
		}
	
		#uploadFile .progressContainer {
			width: 200px;
			height: 10px;
			background-color: #6e6e6e;
			border-top: 1px solid black;
			border-left: 1px solid black;
			border-right: 1px solid #555;
			border-bottom: 1px solid #555;
		}

		#uploadFile .progressBar {
			width: 0px;
			height: 10px;
			background-color: #9d6913;
		}
		
		p.fileNote {
			width: auto;
			font-style: italic;
			margin: 10px 0 0 0;
		}

	#thumbSelectorPanel {
		position: absolute;
		width: 480px;
		background-color: #262626;
		border-top: 2px solid #555;
		border-left: 2px solid #555;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		left: 214px;
		top: 200px;
		padding: 10px 15px 10px 10px;
		visibility: hidden;
	}
	
		#thumbSelectorPanel .closeBox {
			position: absolute;
			top: 0;
			right: 5px;
		}
		
		#thumbSelectorPanel a.thumb {
			float: left;
			display: block;
			width: 86px;
			height: 64px;
			margin: 2px 5px 8px 5px;
		}
		
			#thumbSelectorPanel a.thumb:hover {
				border: 2px solid white;
				margin: 0 3px 6px 3px;
			}
		
		#thumbSelectorPanel .thumb img {
			width: 86px;
			height: 64px;
		}

	#cropPanel {
		position: absolute;
		width: 764px;
		background-color: #262626;
		border-top: 2px solid #555;
		border-left: 2px solid #555;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		left: 72px;
		top: 100px;
		padding: 10px 15px 10px 10px;
		visibility: hidden;
	}
	
		#cropPanel .closeBox {
			position: absolute;
			top: 0;
			right: 5px;
		}
		
		#cropTool {
			float: left;
			width: 576px;
			text-align: center;
			background-color: black;
			margin-bottom: 10px;
		}
		
			#cropTool .imgCrop_wrap { margin: auto; }
		
		#cropPreview {
			float: right;
			width: 172px;
			height: 128px;
			margin: 0;
			display: inline;
			margin-bottom: 10px;
		}


	#clientSelectorPanel {
		position: absolute;
		width: 480px;
		background-color: #262626;
		border-top: 2px solid #555;
		border-left: 2px solid #555;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		left: 214px;
		top: 200px;
		padding: 10px 15px 10px 10px;
		visibility: hidden;
	}
	
		#clientSelectorPanel .closeBox {
			position: absolute;
			top: 0;
			right: 5px;
		}
		
	p span.invisible {
		font-style: italic;
		color: #606060;
	}		

	div.loginForm {
		text-align: right;
		width: 210px;
		margin: auto;
		padding-right: 20px;
	}