/* ------------------------------- */
/* COMMON Elements
/* ------------------------------- */ 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a img { border: none; }

body {
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 62.5%;
	line-height: 1.8em;
	margin: 0;
	padding: 25px 0 50px 0;
	height: 100%;
	
}


h2 {
	font-weight: normal;
}

table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

code {
	font-size: small;
}

a {
	color: #0080b5;
}

a:visited {
	color: #0080b5;
}

:focus {
	outline: 0;
}

/* ------------------------------- */
/* BASE layout
/* ------------------------------- */ 

#contents {
	/*margin-top: 10px;*/
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	/*padding: 10px;*/
	background-color: #FFF;
	/*color: #000;*/
	text-align: left;
}

#textcontent {
	display: none;
}

#loading {
	margin: 280px auto 0 auto;
	width: 500px;
	height: 100px;
}

#loading td{
	vertical-align: top;
}

#loadingimage {
	width: 40px;
	height: 40px;
	background: url(images/common/loading.gif) no-repeat;
}

#loadingtext {
	/*padding-left: 50px;*/
	width: 352px;
	height: 29px;
	background: url(images/common/loading.jpg) no-repeat;
}

.header { /*width: 100%;*/
	display: none;
}

.logo-image {	
	margin-top: 18px;
}

.center-panel { /*width: 100%;*/ /*margin-left: 72px;
	margin-right: 72px;*/
	
}

.footer { 
	width: 960px;
	height: 47px;
	background-image: url(images/common/footer.gif);
	clear: both;
	margin-top: 8px;
}

.about-link {
	width: 960px;
	text-align: center;
	font-style: italic;
	font-size: 12px;
}

.about-link a:link {
	color: black;
}

.about-link a:visited {
	color: black;
}

.about-link a:active {
	color: black;
}

/* ------------------------------- */
/* COMMON classes
/* ------------------------------- */ 

textarea {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 100%;
	padding: 2px;
}

.error-dialog {
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.error-dialog .Caption {
	background-color: #d71a20;
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.error-dialog-message {
	text-align: center;
	margin-bottom: 6px;
}

.error-dialog-button {
	width: 50px;
	margin-top: 6px;
}

/* to be removed */
.wallmodels-description {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
}

.error-text {
	color: red;
}

.common-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.common-dialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.info-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.info-dialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.info-dialog-text {
	width: 260px;
	margin-bottom: 6px;
}

.info-dialog-button {
	width: 50px;
}

.info-dialog-content {
}

.info-dialog-footer {
}

.helpdialog {	
	background-color: white;
	padding: 10px;
	z-index: 15;
}

.helpdialog .Caption {
	background-color: #d71a20;
	color: white;
	padding: 0px; 
	margin: 0px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 0px;
	width: 100%;
}

.helpdialog .Caption .Titletext {
	margin-top: 4px;
	background-color: #d71a20;
	color: white;
	padding-left: 5px;
}

.helpdialog .Caption .Titleimage {
	width: 25px;
	height: 25px;
	background: url(images/common/icon_close_dialog.png) no-repeat 50% 50%;
	cursor: hand;
	cursor: pointer;
}

.helpdialog-content {
	width: 873px;
	height: 570px;
	background: url(images/common/help_dialog_bg.jpg) no-repeat 50% 15px;
}

.helpdialog .closebtn {
	position: absolute;
	width: 102px;
	left: 466px;
	top: 740px;
}

.helpdialog .block {
	position: absolute;
	text-align: center;
}

.helpdialog .block h4 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 135%;
	margin-bottom: 5px;
	white-space: nowrap;
}

.helpdialog .block p {
	line-height: 125%;
	font-size: 105%;
	color: #000000;
}

.helpdialog .block img {
	width: auto;
	margin: 0 auto 5px auto;
	display: block;
}

.helpdialog .block_contact_omatkuvat {
	left: 664px;
	top: 475px;
	width: 200px;
}

.helpdialog .block_contact_suunnitelmat {
	left: 410px;
	top: 475px;
	width: 200px;
	white-space: nowrap;
}

.helpdialog .block_contact_suunnitelmat li {
	list-style-type: none;
	display: inline;
	padding: 0 3px;
}

.helpdialog .block_contact_suunnitelmat .item1 { color: #d71a20; }
.helpdialog .block_contact_suunnitelmat .item2 { color: #0061bc; }
.helpdialog .block_contact_suunnitelmat .item3 { color: #1b8d00; }

.helpdialog .block_suunnitelmasi {
	left: 22px;
	top: 466px;
	width: 200px;
}

.helpdialog .block_suunnitelmasi h4 {
	color: #003c61;
}

.helpdialog .block_suunnitelmasi h4 small {
	color: #000000;
}

.helpdialog .block_send {
	left: 244px;
	top: 502px;
	width: 200px;
	text-align: left;
}

.helpdialog .block_send h4 {
	color: #d71a20;
}

.helpdialog .block_sovitushuone {
	text-align: left;
	width: 632px;
	top: 342px;
	left: 19px;
}

.helpdialog .block_sovitushuone img {
	float: right;
	position: relative;
	top: -17px;
}

.helpdialog .block_malli {
	top: 212px;
	width: 630px;
	left: 2px;
}

.helpdialog .block_ryhma {
	top: 78px;
	width: 410px;
	left: 12px;
}

.helpdialog .block_camera {
	top: 78px;
	width: 200px;
	left: 668px;
}

/*.helpdialog .closebtn {
	position: absolute;
	width: 102px;
	left: 466px;
	top: 740px;
}*/

.wallobject-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
	z-index: 15;
}

/*.wallobject-dialog .Caption {
	background-color: #d71a20;
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 10px;
}*/

.wallobject-dialog .Caption {
	background-color: #d71a20;
	color: white;
	padding: 0px; 
	margin: 0px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 0px;
	width: 100%;
}

.wallobject-dialog .Caption .Titletext {
	margin-top: 4px;
	background-color: #d71a20;
	color: white;
	padding-left: 5px;
}

.wallobject-dialog .Caption .Titleimage {
	width: 25px;
	height: 25px;
	background: url(images/common/icon_close_dialog.png) no-repeat 50% 50%;
	cursor: hand;
	cursor: pointer;
}

.wallobject-dialog-content {
}

.wallobject-dialog-footer {
}

.wallobject-dialog-table {
}

.wallobject-dialog-table td	{
	padding: 2px 0 2px 0;
}

.wallobject-dialog-leftcolumn {
	width: 120px;
}

.wallobject-dialog-rightcolumn {
	text-align: justify;
	width: 480px;
}

.wallobject-dialog-titles {
	font-weight: bold;
}

.wallobject-dialog-description {
	width: 480px;
}

.wallobject-dialog-combo {
	width: 240px;
}

.wallobject-dialog-image {
	margin-top: 3px;
	margin-bottom: 3px;
}

.wallobject-dialog-obstext {
	font-style: italic;
}
	

.wallobject-dialog-button {
	margin-top: 3px;
	width: 80px;
	height: 26px;
}

.wodlg-scrollpanel {
	background-color: #EEEEEE;
	width: 600px;
}

.wodlg-colorname {
	width: 460px;
}
.wodlg-colorhp {
	margin-top: 3px;
	border-bottom: 1px black #CDCDCD;
	margin-left: 3px;
}

.description-dlg {
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.description-dlg .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.description-dlg-text {
	width: 440px;
	/*height: ;*/
	text-align: justify;
}

.description-dlg-button {
	width: 50px;
	margin-top: 6px;
}

/* Flextable styling definitions */
.flextable {
	margin: 5px 25px 5px 25px;
	width: 910px !important;
}

.flextable td {
	vertical-align: middle;
	padding: 2px 0 3px 6px;
}

.flextable-titlerow {
	color: white;
	background-color: #373737;
}

.flextable-titlecell {
	padding: 4px 6px 4px 6px !important;
}

.flextable-evencell {
	background: url(images/common/dot_line.gif) repeat-x 0 100%;
}

.flextable-oddcell {
	background: url(images/common/dot_line.gif) repeat-x 0 100% #edebe5;
}

/* ----- DECORATORPANEL (used in HeadGroupTab and WallGroupTab to draw rounded borders)----- */
.gwt-DecoratorPanel {
	/*cursor: hand;*/
	margin: 0 10px 0 0;
}

.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/common/border.gif) repeat-x;
}

.gwt-DecoratorPanel .bottomCenter {
	background-position: 0 100%;
}

.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/common/border.gif) repeat-y;
}

