.site1Interface, .site1Interface td, .site1Interface div, .site1Interface span, .site1Interface input, .site1Interface textarea, .site1Interface select {
	font-family: Verdana;
	font-size: 11px;
	color: #333;
}
.site1Interface input, .site1Interface select {
	font-family: Verdana;
	font-size: 11px;
}
.site1Interface textarea {
	font-family: Verdana;
	font-size: 11px;
}
.site1Interface input:focus, .site1Interface textarea:focus, .site1Interface select:focus {
	outline: none;
}
.site1Interface input[type="text"], .site1Interface input[type="password"], .site1Interface textarea, .site1Interface select, .site1Interface textarea.textImput, .site1Interface select.textImput, .site1Interface input.textInput {
	border: 1px solid #7F9DB9;
}
.site1Interface input[type="text"]:focus, .site1Interface input[type="password"]:focus, .site1Interface textarea:focus, .site1Interface select:focus, .site1Interface input.textInputFocus, .site1Interface textarea.textInputFocus {
	border-color: #39C;
}
.grace input[type="text"]:focus, .grace input[type="password"]:focus, .grace textarea:focus, .grace input.textInputFocus, .grace textarea.textInputFocus {
	border-color: #A1388E;
}
.odesign input[type="text"]:focus, .odesign input[type="password"]:focus, .odesign textarea:focus, .odesign select:focus, .odesign input.textInputFocus, .odesign textarea.textInputFocus {
	border-color: #F08231;
}
.ovaloffice input[type="text"]:focus, .ovaloffice input[type="password"]:focus, .ovaloffice textarea:focus, .ovaloffice select:focus, .ovaloffice input.textInputFocus, .ovaloffice textarea.textInputFocus {
	border-color: #00A651;
}
.site1Interface input[type="text"]:disabled, .site1Interface input.textInputDisabled, .site1Interface textarea:disabled, .site1Interface textarea.textareaDisabled {
	background-color: #ECE9D8;
	color: #666;
}

.site1Interface img.icon {
	width: 16px;
	height: 16px;
}

.site1Interface, .site1Interface iframe {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-collapse: separate;
	border-spacing: 0px;
}
.site1Interface form {
	height: 100%;
	margin: 0;
}
.mainInterface {
	background-image: url(/graphics/dashboard.body.back.jpg);
	background-repeat:repeat-y;
}
.mainBody .topNav {
	border-bottom: 1px solid white;
}
.dialogBody {
	background-color: #E6E6E6;
	background-image: none;
	overflow: hidden;
}
.appBody {
	background-color: #E6E6E6;
	background-image: url();
	overflow: hidden;
}
#appCont {
	background-color: #E6E6E6;
}
.appContentBody {
	background-color: #E6E6E6;
	overflow: hidden;
}
.whiteArea {
	background-color: #FFF;
	margin-left: 8px;
	margin-right: 8px;
	height: 100%;
}

.odesignInterface {
	overflow: hidden;
	background-color: #FFF;
}

/* top nav bar*/
.topNav {
	background-image: url(/graphics/topnav.back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ECECEC;
	height: 28px;
	padding-left: 12px;
	padding-right: 12px;
}
.topNav td {
	font-size: 11px;
	color: #333;
}
.topNav select, .topNav select:focus {
	border: 0px;
	outline: none;
}
.topNav select, .topNav select option {
	background-color: #ECECEC;
	font-weight: bold;
}
.topNavSpacer {
	width: 14px;
	text-align:center;
	padding-right: 2px;
	cursor: default;
	padding-bottom: 3px;
}


/* loading...*/
#ajaxLoadingEl {
	position: absolute;
	z-index: 100;
	text-align: right;
	left: 0;
	top: 0;
	padding: 3px;
	width: 99%;
	filter_back: alpha(opacity=70);
}
#ajaxLoadingEl span {
	color: #333;
	font-size: 11px;
	background-color: #FFCC00;
	padding: 1px;
	padding-left: 3px;
	padding-right: 6px;
}

#waitScreen {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-image: url(/graphics/trans.light.gray.png);
	cursor: wait;
}

.loadingImg, #waitScreen .img {
	background-image: url(/graphics/loading.3.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
#waitScreen #waitScreenProgressDiv {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	padding-top: 4px;
}
#waitScreen #progressBar {
	width: 120px; 
	height: 10px; 
	border: 1px solid #999; 
	text-align: left;
	font-size: 2px;
	line-height: 10px;
	background-color: white;
}
#waitScreen #progressBarContent {
	width: 1; 
	height: 8px;
	background-color: #39C;
	font-size: 2px;
	line-height: 10px;
	border: 1px solid white;
}
.grace #waitScreen #progressBarContent {
	background-color: #A1388E;
}
.odesign #waitScreen #progressBarContent {
	background-color: #F08231;
}
.ovaloffice #waitScreen #progressBarContent {
	background-color: #00A651;
}
/*
.site1 #waitScreen {background-color: #39C;}
.grace #waitScreen {background-color: #A1388E;}
.odesign #waitScreen {background-color: #F08231;}
.ovaloffice #waitScreen {background-color: #00A651;}
*/

/* indicator */
#site1Indicator {
	height: 19px;
	background-color: #09C;
	padding-left: 10px;
	padding-right: 19px;
	padding-top: 2px;
	color: white;
	font-weight: bold;
	
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	
	-khtml-border-bottom-left-radius: 7px;
	-khtml-border-bottom-right-radius: 7px;
	
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}


.grace #site1Indicator {
	background-color: #A1388E;
}
.odesign #site1Indicator {
	background-color: #F08231;
}
.ovaloffice #site1Indicator {
	background-color: #00A651;
}
.dialogBody #site1Indicator {
	color: #333;
	background-color: #E6E6E6;
}

/* list navigation*/
.listNav input {
	border: 1px solid #999;
	background-color: #EEE;
}
.listNav .inputHover {
	background-color: white;
}
.listNav select {
	border: 1px solid #666;
	background-color: #EEE;
}

