@import url( "css/tabledEntriesWidget.css" );
@import url( "css/rowSelectorWidget.css" );
@import url( "css/orders.css" );
@import url( "css/dateToggle.css" );


html {
	margin:						0;
	padding:					0;
	
	background-color:			rgb( 167, 000, 000 );
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image:			url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNDBhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTEwMjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+ );

	/* Chrome,Safari4+ */
	background-image:			-webkit-gradient(
									radial,
									center center,
									0%,
									center center,
									100%,
									color-stop( 0%, rgba( 224, 000, 000, 1.0 ) ),
									color-stop( 72%, rgba( 167, 000, 000, 1.0 ) )
								);

	/* Chrome10+,Safari5.1+ */
	background-image:			-webkit-radial-gradient(
									center,
									ellipse cover,
									rgba( 224, 000, 000, 1.0 ) 0%,
									rgba( 167, 000, 000, 1.0 ) 72%
								);
	
	/* Opera 12+ */
	background-image:			-o-radial-gradient(
									center,
									ellipse cover,
									rgba( 224, 000, 000, 1.0 ) 0%,
									rgba( 167, 000, 000, 1.0 ) 72%
								);
	
	/* IE10+ */
	background-image:			-ms-radial-gradient(
									center,
									ellipse cover,
									rgba( 224, 000, 000, 1.0 ) 0%,
									rgba( 167, 000, 000, 1.0 ) 72%
								);
	
	/* W3C */
	background-image:			radial-gradient(
									ellipse at center,
									rgba( 224, 000, 000, 1.0 ) 0%,
									rgba( 167, 000, 000, 1.0 ) 72%
								);
	
	/* IE6-8 fallback on horizontal gradient */
	filter:						progid:DXImageTransform.Microsoft.gradient(
									startColorstr='#c40a36',
									endColorstr='#91021f',
									GradientType=0
								);

	/* FF3.6+ */
	background-image:			-moz-radial-gradient(
									60% 30%,
									ellipse cover,
									rgba( 224, 000, 000, 1.0 ) 0%,
									rgba( 167, 000, 000, 1.0 ) 72%
								);
	
	background-repeat:			no-repeat;
								
}

body {
	font-family:				HelveticaNeueLight, 'TeXGyreHerosRegular', "Arial", sans-serif;
	font-family:				"Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:					center;
	font-size:					12px;
	padding-bottom:				20px;
	margin:						0;
	padding:					0;
	
}

code {
	font-family:				courier, monospace;
	font-size:					1em;
}

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

h1 {
	font-size:					2em;
}

a {
	color:						#000000;
	text-decoration:			none;
	
	transition:					all 0.4s linear;
	-moz-transition:			all 0.4s linear;
}

img {
	border:						0px;
	vertical-align:				bottom;
}

input,
textarea,
select {
	font-size:					1em;
	background-color:			#fefefe;
	border:						1px solid #777777;
	padding:					3px;
	
	
	width:						890px;

	border-radius:				2px;
	box-shadow:					1px 1px 1px 0px #aaa;
}

textarea {
	min-width:					890px;
	max-width:					890px;
}

input[type="file"] {
	width:						50px;
	box-shadow:					none;
	cursor:						pointer;
}

textarea {
	height:						200px;
}

select {
	width:						897px;
}


#addform table th,
#editform table th {
	width:						140px;
	text-align:					right;
	padding-right:				10px;
	vertical-align:				text-top;
	line-height:				22px;
}


form > table > tbody > tr > th {
	color:						#000000;
	text-shadow:				-1px -1px 0px rgba( 000, 000, 000, 0.1 ),
								1px 1px 0px rgba( 255, 255, 255, 0.7 );
}


input, select {
}

select {
	padding:					0;
}

select {
	padding:					3px;
}

select, option {
	background-color:			#ffffff;
	font-size:					1em;
}

.clearing{
	clear:						both;
	display:					block;
}

#wrapper {
	margin:						auto;
	width:						960px;
	text-align:					left;
	margin-top:					0;
}

#popupwrapper {
	text-align:					left;
}

.cms_content {
	font-size:					1em;
}

*html .cms_content {
	height:						400px;
}

.activecontent p {
	font-size:					1em;
}

.activecontent td {
	font-size:					1em;
}

.cms_content p,
.cms_content table,
.cms_content table th,
.cms_content table td,
.cms_content table p {
	font-size:					1em;
}