.gwt-DecoratorPanel .middleRight {
	background-position: 100% 0;
}

.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  display: none;
}

.gwt-DecoratorPanel .topLeft {
  background: url(images/common/corner.gif) no-repeat 0 0;
  width: 12px;
  height: 12px;
}

.gwt-DecoratorPanel .topRight {
  background: url(images/common/corner.gif) no-repeat 100% 0;
  width: 12px;
  height: 12px;
}

.gwt-DecoratorPanel .bottomLeft {
  background: url(images/common/corner.gif) no-repeat 0 100%;
  width: 12px;
  height: 12px;
}

.gwt-DecoratorPanel .bottomRight {
  background: url(images/common/corner.gif) no-repeat 100% 100%;
  width: 12px;
  height: 12px;
}

* html .gwt-DecoratorPanel .topLeftInner {
}

* html .gwt-DecoratorPanel .topRightInner {
}

* html .gwt-DecoratorPanel .bottomLeftInner {
}

* html .gwt-DecoratorPanel .bottomRightInner {
}

/* ------------------------------- */
/* TABPAGE base
/* ------------------------------- */ 
/* Is HorizontalPanel, width set not allowed */
.wallgrouptab-currentpath-container {
	margin-top: 20px;
	margin-bottom: 15px;
}

/* Is HorizontalPanel, width set not allowed */
.walltab-currentpath-container {
}

.currentpath-start {
	margin-left: 3px;
	font-size: 1.5em;
}

.currentpath-end {
	color: #d71920;
	font-size: 1.5em;
}

.gwt-TabBar {
	/*padding-top: 2px;*/
	/*border-bottom: 4px solid #87B3FF;*/
	background-color: #ffffff;
	line-height: 30px;
	font-size: 1.25em;
}

.gwt-TabBar .gwt-TabBarFirst { /*border-right: 1px solid blue;*/
	margin-left: 247px;
	width: 25px;
	background: url(images/common/navi_gwt-TabBarFirst_bg.gif) no-repeat #d31e24;
}

.gwt-TabBar .gwt-TabBarRest {
	width: 25px;
	background: url(images/common/navi_gwt-TabBarRest_bg.gif) no-repeat 100% 0 #d31e24;
}

.gwt-TabBar .gwt-TabBarItem {
	padding: 0 10px 0 10px;
	cursor: pointer;
	cursor: hand;
	background: url(images/common/navi_gwt-TabBarItem_bg.gif) repeat-x #d31e24;
	color: #ffffff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	padding: 0 0 0 15px;
	background-image: url(images/common/navi_gwt-TabBarItem-selected_bg.gif);/*, url(images/common/navi_gwt-TabBarItem-selected_gwt-Label_bg.gif);*/
	color: #ffffff;
}

.gwt-TabBar .gwt-TabBarItem-selected div {
	background: url(images/common/navi_gwt-TabBarItem-selected_bg_right.gif) no-repeat 100% 0;
	padding-right: 12px;
}

.tabtext-enabled {
}

.tabtext-disabled {
	color: #c09192;
	cursor: default;
	cursor: not-allowed;
}

.actions-panel {
	background: url(images/common/actions_bg.gif) no-repeat;
	width: 960px !important;
	height: 63px !important;
	margin-top: 10px;
}

.action-button {
	cursor: pointer;
	cursor: hand;
	margin-top: 8px;
}
.action-button-over {
	margin-top: 8px;
	cursor: pointer;
	cursor: hand;
}
.action-button-pressed {
	margin-top: 8px;
	cursor: pointer;
	cursor: hand;
}

.action-button-text {
	line-height: 28px;
	font-size: 125%;
	text-decoration: none;
}
.action-button-text-over {
	line-height: 28px;
	font-size: 125%;
	text-decoration: underline;
}
.action-button-text-pressed {
	line-height: 28px;
	font-size: 125%;
	text-decoration: underline;
}

.next-image {
	margin-left: 5px;
	background-image: url(images/common/next.gif);
	background-repeat: no-repeat;
}
.next-image-over {
	margin-left: 5px;
	background-image: url(images/common/next_hover.gif);
	background-repeat: no-repeat;
}
.next-image-pressed {
	margin-left: 5px;
	background-image: url(images/common/next_hover.gif);
	background-repeat: no-repeat;
}

.previous-image {
	background-image: url(images/common/previous.gif);
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 5px;
}
.previous-image-over {
	background-image: url(images/common/previous_hover.gif);
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 5px;
}
.previous-image-pressed {
	background-image: url(images/common/previous_hover.gif);
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 5px;
}

.title-image {
	margin-top: 17px;
	margin-right: 10px;
	/*padding: 5px;*/
}

.title-text {
	line-height: 52px;
	font-size: 2.75em;
	/*padding: 3px;*/
}

.helpimage-link {
	cursor: hand;
	cursor: pointer;
}

.headerhelp-link {

}

.headerhelp-link-image,
.headerhelp-link-image-pressed,
.headerhelp-link-image-over {
	width: 22px;
	height: 21px;
	background: url(images/common/headerHelpLinkImage.gif) no-repeat;
	cursor: hand;
	cursor: pointer;
}

.headerhelp-link-text {
	margin: 0 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: white;
	font-size: 1.8em;
	line-height: 120%;
}
	
.headerhelp-link-text-over,
.headerhelp-link-text-pressed {
	margin: 0 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: white;
	font-size: 1.8em;
	text-decoration: underline;
	line-height: 120%;
}