/* headings*/
.headingTop {
	height: 30px;
	background-color: #09C;
	border-bottom: 1px solid white;
	padding-left: 8px;
	cursor: default;
	background-color: #3399CC;
}
.appTop {
	vertical-align: bottom;
	/* background-image: url(/graphics/apptop/1site1.back.jpg); */
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 0;
	padding: 0;
	height: 45px;
}
.appTop .skin1 {
	height: 45px;
	width: 100%;
	background-image: url(/graphics/apptop/bottom.back.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.grace .appTop {
	background-image: url(/graphics/apptop/grace.back.jpg);
	background-color: #B92C93;
}
.ovaloffice .appTop {
	background-image: url(/graphics/apptop/ovaloffice.back.jpg);
	background-color: #009F36;
}
.headingTop, .headingTop td{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.grace .headingTop {
	background-color: #A1388E;
}
.odesign .headingTop {
	background-color: #F08231;
}
.ovaloffice .headingTop {
	background-color: #00A651;
}

.heading, .headingEmpty {
	background-color: #E6E6E6;
	border-bottom: 1px solid white;
	padding: 2px;
	padding-left: 6px;
	padding-right: 4px;
	height: 28px;
	font-weight: bold;
}

.dottedBottom {
	border-bottom: 1px dotted #D4D4D4;
}
.testBorder{
	border: 1px dotted red;
}
.bottomBorder {
	border-bottom: 1px solid #999;
}
.headingEmpty {
	height: 8px;
	overflow: hidden;
	line-height: 6px;
}

/* buttons*/
.button {
	height: 26px;
	padding-left: 6px;
	background: url(/graphics/floating.button/left.png) no-repeat left top;
	cursor: default;
	margin-right: 3px;
	margin-top: 3px;
	margin-left: 3px;
}
.button div {
	height: 26px;
	background: url(/graphics/floating.button/right.png) no-repeat right top;
	padding-right: 9px;
}
.button div div {
	background: url(/graphics/floating.button/back.png) repeat-x left top;
	padding: 0px;
}
.button table {
	height: 23px;
}
.button img {
	width: 16px;
	height: 16px;
}
.button, .button .text {
	padding-right: 5px;
	padding-left: 5px;
	color: #333;
	white-space: nowrap;
	font-size: 11px;
}
.buttonOver {
	background-position: 0px -30px;
	cursor: pointer;
}
.buttonOver div {
	background-position: right -30px;
}
.buttonOver div div {
	background-position: 0px -30px;
}
.buttonOver img {
	filter_back: alpha(opacity=100);
	opacity: 1;
}
.buttonDisabled {
	cursor: not-allowed;
}
.buttonDisabled .text{
	color: #999;
}
.buttonDisabled img {
	filter_back: alpha(opacity=70);
	opacity: 0.7;
}

.site1Interface .link {
	display: inline;
	cursor: pointer;
}
.site1Interface .link a {
	cursor: pointer;
}
.site1Interface .link img{
	margin-right: 3px;
	width: 16px;
	height: 16px;
}
.site1Interface .link .text{
	padding-right: 12px;
	text-decoration: underline;
}
.site1Interface .linkOver .text {
	color: #333;
}
.site1Interface .linkDown .text {
	color: #999;
}
.site1Interface .linkDisabled {
	cursor: default;
}
.site1Interface .linkDisabled img{
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.site1Interface .linkDisabled .text {
	color: #999;
}

.odesignInterface .link .text {
	font-weight: normal;
}
.odesignInterface .linkOver .text {
	text-decoration: underline;
}

.site1 .buttonOver .text, .site1 .linkOver .text {
	color: #39C;
}
.grace .buttonOver .text, .grace .linkOver .text {
	color: #A1388E;
}
.odesign .buttonOver .text, .odesign .linkOver .text {
	color: #F08231;
}
.ovaloffice .buttonOver .text, .ovaloffice .linkOver .text {
	color: #00A651;
}


.topNav .button {
	font-weight: bold;
	color: #333;
	cursor: pointer;
	vertical-align: middle;
	margin: 0px;
	border-width: 0px;
	background-color: transparent;
	background-image: none;
}
.topNav div, .topNav div div {
	padding: 0;
	background-image: none;
}
.topNav .button img {
	margin: 0;
	margin-right: 3px;
	opacity: 1;
}
.topNav .button .text {
	font-weight: bold;
	font-size: 11px;
	color: #333;
	padding-right: 5px;
	padding-left: 0px;
}
.topNav .buttonDown .text {
	color: #333;
}
.topNav .buttonDisabled img {
	opacity: 0.7;
}
.topNav .buttonDisabled .text {
	color: #999;
}

.site1 .topNav .buttonOver .text {
	color: #39C;
}
.grace .topNav .buttonOver .text {
	color: #A1388E;
}
.odesign .topNav .buttonOver .text {
	color: #F08231;
}
.ovaloffice .topNav .buttonOver .text {
	color: #00A651;
}

/* buttons in top heading (dialog interface)*/
.headingTop .button {
	height: 18px;
	padding-left: 9px;
	margin: 0px;
	margin-right: 6px;
	border-width: 0px;
	
	background-image: url(/graphics/headingtop.button/left.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

.headingTop .button div {
	height: 18px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 7px;
	
	background-image: url(/graphics/headingtop.button/right.png);
	background-position: right top;
}
.headingTop .button div div {
	padding: 0px;
	background-repeat: repeat;
	
	background-image: url(/graphics/headingtop.button/back.png);
	background-position: left top;
}
.headingTop .button table {
	height: 18px;
}
.headingTop .button img{
	margin-left: -5px;
	margin-top: 1px;
	position: relative;
	opacity: 0.9;
	filter_back: alpha(opacity=90);
	
	width: 13px;
	height: 13px;
}
.headingTop .button .text {
	color: #666;
	font-size: 11px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 4px;
}
.headingTop .buttonOver img {
	opacity: 1;
	filter_back: alpha(opacity=100);
}
.headingTop .buttonOver .text {
	color: #666;
}
.headingTop .buttonDown {
	cursor: default;
}
.headingTop .buttonDisabled img {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.headingTop .buttonDisabled .text {
	color: #999;
}
.headingTop .buttonOver, .headingTop .buttonOver div div {
	background-position: left -22px;
}
.headingTop .buttonDisabled, .headingTop .buttonDisabled div div {
	background-position: left -44px;
}
.headingTop .buttonOver div {
	background-position: right -22px;
}
.headingTop .buttonDisabled div {
	background-position: right -44px;
}

/* application top buttons*/
.appTop .button {
	height: 21px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin: 0px;
	margin-right: 6px;
	border-width: 0px;
}
.appTop .button div {
	height: 21px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
}
.appTop .button div div {
	padding: 0px;
	background-repeat: repeat;
}
.appTop .button table {
	height: 21px;
}
.appTop .button img{
	margin-left: -3px;
	position: relative;
	margin-top: 2px;
	opacity: 0.9;
	filter_back: alpha(opacity=90);
}
.appTop .button .text{
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	padding-left: 3px;
	padding-right: 5px;
}
.appTop .buttonOver {
	cursor: pointer;
}
.appTop .buttonOver img {
	opacity: 0.9;
}
.appTop .buttonOver .text{
	color: #FFF;
}
.appTop .buttonDown {
	cursor: default;
}
.appTop .buttonDisabled img{
	filter: alpha(opacity=40);
	opacity: 0.5;
}
.appTop .buttonDisabled .text{
	color: #CCC;
}
.appTop .button, .site1 .appTop .button {
	background-image: url(/graphics/apptop/buttons/blue.left.gif);
	background-position: left top;
}
.appTop .button div, .site1 .appTop .button div {
	background-image: url(/graphics/apptop/buttons/blue.right.gif);
	background-position: right top;
}
.appTop .button div div, .site1 .appTop .button div div {
	background-image: url(/graphics/apptop/buttons/blue.back.gif);
	background-position: left top;
}
.appTop .buttonOver, .site1 .appTop .buttonOver {
	background-position: left -24px;
}
.appTop .buttonOver div, .site1 .appTop .buttonOver div {
	background-position: right -24px;
}
.appTop .buttonOver div div, .site1 .appTop .buttonOver div div {
	background-position: left -24px;
}

.grace .appTop .button {
	background-image: url(/graphics/apptop/buttons/purple.left.gif);
	background-position: left top;
}
.grace .appTop .button div {
	background-image: url(/graphics/apptop/buttons/purple.right.gif);
	background-position: right top;
}
.grace .appTop .button div div {
	background-image: url(/graphics/apptop/buttons/purple.back.gif);
	background-position: left top;
}
.grace .appTop .buttonOver {
	background-position: left -24px;
}
.grace .appTop .buttonOver div {
	background-position: right -24px;
}
.grace .appTop .buttonOver div div {
	background-position: left -24px;
}

.odesign .appTop .button {
	background-image: url(/graphics/apptop/buttons/orange.left.gif);
	background-position: left top;
}
.odesign .appTop .button div {
	background-image: url(/graphics/apptop/buttons/orange.right.gif);
	background-position: right top;
}
.odesign .appTop .button div div {
	background-image: url(/graphics/apptop/buttons/orange.back.gif);
	background-position: left top;
}
.odesign .appTop .buttonOver {
	background-position: left -24px;
}
.odesign .appTop .buttonOver div {
	background-position: right -24px;
}
.odesign .appTop .buttonOver div div {
	background-position: left -24px;
}

.ovaloffice .appTop .button {
	background-image: url(/graphics/apptop/buttons/green.left.gif);
	background-position: left top;
}
.ovaloffice .appTop .button div {
	background-image: url(/graphics/apptop/buttons/green.right.gif);
	background-position: right top;
}
.ovaloffice .appTop .button div div {
	background-image: url(/graphics/apptop/buttons/green.back.gif);
	background-position: left top;
}
.ovaloffice .appTop .buttonOver {
	background-position: left -24px;
}
.ovaloffice .appTop .buttonOver div {
	background-position: right -24px;
}
.ovaloffice .appTop .buttonOver div div {
	background-position: left -24px;
}

/* application tabs*/
.appTop .tabButtons {
	height: 40px;
}
.appTop .tabButtons .tabCell {
	background-image: url(/graphics/apptop/seperator.png);
	background-repeat: no-repeat;
	background-position: right 0;
}
.appTop .tabButtons .lastTabCell, .appTop .tabButtons .noSeperator {
	background-image: url();
}
.appTop .tabButtons .button {
	margin: 0;
	background-image: url();
	padding-left: 14px;
	padding-right: 14px;
	height: 100%;
	padding-top: 8px;
}
.appTop .tabButtons .button div{
	background-image: url();
	padding: 0;
}
.appTop .tabButtons .button div div{
	background-image: url();
	padding: 0;
}
.appTop .tabButtons .button .iconCell {
	padding-right: 4px;
}
.appTop .tabButtons .button .text {
	font-size: 13px;
	padding: 0;
	color: #FFF;
}
.appTop .tabButtons .buttonOver .text, .appTop .tabButtons .buttonDown .text {
	color: #333;
}
.appTop .tabButtons .buttonDisabled {
	background-color: #E6E6E7;
	background-image: url(/graphics/apptop/button.disabled.back.jpg);
	background-repeat: repeat-x;
	cursor: default;
}
.appTop .tabButtons .buttonDisabled img {
	filter: alpha(opacity=100);
	opacity: 1;
}
.appTop .tabButtons .buttonDisabled .text {
	color: #333;
}

/* Tree*/
.tree {
	cursor: default;
	height: 100%;
}
.tree, .tree .item td, .tree .item div{
	font-size: 11px;
}
.tree .item {
	margin-bottom: 2px;
	border-right: 2px solid white;
}
.tree .itemActive {
	background-color: #EEE;
	border-right: 2px solid #999;
}
.tree .item .table {
	
}
.tree .item .togglerCell {
	width: 18px;
	background-color: white;
}
.tree .item .togglerCell img {
	width: 18px;
	background-repeat: no-repeat;
	background-position: center;
}
.tree .item .togglerCellOpened img {
	background-image: url(/graphics/dtree/nolines_minus.gif);
}
.tree .item .togglerCellClosed img {
	background-image: url(/graphics/dtree/nolines_plus.gif);
}
.tree .item .iconCell {
	width: 18px;
	padding-right: 2px;
}
.tree .item .content {
	background-image: none;
}

.tree .itemActive, .site1 .tree .itemActive {
	background-color: #C2DEE7;
	border-right: 2px solid #09C;
}
.odesign .tree .itemActive {
	background-color: #E7D1C2;
	border-right: 2px solid #F08231;
}
.grace .tree .itemActive {
	background-color: #E7C2E7;
	border-right: 2px solid #939;
}
.ovaloffice .tree .itemActive {
	background-color: #C2E7D5;
	border-right: 2px solid #00A651;
}

.tree .itemDropable {
	background-color: #CCCCCC;
}

.tree .loadingIndicator {
	background-image: url(/graphics/loading.circle.18px.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	margin-left: 18px;
}

/* Group headings*/
.groupHeadingTable {
	border-bottom: 1px solid #CCC;
	width: 100%;
}
.groupHeadingTbody {
	display:none;
}
.groupHeadingTbodyOpened {
	background-color: white;
}
.groupHeading {
	height: 24px;
	background-color: #E6E6E6;
	background: url(/graphics/group.heading/back.jpg) repeat-x top left;
	cursor: pointer;
}
.groupHeading td {
	padding: 0;
}
.groupHeading .table {
	width: 100%;
	height: 24px;
	border-top: 1px solid #CCC;
}
.groupHeading .text {
	color: #333;
	line-height: 15px;
	padding-left: 3px;
}
.groupHeadingOpened {
	background-position: 0 -30;
}
.groupHeadingOpened .table {
	border-bottom: 1px dotted #CCC;
}
.groupHeadingOpened .text {
	font-weight: bold;
	color: #333;
}
.groupHeadingBackground {
	background-color: #E6E6E6;
}
.groupHeading .arrow {
	width: 20px;
	background: url(/graphics/group.heading/arrow.jpg) no-repeat top left;
}
.groupHeadingOpened .arrow {
	background-position: 0 -30;
}

.site1 .groupHeadingOpened .text, .site1 .groupHeadingHover .text{
	color: #39C;
}
.grace .groupHeadingOpened .text, .grace .groupHeadingHover .text {
	color: #A1388E;
}
.odesign .groupHeadingOpened .text, .odesign .groupHeadingHover .text {
	color: #F08231;
}
.ovaloffice .groupHeadingOpened .text, .ovaloffice .groupHeadingHover .text {
	color: #00A651;
}

/* dialog*/
.dialog, .fullScreenDialog {
	position: absolute;
	left: 0;
	top: 0;
}
.fullScreenDialog {
	background-color: #E6E6E6;
}
.dialog .table, .fullScreenDialog .table {
	width: 100%;
	height: 100%;
}
.fullScreenDialog .table {
	border-bottom: 8px solid #E6E6E6;
}
.dialog .lt {
	height: 20px;
	width: 10px;
	background: url(/graphics/dialog/corners.png) no-repeat;
	cursor: nw-resize;
}
.dialog .t {
	height: 20px;
	vertical-align: text-top;
	cursor: move;
	background: url(/graphics/dialog/horizontal.png) repeat-x;
}
.dialog .rt {
	height: 20px;
	width: 10px;
	background: url(/graphics/dialog/corners.png) no-repeat top right;
	cursor: ne-resize;
}
.dialog .l {
	width: 10px;
	background: url(/graphics/dialog/vertical.png) repeat-y;
	cursor: w-resize;
}
.dialog .bodyCell {
	background-color: white;
	background: url(/graphics/dialog/back.png);
	border-top: 0;
	height: auto;
}
.dialog .r {
	width: 10px;
	background: url(/graphics/dialog/vertical.png) repeat-y right;
	cursor: e-resize;
}
.dialog .lb {
	width: 10px;
	height: 13px;
	background: url(/graphics/dialog/corners.png) no-repeat bottom left;
	cursor: sw-resize;
}
.dialog .b {
	height: 13px;
	background: url(/graphics/dialog/horizontal.png) repeat-x bottom;
	cursor: s-resize;
}
.dialog .rb {
	height: 13px;
	width: 10px;
	background: url(/graphics/dialog/corners.png) no-repeat bottom right;
	cursor: se-resize;
}
.fullScreenDialog .t {
	height: 20px;
	vertical-align: text-top;
	cursor: default;
}
.fullScreenDialog .lt, .fullScreenDialog .rt, .fullScreenDialog .r, .fullScreenDialog .rb, .fullScreenDialog .b, .fullScreenDialog .lb, .fullScreenDialog .l {
	display: none;
}
.fullScreenDialog .bodyCell {
	height: 100%;
}

.dialog .titleCell, .fullScreenDialog .titleCell {
	float: left;
	padding-left: 3px;
	padding-top: 2px;
	margin-top: 1px;
	color: #999;
	font-weight: bold;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	height: 20px;
	line-height: 18px;
}
.fullScreenDialog .titleCell {
	padding-top: 0;
	padding-left: 13px;
}
.dialog .buttonsCell {
	float: right;
	height: 14px;
	margin-right: 6px;
	margin-top: 1px;
}
.fullScreenDialog .buttonsCell {
	float: right;
	height: 14px;
	margin-right: 4px;
}
.dialog .buttonsCell img, .fullScreenDialog .buttonsCell img {
	background-image: url(/graphics/dialog/buttons.png);
	background-repeat: no-repeat;
	height: 14px;
	cursor: pointer;
}
.dialog .closeButton, .fullScreenDialog .closeButton {
	background-position: -60px 0;
	width: 31px;
}
.dialog .resizeButton, .fullScreenDialog .resizeButton {
	background-position: -30px 0;
	width: 30px;
}
.dialog .fullScreenButton, .fullScreenDialog .fullScreenButton {
	background-position: 0 0;
	width: 30px;
}
.dialog .closeButtonHover, .fullScreenDialog .closeButtonHover {
	background-position: -60px -14px;
}
.dialog .resizeButtonHover, .fullScreenDialog .resizeButtonHover {
	background-position: -30px -14px;
}
.dialog .fullScreenButtonHover, .fullScreenDialog .fullScreenButtonHover {
	background-position: -0 -14px;
}

.dialog .resizeButton {
	display: none;
}
.fullScreenDialog .fullScreenButton {
	display: none;
}

.dialog iframe, .fullScreenDialog iframe {
	width: 100%;
	height: 100%;
	background-color: white;
}
.dialogTransScreen {
	width: 100%;
	height: 100%;
	background-color: #666;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: not-allowed;
}

.site1 .dialogTransScreen {background-color: #39C;}
.grace .dialogTransScreen {background-color: #A1388E;}
.odesign .dialogTransScreen {background-color: #F08231;}
.ovaloffice .dialogTransScreen {background-color: #00A651;}


/* dash board menu*/
.menuHolder {
	width: 230px;
	height: 100%;
}
.menuHolder .menuHolderHeader {
	height: 16px;
	background-image: url(/graphics/dashboard.menu.top.png);
	background-repeat:no-repeat;
	background-position:top;
}
.menuHolder .div1 {
	background-image: url(/graphics/dashboard.menu.left.png);
	background-repeat: repeat-y;
	background-position: left;
	height: 100%;
}
.menuHolder .div2 {
	background-image: url(/graphics/dashboard.menu.right.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 14px;
	padding-left: 14px;
	height: 100%;
}
.menuHolder .div3 {
	background-color: white;
	padding-left: 9px;
	padding-right: 6px;
	font-size: 11px;
	color: #424242;
	height: 100%;
}

/* editor container*/
.editorTopic {
	height: 100%;
}
.editorTopic .header {
	height: 30px;
	background-image: url(/graphics/dashboardmenu/editor.blue.left.top.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}
.editorTopic .header div {
	height: 30px;
	background-image: url(/graphics/dashboardmenu/editor.blue.right.top.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 13px;
}
.editorTopic .header div div {
	background-image: url(/graphics/dashboardmenu/editor.blue.top.png);
	background-repeat: repeat-x;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 8px;
	padding-bottom: 2px;
	cursor: default;
}
.editorTopic .header div div div {
	padding: 0px;
	background-image: none;
	background-repeat: repeat;
	cursor: inherit;
}
.editorTopic .content {
	background-image: url(/graphics/dashboardmenu/editor.left.png);
	background-repeat: repeat-y;
	padding-left: 6px;
}
.editorTopic .content .div1 {
	height: 100%;
	background-image: url(/graphics/dashboardmenu/editor.right.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 8px;
}
.editorTopic .content .div2 {
	height: 100%;
	background-color: #E6E6E6;
	background-image: url(/graphics/dashboardmenu/editor.back.png);
	background-repeat: repeat;
}
.editorTopic .content .div3 {
	background-color: white;
	cursor: default;
}

.grace .editorTopic .header {
	background-image: url(/graphics/dashboardmenu/editor.purple.left.top.png);
}
.grace .editorTopic .header div {
	background-image: url(/graphics/dashboardmenu/editor.purple.right.top.png);
}
.grace .editorTopic .header div div {
	background-image: url(/graphics/dashboardmenu/editor.purple.top.png);
}

.odesign .editorTopic .header {
	background-image: url(/graphics/dashboardmenu/editor.orange.left.top.png);
}
.odesign .editorTopic .header div {
	background-image: url(/graphics/dashboardmenu/editor.orange.right.top.png);
}
.odesign .editorTopic .header div div {
	background-image: url(/graphics/dashboardmenu/editor.orange.top.png);
}

.ovaloffice .editorTopic .header {
	background-image: url(/graphics/dashboardmenu/editor.green.left.top.png);
}
.ovaloffice .editorTopic .header div {
	background-image: url(/graphics/dashboardmenu/editor.green.right.top.png);
}
.ovaloffice .editorTopic .header div div {
	background-image: url(/graphics/dashboardmenu/editor.green.top.png);
}

.dashBoardColumnTable {
	width: 100%;
}
.dashBoardColumnTable .cell1{
	width: 50%;
	padding-right: 6px;
	vertical-align: top;
}
.dashBoardColumnTable .cell2{
	width: 50%;
	padding-left: 6px;
	vertical-align: top;
}

/* dash board topic*/
.dashBoardTopic {
	margin-bottom: 12px;
}
.dashBoardTopic .header {
	height: 26px;
	background-image: url(/graphics/dashboardmenu/topic.blue.left.top.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}
.dashBoardTopic .header div {
	height: 26px;
	background-image: url(/graphics/dashboardmenu/topic.blue.right.top.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 13px;
}
.dashBoardTopic .header div div {
	background-image: url(/graphics/dashboardmenu/topic.blue.top.png);
	background-repeat: repeat-x;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 7px;
	padding-bottom: 2px;
	cursor: default;
}
.dashBoardTopic .header div div div {
	padding: 0px;
	background-image: none;
	background-repeat: repeat;
	cursor: inherit;
}
.dashBoardTopic .content {
	background-image: url(/graphics/dashboardmenu/topic.left.png);
	background-repeat: repeat-y;
	padding-left: 12px;
}
.dashBoardTopic .content .div1 {
	height: 100%;
	background-image: url(/graphics/dashboardmenu/topic.right.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 13px;
}
.dashBoardTopic .content .div2 {
	padding-left: 8px;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-right: 5px;
	background-image: url(/graphics/dashboardmenu/topic.back.png);
	background-repeat: repeat;
}
.dashBoardTopic .content .div3 {
	min-height: 150px;
}
.dashBoardTopcFillHeight .content .div3 {
	height: 100%;
}
.dashBoardTopic .bottom {
	height: 13px;
	background-image: url(/graphics/dashboardmenu/topic.left.bottom.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}
.dashBoardTopic .bottom div {
	height: 13px;
	background-image: url(/graphics/dashboardmenu/topic.right.bottom.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 13px;
}
.dashBoardTopic .bottom div div {
	background-image: url(/graphics/dashboardmenu/topic.bottom.png);
	background-repeat: repeat-x;
}

.grace .dashBoardTopic .header {
	background-image: url(/graphics/dashboardmenu/topic.purple.left.top.png);
}
.grace .dashBoardTopic .header div {
	background-image: url(/graphics/dashboardmenu/topic.purple.right.top.png);
}
.grace .dashBoardTopic .header div div {
	background-image: url(/graphics/dashboardmenu/topic.purple.top.png);
}

.odesign .dashBoardTopic .header {
	background-image: url(/graphics/dashboardmenu/topic.orange.left.top.png);
}
.odesign .dashBoardTopic .header div {
	background-image: url(/graphics/dashboardmenu/topic.orange.right.top.png);
}
.odesign .dashBoardTopic .header div div {
	background-image: url(/graphics/dashboardmenu/topic.orange.top.png);
}

.ovaloffice .dashBoardTopic .header {
	background-image: url(/graphics/dashboardmenu/topic.green.left.top.png);
}
.ovaloffice .dashBoardTopic .header div {
	background-image: url(/graphics/dashboardmenu/topic.green.right.top.png);
}
.ovaloffice .dashBoardTopic .header div div {
	background-image: url(/graphics/dashboardmenu/topic.green.top.png);
}

.heading .button, .heading .button div, .heading .button div div, .heading .button table {
	background-image: none;
	padding: 0px;
	height: auto;
}
.heading .button {
	margin: 0px;
	margin-right: 2px;
	padding: 2px;
	padding-left: 1px;
	border: 1px solid #E6E6E6;
	cursor: default;
	color: #999;
	font-weight: bold;
}
.heading .button img{
	margin-right: 3px;
	margin-left: 1px;
	filter_back: alpha(opacity=100);
	opacity: 1;
}
.heading .buttonDisabled img{
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.heading .button .text{
	color: #333;
	font-weight: bold;
	line-height: 18px;
	padding: 0px;
}
.heading .buttonOver{
	border: 1px solid #FFF;
	border-right-color: #C5C5C5;
	border-bottom-color: #C5C5C5;
}
.heading .buttonDown{
	border: 1px solid #C5C5C5;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #DFDFDF;
}
.heading .buttonDown .text {
	color: #333;
}
.heading .buttonDisabled .text{
	color: #999;
}

/* Dashboard Tree*/
.menuHolder .tree .item {
	border: 1px dotted #D4D4D4;
	border-left-width: 0px;
	border-right-width: 0px;
	margin-bottom: 2px;
	cursor: pointer;
	height: 19px;
	min-height: 19px;
	background-color: #FFF;
	overflow: hidden;
}
.menuHolder .tree .itemActive {
	font-weight: bold;
}
.menuHolder .tree .table {
	height: 19px;
}
.menuHolder .tree .unfertile .table {
	width: 100%;
}
.menuHolder .tree .item .togglerCell, .menuHolder .tree .item .togglerCell img {
	width: 13px;
}
.menuHolder .tree .item .togglerCellClosed img, .menuHolder .tree .item .togglerCellOpened img {
	background-image: none;
}
.menuHolder .tree .item .togglerCell{
	background-repeat: no-repeat;
	background-position: center;
}
.menuHolder .tree .item.unfertile .togglerCell {
	display: none;
}
.menuHolder .tree .item .togglerCellClosed {
	background-image: url(/graphics/dashboardmenu/button.arrow.right.gif);
}
.menuHolder .tree .item .togglerCellOpened {
	background-image: url(/graphics/dashboardmenu/button.arrow.down.gif);
}
.menuHolder .tree .iconCell {
	display: none;
}
.menuHolder .tree .table .content {
	padding-left: 4px;
	color: #666;
	background-position: right;
}

/* 1Site1 items*/
.menuHolder .tree .site1 .itemActive, .menuHolder .tree .site1Main .item {
	background-image: url(/graphics/dashboardmenu/button.blue.back.gif);
	border-width: 0px;
	height: 21px;
}
.menuHolder .tree .site1 .itemActive .table, .menuHolder .tree .site1Main .item .table {
	background-image: url(/graphics/dashboardmenu/button.blue.left.gif);
	background-repeat: no-repeat;
	height: 21px;
}
.menuHolder .tree .site1 .itemActive .togglerCellClosed, .menuHolder .tree .site1Main .item .togglerCellClosed {
	background-image: url(/graphics/dashboardmenu/button.blue.left.arrow.right.gif);
}
.menuHolder .tree .site1 .itemActive .togglerCellOpened, .menuHolder .tree .site1Main .item .togglerCellOpened {
	background-image: url(/graphics/dashboardmenu/button.blue.left.arrow.down.gif);
}
.menuHolder .tree .site1 .itemActive .content, .menuHolder .tree .site1Main .item .content {
	background-image: url(/graphics/dashboardmenu/button.blue.right.gif);
	background-repeat: no-repeat;
	color: white;
}

/* GRACE items*/
.menuHolder .tree .grace .itemActive, .menuHolder .tree .graceMain .item {
	background-image: url(/graphics/dashboardmenu/button.purple.back.gif);
	border-width: 0px;
	height: 21px;
}
.menuHolder .tree .grace .itemActive .table, .menuHolder .tree .graceMain .item .table {
	background-image: url(/graphics/dashboardmenu/button.purple.left.gif);
	background-repeat: no-repeat;
	height: 21px;
}
.menuHolder .tree .grace .itemActive .togglerCellClosed, .menuHolder .tree .graceMain .item .togglerCellClosed {
	background-image: url(/graphics/dashboardmenu/button.purple.left.arrow.right.gif);
}
.menuHolder .tree .grace .itemActive .togglerCellOpened, .menuHolder .tree .graceMain .item .togglerCellOpened {
	background-image: url(/graphics/dashboardmenu/button.purple.left.arrow.down.gif);
}
.menuHolder .tree .grace .itemActive .content, .menuHolder .tree .graceMain .item .content {
	background-image: url(/graphics/dashboardmenu/button.purple.right.gif);
	background-repeat: no-repeat;
	color: white;
}

/* O-Design items*/
.menuHolder .tree .odesign .itemActive, .menuHolder .tree .odesignMain .item {
	background-image: url(/graphics/dashboardmenu/button.orange.back.gif);
	border-width: 0px;
	height: 21px;
}
.menuHolder .tree .odesign .itemActive .table, .menuHolder .tree .odesignMain .item .table {
	background-image: url(/graphics/dashboardmenu/button.orange.left.gif);
	background-repeat: no-repeat;
	height: 21px;
}
.menuHolder .tree .odesign .itemActive .togglerCellClosed, .menuHolder .tree .odesignMain .item .togglerCellClosed {
	background-image: url(/graphics/dashboardmenu/button.orange.left.arrow.right.gif);
}
.menuHolder .tree .odesign .itemActive .togglerCellOpened, .menuHolder .tree .odesignMain .item .togglerCellOpened {
	background-image: url(/graphics/dashboardmenu/button.orange.left.arrow.down.gif);
}
.menuHolder .tree .odesign .itemActive .content, .menuHolder .tree .odesignMain .item .content {
	background-image: url(/graphics/dashboardmenu/button.orange.right.gif);
	background-repeat: no-repeat;
	color: white;
}

/* Oval Office items*/
.menuHolder .tree .ovaloffice .itemActive, .menuHolder .tree .ovalofficeMain .item {
	background-image: url(/graphics/dashboardmenu/button.green.back.gif);
	border-width: 0px;
	height: 21px;
}
.menuHolder .tree .ovaloffice .itemActive .table, .menuHolder .tree .ovalofficeMain .item .table {
	background-image: url(/graphics/dashboardmenu/button.green.left.gif);
	background-repeat: no-repeat;
	height: 21px;
}
.menuHolder .tree .ovaloffice .itemActive .togglerCellClosed, .menuHolder .tree .ovalofficeMain .item .togglerCellClosed {
	background-image: url(/graphics/dashboardmenu/button.green.left.arrow.right.gif);
}
.menuHolder .tree .ovaloffice .itemActive .togglerCellOpened, .menuHolder .tree .ovalofficeMain .item .togglerCellOpened {
	background-image: url(/graphics/dashboardmenu/button.green.left.arrow.down.gif);
}
.menuHolder .tree .ovaloffice .itemActive .content, .menuHolder .tree .ovalofficeMain .item .content {
	background-image: url(/graphics/dashboardmenu/button.green.right.gif);
	background-repeat: no-repeat;
	color: white;
}

/* context menu*/
.contextMen {
	background-color: white;
	border: 1px outset #CCC;
	position: absolute;
	z-index: 4;
	cursor: default;
	border-collapse: separate;
	*border-collapse: collapse; /* hack is needed for IE7 also */
	border-spacing: 0;
	-webkit-box-shadow: 3px 3px 5px #CCC;
	-moz-box-shadow: 3px 3px 5px #CCC;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#E6E6E6, offX=3, offY=3, positive=true);
}
.contextMen td {
	padding: 2px;
	padding-right: 16px;
	padding-left: 8px;
	height: 22px;
	border: 3px solid white;
	*position: relative;
}
.contextMen td.iconCell {
	padding-right: 3px;
	border-right: 0;
}
.contextMen td.textCell {
	padding-right: 16px;
	border-left: 0;
}
.contextMen tr.over td {
	background-color: #DFF1FF;
}

/* Tab groups*/
.tabGroup {
	height: 100%;
	width: 100%;
}
.tabsCell {
	background-color: white;
	height: 30px;
	padding-top: 4px;
}
.tabsTable {
	width: 100%;
	cursor: default;
	height: 26px;
}
.tabbody {
	display: none;
}
.tabbodyActive {
	display: default;
}


.tab {
	cursor: default;
}
.tab div {
	height: 23px;
	border-top: 1px solid #999; 
	border-right: 1px solid #999; 
	border-bottom: 2px solid #999; 
	background-color: #E2E2E2;
}
.tab div div {
	height: 19px;
	border-width: 0px;
	padding-top: 2px;
	padding-bottom: 2px; 
	padding-left: 8px; 
	padding-right: 8px;
}
.tabOver div {
	border-top-color: #333;
	background-color: #E6E6E6;
}
.tabActive {
}
.tabActive div {
	height: 26px;
	background-color: #E6E6E6;
	border-top: 1px solid #999; 
	border-bottom: 2px solid #E6E6E6;
}
.tabActive div div {
	height: 22px;
	border-top: 2px solid #333;
}
.tabEmpty {
	border-bottom: 2px solid #999; 
	cursor: default;
}
.tabFirst div {
	border-left: 1px solid #999;
}

.site1 .tabActive div div, .site1 .tabOver div {
	border-top-color: #09C;
}
.grace .tabActive div div, .grace .tabOver div {
	border-top-color: #A71474;
}
.odesign .tabActive div div, .odesign .tabOver div {
	border-top-color: #F08231;
}
.ovaloffice .tabActive div div, .ovaloffice .tabOver div {
	border-top-color: #00A651;
}

/* Calendar*/
.calendarTable {
	border: 1px solid #666;
	position: absolute;
}
.calendarCell, .calendarCellSelectedDay, .calendarCellToday{
	font-family: Arial;
	font-size: 13px;
	height: 17px;
}
.calendarCell {
	background-color: #FFFFFF;
	cursor: default;
}
.calendarCellSelectedDay {
	background-image: url(/graphics/calendar.pen.gif);
	cursor: default;
	font-weight: bold;
}
.calendarCellToday {
	cursor: default;
	font-weight: bold;
	background-color: #E8E8E8;
}

/* form elements*/
.list {
	height: 100%;
	background-color: white;
}
.listItem {
	cursor: default;
	background-color: #F2F2F2;
	margin-bottom: 3px;
	margin-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	display: block;
	border-left: 2px solid white;
	border-right: 2px solid white;
}
.listItemDown, .site1 .listItemDown {
	background-color: #C2DEE7;
	border-color: #09C;
}

.ovaloffice .listItemDown {
	background-color: #C2E7D5;
	border-color: #00A651;
}
.grace .listItemDown {
	background-color: #E7C2E7;
	border-color: #939;
}
.odesign .listItemDown {
	background-color: #E7D1C2;
	border-color: #F08231;
}

/* form elements*/
hr {
	height: 1px;
	color: #999;
	background-color: #999;
	border: 0px;
}

/* scroller*/
.scroller {
	cursor: default;
	overflow: auto;
	overflow-y: auto;
	overflow-x: auto;
	height: 100%;
}
.site1Interface a, .site1Interface a:visited {
	color: #333;
	font-weight: bold;
}
.site1Interface .fakeLink {
	color: #333;
	font-weight: bold;
}
.site1Interface .fakeLink:hover {
	text-decoration: underline;
}

.buttonScroller {
	display: none;
}
.buttonScrollerActive {
	display: block;
}
.buttonScroller .buttonScrollerDiv1 {
	height: 100%;
}
.buttonScroller .buttonScrollerDiv2 {
	position: absolute;
	height: 100%;
}
.buttonScrollerTop, .buttonScrollerBottom {
	cursor: default;
	text-align: center;
	background-repeat: no-repeat;
}
.buttonScrollerTop {
	background-image: url(/graphics/scroller.up.gif);
	background-position: center bottom;
}
.buttonScrollerTopHover {
	cursor: pointer;
	background-image: url(/graphics/scroller.up.hover.gif);
}
.buttonScrollerBottom {
	background-image: url(/graphics/scroller.down.gif);
	background-position: center top;
}
.buttonScrollerBottomHover {
	cursor: pointer;
	background-image: url(/graphics/scroller.down.hover.gif);
}

.label {cursor: default;}
.tableFloat {}
.noSelect {cursor: default;}

/* error*/
.site1Interface .error {
	color: red;
	font-weight: bold;
}

/* HTML editor*/
.htmlEditor {
	width: 100%;
	height: 100%;
	background-color: #E6E6E6;
	color: #E6E6E6;
	border: 0;
}
.editor .buttonsCell {
	padding-bottom: 3px;
}
.editor .editorIframe {
	border: 1px solid #7F9DB9;
	height: 100%;
	width: 400px;
}
.editor .editorTextarea {
	width: 400px;
	overflow: auto;
}
.editor .toolButton {
	border: 1px solid #E6E6E6;
	background-color: #E6E6E6;
	cursor: default;
}
.editor .toolButtonOver {
	border-color: #316AC5;
	background-color: #DFF1FF;
}
.editor .toolButtonActive {
	border-color: #316AC5;
	background-color: #C1D2EE;
}
.editor .toolButton .toolButtonIconCell {
	padding: 2px;
}
.editor .toolButton .toolButtonTextCell {
	padding-right: 4px;
	font-weight: bold;
	white-space: nowrap;
}

.editor .toolButtonSeperator {
	
}
.editor .toolSelector {
	color: #666;
	border: #666;
}

/* extra logical classes*/
.searchBox {
	width: 90px;
	color: red;
	border: 1px solid #7F9DB9;
}

/* o-design*/
.odesignInterfaceObjectContainer {
	position: relative;
	text-align: left;
}
.odesignInterfaceObjectBorder {
	position: absolute;
	cursor: default;
	border: 3px dotted #666;
}
.odesign .odesignInterfaceObjectBorder {
	border-color: #F08231;
}
.grace .odesignInterfaceObjectBorder {
	border-color: #A1388E;
}

.odesignInterfaceLabel {
	position: absolute;
	z-index: 15;
}
.odesignInterfaceLabel .lt, .odesignInterfaceLabel .rt, .odesignInterfaceLabel .lb, .odesignInterfaceLabel .rb {
	background: url(/graphics/odesign/balloon/blue.corners.png) no-repeat;
}
.odesignInterfaceLabel .t, .odesignInterfaceLabel .b {
	background: url(/graphics/odesign/balloon/blue.horizontal.png) repeat-x;
}
.odesignInterfaceLabel .l, .odesignInterfaceLabel .r {
	background: url(/graphics/odesign/balloon/blue.vertical.png) repeat-y;
}
.odesignInterfaceLabel .arow{
	background: url(/graphics/odesign/balloon/blue.arow.png) no-repeat;
}

.odesignInterfaceLabel .body {
	background-color: #3399CC;
}
.odesignInterfaceLabel .content {
	margin-top: -6px;
	margin-right: 12px;
}
.odesignInterfaceLabel .content, .odesignInterfaceLabel .content div {
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
.odesignInterfaceLabel .lt{
	width: 9px;
	height: 10px;
}
.odesignInterfaceLabel .t{
}
.odesignInterfaceLabel .rt{
	background-position: right top;
	width: 14px;
}
.odesignInterfaceLabel .l{
}
.odesignInterfaceLabel .r{
	background-position: right top;
	height: 14px;
}
.odesignInterfaceLabel .lb{
	background-position: left bottom;
	height: 30px;
}
.odesignInterfaceLabel .arow{
	width: 29px;
	height: 30px;
}
.odesignInterfaceLabel .b{
	background-position: left bottom;
}
.odesignInterfaceLabel .rb{
	background-position: right bottom;
}

.grace .odesignInterfaceLabel .lt, .grace .odesignInterfaceLabel .rt, .grace .odesignInterfaceLabel .lb, .grace .odesignInterfaceLabel .rb {
	background-image: url(/graphics/odesign/balloon/purple.corners.png);
}
.grace .odesignInterfaceLabel .t, .grace .odesignInterfaceLabel .b {
	background-image: url(/graphics/odesign/balloon/purple.horizontal.png);
}
.grace .odesignInterfaceLabel .l, .grace .odesignInterfaceLabel .r {
	background-image: url(/graphics/odesign/balloon/purple.vertical.png);
}
.grace .odesignInterfaceLabel .arow{
	background-image: url(/graphics/odesign/balloon/purple.arow.png);
}
.grace .odesignInterfaceLabel .body {
	background-color: #A1388E;
}

.odesign .odesignInterfaceLabel .lt, .odesign .odesignInterfaceLabel .rt, .odesign .odesignInterfaceLabel .lb, .odesign .odesignInterfaceLabel .rb {
	background-image: url(/graphics/odesign/balloon/orange.corners.png);
}
.odesign .odesignInterfaceLabel .t, .odesign .odesignInterfaceLabel .b {
	background-image: url(/graphics/odesign/balloon/orange.horizontal.png);
}
.odesign .odesignInterfaceLabel .l, .odesign .odesignInterfaceLabel .r {
	background-image: url(/graphics/odesign/balloon/orange.vertical.png);
}
.odesign .odesignInterfaceLabel .arow{
	background-image: url(/graphics/odesign/balloon/orange.arow.png);
}
.odesign .odesignInterfaceLabel .body {
	background-color: #F08231;
}


.odesignInterfaceObjectButton {
	cursor: pointer;
	position: absolute;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.odesign .odesignInterfaceObjectButton {
	background-image: url(/graphics/odesign/button.design.infertile.gif);
}
.odesign .odesignInterfaceObjectButtonFertile {
	background-image: url(/graphics/odesign/button.design.fertile.gif);
}
.grace .odesignInterfaceObjectButton {
	background-image: url(/graphics/odesign/button.content.png);
	width: 60px;
	height: 27px;
}

.odesignInterfaceViewButton {
	width: 135px; 
	height: 21px; 
	background: url(/graphics/odesign/lipje.odesign.png) no-repeat;
	position: absolute; 
	z-index: 2; 
	top: 0px; 
	left: 0px; 
	cursor: pointer; 
	color: white; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	line-height: 15px; 
	padding-left: 12px;
}
.odesignInterfaceViewButtonGrace {
	background-image: url(/graphics/odesign/lipje.grace.png);
}

.wizardOverviewTable {
	height: 85%;
	margin-left: 8px;
	border-top: 8px solid #E6E6E6;
}
.wizardOverviewTable td {
	padding: 2xp 4px 2px 4px;
	width: 24px;
	font-weight: bold;
	color: #666;
	text-align: center;
	font-size: 13px;
}
.wizardOverviewTable td.active {
	background-color: white;
	color: #39C;
}
.grace .wizardOverviewTable td.active {
	color: #A1388E;
}
.odesign .wizardOverviewTable td.active {
	color: #F08231;
}
.ovaloffice .wizardOverviewTable td.active {
	color: #00A651;
}

.wizardNavCell {
	background-color: #E6E6E6;
	height: 40px;
}
.wizardNavCell .button, .wizardNavCell .button div, .wizardNavCell .button div div, .wizardNavCell .button .text {
	background-image: url();
	margin: 0;
	padding: 0;
	height: 16px;
	border: 0;
}
.wizardNavCell .button {
	margin-right: 12px;
	margin-left: 12px;
}
.wizardNavCell .button, .wizardNavCell .button .text {
	color: #39C;
	font-weight: bold;
	font-size: 1.3em;
	vertical-align: top;
}
.grace .wizardNavCell .button, .grace .wizardNavCell .button .text {
	color: #A1388E;
}
.odesign .wizardNavCell .button, .odesign .wizardNavCell .button .text {
	color: #F08231;
}
.ovaloffice .wizardNavCell .button, .ovaloffice .wizardNavCell .button .text {
	color: #00A651;
}
.wizardNavCell .buttonDisabled .text, .grace .wizardNavCell .buttonDisabled .text, .odesign .wizardNavCell .buttonDisabled .text, .ovaloffice .wizardNavCell .buttonDisabled .text {
	color: #999;
}
.wizardNavCell .next .button {
	background-image: url(/graphics/wizard/next.gif);
	background-position: right top;
	padding-right: 26px;
}
.wizardNavCell .previous .button {
	background-image: url(/graphics/wizard/previous.gif);
	background-position: left top;
	padding-left: 26px;
}
.wizardNavCell .next .buttonDisabled {
	background-position: right -19px;
}
.wizardNavCell .previous .buttonDisabled {
	background-position: left -19px;
}

/* read more */
.site1Interface .readMore {
	display: none;
	padding-top: 6px;
	padding-left: 18px;
}
.site1Interface .readMoreOpen {
	display: block;
}
.site1Interface .readMoreTitle {
	cursor: pointer;
}
.site1Interface .readMoreTitle .plusMinus {
	width: 16px;
	vertical-align: top;
}
.site1Interface .readMoreTitle .plusMinus img {
	width: 16px;
	height: 16px;
	background: url(/graphics/plusminus.gif) no-repeat left top;
}
.site1Interface .readMoreTitleOpen .plusMinus img {
	background-position: left -16;
}
.site1Interface .readMoreTitle .content {
	padding-left: 2px;
}

.site1Interface .info {
	padding-left: 20px;
	background: url(/icons/information_16.png) no-repeat left top;
	padding-bottom: 6px;
}

.site1Interface .figure {
	min-height: 80px; 
	margin-top: 12px; 
	padding-left: 80px; 
	padding-top: 6px; 
	background: url(/graphics/private.eye.80.gif) no-repeat;
	max-width: 400px;
}

/* manual */
.site1Interface .manual div {
	margin-bottom: 12px;
}
.site1Interface .manual .bullet, .site1Interface .manual .alert, .manual .info {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left middle;
}
.site1Interface .manual .bullet {
	background-image: url(/graphics/bullet.png);
}
.site1Interface .manual .alert {
	background-image: url(/icons/alert_16.png);
}
.site1Interface .manual .info {
	background-image: url(/icons/information_16.png);
}
.site1Interface .manual .h {
	font-size: 1.6em;
	margin-bottom: 16px;
	cursor: default;
}
.site1Interface .manual img.screenshot {
	border: 1px solid #CCC;
}
.site1Interface .manual table {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}
.site1Interface .manual table td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

/* landing interface */
.site1LandingInterface {
	background: url(/graphics/landing.page/dms/back.jpg) repeat-x;
}
.site1Interface .landingInterfaceTop, .site1Interface .site1LandingInterface .topNavCell {
	height: 42px;
}
.site1Interface .landingInterfaceTop .left {
	background: url(/graphics/landing.page/dms/nav.left.jpg) no-repeat left top;
	width: 14px;
}
.site1Interface .landingInterfaceTop .middle {
	background: url(/graphics/landing.page/dms/nav.back.jpg) repeat-x;
	padding-left: 54px;
	color: #FFF;
	font-weight: bold;
}
#landingNavTable .link table {
	margin-left: 8px;
	margin-right: 8px;
}
#landingNavTable .link .text {
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
#landingNavTable .linkOver .text {
	color: #EEE;
}
#landingNavTable .linkDisabled .text {
	color: #EEE;
}
#landingNavRightTable select {
	font-size: 9px;
	color: #666;
	font-weight: bold;
	margin-right: 24px;
}
.site1Interface .landingInterfaceTop .right {
	background: url(/graphics/landing.page/dms/nav.right.jpg) no-repeat right top;
	width: 14px;
}

.site1Interface .landingInterfaceBottomBar {
	background-image: url(/graphics/login.interface/bottom.bar.jpg); 
	background-repeat: repeat-x; 
	height: 27px;
}


/* login interface */
.site1Interface .loginInterfaceTop {
	height: 31px;
}
.site1Interface .loginInterfaceTop .left {
	background: url(/graphics/login.interface/top.left.jpg) no-repeat left top;
	width: 14px;
}
.site1Interface .loginInterfaceTop .middle {
	background: url(/graphics/login.interface/top.jpg) repeat-x;
	padding-left: 54px;
	color: #666;
	font-weight: bold;
}
#loginNavTable .link table {
	margin-left: 8px;
	margin-right: 8px;
}
#loginNavTable .link .text {
	color: #666;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
#loginNavTable .linkOver .text {
	color: #00A651;
}
#loginNavTable .linkDisabled .text {
	color: #999;
}
#loginNavRightTable select {
	font-size: 9px;
	color: #666;
	font-weight: bold;
	margin-right: 24px;
}
.site1Interface .loginInterfaceTop .right {
	background: url(/graphics/login.interface/top.right.jpg) no-repeat right top;
	width: 14px;
}

.site1Interface .loginInterfaceBottomBar {
	background-image: url(/graphics/login.interface/bottom.bar.jpg); 
	background-repeat: repeat-x; 
	height: 27px;
}


.coloredText {color: #39C;}
.grace .coloredText {color: #A1388E;}
.odesign .coloredText {color: #F08231;}
.ovaloffice .coloredText {color: #00A651;}

.coloredBackground {background-color: #39C;}
.grace .coloredBackground {background-color: #A1388E;}
.odesign .coloredBackground {background-color: #F08231;}
.ovaloffice .coloredBackground {background-color: #00A651;}

.border {border: 2px solid #999;}
.borderDotted {border: 1px dotted #999;}
.borderLeft {border-left: 2px solid #999;}
.borderLeftDotted {border-left: 1px dotted #999;}
.borderRight {border-right: 2px solid #999;}
.borderRightDotted {border-right: 1px dotted #999;}
.borderTop {border-top: 2px solid #999;}
.borderTopDotted {border-top: 1px dotted #999;}
.borderBottom {border-bottom: 2px solid #999;}
.borderBottomDotted {border-bottom: 1px dotted #999;}
.noBottomBorder {border-bottom-width: 0px;}
.noTopBorder {border-top-width: 0px;}
.noBorder {border-width: 0px;}
.whiteBorder {border: 2px solid white;}
.dottedBorder, .borderDotted {border: 1px dotted #999;}
.borderDottedBottom {border-bottom: 1px dotted #999;}
.borderDottedTop {border-top: 1px dotted #999;}
.borderThin {border: 1px solid #999;}
.curved10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.curved5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.height100 {height: 100%;}
.heightAuto {height: auto;}
.width100 {width: 100%;}
.fill {height: 100%; width: 100%;}
.block {display: block;}
.padding {padding: 4px;}
.paddingBottom {padding-bottom: 4px;}
.paddingTop {padding-top: 4px;}
.paddingLeft {padding-left: 4px;}
.paddingRight {padding-right: 4px;}
.paddingTop {padding-top: 4px;}
.paddingBottom {padding-bottom: 4px;}
.noPadding {padding: 0px;}

.margin {margin: 4px;}
.marginRight {margin-right: 4px;}
.marginLeft {margin-left: 4px;}
.marginTop {margin-top: 4px;}
.marginBottom {margin-bottom: 4px;}
.noMargin {margin: 0px;}

.alignTop, .top {vertical-align: top;}
.center {text-align: center;}

.upperCase {text-transform: uppercase;}

.site1Interface .smallFont {font-size: 9px;}
.site1Interface .red {color: red;}
.scroll {overflow-y: scroll; overflow-x: auto;}
.noScroll {overflow: hidden;}
.site1Interface .bold {font-weight: bold;}
.site1Interface .italic {font-style: italic;}
.site1Interface .mono, td.mono {font-family:"Courier New", Courier, monospace;}
.site1Interface .bigText {font-size: 15px;}
.whiteBack {background-color: white;}

.noWrap {white-space: nowrap;}
.displayNone{display: none;}
.spacer {}
.pointer, .hand {cursor: pointer;}
.cursorDefault {cursor: default;}
.headingColor {background-color: #E6E6E6;}

.transparent {opacity: 0.5; filter: alpha(opacity=50);}
.opaque {opacity: 1; filter: alpha(opacity=100);}

.site1Interface ul {
	padding: 0px;
	margin-left: 3px;
}
.site1Interface li{
	margin-left: 12px;
	list-style-type: square;
}
.site1Interface p {
	margin-bottom: 24px;
}