html {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
}

form {
	display: inline
}

.dropShadow {
	
}

.dropshadow2 {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 15px;
}

.red {
	color: red;
}

.ws2 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/middle.png) repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: auto;
}

/*
.handle {
	position: relative;
	padding: 2px;
	cursor: move;
	}
*/

.content {
	position: relative;
	padding: 2px;
	margin: 5px 0px 15px 0px;
	top: 0px;
}

/*
.resize {
	position: absolute;
	bottom: 3px;
	right: 18px;
	height: 15px;
	width: 15px;
	background-image:url(img/corner_drag.png);
	background-color: #CCCCCC;
	cursor: se-resize;
	}
*/

body {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 5px;
}

.title1 {
	font-size: 18px;
}

.small {
	font-size: 9px;
}

a {
	text-decoration: none;
}

.adhoc3 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/middle.png) repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: auto;
}

.ah3handle {
	position: relative;
	padding: 2px;
	cursor: move;
}

.ah3content {
	position: relative;
	padding: 2px;
	margin: 5px 0px 15px 0px;
}

.ah3resize {
	position: absolute;
	bottom: 3px;
	right: 18px;
	height: 15px;
	width: 15px;
	background-image: url(img/corner_drag.png);
	background-color: #CCCCCC;
	cursor: se-resize;
}

.adhoc5 {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	float: left;
	clear: both;
	min-width: 200px;
	background-color: #fff;
}

.ah5title {
	display: block;
	text-align: center;
	width: 100%;
	background-color: #ccc;
}

.ah5content {
	display: block;
	position: relative;
}

.formstyle1 fieldset {
	float: left;
	display: block;
	width: 15em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
	background-color: rgb(248,248,248);
}

.formstyle1 textarea {
	display: block;
	width: 14em;
}

.formstyle1 fieldset.radio {
	width: 15em;
	margin: 1em 0 2em 0;
}

.formstyle1 fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}

.formstyle1 fieldset.radio label {
	font-weight: normal;
}

.formstyle1 input {
	display: block;
	width: 14em;
}

.formstyle1 label {
	display: block;
	margin-bottom: 1em;
	color: #666;
}

.formstyle1 label.first {
	padding-top: 1em;
}

.formstyle1 select {
	display: block;
}

/* changed from table to .tablestyle1 .. update any tables */
/*
.tablestyle1 {
	color: #7F7F7F;
	font: 1em/1.6em "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse
}

.tablestyle1,caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

.tablestyle1 caption,th,td {
	border-left: 0;
	padding: 5px
}

.tablestyle1 caption,thead th,tfoot th,tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.tablestyle1 thead th {
	background-color: #C30;
	color: #FFB3A6;
	text-align: center
}

.tablestyle1 tbody th {
	padding: 20px 10px
}

.tablestyle1 tbody tr.odd {
	background-color: #F7F7F7;
	color: #666
}

.tablestyle1 tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #E63C1E
}

.tablestyle1 tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}

.tablestyle1 tbody tr:hover {
	background-color: #EEE;
	color: #333
}

.tablestyle1 tbody tr:hover a {
	background-color: #FFF
}

.tablestyle1 tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0
}

.tablestyle1 tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
	color: #E63C1E
}
*/
/*
tbody a:visited:after {
	font-family: Verdana,sans-serif;
	content: "\00A0\221A"
}
*/

.clear {


/* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	width: 100%;
}

a.button {
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 24px;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
	margin: 2px;
	border: 2px solid #2CB4B8;
	display: block;
	color: #000;
	background: url(img-repeat.png) top left repeat-x;
	float: left;
}

a.button:hover {
	background: #FFFFFF;
	border: 2px dashed #2CB4B8;
	color: #000;
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none;
/* hide d

otted outline in Firefox */
}

/*---[ ELEMENTAL CONTROLS START ]---*/

div#controlPanel-box {
	position: relative;
	width: 290px;
	height: auto;
	margin: 6px 0px 0px 7px;
	padding: 0px;
}

div#controlPanel-box div.panel {
	position: relative;
	width: 286px;
	height: 26px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: block;
	background: url(elemental/img-panel-back.gif) top left no-repeat;
}

div#controlPanel-box div.panel-other {
	position: relative;
	width: 286px;
	height: 27px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: block;
}

div.panel-other div.select-item {
	position: absolute;
	right: 0px;
	width: auto;
	line-height: 27px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	_font-size: 9px;
	/*--IE7--*/
*font-size: 9px;
	/*--IE6--*/
color: #99

9999;
}

div#controlPanel-box div.panelCenter {
	position: relative;
	width: 286px;
	height: 26px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: block;
	background: url(elemental/img-centerpage-back.gif) top left no-repeat;
}

div#controlPanel-box div.panelCenter input#center-page-button {
	position: absolute;
	top: 4px;
	right: 9px;
}

div#controlPanel-box div.panelText {
	position: relative;
	width: 286px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

div.panel span.element, 
div#controlPanel-box div.panelCenter {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 26px;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px;
	color: #FFFFFF;
	float: left;
}

div.panel input.medium {
	position: relative;
	width: 106px;
	height: 15px;
	margin: 3px 0px 0px 2px;
	padding: 3px 0px 3px 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: url(elemental/img-input-repeat.gif) top left repeat-x;
	float: left;
}

div.panel div#input-box {
	position: absolute;
	top: 0px;
	left: 134px;
}

div.panel div#input-box-two {
	position: absolute;
	top: 0px;
	left: 129px;
}