.logoLink-image {
	cursor: hand;
	cursor: pointer;
}

/* ------------------------------- */
/* HEADGROUPTAB 
/* ------------------------------- */

.headergrouptab-topImage {
	width: 960px;
	height: 290px;
	background-image: url(images/common/header_etusivu.jpg);
}

.headgroup-container {
	/*width: 100%;*/
}

/* Selector for additional table handling, default cellspacing: 3 */
.headgroup-table {
	border-spacing: 0;
	/*margin-left: -10px;*/
}

.headgroup-table td {
	border: none;
}

.headgroup-table td td {
	border: none !important;
}

.headergroup-title {
	width: 800px;
	height: 60px;
	background: url(images/common/headGroupTitle.gif) no-repeat 100% 50%;
}

.headergroup-helplink {
	height: 30px;
	position: relative;
	top: 13px;
}

.headergroup-helplink-image, 
.headergroup-helplink-image-pressed,
.headergroup-helplink-image-over {
	margin: 6px 0 0 12px;
	width: 21px;
	height: 21px;
	background: url(images/common/helpLinkImage.gif) no-repeat;
	cursor: hand;
	cursor: pointer;
	position: relative;
	top: 13px;
}

.headergroup-helplink-image {
	top: 0 !important;
}

.headergroup-helplink-text {
	margin: 2px 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080b5;
	font-size: 1.8em;
	text-decoration: underline;
}

.headergroup-helplink-text-pressed,
.headergroup-helplink-text-over {
	margin: 2px 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080b5;
	font-size: 1.8em;
	position: relative;
	top: 13px;
}