.cms_content p a {
	color:						#00f;
	text-decoration:			none;
}

.cms_content p:hover a {
	color:						#00f;
}

.cms_content p a:hover {
	text-decoration:			underline;
	color:						#06f;
}

table {
	text-align:					left;
	font-size:					1em;
	border-spacing:				0px;
	padding:					0px;
	width:						900px;
	overflow:					hidden;
	
	border-collapse:			separate;
	border-spacing:				0px 3px;
}

table tr table {
	border-spacing:				0px;
}

	
}


th {
	text-align:					left;
	font-weight:				bold;
}




/*********** active content ******************/

.activecontent {
	background-color:			#000000;
	background-color:			rgba(0,0,0,0.7);
	border-radius:				8px;
	box-shadow:					2px 2px 4px #680010;
	width:						960px;
	background-position:		center;
	background-repeat:			repeat-y;
	text-align:					center;
	
	position:					relative;
	z-index:					2;
}

.activecontent.squareLeft {
	border-top-left-radius:		0px;
}

.activecontent .pad {
	width:						930px;
	padding:					15px;
	margin:						auto;
}

/********************* infopopup ***************************/
.info_popup {
	color:						#000000;
}

div.info_popup p {
	padding-bottom:				4px;
	font-size:					1em;
}





#header_actionbar {
	background-color:			#000000;
	background-color:			rgba( 000, 000, 000, 0.7);
	padding:					10px;
	border:						1px solid #670000;
	border-top:					none;
	
	box-shadow:					0px 0px 2px 0px #680010;
	
	border-bottom-left-radius:	5px;
	border-bottom-right-radius:	5px;
	
	font-size: 0.95em;
	
	color:						#dddddd;
	
	margin-bottom:				10px;
}

#header_actionbar a {
	color:						#dddddd;
}

#header_actionbar a:hover {
	color:						#ffffff;
}








.content_archive {
	border:						1px solid #ddd;
	background-color:			#fafafa;
	height:						26px; 
}

.content_archive:hover {
	border:						1px solid #ccf;
	background-color:			#f6f6ff;
}

.content_archive_preview {
	border:						1px solid #ddd;
	border-top:					none;
	background-color:			#fefefe;
	display:					none;
}

.content_archive_preview a,
.content_archive_preview p a,
.cms_content .content_archive_preview p a,
.cms_content .content_archive_preview p:hover a {
	color:						blue;
	text-decoration:			underline;
}









#header_actionbar {
	text-align:					right;
}

#clientLogoWrapper {
	float:						right;
	text-align:					right;
	margin-top:					20px;
}

#clientLogoWrapper h2 {
	margin:						0;
	margin-top:					10px;
	margin-bottom:				40px;
}

.pagetabs {
	width:						960px;
	list-style-type:			none;
	padding:					0;
	margin:						0;
}

.pagetabs li {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	margin:						0px;
	margin-right:				2px;
	background-color:			transparent;
	
	border-top-left-radius:		5px;
	border-top-right-radius:	5px;
	
	z-index:					1;
}
	
.pagetabs a {
	padding:					0;
	padding:					7px;
	padding-left:				10px;
	padding-right:				10px;
	margin:						0;
	text-decoration:			none;
	color:						#000000;
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	text-shadow:				1px 1px 0px #d44;
	
	transition:					none;
	-moz-transition:			none;
	-o-transition:				none;
	-ie-transition:				none;
	-webkit-transition:			none;
}

.pagetabs a img {
	margin-right:				2px;
	display: none;
}
	
.pagetabs a:hover img,
.pagetabs .activetab a img {
	opacity:					1;
}
	
.pagetabs .activetab {
	background-color:			#000000;
	background-color:			rgba(0,0,0,0.7);
}
	
.pagetabs a:hover,
.pagetabs .activetab a {
	color:						#fff;
	text-shadow:				none;
	
	transition:					none;
	-moz-transition:			none;
	-o-transition:				none;
	-ie-transition:				none;
	-webkit-transition:			none;
}

.pagetabs li:first-child:hover a {
	border-bottom:				6px solid #350000;
	margin-bottom:				-6px;
	z-index:					10;
	position:					relative;
}

.pagetabs li:hover {
	background-color:			#000000;
	background-color:			rgba(0,0,0,0.7);
}












