body,td,a,div,.p {
	font-family: arial, sans-serif;
}

/* fix for google map... */
.gm-style div {
  overflow:visible;
}

div {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

a {
	color: black;
	text-decoration: none;
	overflow: hidden;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	overflow: auto;
	background-color: #989898;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.SynchroResultWindow {
	box-sizing: border-box;
}

.SynchroResultPanel {
	top: 50px;
	left: 3px;
	right: 3px;
	margin: 0px auto;
	position: absolute;
	-webkit-box-shadow: 0px 0px 20px #666;
	-moz-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666;
}

.SynchroWindow {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',
		EndColorStr='#cccccc');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		color-stop(15%, #eee), to(#cccccc)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, color-stop(15%, #eee),
		#cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #ffffff, color-stop(15%, #eee),
		#cccccc); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #ffffff, color-stop(15%, #eee),
		#cccccc); /* IE10 */
	background-image: -o-linear-gradient(top, #ffffff, color-stop(15%, #eee),
		#cccccc); /* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #ffffff, color-stop(15%, #eee),
		#cccccc);
}

a.sdd {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

a.sdd:link {
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

a.sdd:visited {
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

a.sdd:hover {
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

a.sdd:active {
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

.synchro-title {
	background-image: url(title.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.synchro-footer {
	background-image: url(footer.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.option-separator {
	overflow: hidden;
	background-color: #2d4055;
}

.menu-toggle-up {
	width: 150px;
	border-left-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-width: 1px;
	border-style: solid;
	background-image: url(corners-middle.png);
	background-position: 0px 0px;
	overflow: hidden;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	white-space: nowrap;
	text-align: center;
	color: #b9deff;
}

.menu-toggle-down {
	width: 150px;
	border-left-color: #333333;
	border-top-color: #333333;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-width: 1px;
	border-style: solid;
	background-image: url(corners-middle.png);
	background-position: 0px 0px;
	overflow: hidden;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	white-space: nowrap;
	text-align: center;
	color: #b9deff;
}

.gwt-MenuBar {
	border-color: #66FF66;
	border-width: 0px;
	border-style: solid;
	/*background-color: #AAFFAA;*/
	overflow: hidden;
	/*margin-top: 7px;*/
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
	cursor: default;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 14px;
}

.gwt-MenuBar .gwt-MenuItem { /*background-color: #AAFFAA;*/
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	overflow: hidden;
	color: #B9DEFF;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	border-color: #AAFFAA;
	border-width: 0px;
	border-style: solid;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
}

.SynchroHeader {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 80px;
	left: 0px;
	width: 100%;
	position: fixed;
}

.SynchroAdminHeader {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: fixed;
}

.SynchroResultHeader {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}

.SynchroResultHeader-left {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}

.SynchroResultHeader-middle {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}

.SynchroResultHeader-right {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}

.SynchroWindowHeader {
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	width: 100%;
}

.popupmenu { /*background-color: #AAFFAA;*/
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	overflow: hidden;
	color: #B9DEFF;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	border-color: #AAFFAA;
	border-width: 0px;
	border-style: solid;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
}

.popupmenu:hover {
	color: #ffffff;
}

.gwt-MenuItem {
	width: 100%;
	margin-left: 20px;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	background-image: url(corners-middle.png);
	background-position: 0px -4px;
	overflow: hidden;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	border-color: #AAFFAA;
	border-width: 0px;
	border-style: solid;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	font-size: 14px;
}

.CriteriaItemName {
	text-align: right;
	margin-right: 10px;
	white-space: nowrap;
}

.btnCollapse {
	float: right;
}

.horz {
	width: 100%;
	border-color: #00FF00;
	border-width: 0px;
	border-style: solid;
	padding-left: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
	display: block;
}

.lblQuery {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	word-spacing: normal;
}

.lblResult {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	word-spacing: normal;
}

.synchro-criteria {
	border-width: 0px;
	border-style: solid;
	margin-top: 5px;
}

.synchro-criteria-error {
	background-color: #FFBBBB;
	border-color: #FF5555;
	border-width: 1px;
	border-style: solid;
	margin-top: 5px;
}

.window-header-left {
	background-image: url(top-corners.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-header-middle {
	background-image: url(top.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-header-right {
	background-image: url(top-corners.png);
	background-position: 20px 0px;
	overflow: hidden;
}

.window-header-right-close {
	background-image: url(top-close.png);
	background-position: 20px 0px;
	overflow: hidden;
}

.window-body {
	overflow: hidden;
}

.window-body-left {
	background-image: url(side.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-body-middle {
	overflow: hidden;
	background-color: #FFFFFF;
}

.wndResult-body-middle {
	overflow: auto;
	background-color: #dddddd;
}

.window-body-right {
	background-image: url(side.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-footer-left {
	background-image: url(bottom-corners.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-footer-middle {
	background-image: url(bottom.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.window-footer-right {
	background-image: url(bottom-corners.png);
	background-position: 20px 0px;
	overflow: hidden;
}

.window-header-left-resize {
	cursor: nw-resize;
}

.window-header-right-resize {
	cursor: ne-resize;
}

.window-footer-left-resize {
	cursor: sw-resize;
}

.window-footer-right-resize {
	cursor: se-resize;
}

.window-header-middle-drag {
	cursor: move;
}

.window-body-left-resize {
	cursor: w-resize;
}

.window-body-right-resize {
	cursor: e-resize;
}

.window-nocolor {
	overflow: hidden;
}

.window-nocolor-header-left {
	overflow: hidden;
}

.window-nocolor-header-middle {
	overflow: hidden;
}

.window-nocolor-header-right {
	overflow: hidden;
}

.window-nocolor-header-right-close {
	overflow: hidden;
}

.window-nocolor-body {
	overflow: hidden;
}

.window-nocolor-body-left {
	overflow: hidden;
}

.window-nocolor-body-middle {
	overflow: hidden;
	/*background-color: #FFFFFF;*/
}

.window-nocolor-body-right {
	overflow: hidden;
}

.window-nocolor-footer-left {
	overflow: hidden;
}

.window-nocolor-footer-middle {
	overflow: hidden;
}

.window-nocolor-footer-right {
	overflow: hidden;
}

.PageTitle {
	background-image: url(banner.png);
	margin-bottom: 20px;
}

.hlayout {
	width: 200px;
	height: 20px;
	display: block;
	border-style: solid;
}

.radio-group-title {
	position: relative;
	top: -5px;
	left: 0px;
	background-color: #FFFFFF;
}

.click-accept {
	background-image: url(actions.png);
	background-position: -2px 0px;
	overflow: hidden;
}

.click-accept-b {
	background-image: url(actions.png);
	background-position: -2px 20px;
	overflow: hidden;
}

.click-add {
	background-image: url(actions.png);
	background-position: -26px -1px;
	overflow: hidden;
}

.click-add-b {
	background-image: url(actions.png);
	background-position: -26px 20px;
	overflow: hidden;
}

.click-back {
	background-image: url(actions.png);
	background-position: -50px -1px;
	overflow: hidden;
}

.click-back-b {
	background-image: url(actions.png);
	background-position: -50px 20px;
	overflow: hidden;
}

.click-close {
	background-image: url(actions.png);
	background-position: -74px 0px;
	overflow: hidden;
}

.click-close-b {
	background-image: url(actions.png);
	background-position: -74px 20px;
	overflow: hidden;
}

.click-configure {
	background-image: url(actions.png);
	background-position: -98px -1px;
	overflow: hidden;
}

.click-configure-b {
	background-image: url(actions.png);
	background-position: -98px 20px;
	overflow: hidden;
}

.click-console {
	background-image: url(actions.png);
	background-position: -122px 0px;
	overflow: hidden;
}

.click-console-b {
	background-image: url(actions.png);
	background-position: -122px 20px;
	overflow: hidden;
}

.click-delete {
	background-image: url(actions.png);
	background-position: -146px 0px;
	overflow: hidden;
}

.click-delete-b {
	background-image: url(actions.png);
	background-position: -146px 20px;
	overflow: hidden;
}

.click-down {
	background-image: url(actions.png);
	background-position: -170px 0px;
	overflow: hidden;
}

.click-down-b {
	background-image: url(actions.png);
	background-position: -170px 20px;
	overflow: hidden;
}

.click-edit {
	background-image: url(actions.png);
	background-position: -194px -1px;
	overflow: hidden;
}

.click-edit-b {
	background-image: url(actions.png);
	background-position: -194px 20px;
	overflow: hidden;
}

.click-expand {
	background-image: url(actions.png);
	background-position: -218px -1px;
	overflow: hidden;
}

.click-expand-b {
	background-image: url(actions.png);
	background-position: -218px 20px;
	overflow: hidden;
}

.click-expand2 {
	background-image: url(actions.png);
	background-position: -242px -1px;
	overflow: hidden;
}

.click-expand2-b {
	background-image: url(actions.png);
	background-position: -242px 20px;
	overflow: hidden;
}

.click-export-file1 {
	background-image: url(actions.png);
	background-position: -266px 0px;
	overflow: hidden;
}

.click-export-file1-b {
	background-image: url(actions.png);
	background-position: -266px 20px;
	overflow: hidden;
}

.click-export-file2 {
	background-image: url(actions.png);
	background-position: -290px 0px;
	overflow: hidden;
}

.click-export-file2-b {
	background-image: url(actions.png);
	background-position: -290px 20px;
	overflow: hidden;
}

.click-export-folder1 {
	background-image: url(actions.png);
	background-position: -314px -1px;
	overflow: hidden;
}

.click-export-folder1-b {
	background-image: url(actions.png);
	background-position: -314px 20px;
	overflow: hidden;
}

.click-export-folder2 {
	background-image: url(actions.png);
	background-position: -338px 0px;
	overflow: hidden;
}

.click-export-folder2-b {
	background-image: url(actions.png);
	background-position: -338px 20px;
	overflow: hidden;
}

.click-go-down {
	background-image: url(actions.png);
	background-position: -362px 0px;
	overflow: hidden;
}

.click-go-down-b {
	background-image: url(actions.png);
	background-position: -362px 20px;
	overflow: hidden;
}

.click-go-next {
	background-image: url(actions.png);
	background-position: -386px 0px;
	overflow: hidden;
}

.click-go-next-b {
	background-image: url(actions.png);
	background-position: -386px 20px;
	overflow: hidden;
}

.click-go-previous {
	background-image: url(actions.png);
	background-position: -410px 0px;
	overflow: hidden;
}

.click-go-previous-b {
	background-image: url(actions.png);
	background-position: -410px 20px;
	overflow: hidden;
}

.click-help {
	background-image: url(actions.png);
	background-position: -434px 0px;
	overflow: hidden;
}

.click-help-b {
	background-image: url(actions.png);
	background-position: -434px 20px;
	overflow: hidden;
}

.click-info {
	background-image: url(actions.png);
	background-position: -458px -1px;
	overflow: hidden;
}

.click-info-b {
	background-image: url(actions.png);
	background-position: -458px 20px;
	overflow: hidden;
}

.click-info-green {
	background-image: url(actions.png);
	background-position: -482px -1px;
	overflow: hidden;
}

.click-info-green-b {
	background-image: url(actions.png);
	background-position: -482px 20px;
	overflow: hidden;
}

.click-info-orange {
	background-image: url(actions.png);
	background-position: -506px -1px;
	overflow: hidden;
}

.click-info-orange-b {
	background-image: url(actions.png);
	background-position: -506px 20px;
	overflow: hidden;
}

.click-info-red {
	background-image: url(actions.png);
	background-position: -530px -1px;
	overflow: hidden;
}

.click-info-red-b {
	background-image: url(actions.png);
	background-position: -530px 20px;
	overflow: hidden;
}

.click-info-yellow {
	background-image: url(actions.png);
	background-position: -554px -1px;
	overflow: hidden;
}

.click-info-yellow-b {
	background-image: url(actions.png);
	background-position: -554px 20px;
	overflow: hidden;
}

.click-list-add {
	background-image: url(actions.png);
	background-position: -578px -1px;
	overflow: hidden;
}

.click-list-add-b {
	background-image: url(actions.png);
	background-position: -578px 20px;
	overflow: hidden;
}

.click-next {
	background-image: url(actions.png);
	background-position: -602px 0px;
	overflow: hidden;
}

.click-next-b {
	background-image: url(actions.png);
	background-position: -602px 20px;
	overflow: hidden;
}

.click-pause {
	background-image: url(actions.png);
	background-position: -626px -1px;
	overflow: hidden;
}

.click-pause-b {
	background-image: url(actions.png);
	background-position: -626px 20px;
	overflow: hidden;
}

.click-play {
	background-image: url(actions.png);
	background-position: -650px -1px;
	overflow: hidden;
}

.click-play-b {
	background-image: url(actions.png);
	background-position: -650px 20px;
	overflow: hidden;
}

.click-refresh {
	background-image: url(actions.png);
	background-position: -674px -1px;
	overflow: hidden;
}

.click-refresh-b {
	background-image: url(actions.png);
	background-position: -674px 20px;
	overflow: hidden;
}

.click-search {
	background-image: url(actions.png);
	background-position: -698px -1px;
	overflow: hidden;
}

.click-search-b {
	background-image: url(actions.png);
	background-position: -698px 20px;
	overflow: hidden;
}

.click-shrink {
	background-image: url(actions.png);
	background-position: -722px -1px;
	overflow: hidden;
}

.click-shrink-b {
	background-image: url(actions.png);
	background-position: -722px 20px;
	overflow: hidden;
}

.click-shrink2 {
	background-image: url(actions.png);
	background-position: -746px 0px;
	overflow: hidden;
}

.click-shrink2-b {
	background-image: url(actions.png);
	background-position: -746px 20px;
	overflow: hidden;
}

.click-stats {
	background-image: url(actions.png);
	background-position: -770px 0px;
	overflow: hidden;
}

.click-stats-b {
	background-image: url(actions.png);
	background-position: -770px 20px;
	overflow: hidden;
}

.click-trash {
	background-image: url(actions.png);
	background-position: -794px -1px;
	overflow: hidden;
}

.click-trash-b {
	background-image: url(actions.png);
	background-position: -794px 20px;
	overflow: hidden;
}

.click-trash-full {
	background-image: url(actions.png);
	background-position: -818px 0px;
	overflow: hidden;
}

.click-trash-full-b {
	background-image: url(actions.png);
	background-position: -818px 20px;
	overflow: hidden;
}

.click-up {
	background-image: url(actions.png);
	background-position: -842px 0px;
	overflow: hidden;
}

.click-up-b {
	background-image: url(actions.png);
	background-position: -842px 20px;
	overflow: hidden;
}

.click-user {
	background-image: url(actions.png);
	background-position: -866px 0px;
	overflow: hidden;
}

.click-user-b {
	background-image: url(actions.png);
	background-position: -866px 20px;
	overflow: hidden;
}

.click-view-refresh {
	background-image: url(actions.png);
	background-position: -890px -1px;
	overflow: hidden;
}

.click-view-refresh-b {
	background-image: url(actions.png);
	background-position: -890px 20px;
	overflow: hidden;
}

.click-wait1 {
	background-image: url(actions.png);
	background-position: -914px 0px;
	overflow: hidden;
}

.click-wait1-b {
	background-image: url(actions.png);
	background-position: -914px 20px;
	overflow: hidden;
}

.click-wait2 {
	background-image: url(actions.png);
	background-position: -938px 0px;
	overflow: hidden;
}

.click-wait2-b {
	background-image: url(actions.png);
	background-position: -938px 20px;
	overflow: hidden;
}

.click-wait3 {
	background-image: url(actions.png);
	background-position: -962px 0px;
	overflow: hidden;
}

.click-wait3-b {
	background-image: url(actions.png);
	background-position: -962px 20px;
	overflow: hidden;
}

.click-wait4 {
	background-image: url(actions.png);
	background-position: -986px 0px;
	overflow: hidden;
}

.click-wait4-b {
	background-image: url(actions.png);
	background-position: -986px 20px;
	overflow: hidden;
}

.click-window {
	background-image: url(actions.png);
	background-position: -1010px 0px;
	overflow: hidden;
}

.click-window-b {
	background-image: url(actions.png);
	background-position: -1010px 20px;
	overflow: hidden;
}

.click-window-b {
	background-image: url(actions.png);
	background-position: -1034px 0px;
	overflow: hidden;
}

.click-window-b-b {
	background-image: url(actions.png);
	background-position: -1034px 20px;
	overflow: hidden;
}

.click-zoomin {
	background-image: url(actions.png);
	background-position: -1058px 0px;
	overflow: hidden;
}

.click-zoomin-b {
	background-image: url(actions.png);
	background-position: -1058px 20px;
	overflow: hidden;
}

.click-zoomout {
	background-image: url(actions.png);
	background-position: -1082px 0px;
	overflow: hidden;
}

.click-zoomout-b {
	background-image: url(actions.png);
	background-position: -1082px 20px;
	overflow: hidden;
}

.my-hint-header {
	border-width: 0px;
	background-color: #000000;
	max-height: 8px;
	min-Height: 8px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.hint-panel {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding-left: 0px;
	padding-top: 0px;
	background-color: #dddddd;
	overflow: hidden;
}

.hint-value {
	font-size: 12px;
	padding-top: 3px;
	padding-left: 3px;
	overflow: hidden;
}

.result-table-title {
	background-color: #ECECEC;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-color: #2d4055;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-style: solid;
	font-weight: bold;
	font-size: 12px;
}

.result-title {
	background-color: white;
	color: rgb(95, 106, 114);
}

.result-even {
	background-color: #D7D7D7;
	color: rgb(95, 106, 114);
	white-space: nowrap;
}

.result-odd {
	background-color: #ECECEC;
	color: rgb(95, 106, 114);
	white-space: nowrap;
}

.result-cell-top-title {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-right-color: rgb(95, 106, 114);
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
	font-weight: bold;
	font-size: 12px;
}

.result-cell-top-right-title {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-right-color: black;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-style: solid;
	font-weight: bold;
	font-size: 12px;
}

.result-cell-left-title {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border-right-color: rgb(95, 106, 114);
	border-bottom-color: white;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	font-size: 12px;
}

.result-cell-right {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border-right-color: black;
	border-bottom-color: white;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-style: solid;
	font-size: 12px;
}

.result-cell-bottom {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border-right-color: rgb(95, 106, 114);
	border-bottom-color: black;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-style: solid;
	font-size: 12px;
}

.result-cell-bottom-right {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border-right-color: black;
	border-bottom-color: black;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-style: solid;
	font-size: 12px;
}

.result-cell-right-msg {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border-right-color: white;
	border-bottom-color: white;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	font-size: 12px;
}

.result-cell-value {
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	border-color: #2d4055;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	border-left-width: 0px;
	font-size: 12px;
}

.go-down-popup { /*border-color: #00AA00;*/
	font-weight: bold;
	border-width: 0px;
	border-style: solid;
	padding-left: 0px;
	padding-top: 0px;
	/*background-color: #AAFFAA;*/
}

.go-down-item {
	font-size: 12px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.go-down-item-over {
	font-size: 12px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-color: #2d4055;
}

.mainbar-left {
	background-image: url(corners.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.mainbar-middle {
	background-image: url(corners-middle.png);
	background-position: 0px 0px;
	overflow: hidden;
}

.mainbar-right {
	background-image: url(corners.png);
	background-position: 20px 0px;
	overflow: hidden;
}

.small-white-link {
	font-weight: bold;
	font-size: 14px;
	color: #B9DEFF;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	white-space: nowrap;
}

.small-white-link:hover {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	white-space: nowrap;
}

.small-white-text {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 3px;
	cursor: default;
	white-space: nowrap;
}

.small-button { /*background-color: #AAFFAA;*/
	background-image: url(corners-middle.png);
	background-position: 0px -1px;
	overflow: hidden;
	/*color: #B9DEFF;
	margin-top: 0px;
	padding-top: 3px;
	*/
	padding-left: 5px;
	/*padding-right: 5px;
	padding-bottom: 3px;*/
	border-color: #000000;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 3px;
}

/** Add css rules here for your application. */
.RichTextToolbar {
	background: #E2E2E2;
	padding: 5px;
	margin: 0px;
	/*border: red 1px solid;*/
}

.RichTextToolbar .gwt-ToggleButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-PushButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-ToggleButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-ToggleButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-PushButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.gwt-RichTextArea {
	
}

.hasRichTextToolbar {
	border: 0px;
}

.gwt-RichTextToolbar {
	background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
	border-bottom: 1px solid #BBBBBB;
	padding: 3px;
	margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
	padding: 0px 1px 0px 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.cw-RichText {
	border: 1px solid #BBBBBB;
	border-spacing: 0px;
}

.gwt-TabLayoutPanel {
	
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background: #ccc;
	padding-top: 6px;
	padding-left: 5px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
	border-color: #ccc;
	border-style: solid;
	border-width: 0px 0px 0px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	overflow: hidden;
	padding: 6px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	margin-left: 4px;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	cursor: hand;
	color: white;
	font-weight: normal;
	text-align: center;
	background: #8E8E8E;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	cursor: default;
	background: white;
	color: #333;
	font-weight: bold;
}

.gwt-DatePicker {
	border: 1px solid #00CCFF;
	cursor: default;
}

.gwt-DatePicker td,.datePickerMonthSelector td:focus {
	outline: none
}

.datePickerDays {
	width: 100%;
	background: #4d4d4d;
}

.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	outline: none;
	color: #dddddd;
}

.datePickerWeekdayLabel,.datePickerWeekendLabel {
	background: #222222;
	padding: 0px 4px 2px;
	cursor: default;
}

.datePickerDay {
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsToday {
	border: 1px solid #00CCFF;
	padding: 3px;
}

.datePickerDayIsWeekend {
	background: #333333;
}

.datePickerDayIsFiller {
	color: #959595;
}

.datePickerDayIsValue {
	background: #1C1C1C;
	color: #00CCFF;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #00CCFF;
	color: #1C1C1C;
}

.datePickerDayIsValueAndHighlighted {
	background: #1C1C77;
	color: #00CCFF;
}

.datePickerMonthSelector {
	background: #222222;
	width: 100%;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-size: 70%;
	font-weight: bold;
	color: #dddddd;
}

.datePickerPreviousButton,.datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	cursor: hand;
	cursor: pointer;
	padding: 0px 4px;
	color: #dddddd;
}

.SynchroSelectedDate {
	background-color: green;
	color: #030;
}

.SynchroIndexDate {
	border: 1px solid orange;
	color: #030;
}

.DialogBar {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 50px;
	border-top: 2px solid black;
	text-align: center;
}

.DialogButton {
	display: inline-block;
	width: 80px;
	margin-top: 10px;
	padding: 3px;
	height: 25px;
	border: 1px solid black;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D0D0D0',
		EndColorStr='#A0A0A0');
	background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0),
		to(#A0A0A0)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, #D0D0D0, #A0A0A0);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background: -moz-linear-gradient(top, #D0D0D0, #A0A0A0); /* FF3.6 */
	background: -ms-linear-gradient(top, #D0D0D0, #A0A0A0); /* IE10 */
	background: -o-linear-gradient(top, #D0D0D0, #A0A0A0);
	/* Opera 11.10+ */
	background: linear-gradient(to bottom, #D0D0D0, #A0A0A0);
	height: 25px;
}

.DialogContent {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50px;
	bottom: 50px;
	border-top: 2px solid black;
}

.DialogClose {
	background-image: url(37-circle-x.png);
	position: absolute;
	right: 10px;
	top: 10px;
	height: 28px;
	width: 28px;
	cursor: default;
}

.DialogHeader {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50px;
	font-family: arial;
	font-variant: small-capsa;
	font-weight: bolda;
	font-size: 30px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444',
		EndColorStr='#000000');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444),
		to(black)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #444444, black);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #444444, black);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #444444, black); /* IE10 */
	background-image: -o-linear-gradient(top, #444444, black);
	/* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #444444, black);
}

.DialogTitle {
	position: absolute;
	display: block;
	left: 10px;
	top: -0.6em;
	color: white;
}

.SynchroDialog {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 600px;
	background-color: white;
	height: 300px;
	z-index: 1000;
	border: 2px solid black;
}

.SynchroTopBar {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333',
		EndColorStr='#000000');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333),
		to(black)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #333, black);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #333, black); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #333, black); /* IE10 */
	background-image: -o-linear-gradient(top, #333, black);
	/* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #333, black);
	height: 50px;
}

.HomeButton {
	position: absolute;
	top: 15px;
	left: 200px;
	width: 20px;
	height: 20px;
}

.ViewButton {
	position: absolute;
	top: 15px;
	left: 235px;
	width: 30px;
	height: 20px;
}

.ViewButton1 {
	position: absolute;
	top: 15px;
	left: 200px;
	height: 20px;
}

.ReportButton {
	position: absolute;
	top: 15px;
	left: 285px;
	width: 25px;
	height: 20px;
}

.LockButton {
	position: absolute;
	top: 15px;
	left: 335px;
	width: 23px;
	height: 20px;
}

.UnlockButton {
	position: absolute;
	top: 15px;
	left: 335px;
	height: 20px;
	width: 17px;
	height: 20px;
}

.OptionButton {
	position: absolute;
	top: 10px;
	right: 20px;
	height: 25px;
}

.ActionButton {
	position: absolute;
	top: 15px;
	left: 235px;
	width: 22px;
	height: 20px;
}

.ConfigButton {
	position: absolute;
	top: 15px;
	left: 285px;
	width: 19px;
	height: 20px;
}

.PresetButton {
	position: absolute;
	top: 15px;
	left: 325px;
	width: 29px;
	height: 20px;
}

.SynchroLogo {
	display: inline-block;
	margin-left: 20px;
	height: 40px;
	position: absolute;
	top: 5px;
}

.SynchroImage {
	height: 40px;
}

.UserLabel {
	position: absolute;
	top: 10px;
	right: 70px;
	color: cyan;
	font-weight: normal;
	font-size: 12px;
}

.ViewLabel {
	position: absolute;
	top: 28px;
	right: 70px;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

.AbsoluteFill {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	/*margin-left: 4px;*/
	vertical-align: middle;
}

.roundBox {
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px;
	/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.gradient {
	background-color: #444444;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777',
		EndColorStr='#444444');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777777),
		to(#444444)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #777777, #444444);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #777777, #444444);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #777777, #444444);
	/* IE10 */
	background-image: -o-linear-gradient(top, #777777, #444444);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #777777, #444444);
}

.hcenter {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 20px;
	height: auto;
}

.vcenter {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: -5px;
	height: 20px;
}

.vcenterw {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: -8px;
	height: 20px;
}

.cm {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: visible;
}

.cmgrad {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.6;
	background: url(clear.cache.gif);
}

.slide {
	-webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */
	-moz-transition: all 0.5s ease-out; /* FF4+ */
	-ms-transition: all 0.5s ease-out; /* IE10? */
	-o-transition: all 0.5s ease-out; /* Opera 10.5+ */
	transition: all 0.5s ease-out;
	overflow: hidden;
	height: 40px;
	left: -1000px;
	position: absolute;
	width: 100%;
}

.SliderContainer {
	height: 40px;
	position: relative;
	overflow: hidden;
}

.badge {
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px;
	/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 175px;
	margin: 2px;
	overflow: visible;
	height: 40px;
	white-space: nowrap;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777',
		EndColorStr='#444444');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777777),
		to(#444444)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #777777, #444444);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #777777, #444444);
	/* FF3.6 */
	background-image: -ms-linear-gradient(top, #777777, #444444);
	/* IE10 */
	background-image: -o-linear-gradient(top, #777777, #444444);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #777777, #444444);
}

.badge-glass {
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px;
	/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.badge-glass:hover {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%,
		rgba(0, 0, 0, 0) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 0.65)), color-stop(50%, rgba(0, 0, 0, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%,
		rgba(0, 0, 0, 0) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%,
		rgba(0, 0, 0, 0) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%,
		rgba(0, 0, 0, 0) 50%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%,
		rgba(0, 0, 0, 0) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(         startColorstr='#a6ffffff',
		endColorstr='#00000000', GradientType=0); /* IE6-8 */
}

.old-badge-glass:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#30bababa',
		EndColorStr='#30ffffff');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa),
		color-stop(50%, transparent), to(transparent)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #bababa, color-stop(50%, transparent),
		to(transparent)); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #bababa, color-stop(50%, transparent),
		to(transparent)); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #bababa, color-stop(50%, transparent),
		to(transparent)); /* IE10 */
	background-image: -o-linear-gradient(top, #bababa, color-stop(50%, transparent),
		to(transparent)); /* Opera 11.10+ */
	background-image: linear-gradient(top, #bababa, color-stop(50%, transparent),
		to(transparent));
}

.badge-list {
	width: 270px;
}

.short-badge-list {
	width: 200px;
}

.report-badge-list {
	width: 300px;
	height: 480px;
	overflow-y: scroll;
}

.badge-text {
	color: #ddd;
	font-size: 16px;
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
	margin-left: 5px;
	font-family: sans-serif;
	width: 130px;
	overflow: hidden;
	line-height: 40px;
}

.badge-text-noicon {
	color: #ddd;
	font-size: 16px;
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
	margin-left: 5px;
	font-family: sans-serif;
	width: 178px;
	overflow: hidden;
	line-height: 40px;
}

.badge-select {
	color: #555;
	font-size: 24px;
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
	margin-left: 5px;
	font-family: sans-serif;
	position: absolute;
	right: -15px;
	top: 9px;
}

.SynchroThumb {
	display: inline-block;
	width: 320px;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.SynchroMiniView {
	width: 1280px;
	height: 720px;
	border: 0px solid black;
}

.SynchroMiniViewGlass {
	display: inline-block;
	width: 320px;
	height: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#palette {
	border: 2px solid black;
}

.viewsplash {
	border: 2px solid #000000;
	-webkit-box-shadow: 0px 0px 20px #666;
	-moz-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666;
}

.progress-box {
	overflow: hidden;
	width: 8em;
	height: 8em;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.progress-img {
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	padding-top: 2em;
}

.progress-txt {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 1.2em;
	color: rgb(0, 0, 0);
	color: rgba(0, 0, 0, 0.7);
	text-align: center;
	line-height: 1.2em;
	font-size: 2em;
	font-weight: bolder;
}

.zone-nw {
	cursor: nw-resize;
	opacity: 0;
	overflow: hidden;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
	position: absolute;
}

.zone-ne {
	cursor: ne-resize;
	opacity: 0;
	overflow: hidden;
	width: 20px;
	height: 20px;
	top: 0px;
	right: 0px;
	position: absolute;
}

.zone-sw {
	cursor: sw-resize;
	opacity: 0;
	overflow: hidden;
	width: 20px;
	height: 20px;
	bottom: 0px;
	left: 0px;
	position: absolute;
}

.zone-se {
	cursor: se-resize;
	opacity: 0;
	overflow: hidden;
	width: 20px;
	height: 20px;
	bottom: 0px;
	right: 0px;
	position: absolute;
}

.zone-n {
	cursor: n-resize;
	opacity: 0;
	overflow: hidden;
	height: 3px;
	top: 0px;
	left: 20px;
	right: 20px;
	position: absolute;
}

.zone-s {
	cursor: s-resize;
	opacity: 0;
	overflow: hidden;
	height: 3px;
	bottom: 0px;
	left: 20px;
	right: 20px;
	position: absolute;
}

.zone-w {
	cursor: w-resize;
	opacity: 0;
	overflow: hidden;
	width: 3px;
	top: 20px;
	left: 0px;
	bottom: 20px;
	position: absolute;
}

.zone-e {
	cursor: e-resize;
	opacity: 0;
	overflow: hidden;
	width: 3px;
	top: 20px;
	right: 0px;
	bottom: 20px;
	position: absolute;
}

.zone-b {
	cursor: move;
	opacity: 0;
	overflow: hidden;
	top: 0px;
	left: 0px;
	right: 20px;
	bottom: 20px;
	position: absolute;
	/* for ie... */
	background: url(clear.cache.gif);
}