/* HeadGroup own loading stuff appears after first load when user go back to firstpage */
.headgroup-loading-text {
	margin-top: 8px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.headgroup-loading-image {
	width: 40px;
	height: 40px;
	background-image: url(images/common/loading.gif);
	background-repeat: no-repeat;
}

.headgroup-loading-composite {
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.no-headgroups-text {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 600px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.hgbutton {
	cursor: hand;
	cursor: pointer;
}

.hgbutton-doorchart {
	margin-top: 10px;
	margin-bottom: 6px;
	width: 958px;
	/*position: relative; /* new 19.2.2010*/
	/*left: -10px; /* new 19.2.2010*/
	background: transparent !important; /* new 19.2.2010*/
}

/* new 19.2.2010*/
.hgbutton-doorchart div.middleCenterInner { 
	margin: -11px;
}

/* new 19.2.2010*/
.hgbutton-doorchart div.middleCenterInner table {
	height: 91px;
	background-repeat: no-repeat;
}

.hgbutton-over {
	cursor: hand;
	cursor: pointer;
	background: url(images/common/headgroupbutton_bg_hover.gif) repeat-x 0 100% #ffffff;
}

.hgbutton-pressed {
	cursor: hand;
	cursor: pointer;
	background: url(images/common/headgroupbutton_bg_hover.gif) repeat-x 0 100% #ffffff;
}

.hgbutton-image {
	display: block;
	width: 208px;
	height: 120px;
	cursor: hand;
	padding: 0;
}

/*.hgbutton-doorchartimage {
	display: block;
	width: 930px;
	height: 90px;
	cursor: hand;
	padding: 0;
	position: relative;
}*/

.hgbutton-name {
	color: #d71a20;
	font-size: 1.65em;
	width: 208px;
}

.hgbutton-doorchartname {
	/*color: #535353;
	font-size: 2.6em;*/
	color: #9D580D;
	font-size: 2.5em;
	padding-top: 10px;
}

.hgbutton-contactname {
	color: #0080b5;
	font-size: 1.8em;
}

.hgbutton-description {
	margin-top: 4px;
	height: 30px;
	font-size: 1.2em;
	text-align: center;
	line-height: 125%;
	color: #4d4d4d;
	width: 208px;
}

.hgbutton-doorchartdescription {
	/*margin-top: 12px;*/
	margin-top: 0;
	position: relative;
	top: -5px;
	/*height: 30px;*/
	font-size: 1.2em;
	text-align: center;
	line-height: 125%;
	color: #4d4d4d;
	width: 800px;
}

.headergrouptab-bottomImage {
	margin-bottom: 8px;
	width: 960px;
	height: 160px;
	background-image: url(images/common/headGroupBottom.png);
}


/* ------------------------------- */
/* WALLGROUPTAB 
/* ------------------------------- */
.wallgrouptab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

.wallgroup-container {
	margin-bottom: 25px;
	width: 960px !important;
}

.wallgroup-table {
	border-spacing: 0;
	/*margin-left: -10px;*/
}

.wallgroup-table td {
	border: none;
}

.wallgroup-table td td {
	border: none !important;
}

.wallgroupbutton {
	cursor: hand;
}

.wallgroupbutton-over {
	cursor: hand;
	cursor: pointer;
	background: url(images/common/headgroupbutton_bg_hover.gif) repeat-x 0 100% #ffffff;
}

.wallgroupbutton-pressed {
	cursor: hand;
	cursor: pointer;
	background: url(images/common/headgroupbutton_bg_hover.gif) repeat-x 0 100% #ffffff;
}

.wallgroupbutton-image {
	display: block;
	width: 208px;
	height: 120px;
	cursor: hand;
	padding: 0;
}

.wallgroupbutton-name {
	color: #d71a20;
	font-size: 1.65em;
	width: 208px;
}

.wallgroupbutton-description {
	margin-top: 4px;
	height: 30px;
	font-size: 1.2em;
	text-align: center;
	line-height: 125%;
	color: #4d4d4d;
	width: 208px;
}

.loading-text {
	color: #C0C0C0;
	font-size: 12px;
	font-style: italic;
}

.no-wallgroups-text {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.wallgroup-loading-text {
	margin-top: 8px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.wallgroup-loading-image {
	width: 40px;
	height: 40px;
	background-image: url(images/common/loading.gif);
	background-repeat: no-repeat;
}

.wallgroup-loading-composite {
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 100px;
}

/* ------------------------------- */
/* WALLTAB 
/* ------------------------------- */

.walltab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

/* Horizontal panel, width definition not allowed */
.walltab-content {
	margin-top: 10px;
}

.walltab-infotext {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.5em;
	color: #C0C0C0;
}

/* Verticalpanel, height definition not allowed */
.walltab-vpright {
	margin-left: 25px;
	width: 800px;
	background: url(images/common/box_800_bg.png) no-repeat;
}

.walltab-vpright table {
}

.walltab-vpright table td {
}

.walltab-vpright-footer {
	background: url(images/common/box_800_bg_bottom.png) no-repeat 0 100%;
	height: 15px;
}

.walltab-vpleft {
}

.walltab-imagebuttons-scp
{
	width: 134px;
	height:  775px;
	background: url(images/common/walltab-imagebuttons-scp_bg.jpg) no-repeat 0 50% #f5f3ef;
}

/* Verticalpanel, height definition not allowed */
.walltab-imagebuttons-vp {
	width: 116px;
	margin-top: 10px;
}

.wall-image-button {
	color: black;
	cursor: hand;
	cursor: pointer;
}

.wall-image-button-pressed {
	color: #d71a20;
	cursor: hand;
	cursor: pointer;
}

.wall-image-button-over {
	color: #d71a20;
	cursor: hand;
	cursor: pointer;
}

.wall-image-button-selected {
	background-color: #d71a20;
	color: white;
	cursor: hand;
	cursor: pointer;
}

.walltab-roundedpanel {
	width: 765px;
	font-size: 1.2em;
	margin: 0 15px 0 15px;
	padding: 10px 0 10px 0;
	background: url(images/common/dot_line.gif) repeat-x 0 100%;
}

.walltab-roundedpanel-footer {
	display: none;
}

.walltab-title {
	color: #b80000;
}

.walltab-name {
	width: 524px;
}

.walltab-description {
}

.walltab-colorcombo {
	width: 200px;
}

.walltab-framecombo {
	width: 200px;
	margin: 0 0 0 10px;
}

.walltab-walldescription-scp
{
	width: 524px;
	height: 50px;
}

.walltab-wallimage
{
	display: block;
	margin-top: 10px !important;
	float: right;
}

.walltab-wallimage-footer {
	display: none;
}

.go-link-holder {
	margin-top: 3px;
	width: 100% !important;
}

.go-fittingroom-link a {
	color: #b80000 !important;
	text-decoration: none;
	padding-left: 25px;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 1.5em;
	line-height: 1.8em;
	margin: 0;
}
.go-fittingroom-link a:hover {
	color: #b80000;
	text-decoration: underline;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	line-height: 1.8em;
	font-size: 1.5em;
	margin: 0;
}

/* ------------------------------- */
/* DOORCHARTTAB
/* ------------------------------- */

.doorcharttab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

/* Horizontal panel, width definition not allowed */
.doorcharttab-content {
	/*margin-left: 25px;*/
	margin-top: 10px;
	width: 960px;
	background: url(images/common/box_960_bg.png) no-repeat;
}

.doorcharttab-bottom {
	background: url(images/common/box_960_bg_bottom.png) no-repeat 0 100%;
	height: 15px;
}

.doorcharttab-hpwallgroupsholder {
	margin: 6px 0 0 0;
	padding: 0 0 0 6px;
	height: 28px;
	border-bottom: 1px solid #e5e5e5;	
}

.doorcharttab-vpWallObjects {
	margin-top: 6px;
}

.doorcharttab-scpwallobjects {
	width: 785px !important;
	height: 400px;
	border-right: 1px solid #e5e5e5;
}

.doorcharttab-scpstyles {
	width: 174px;
	height: 400px;
}

.groupButton {
	cursor: hand;
  	cursor: pointer;
  	margin-right: 12px;
}

.groupButton-name {
	padding: 3px 7px 0 3px;
	color: #fff;
}

.groupButton-left-up {
	background-image: url(images/common/group-button-act-left.png);
	background-repeat: no-repeat;
}

.groupButton-left-down {
	background-image: url(images/common/group-button-left.png);
	background-repeat: no-repeat;
}

.groupButton-right-up {
	height: 22px;
	background-image: url(images/common/group-button-act-right.png);
	background-position: right;
	background-repeat: no-repeat;
}

.groupButton-right-down {
	height: 22px;
	background-image: url(images/common/group-button-right.png);
	background-position: right; 
	background-repeat: no-repeat;
}

.doorchart-dialog-close {
	margin-top: 8px;
}

.gwt-GlassPanel {
	z-index: 5;
}



/*
.groupButton-up,
.groupButton-up-hovering {
	margin-right: 12px;
  	padding: 4px 6px 6px 24px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/group-button-up.png);
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}

.groupButton-up-hovering {
  	margin-right: 12px;
  	padding: 4px 6px 6px 24px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/group-button-up.png);
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: underline;
}

.groupButton-down,
.groupButton-down-hovering {
 	margin-right: 12px;
 	padding: 4px 6px 6px 24px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/group-button-down.png);
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}

.groupButton-down-hovering {
 	margin-right: 12px;
 	padding: 4px 6px 6px 24px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/group-button-down.png);
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: underline;
}*/

.doorButton {
	margin: 3px 24px 18px 28px;
	width: 100px;
	/*border: 1px solid black;*/
}

.doorButton-image {
	margin-bottom: 3px;
}

.doorButton-name {
	margin-bottom: 3px;
	color: ;
}

.doorButton-toggle-up,
.doorButton-toggle-up-hovering {
	/*margin-right: 12px;*/
  	padding: 2px 6px 6px 22px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/doorButton-upFace.png);
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}

.doorButton-toggle-up-hovering {
  	/*margin-right: 12px;*/
  	padding: 2px 6px 6px 22px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/doorButton-upFace.png);
	background-repeat: no-repeat;
	color: #000;
	text-decoration: underline;
}

.doorButton-toggle-down,
.doorButton-toggle-down-hovering {
 	/*margin-right: 12px;*/
 	padding: 2px 6px 6px 22px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/doorButton-downFace.png);
	background-repeat: no-repeat;
	color: #909797;
	text-decoration: none;
}

.doorButton-toggle-down-hovering {
 	/*margin-right: 12px;*/
 	padding: 2px 6px 6px 22px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/doorButton-downFace.png);
	background-repeat: no-repeat;
	color: #909797;
	text-decoration: underline;
}

.styleButton {
	cursor: hand;
  	cursor: pointer;
	padding: 8px 8px 8px 8px !important;
	margin: 0 10px 6px 10px !important;
}

.styleButton-selected {
	background-color: #52a823;
}

.styleButton-image1 {
	margin: 0 6px 3px 0;
}

.doorChartTable-spContent {
	/*width: 100%;*/
	border-top: 1px solid #e5e5e5;
	padding: 12px 0 0 18px;
	margin: 0;
}

.doorChartTable-title {
	color: #45930b;
	font-size:1.4em;
	margin-bottom: 6px;
}

.doorChartTable-header-model-holder {
	background-color: #373737;
	width: 92px;
}

.doorChartTable-header-model {
	padding: 4px 6px 4px 6px;
	color: white;
}

.doorChartTable-header-listbox-holder {
	background-color: #373737;
	width: 102px;
}

.doorChartTable-header-listbox {
	padding: 4px 6px 4px 0px;
	color: white;
}
/*
.doorChartTable-header-holder {
	background-color: #373737;
	width: 96px;
}

.doorChartTable-header-holder-inner {
	padding: 4px 6px 4px 0px;
	color: white;
}*/

.dialoglink a {
	color: white;
}

.dialoglink a:visited {
	color: white;
}

.chartObject-holder {
	width: 100%;
	margin: 3px 0 3px 0;
	border-bottom: 1px dotted black;
}

.chartObject-image-holder {
	margin: 0 0 4px 0;
	width: 92px;
}

.chartObject-listbox-holder {
	width: 102px;
}

.chartObject-listbox {
	width: 90px !important;
}


.chartObject-delete-composite {
	cursor: pointer;
	cursor: hand;
}
.chartObject-delete-composite-over {
	cursor: pointer;
	cursor: hand;
}
.chartObject-delete-composite-pressed {
	cursor: pointer;
	cursor: hand;
}

.chartObject-delete-composite-text {
	color: red;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 4px;
}
.chartObject-delete-composite-text-over {
	color: red;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 4px;
}
.chartObject-delete-composite-text-pressed {
	color: red;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 4px;
}

.chartObject-delete-image {
	margin-top: 2px;
	background-image: url(images/common/chartObject-delete.png);
	background-repeat: no-repeat;
}
.chartObject-delete-image-over {
	margin-top: 2px;
	background-image: url(images/common/chartObject-delete.png);
	background-repeat: no-repeat;
}
.chartObject-delete-image-pressed {
	margin-top: 2px;
	background-image: url(images/common/chartObject-delete.png);
	background-repeat: no-repeat;
}

.cataloghelpdialog {	
	background-color: white;
	padding: 10px;
	z-index: 15;
}

.cataloghelpdialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 0px; 
	margin: 0px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 0px;
	width: 100%;
}