.subtabscontent {
	background-color:			#ffffff;
	padding:					15px;
	
	border-radius:				5px;
	
	min-height:					450px;
	
	position:					relative;
	z-index:					2;
}

.subtabscontent.squareLeft {
	border-top-left-radius:		0px;
}

.subtabs {
	width:						930px;
	list-style-type:			none;
	padding:					0;
	margin:						0;
	text-align:					left;
}

.subtabs li {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	margin:						0px;
	margin-right:				5px;
	background-color:			transparent;
	
	border-top-left-radius:		5px;
	border-top-right-radius:	5px;
	
	position:					relative;
}
	
.subtabs a {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	padding:					7px;
	padding-left:				10px;
	padding-right:				10px;
	
	margin:						0;
	text-decoration:			none;
	color:						#fff;
	
	transition:					none;
	-moz-transition:			none;
	-o-transition:				none;
	-ie-transition:				none;
	-webkit-transition:			none;
}

	
	
.subtabs .activetab {
	background-color:			#ffffff;
}

.subtabs a:hover  {
	color:						#000000;
}

.subtabs li:hover {
	background-color:			#ffffff;
	border-bottom:				4px solid #ffffff;
	margin-bottom:				-4px;
}

.subtabs .activetab a {
	color:						#000000;
}





.actions_bar {
	text-align:					right;
	margin-top:					10px;
	margin-bottom:				15px;
	display:					block;
}

.actions_bar a {
	text-decoration:			none;
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	padding:					5px;
	border-radius:				4px;
	border:						1px solid #ffffff;
}

.actions_bar a:hover {
	background-color:			rgba( 255, 255, 255, 0.3 );
}

.actions_bar span {
	 color:						#777777;
}








#editorTitle {
	font-size:					1.2em;
	margin:						0px;
	padding:					0px;
	padding-bottom:				20px;
}

.editorTitleWrapper {
	display:					block;
	background-color:			#ffffff;
	float:						left;
	margin-left:				10px;
	padding-left:				5px;
	padding-right:				5px;
	
	color:						#000000;
	
	text-shadow:				2px 2px 1px rgba( 000, 000, 000, 0.1 );
}

.editorTitleLine {
	display:					block;
	
	height:						2px;
	background-color:			#aaa;
	
	padding-bottom:				0px;
	margin-top:					-9px;
}







.buttons {
	text-align:					right;
}