div.panel div#input-box-three {
	position: absolute;
	top: 0px;
	left: 188px;
}

div.panel label {
	line-height: 26px;
	margin: 0px 2px 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	display: inline;
	float: left;
}

div.panel div#elementBtnz,
div.panel div#elementBtnz2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 73px;
	height: 26px;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	display: inline;
}

div.panel div#elementBtnz2 {
	width: 76px;
}

div#elementBtnz a#saveBtn,
div#elementBtnz2 a#saveBtn {
	width: 33px;
	height: 26px;
	line-height: 26px;
	float: left;
	background: url(elemental/btn-save-roll.gif) 0 0 no-repeat;
	text-decoration: none;
}

div#elementBtnz a#editBtn {
	width: 30px;
	height: 26px;
	line-height: 26px;
	float: left;
	background: url(elemental/btn-edit-roll.gif) 0 0 no-repeat;
	text-decoration: none;
}

div.panel a.updateBtn {
	width: 43px;
	height: 26px;
	line-height: 26px;
	float: right;
	display: inline;
	background: url(elemental/btn-update-roll.gif) 0 0 no-repeat;
	text-decoration: none;
}

div#elementBtnz a#saveBtn:hover, 
div#elementBtnz2 a#saveBtn:hover,
div#elementBtnz a#editBtn:hover,
div.panel a.updateBtn:hover {
	background-position: 0 -26px;
}

span.item-layers {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 26px;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC;
}

/*-----[ GRID CSS ]------*/

div#gridPanel-box {
	width: 290px;
	min-height: 206px;!important
    height: auto;
	border: 1px solid #999999;
}

div#gridPanel-box div.panel {
	position: relative;
	width: 286px;
	height: 26px;
	margin: 5px 2px 2px 2px;
	padding: 0px;
	display: block;
	background: url(elemental/img-panel-back.gif) top left no-repeat;
}

div#gridPanel-box div.panelButtons {
	position: relative;
	width: 286px;
	height: 26px;
	margin: 2px 2px 6px 2px;
	padding: 0px;
	display: block;
}

div#gridPanel-box div.panelCenter {
	position: relative;
	width: 286px;
	height: 26px;
	margin: 2px;
	padding: 0px;
	display: block;
	background: url(elemental/img-centerpage-back.gif) top left no-repeat;
}

div#gridPanel-box div.panelCenter input#center-page-button {
	position: absolute;
	top: 4px;
	right: 9px;
}

div#gridPanel-box div.panelText {
	position: relative;
	width: 286px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

div#gridPanel-box div.panelText div#textField {
	position: relative;
	width: 286px;
	min-height: 102px;
	!important
height: auto;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	background: url(elemental/img-cssbody-repeat.gif) top left repeat-y;
}

div.panel div#input-box-four {
	position: absolute;
	top: 0px;
	left: 80px;
}

div.panel div#input-box-four span {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 26px;
	color: #FFFFFF;
	margin: 0px 5px 0px 0px;
}

div.panel div#input-box-four input[type="radio"] {
	margin: 0px 0px 0px 10px;
}

div.panel div#input-box-five {
	position: absolute;
	top: 0px;
	left: 68px;
}

div.panel input.small,
div.panel input.semiSmall,
div.panel input.medSmall,
div.panel input.medLarge {
	position: relative;
	width: 40px;
	height: 15px;
	margin: 3px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: url(elemental/img-input-repeat.gif) top left repeat-x;
	display: inline;
	float: left;
}

div.panel input.semiSmall {
	width: 50px;
}

div.panel input.medSmall {
	width: 95px;
}

div.panel input.medLarge {
	width: 125px;
}

/*---[ EDIT CONTROLS START ]---*/

div.palette-item {
	position: relative;
	width: 134px;
	height: 64px;
	margin: 8px;
	padding: 0px;
}

div.palette-item a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

div.palette-item a img {
	border: 0px;
}

div.palette-item a:first-child img {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
}

/*---[ REDWERKS SITE START ]---*/

div.K-Nav {
	background-color: #FFFFFF;
	width: 160px;
	height: 400px;
	display: block;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div.K-Nav-Sub {
	background-color: #FFFFFF;
	width: 160px;
	height: 142  px;
	display: block;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div.K-Nav img, div.K-Nav-Sub img {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
}

div.K-Nav  a, div.K-Nav-Sub a {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div.K-Nav  a:hover, div.K-Nav-Sub  a:hover {
	background-color: #E4E876;
}

div.K-Nav img:hover, div.K-Nav-Sub img:hover {
	background-color: #E4E876;
	margin: 0px;
	border: 0px;
	border: 0px;
}

div.K-Nav img.selected, div.K-Nav-Sub img.selected {
	background-color: #E4E876;
	border: 0px;
}

/* CSS CALENDAR */

.calendar {
	background: white url('img/calendar.back.gif') no-repeat;
	width: 203px;
	height: 182px;
}

.calendar table {
	padding: 0px;
	border-bottom: 1px solid #eee;
}

.calendar table th {
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #BCE27F;
	padding: .4em 1em;
}

.calendar table td {
	padding: 0px;
	border-bottom: 1px solid #eee;
	padding: .4em 0 .4em 1.2em;
}

.calendar table tr {
	padding: 0px;
}

.dayselected {
	background: #e0e0e0;
}

.noday {
	background: #e0e0e0;
}

.sunday {
	background: #ffe1e1;
}

.today {
	background: paleyellow;
	color: maroon;
}