.cataloghelpdialog .Caption .Titletext {
	margin-top: 4px;
	background-color: #d71a20;
	color: white;
	padding-left: 5px;
}

.cataloghelpdialog .Caption .Titleimage {
	width: 25px;
	height: 25px;
	background: url(images/common/icon_close_dialog.png) no-repeat 50% 50%;
	cursor: hand;
	cursor: pointer;
}

.cataloghelpdialog-content {
	
}

.cataloghelpdialog .katisyys {
	margin-top: 6px;
	width: 595;
}

.cataloghelpdialog .katisyys img{
	margin-top: 6px;
}

.cataloghelpdialog .katisyys p {
	line-height: 125%;
	font-size: 110%;
	color: #000000;
}

.cataloghelpdialog .luokitus {
	margin-top: 6px;
	width: 595;
}

.cataloghelpdialog .luokitus h2 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 160%;
	margin-top: 6px;
	margin-bottom: 12px;
	color: #D71A20;
}

.cataloghelpdialog .luokitus h4 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 5px;
}

.cataloghelpdialog .luokitus p {
	margin-bottom: 6px;
	font-size: 110%;
}

.cataloghelpdialog .painikkeet {
	margin-top: 6px;
	width: auto;
	padding: 5px 0 0 15px;
}
.cataloghelpdialog .painikkeet p {
	font-size: 110%;
}

.cataloghelpdialog .painikkeet h2 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 155%;
	margin-top: 6px;
	margin-bottom: 12px;
}

.cataloghelpdialog .painikkeet img {
}

.cataloghelpdialog .lasitus {
	margin-top: 6px;
	width: 510;
}

.cataloghelpdialog .lasitus p {
	margin: 6px 0 6px 0;
	font-size: 110%;
}

.cataloghelpdialog .lasitus img {
}

.doorchart-loading-hp1 {
	margin: 6px 0 0 12px;
}

.doorchart-loading-hp2 {
	margin: 12px 0 0 12px;
}

/*
.helpdialog .block {
	position: absolute;
	text-align: center;
}

.helpdialog .block h4 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 135%;
	margin-bottom: 5px;
	white-space: nowrap;
}

.helpdialog .block p {
	line-height: 125%;
	font-size: 105%;
	color: #000000;
}

.helpdialog .block img {
	width: auto;
	margin: 0 auto 5px auto;
	display: block;
}

.helpdialog .block_contact_omatkuvat {
	left: 664px;
	top: 475px;
	width: 200px;
}

.helpdialog .block_contact_suunnitelmat {
	left: 410px;
	top: 475px;
	width: 200px;
	white-space: nowrap;
}

.helpdialog .block_contact_suunnitelmat li {
	list-style-type: none;
	display: inline;
	padding: 0 3px;
}*/


/* ------------------------------- */
/* FITTINGROOMTAB 
/* ------------------------------- */
.fittingroomtab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

.fittingroom-vpcontent {
	/*margin-top: 3px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	width: 960px;
	background: url(images/common/fittingRoom.png) no-repeat 0 89px;
}

.fittingroom-vpcontent table
	{
	width: 100%;
	}

.fittingroom-infotext {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.fr-help-container {
	padding-bottom: 15px;
}

.fr-help-container td
	{
	vertical-align: middle !important;
	}

.fr-help-image {
	width: 63px;
	height: 53px;
	background: url(images/common/icon_info.gif) no-repeat 10px 0;
}

.fr-help-text {
	font-size: 1.2em;
	line-height: 100%;
	padding-left: 10px;
	text-align: justify;
}

.fr-help-text br{
	line-height: 75%;
}

.fr-color-container {
	margin-left: 160px;
	margin-bottom: 3px;	
	horizontal-align: left !important;
	width: 550px !important;
}

.fr-color-container table {
	width: 550px !important;
}

.fr-color-container td {
	horizontal-align: left !important;
}

.fr-color-container tr {
	horizontal-align: left !important;
}

.fr-colors-title-column {
 	width: 110px;
}

.fr-colors-title {
	color: #b80000;
	font-size: 1.2em;
}

.fr-colorcombo {
	font-size: 1.1em;
	width: 200px;
	margin-left: 10px;
}

.fr-framecombo {
	font-size: 1.1em;
	width: 200px;
	margin-left: 10px;
}

.fittingroom-scpObjects {
	margin-top: 10px;
	width: 75px !important;
	height: 611px !important;
}

.draggable-imagebutton {

}

.draggable-imagebutton-over {
	cursor: hand;
}

.draggable-imagebutton-pressed {
}

.draggable-imagebutton-border,
.draggable-imagebutton-border-over,
.draggable-imagebutton-border-pressed {
}

.fittingroom-hptitles
{
}

.fittingroom-spempty
{
}

.fittingroom-boundarypanel {
}

.fittingroom-object-title {
	padding-top: 5px;
	font-weight: bold;
}

.winplanweb-paletteExample .dragdrop-dragging {
	filter: alpha(enabled =   false);
	opacity: 1.0;
	-moz-opacity: .01;
}

.winplanweb-paletteWidget { 
}

.winplanweb-paletteWidget-widget { 
}

.winplanweb-paletteWidget-shim {
	opacity: 0.1;
	filter: alpha(opacity =   10);
	-moz-opacity: .01;
	background-color: #FFFFFE; /* blue */
}

.winplanweb-palettePanel {
	padding: 4px;
	background-color: white;
	border: 1px solid #0000FF; /* blue */
}

DIV.dragdrop-dropTarget {
	background-color: #000000; /* black */
}

DIV.dragdrop-dropTarget-engage {
	background: #33CCFF; /* light blue */
}