#cancelButton,
#addButton,
#editButton,
#deleteButton {
	width:						100px;
	background-color:			#eee;
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	line-height:				26px;

	margin:						0;
	padding:					0;
	border:						1px solid #777;
	
	vertical-align:				top;
	
	font-weight:				bold;
	font-size:					1.1em;
	
	height:						30px;
	text-align:					center;
	margin-top:					0px;
	padding:					0px;
	
	color:						white;
	text-shadow:				0px 1px 0px rgba( 000, 000, 000, 0.6 );
	
	background-color:			#52A8E8;
	
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #e00000 ), color-stop( 1.0, #a70000 ) );
	background-image:			-moz-linear-gradient( center top, #e00000 0%, #a70000 100% );
	background-image:			-o-linear-gradient( top, #e00000 0%, #a70000 100% );
	
	-webkit-border-radius:		5px;
	-moz-border-radius:			5px;
	-o-border-radius:			5px;
	border-radius:				5px;
	
	border:						1px solid #a70000;
	
	-webkit-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-moz-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-o-box-shadow:				0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	box-shadow:					0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
								
	cursor:						pointer;
	
	
	padding-bottom:				2px;
}

#cancelButton {
	height:						28px;
	text-align:					center;
	margin-top:					0px;
	padding:					0px;
	
	line-height:				28px;
	
	color:						white;
	text-shadow:				0px 1px 0px rgba( 000, 000, 000, 0.6 );
		
	background-color:			#bbbbbb;

	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#bbbbbb, endColorstr=#999999 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#bbbbbb, endColorstr=#999999 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #bbbbbb ), color-stop( 1.0, #999999 ) );
	background-image:			-moz-linear-gradient( center top, #bbbbbb 0%, #999999 100% );
	background-image:			-o-linear-gradient( top, #bbbbbb 0%, #999999 100% );
	
	margin-right:				5px;
	
	-webkit-border-radius:		23px;
	-moz-border-radius:			23px;
	-o-border-radius:			23px;
	border-radius:				5px;
	
	border:						1px solid #777;
	
	-webkit-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.3 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-moz-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.3 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-o-box-shadow:				0 1px 2px rgba( 000, 000, 000, 0.3 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	box-shadow:					0 1px 2px rgba( 000, 000, 000, 0.3 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
								
								
	cursor:						url( "../images/icons/pointerRed.png" ), pointer;
}

#addButton,
.addLink {
	cursor:						url( "../images/icons/pointerGreen.png" ), pointer;
}

#editButton,
.editLink {
	cursor:						url( "../images/icons/pointerOrange.png" ), pointer;
}

#deleteButton,
.deleteLink {
	cursor:						url( "../images/icons/pointerRed.png" ), pointer;
}

#addButton:hover,
#editButton:hover,
#deleteButton:hover,
#addButton:focus,
#editButton:focus,
#deleteButton:focus {
	background-color:			#54a1d8;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #d00000 ), color-stop( 1.0, #970000 ) );
	background-image:			-moz-linear-gradient( center top, #d00000 0%, #970000 100% );
	background-image:			-o-linear-gradient( top, #d00000 0%, #970000 100% );
	
	text-shadow:				0 -1px 0px rgba( 000, 000, 000, 0.6 );
	
	border:						1px solid #970000;
}

#cancelButton:hover,
#cancelButton:focus {
	background-color:			#52A8E8;

	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#54a1d8, endColorstr=#1967ca );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#54a1d8, endColorstr=#1967ca )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #999999 ), color-stop( 1.0, #777777 ) );
	background-image:			-moz-linear-gradient( center top, #b6b6b6 0%, #969696 100% );
	background-image:			-o-linear-gradient( top, #54a1d8 0%, #1967ca 100% );
	
	text-shadow:				0 -1px 0px rgba( 000, 000, 000, 0.6 );
	
	border:						1px solid #666;	
}








.imagesTable {
	width:						100%;
}

.imagesTable table {
	border-spacing:				0px 5px;
}

.imagesTable td {
	vertical-align:				top;
}


.imagesTable table {
	width:						420px;
}

.imagesTable table th,
.imagesTable table td {
	vertical-align:				top;
}

.imagesTable table th {
	width:						80px !important;
	line-height:				14px !important;
}

.imagesTable td.image {
	text-align:					center;
	width:						320px !important;

	border:						1px solid #777;
	padding:					5px;
	background-color:			#ffffff;
	border-radius:				4px;
	box-shadow:					2px 2px 4px #aaa;
	
	vertical-align:				middle;
}

.imagesTable img {
}






.listingsTable {
	border-collapse:			separate;
	border-spacing:				0px 0px;
	margin-top:					5px;
	margin-bottom:				10px;
}

.listingsTable tr {
	transition:					all 0.1s linear 0s;
	-moz-transition:			all 0.1s linear 0s;
	-webkit-transition:			all 0.1s linear 0s;
	-o-transition:				all 0.1s linear 0s;
}


.listingsTable tr td {
	border-bottom:				#b3b3b3 solid 1px;
	border-top:					#ddd solid 1px;
	padding-top:				4px;
	padding-bottom:				4px;
	font-size:					1em;
	color:						#666;
	
	padding-top:				6px;
	padding-bottom:				6	px;
}

.listingsTable tr:hover td {
	color:						#000;
	background-color:			#fff;
	background-color:			rgba( 000, 000, 000, 0.01 );
}

.listingsTable tr:nth-child(odd):hover {
	background-color:			rgba( 255, 000, 000, 0.02 );
}

.listingsTable tr.header:hover {
	background-color:			inherit;
}
.listingsTable tr.header {
	background-color:			transparent;
	font-size:					1em;
}

.listingsTable tr.header th {
	border-bottom:				#aaaaaa solid 1px;
	padding-top:				2px;
	padding-bottom:				4px;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#ffffff, endColorstr=#f6f6f6 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#ffffff, endColorstr=#f6f6f6 )";
	
	background-image:			-moz-linear-gradient( center bottom, #f6f6f6 0%, rgba( 250, 250, 250, 0 ) 100% );
	background-image:			-webkit-gradient( linear, center bottom, center top, color-stop( 0.0, #f6f6f6 ), color-stop( 1.0, rgba( 250 250 250, 0 ) ) );
	background-image:			-o-linear-gradient( bottom, #f6f6f6 0%, rgba( 250, 250, 250, 0 ) 100% );
	
}

.listingsTable tr th:nth-child(1),
.listingsTable tr td:nth-child(1) {
	padding-left:				10px;
}

.listingsTable tr th:nth-last-child(1),
.listingsTable tr td:nth-last-child(1) {
	text-align:					right;
	width:						80px;
	padding-right:				5px;
}

.listingsTable tr:nth-last-child(1) td {
	border-bottom:				#aaaaaa solid 1px;
}



.listingsTable tr {
	color:						black;
	
	transition:					all 1s ease-in-out 2s;
	-moz-transition:			all 1s ease-in-out 2s;
	-webkit-transition:			all 1s ease-in-out 2s;
	-o-transition:				all 1s ease-in-out 2s;
}

.listingsTable tr.updated,
.listingsTable tr.inserted {
	transition:					none;
	-moz-transition:			none;
	-webkit-transition:			none;
	-o-transition:				none;
}

.updated {
	background-color:			rgba( 255, 232, 124, 0.75 ) !important;
	color:						#440 !important;
	
	transition:					all 0.4s ease-in-out 0s;
	-moz-transition:			all 0.4s ease-in-out 0s;
	-webkit-transition:			all 0.4s ease-in-out 0s;
	-o-transition:				all 0.4s ease-in-out 0s;
}

.inserted {
	background-color:			rgba( 152, 251, 152, 0.75 ) !important;
	color:						#440 !important;
	
	transition:					all 0s ease-in-out 0s;
	-moz-transition:			all 0s ease-in-out 0s;
	-webkit-transition:			all 0s ease-in-out 0s;
	-o-transition:				all 0s ease-in-out 0s;
}

.delete {
	color:						#440 !important;
	
	transition:					all 0.4s ease-in-out 0s;
	-moz-transition:			all 0.4s ease-in-out 0s;
	-webkit-transition:			all 0.4s ease-in-out 0s;
	-o-transition:				all 0.4s ease-in-out 0s;
}

.listingsTable tr.inserted td {
	background-color:			rgba( 152, 251, 152, 0.75 ) !important;
	color:						#020 !important;
}

.listingsTable tr.delete td {
	background-color:			rgba( 255, 000, 000, 0.75 ) !important;
	background-color:			#f75d59 !important;
	color:						#600 !important;
	
	transition:					all 0.4s ease-in-out 0s;
	-moz-transition:			all 0.4s ease-in-out 0s;
	-webkit-transition:			all 0.4s ease-in-out 0s;
	-o-transition:				all 0.4s ease-in-out 0s;
}



select.calendarDateInput {
	width:						80px;
}

input.calendarDateInput {
	width:						80px;
}








.fileUploadWrapper {
	width:						758px;
	height:						20px;
	float:						left;
	position:					relative;
	cursor:						pointer;
	margin-bottom:				5px;
}

.fileUploadWrapper .fileinput {
	position:					absolute;
	height:						26px;
	width:						700px;
	top:						0;
	left:						0;
	opacity:					0;
}

.imagesTable .fileUploadWrapper {
	width:						340px;
}

.fileUploadWrapper .browse {
	position:					absolute;
	width:						100px;
	height:						20px;
	top:						0;
	left:						0;

	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	line-height:				20px;

	margin:						0;
	padding:					0;
	border:						1px solid #777;
	
	vertical-align:				top;
	
	font-weight:				bold;
	font-size:					1.0em;
	
	text-align:					center;
	margin-top:					0px;
	padding:					0px;
	
	color:						white;
	text-shadow:				0px 1px 0px rgba( 000, 000, 000, 0.6 );
	
	background-color:			#e00000;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #e00000 ), color-stop( 1.0, #a70000 ) );
	background-image:			-moz-linear-gradient( center top, #e00000 0%, #a70000 100% );
	background-image:			-o-linear-gradient( top, #e00000 0%, #a70000 100% );
	
	border-radius:				2px;
	border-top-right-radius:	0px;
	border-bottom-right-radius:	0px;
	
	border:						1px solid #a70000;
	
	-webkit-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-moz-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-o-box-shadow:				0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	box-shadow:					0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
								
	cursor:						pointer;
	
	padding-bottom:				2px;
	
	
}

.fileUploadWrapper .filename {
	position:					absolute;
	height:						16px;
	left:						100px;
	font-size:					1em;
	background-color:			#fefefe;
	border:						1px solid #777777;
	padding:					3px;
	
	
	width:						650px;
	
	border-radius:				2px;
	box-shadow:					1px 1px 1px 0px #aaa;
}

.coshhSheet {
	text-align:					left;
}

.coshhSheet label {
	padding-top:					3px;
	display:						inline-block;
	*display:					inline;
	zoom:						1;
	
}

.coshhSheet .filename {
	width:						650px;
}

.coshhSheetWithButton .filename {
	width:						495px !important;
	margin-left:				25px;
}

.coshhSheetWithButton .browse {
	margin-left:				25px;
}

.coshhSheet .fileinput {
	width:						280px;
}

.coshhSheetWithButton .fileinput {
	margin-left:				25px;
}

.imagesTable .fileUploadWrapper .filename {
	width:						230px;
}


.previewButton {
	width:						120px;
	height:						20px;

	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	float: right;
	line-height:				20px;

	margin:						0;
	padding:					0;
	
	vertical-align:				top;
	
	font-weight:				bold;
	font-size:					1em;
	
	text-align:					center;
	margin-top:					0px;
	padding:					0px;
	
	color:						white;
	text-shadow:				0px 1px 0px rgba( 000, 000, 000, 0.6 );
	
	background-color:			#52A8E8;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #e00000 ), color-stop( 1.0, #a70000 ) );
	background-image:			-moz-linear-gradient( center top, #e00000 0%, #a70000 100% );
	background-image:			-o-linear-gradient( top, #e00000 0%, #a70000 100% );
	
	border-radius:				2px;
	
	border:						1px solid #a70000;
	
	-webkit-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-moz-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-o-box-shadow:				0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	box-shadow:					0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
								
	cursor:						pointer;
	
	padding-bottom:				2px;
}

.fileUploadWrapper:hover .browse,
.previewButton:hover {
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #d00000 ), color-stop( 1.0, #970000 ) );
	background-image:			-moz-linear-gradient( center top, #d00000 0%, #970000 100% );
	background-image:			-o-linear-gradient( top, #d00000 0%, #970000 100% );
	
	cursor:						pointer;
}

.note {
	display:					block;
	font-style:					italic;
	color:						#555;
	text-align:					left;
	text-shadow:				1px 1px 0px #fff,
								-1px -1px 0px #ccc;
	margin-top:					4px;
	margin-bottom:				5px;
}





#pageSelector {

}

#pageSelector li {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	text-align:					center;
}

#pageSelector li a {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	text-align:					center;
	padding:					5px;
	color:						#666;
	font-weight:				bold;
	text-shadow:				-1px -1px 0px #cccccc,
	 							1px 1px 1px #ffffff;
	 							font-size: 1.1em;
}

#pageSelector li.active a,
#pageSelector li a:hover {
	color:						#000;
	text-shadow:				0px 0px 2px #ddd;
}






.icon {
	font-size:					18px;
	
	width:						1em;
	height:						1em;
	overflow:					hidden;
	
	position:					relative;
	
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	margin-top:					-3px;
	margin-bottom:				-3px;
}

.icon img {
	margin:						0;
	padding:					0;
	position:					absolute;
	top:						0;
	left:						0;
}

.icon.on img {
	top:						-1em;
	cursor:						pointer;
}

.icon.over img {
	top:						-2em;
	cursor:						pointer;
}

.listingsTable tr:hover .icon img {
	top:						-1em;
}

a:hover .icon img,
.listingsTable tr a:hover .icon img {
	top:						-2em;
	cursor:						pointer;
}

.icon.add img {
	left:						0;
}

.icon.edit img {
	left:						-1em;
} 

.icon.delete img {
	left:						-2em;
}

.icon.view img {
	left:						-3em;
}

.icon.active img {
	left:						-4em;
}

.icon.inactive img {
	left:						-5em;
}




#dashboard #lhs {
	float:						left;
	width:						450px;
}

#dashboard #rhs {
	float:						right;
	width:						418px;
}

#dashboard #lhs p {
	margin-bottom:				5px;
}

#dashboard #rhs h2 {
	margin-bottom:				10px;
	font-size:					1.2em;
}

#dashboard .dashboardLinks {
	margin:						0;
	padding:					0;
}

#dashboard .dashboardLinks li {
	display:					inline-block;
	*display:					inline;
	zoom:						1;
	
	
	
	width:						200px;
	margin-right:				7px;
	margin-bottom:				10px;
}

#dashboard .dashboardLinks li a {
	padding:					10px;
	display:					block;
	background-color:			red;
	color:						#ffffff;
	text-align:					center;
	
	border-radius:				4px;
	box-shadow:					1px 1px 2px #ccc;
	
	
	background-color:			#e00000;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#e00000, endColorstr=#a70000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #e00000 ), color-stop( 1.0, #a70000 ) );
	background-image:			-moz-linear-gradient( center top, #e00000 0%, #a70000 100% );
	background-image:			-o-linear-gradient( top, #e00000 0%, #a70000 100% );
		
	border:						1px solid #a70000;
	
	-webkit-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-moz-box-shadow:			0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	-o-box-shadow:				0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
	box-shadow:					0 1px 2px rgba( 000, 000, 000, 0.5 ),
								inset 0 1px 1px rgba( 255, 255, 255, 0.5 );
}



#dashboard .dashboardLinks li:nth-child( 2n ) a {
	margin-right:				0px;
}

#dashboard .dashboardLinks li a:hover {
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#d00000, endColorstr=#970000 )";
	
	background-image:			-webkit-gradient( linear, center top, center bottom, color-stop( 0.0, #d00000 ), color-stop( 1.0, #970000 ) );
	background-image:			-moz-linear-gradient( center top, #d00000 0%, #970000 100% );
	background-image:			-o-linear-gradient( top, #d00000 0%, #970000 100% );
	
	cursor:						pointer;
}




form {
	text-align:					left;
}

form #editorTitle {
	border-bottom:				#dddddd solid 1px;
	padding-top:				2px;
	padding-bottom:				4px;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#ffffff, endColorstr=#f6f6f6 );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#ffffff, endColorstr=#f6f6f6 )";
	
	background-image:			-moz-linear-gradient( center bottom, #f6f6f6 0%, rgba( 250, 250, 250, 0 ) 100% );
	background-image:			-webkit-gradient( linear, center bottom, center top, color-stop( 0.0, #f6f6f6 ), color-stop( 1.0, rgba( 250 250 250, 0 ) ) );
	background-image:			-o-linear-gradient( bottom, #f6f6f6 0%, rgba( 250, 250, 250, 0 ) 100% );

	margin-left:				-15px;
	margin-right:				-15px;
	margin-bottom:				10px;
	
	padding:					10px;
	padding-left:				15px;
	padding-right:				15px;
}

form #editorTitle .icon {
	margin-right:				2px;
}

form .buttons {
	border-top:				#dddddd solid 1px;
	padding-bottom:				4px;
	
	filter:						progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#f6f6f6, endColorstr=#ffffff );
	-ms-filter:					"progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#f6f6f6, endColorstr=#ffffff )";
	
	background-image:			-moz-linear-gradient( center bottom, #ffffff 0%, #f6f6f6 100% );
	background-image:			-webkit-gradient( linear, center bottom, center top, color-stop( 0.0, #ffffff ), color-stop( 1.0, #f6f6f6 ) );
	background-image:			-o-linear-gradient( bottom, #ffffff 0%, #f6f6f6 100% );

	margin-left:				-15px;
	margin-right:				-15px;
	margin-top:					10px;
	
	padding:					20px;
	padding-bottom:				10px;
	padding-left:				15px;
	padding-right:				15px;	
}

form .title {
	margin-bottom:				5px;
	font-weight:				bold;
}

form .field {
	margin-bottom:				15px;
}





#page_tree li {
	margin-top:					10px;
	margin-bottom:				10px;
}

#page_tree li .icon {
	margin-top:					-6px;
	margin-bottom:				-6px;
}








#footer {
	background-color:			#000000;
	background-color:			rgba(0,0,0,0.7);
	
	margin-top:					30px;
	margin-bottom:				50px;
	
	padding:					10px;
	padding-left:				20px;
	padding-right:				20px;
	
	border-radius:				6px;
	box-shadow:					2px 2px 4px #680010;
	
	color:						#dddddd;
	
	margin-right:				2em;
	
	position:					relative;
}

#footer a {
	color:						#dddddd;
}

#footer a:hover {
	color:						#ffffff;
}

#footerIcon {
    position: absolute;
    right: -2.5em;
    top: -1em;
    width: 64px;
    height: 60px;
    background-image: url("../images/footerWolfHead.png");
    background-repeat: no-repeat;
}