.dropTargetBorder {
	border: 2px solid red;
}

/* TrahsBin */
DIV.bin {
	text-align: center;
}

DIV.bin-engage {
	background-color: #A7E3FF; 
}

DIV.trashbin {
	background-image: url(images/common/trashbinCloseSmall.gif);
}

DIV.trashbin-engage {
	background-image: url(images/common/trashbinOpenSmall.gif);
}

.wallobject-delete-link a{
	color: #008001 !important;
	text-decoration: none;
}

.wallobject-delete-link a:hover{
	color: #008001;
	text-decoration: underline;
}

.hightlightButton-up,
.hightlightButton-up-hovering {
  	padding-left: 18px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/toggleBtnUpFace.gif);
	background-repeat: no-repeat;
	color: #006ea6;
	text-decoration: none;
}

.hightlightButton-up-hovering {
  	padding-left: 18px;
  	cursor: hand;
  	cursor: pointer;
  	background-image: url(images/common/toggleBtnUpFace.gif);
	background-repeat: no-repeat;
	color: #006ea6;
	text-decoration: underline;
}

.hightlightButton-down,
.hightlightButton-down-hovering {
 	padding-left: 18px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/toggleBtnDownFace.gif);
	background-repeat: no-repeat;
	color: black;
	text-decoration: none;
}

.hightlightButton-down-hovering {
 	padding-left: 18px;
 	cursor: hand;
  	cursor: pointer;
 	background-image: url(images/common/toggleBtnDownFace.gif);
	background-repeat: no-repeat;
	color: black;
	text-decoration: underline;
}

.placeholders-content {
	margin-top: 6px;
 	background: url(images/common/box_960_bg.png) no-repeat 50% 0;
 	font-size: 1.1em;
}

.placeholders-footer {
	height: 15px;
 	background: url(images/common/box_960_bg_bottom.png) no-repeat 0 100%;
}

.placeholders-place-column {
	width: 120px;
}
.placeholders-name-column {
	width: 120px;
}
.placeholders-combo-column {
	width: 230px;
}
.placeholders-actions-column {
	width: 300px;
}

.pls-interiorammount-column {
	width: 50px;
}

.pls-interioractions-column {
	width: 250px;
}

.placeholders-tabletitle {
	padding: 12px 25px 0 25px;
	color: #b80000;
	font-size: 1.4em;
}

.placeholders-tabletitle b {
	font-weight: normal;	
}

/* ------------------------------- */
/* CLASSIFICATIONTAB 
/* ------------------------------- */
.classificationtab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

.classification-infotext {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.5em;
	color: #C0C0C0;
}

.classification-spcontent {
}

.classification-content {
 	font-size: 1.1em;
 	width: 100%;
}

.classification-footer {
}

.clftab-productgroup-header {
	margin-top: 5px;
 	background: url(images/common/box_960_bg.png) no-repeat 50% 0;
 	width: 100%;
}

.clftab-productgroup-footer {
	height: 15px;
 	background: url(images/common/box_960_bg_bottom.png) no-repeat 0 100%;
}

.selections-content {
}

.selections-footer {
}

.selections-place-column {
	width: 120px;
}
.selections-name-column {
	width: 120px;
}
.selections-description-column {
	width: 320px;
}
.selections-image-column {
	width: 80px;
}

.selections-interiorammount-column {
	width: 30px;
}

.selections-interiorimage-column {
	width: 50px;
}

.products-title {
	padding: 3px 25px 0 25px;
	color: #b80000;
	font-size: 1.3em;
}

.headgrouptitle-container {
	padding: 20px 25px 0 25px;
	color: #555555 !important;
	font-size: 110%;
}

.headgrouptitle-horizontalpanel {
}

.headgroup-name {
	color: #000000 !important;
	font-size: 180% !important;
}

.wallgroup-name {
	padding-left: 25px;
}

.wall-name {
}

.color-name {
}

.edit-link a {
	color: #d71a20;
	text-decoration: none;
}
.edit-link a:hover {
	color: #d71a20;
	text-decoration: underline;
}

.add-link a {
	color: #d71a20;
	text-decoration: none;
	padding-left: 25px;
}
.add-link a:hover {
	color: #d71a20;
	text-decoration: underline;
}

.delete-text {
	margin-left: 25px;
}

.delete-link a {
	color: #d71a20;
	text-decoration: none;
}
.delete-link a:hover {
	color: #d71a20;
	text-decoration: underline;
}

/* ------------------------------- */
/* CONTACTTAB 
/* ------------------------------- */
.contacttab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

.contacttab-vpContent {
	margin-top: 5px;
 	background: url(images/common/box_960_bg.png) no-repeat 50% 0;
 	font-size: 1.1em;
 	width: 960px;
}

.contacttab-spFooter {
	height: 15px;
 	background: url(images/common/box_960_bg_bottom.png) no-repeat 0 100%;
}

.contact-infotext {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
}

.contacttab-htmltitle {
	font-size: 1.8em;
	color: #d71a20;
	margin: 0 0 10px 25px;
}

.contacttab-doorchart-title {
	font-size: 1.8em;
	color: #d71a20;
	margin: 12px 0 10px 25px;
}

.contacttab-housedata-title {
	font-size: 1.8em;
	color: #d71a20;
	margin: 0 0 0 25px;
}

.contacttab-designtitle {
	padding: 4px;
	width: 317px;
	background: #373737;
	color: white;
	margin: 0 0 0 25px;
}

.designtable {
	width: 325px;
	margin-left: 26px;
}

.designtable-column1 {
	width: 175px;
}

.designtable-column2 {
	width: 75px;
}

.designtable-column3 {
	width: 75px;
}

.designtable td {
	height: 30px;
	vertical-align: middle;
	padding-left: 5px;
}

.contact-help-container {
	margin-left: 22px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact-help-image {
	background: url(images/common/icon_info.gif) no-repeat 0 0;
  	width: 63px;
  	height: 53px;
}

.contact-help-text {
	font-size: 1.1em;
	line-height: 150%;
	padding-right: 25px;
}

.personaldetail-table {
	margin: 0 0 20px 25px;
}

.personaldetail-titles-column {
	width: 175px;
}

.personaldetail-fields-column {
	width: 300px;
}

.personaldetail-table input {
	display: block;
	margin: 2px 0 2px 0;
	border: 1px solid #000000;
	padding: 3px 2px;
	width: 250px !important;
}

.housedetail-table {
	margin-left: 25px;
	width: auto !important;
}

.housedetail-table td {
	vertical-align: top !important;
	padding: 2px 0 2px 0;
}

.housedetail-table td td {
	padding: 0 !important;
}

.housedetail-titles-column {
	width: 175px !important;
}

.housedetail-fields-column {
}

.housedetail-table select {
	border: 1px solid #000000;
	padding: 2px 2px 2px 0;
	width: 246px !important;
	margin-bottom: 15px;
}

.housedetail-table select option {
	padding: 0 10px 0 2px;
}

input.gwt-FileUpload {
	border: 1px solid #000000;
	padding: 2px 2px 2px 0;
}

.image-infotext {
	color: #5f5f5f;
	margin: 4px 4px 12px 25px;/*-5px 0 20px 25px;*/
	position: relative;
}
.imageloader-error-text {
	margin-left: 6px;
	width: 300px;
	color: red;
}

.housedescription-title {
	padding-top: 12px;	
	font-weight: bold;
	padding-left: 25px;
}

.housedescription-info {
	padding-top: 12px;
	margin-left: 5px;
	color: #5f5f5f;
}

.housedescription-textarea {
	width: 910px;
	height: 120px;
	border: 1px solid #000000;
	margin-left: 25px;
}

.contacttab-errortext {
	margin-left: 22px;
	margin-top: 6px;
	color: red;
}

.send-button-container {
	margin-left: 25px;
	margin-top: 15px;
}

.send-button { 
  cursor: pointer;
  cursor: hand;
  width: auto !important;
  height: 22px !important; 
  overflow: visible;
  float: left;
  font-size: 120%;
  background: url(images/common/button_bg_left.png) left no-repeat;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 6px;
}

.send-button a {
  text-decoration: none;
  display: block;
  padding: 0 18px 0 12px;
  height: 22px; 
  line-height: 22px;
  background: url(images/common/button_bg_right.png) right no-repeat;
  color: #000000 !important;
}

.send-button a:hover {
	color: ffffff;
}

.redirect-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.redirect-dialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.redirect-dialog-content {
}

.redirect-dialog-content td {
	padding: 2px 0 2px 0;
}

.redirect-dialog-footer {
}

.redirect-dialog-title {
	font-weight: bold;
}

.redirect-dialog-text {
	width: 440px;
	text-align: justify;
}

.redirect-dialog-errortext {
	color: red;
	width: 440px;
	text-align: justify;
}

.redirect-dialog-button {
	width: 80px;
	height: 26px;
}

.showdesign-link-image,
.showdesign-link-image-pressed,
.showdesign-link-image-over {
	width: 15px;
	height: 30px !important;
	background: url(images/common/icon_show.png) no-repeat 0 50%;
	cursor: hand;
	cursor: pointer;
}

.editdesign-link-image,
.editdesign-link-image-pressed,
.editdesign-link-image-over {
	width: 15px;
	height: 30px !important;
	background: url(images/common/icon_edit.png) no-repeat 0 50%;
	cursor: hand;
	cursor: pointer;
}

.createdesign-link-image,
.createdesign-link-image-pressed,
.createdesign-link-image-over {
	width: 15px;
	height: 30px !important;
	background: url(images/common/icon_new.png) no-repeat 0 50%;
	cursor: hand;
	cursor: pointer;
}

.photoinfo-link-image,
.photoinfo-link-image-pressed,
.photoinfo-link-image-over {
	/*width: 19px !important;
	height: 30px !important;*/
	background: url(images/common/icon_camera.png) no-repeat 0 50%;
	cursor: hand;
	cursor: pointer;
	margin: 2px 0 0 3px;
}

.photoinfo-link-text {
	margin:  4px 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080B5;
	vertical-align: middle;
}

.photoinfo-link-text-over,
.photoinfo-link-text-pressed {
	margin: 4px 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080B5;
	text-decoration: underline;
	vertical-align: middle;
}

.showdesign-link-text,
.editdesign-link-text,
.createdesign-link-text {
	margin:  0 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080B5;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
}

.showdesign-link-text-over,
.editdesign-link-text-over,
.createdesign-link-text-over,
.showdesign-link-text-pressed,
.editdesign-link-text-pressed,
.createdesign-link-text-pressed {
	margin: 0 0 0 3px;
	cursor: hand;
	cursor: pointer;
	color: #0080B5;
	text-decoration: underline;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
}

.photohelpdialog {	
	background-color: white;
	padding: 10px;
	z-index: 15;
}

.photohelpdialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 0px; 
	margin: 0px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 0px;
	width: 100%;
}

.photohelpdialog .Caption .Titletext {
	margin-top: 4px;
	background-color: #d71a20;
	color: white;
	padding-left: 5px;
}

.photohelpdialog .Caption .Titleimage {
	width: 25px;
	height: 25px;
	background: url(images/common/icon_close_dialog.png) no-repeat 50% 50%;
	cursor: hand;
	cursor: pointer;
}

.photohelpdialog-content {
	width: 873px;
	height: 400px;
}

.photohelpdialog .block {
	position: absolute;
}

.photohelpdialog .block h4 {
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 135%;
	margin-bottom: 5px;
	text-align: center;
}

.photohelpdialog .block img {
	display: block;
	margin-bottom: 5px;
}

.photohelpdialog .block_header {
	width: 100%;
	top: 15px;
}

.photohelpdialog .block_photo_ok {
	width: 425px;
	top: 50px;
	left: 0;
}

.photohelpdialog .block_photo_bad {
	width: 425px;
	top: 50px;
	left: 447px;
}

.import-doors-composite {
	margin: 16px 0 0 109px;
	cursor: pointer;
	cursor: hand;
}
.import-doors-composite-over {
	margin: 16px 0 0 109px;
	cursor: pointer;
	cursor: hand;
}
.import-doors-composite-pressed {
	margin: 16px 0 0 109px;
	cursor: pointer;
	cursor: hand;
}

.import-doors-composite-text {
	color: #D71A1E;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 4px;
}
.import-doors-composite-text-over {
	color:#D71A1E;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 4px;
}
.import-doors-composite-text-pressed {
	color:#D71A1E;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 4px;
}

.import-doors-image {
	margin-top: 1px;
	width: 17px !important;
	height: 17px !important;
	background-image: url(images/common/import-doors.png);
	background-repeat: no-repeat;
}
.import-doors-image-over {
	margin-top: 1px;
	width: 17px !important;
	height: 17px !important;
	background-image: url(images/common/import-doors.png);
	background-repeat: no-repeat;
}
.import-doors-image-pressed {
	margin-top: 1px;
	width: 17px !important;
	height: 17px !important;
	background-image: url(images/common/import-doors.png);
	background-repeat: no-repeat;
}

.yesnodialog {	
	background-color: white;
	padding: 10px;
	z-index: 15;
	border: 1px solid #000000;
}

.yesnodialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 0px; 
	margin: 0px;
	font-size: 125%;
	cursor: move;
	margin-bottom: 0px;
	width: 100%;
}

.yesnodialog .Caption .Titletext {
	margin-top: 4px;
	background-color: #d71a20;
	color: white;
	padding-left: 5px;
}

.yesnodialog .Caption .Titleimage {
	width: 25px;
	height: 25px;
	background: url(images/common/icon_close_dialog.png) no-repeat 50% 50%;
	cursor: hand;
	cursor: pointer;
}

.yesnodialog-content {
	margin: 6px 0 0 0;
	font-size: 125%;
}

/* ------------------------------- */
/* CUSTOMERDESIGNTAB 
/* ------------------------------- */

.customerdesigntab-topImage {
	width: 960px;
	height: 99px;
	background-image: url(images/common/header.png);
}

.customerdesign-content {
	margin-top: 6px;
 	background: url(images/common/box_960_bg.png) no-repeat 50% 0;
 	font-size: 1.1em;
 	width: 960px;
}

.customerdesign-footer {
	height: 15px;
 	background: url(images/common/box_960_bg_bottom.png) no-repeat 0 100%;
}

.design-page-title {
	font-size: 150%;
	color: #d71a20;
	padding: 0 25px 10px 25px;
}

.design-no-designs-text {
	padding: 10px 0px 20px 25px;
	font-weight: bold;
}

.design-address {
	padding: 0 25px 25px 25px;
}

.design-address br { display: none; } 

.design-hello {
	padding: 25px 25px 10px 25px;
	font-size: 250%;
}

.design-info {
	padding: 0 25px 10px 25px;
}


.gwt-StackPanel { 

}

.design-stackpanel-header {

}

.design-stackpanel-headertext {
	font-size: 140%;
	line-height: 25px;
}

.gwt-StackPanel .gwt-StackPanelItem { 
	padding: 0 25px 15px 25px;
	background: url(images/common/StackPanelItem_bg.jpg) no-repeat 50% 0;
	text-indent: 25px;
	cursor: hand;
}
.gwt-StackPanel .gwt-StackPanelItem-selected { 
	background: url(images/common/StackPanelItem_bg_act.jpg) no-repeat 50% 0;
	text-indent: 10px;
}

.state-title-holder {
	width: 165px;
	height: 60;
	font-weight: bold;
	border: 1px solid #c0c0c0;
	border-right: 0;
	background: #ffffff;
	position: relative;
	top: 0;
	left: 25px;
}

.state-title {
	font-weight: bold;
	margin: 25px 0 0 25px;
	position: relative;
	top: 0;
	left: 25px;
}

.unhandled-state-image {
	height: 60px;
	width: 744px;
	background: url(images/common/unhandled.jpg) no-repeat 50% 50% #ffffff;
	border: 1px solid #c0c0c0;
	border-left: 0;
}

.active-state-image {
	height: 60px;
	width: 744px;
	background: url(images/common/active.jpg) no-repeat 50% 50% #ffffff;
	border: 1px solid #c0c0c0;
	border-left: 0;
}

.no-state-image {
	height: 60px;
	width: 744px;
	background: url(images/common/nostate.jpg) no-repeat 50% 50% #ffffff;
	border: 1px solid #c0c0c0;
	border-left: 0;
}

.design-not-handled-text {
	font-size: 125%;
	padding: 10px 0 15px 25px;
}

.design-table {
	margin: 0 25px 20px 25px;
}

.design-table-leftcolumn {
	width: 165px;
}

.design-table-rightcolumn {
}

.design-table-titles {
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.design-table-texts {
	padding: 2px 0 2px 0;
}

.customer-textarea {
	width: 740px;
	height: 120px;
	background-color: #fff !important;
}

.design-edit-button {
	cursor: pointer;
	cursor: hand;
	width: 185px !important;
	height: 22px !important; 
	overflow: visible;
	float: left;
	font-size: 120%;
	background: url(images/common/button_bg_left.png) left no-repeat;
	margin-bottom: 5px;
	margin-left: 0;
	position: relative;
	top: 0;
	left: 188px;
}

.design-edit-button a {
	text-decoration: none;
	display: block;
	padding: 0 18px 0 12px;
	height: 22px; 
	line-height: 22px;
	background: url(images/common/button_bg_right.png) right no-repeat;
	color: #000000 !important;
}

/* VerticalPanel aligns automatically to right */
.design-link-container {
	width: 940px;
}

.design-link-container a{
}

.customerimage-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.customerimage-dialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.customerimage-dialog-image {
}

.customerimage-dialog-image td {
	padding: 2px 0 2px 0;
}

.customerimage-dialog-scrollpanel {
	width: 800px;
	height: 600px;
}

.customerimage-dialog-closebtn {
	width: 100px;
}

.cstdlg-dialog {	
	background-color: white;
	padding: 10px;
	border: 1px solid #000000;
}

.cstdlg-dialog .Caption {
	background-color: #d71a20; /*#C3D9FF;*/
	color: white;
	padding: 3px;
	margin: 2px;
	font-size: 125%;
	cursor: default;
	margin-bottom: 10px;
}

.cstdlg-housedescription-textarea {
	width: 400px;
	height: 120px;
}

.cstdlg-save-button {
	margin-right: 4px;
}

.cstdlg-save-button-container {
	width: 326px;
	margin-left: 120px;
}

.cstdlg-close-button-container {
}

/* ------------------------------- */
/* DESIGNTABHOLDER & TABS 
/* ------------------------------- */

.design-tabholder {
	background: url(images/common/design-tabholder_bg.jpg) repeat-x 0 26px #ffffff;
	margin: 0 0 25px 25px !important;
	width: 910px !important;
}

.design-tabholder table {
	width: auto !important;
}

.design-tabholder table.flextable {
	width: 860px !important;
	margin-top: 25px;
}

.design-tabholder .products-title {
	padding: 10px 25px 0 25px;
	color: #b80000;
	font-size: 1.3em;
	margin-bottom: 0;
	position: relative;
	left: 0;
	top: 15px;
}

.design-tabbar-text {
	font-size: 1.10em;
	line-height: 25px;
	height: 25px;
	margin-top: 2px;
	display: block;
	padding: 0 15px 0 15px;
	background: url(images/common/tabholder_bg_left.jpg) no-repeat 0 0;
}

.design-tabbar {
	background: #f5f3ef;
	height: 26px;
}

.design-tabbar .gwt-TabBarFirst {
	margin-left: 295px;
}

.design-tabbar .gwt-TabBarRest {

}

.design-tabbar .gwt-TabBarItem {
	cursor: pointer;
	cursor: hand;
	color: #555555;
	background: url(images/common/tabholder_bg_right.jpg) no-repeat 100% 0;
	margin-right: 1px;
}

.design-tabbar .gwt-TabBarItem:hover {
	color: #000000;
}

.design-tabbar .gwt-TabBarItem-selected {
	background: url(images/common/tabholder_bg_right_act.jpg) no-repeat 100% 0;
	color: #940005;
	font-weight: bold;
}

.design-tabbar .gwt-TabBarItem-selected:hover {
	color: #940005;
}

.design-tabbar .gwt-TabBarItem-selected div {
	background: url(images/common/tabholder_bg_left_act.jpg) no-repeat 0 0;
}

.design-facadetab {
}

.design-entrancetab {
}

.design-interiortab {
}

/* Is AbsolutePanel */
.design-wallimage {
	display: block;
	margin: 30px auto 50px auto;
	width: auto;
}