/*
// Copyright Just2easy Limited 2010,12 all rights reserved.
*/

body{
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
font-size: 10pt;
}
	
noscript{
	color:red;
	position:relative;
	left:10px;
	top:10px;
	font-size:16pt;
}
		
.cropContents img{position:relative;}
.cropContents {overflow:hidden;}

.j2text {outline:1px none #ccc;height:auto;white-space:pre-wrap;}
.j2text p {outline: 0 solid transparent;margin:0;min-height:20px;line-height:120%;}
.j2text p *{line-height:120%;}
.j2text p:focus {outline:0 solid transparent;}
.j2text[data-link] {color:#0E80CD;} /* Same colour as a:link a:visited a:hover styles */
.j2text[data-link]:hover {color:#0E80CD; text-decoration:underline !important;}
.j2tcontent {outline:none; min-width:25px; /*padding-right:25px;*/}

.j2graphic,.j2photo,.j2jigsaw,.j2jigsawPiece,.j2snd,.j2audio,.j2audiojp,.j2text,.j2formsubmit,.j2forminput,.iFrameOverlay,.j2formselect,.j2rectangle,.j2frame,.j2object,.j2chart,.editableTable,.j2svg{position:absolute}
.j2photo,.j2jigsaw,.j2jigsawPiece,.j2snd,.j2audio,.j2text,.editableTable,.j2svg{padding-bottom:30px}
.j2editor .j2photo,.j2editor .j2jigsaw,.j2editor .j2jigsawPiece,.j2editor .j2snd,.j2editor .j2audio,.j2editor .j2text,.j2editor .editableTable,.j2editor .j2svg{padding-bottom:0}
.j2shadow,.j2animated,.j2border,.j2radius,.j2rotated {padding-bottom:0}
table.j2text,.j2formsubmit.j2text,.j2text.j2animated,.j2text.j2shadow,.j2text.j2filled{padding-bottom:0}
.j2text.j2border{padding-bottom:10px}

.j2iframe{position:absolute;left:0;top:0;width:100%;height:100%}
table .j2text{position:relative !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
.j2formsubmit .j2text{position:relative !important}
.j2forminput .j2text{position:relative !important}
.j2forminput,.j2formsubmit{white-space:nowrap}

#j2toolBar{white-space:nowrap}
#j2commonToolbar{position:absolute;white-space:nowrap;margin-left:5px} /* wrapped on iPad sometimes */
#j2fileName{width:150px}

#javaSupport{
	position:fixed;
	top:0;
	left:0;
	width:1px;
	height:1px;
	outline-color:white;
}
	
#contentScroll {
	overflow-y:scroll;
	position:absolute;
}
	
#content {
	overflow:visible;
	transform-origin:0 0;
	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-o-transform-origin:0 0;
	-ms-transform-origin:0 0;
}

.transformOriginMiddle {
	transform-origin: 50% 50% !important;
	-moz-transform-origin: 50% 50% !important;
	-webkit-transform-origin: 50% 50% !important;
	-o-transform-origin: 50% 50% !important;
	-ms-transform-origin: 50% 50% !important;
}
	
.j2editor {overflow:scroll !important;position:absolute}

#showCredits {float:right}

#pageFlipR {
	background-image:url('images/pageFlipR.png');
	width:50px;
	height:50px;
}

#pageFlipL {
	background-image:url('images/pageFlipL.png');
	width:50px;
	height:50px;
}

#sink{
	position:fixed;
	top:-50px;
}
	
#dragbox {
	left:0;
	top:0;
	position:fixed;
	cursor:crosshair;
}
	
#penHint {
	position:absolute;
	border: 1px solid lightgray;
	width: 50px;
	height:50px;
	margin-top:-25px;
	margin-left:-25px;
	border-radius:25px;-moz-border-radius:25px;
	opacity:0.5;filter:alpha(opacity=50);
}

#j2hint {
	color:#929292;
	position:absolute;
	left:50px;
	top:20px;
}
	
.turningCircle {
	position:absolute;
	border: 1px solid lightgray;
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;
	border-radius:50px;-moz-border-radius:50px;
	opacity:0.5;filter:alpha(opacity=50);
}
	
.j2eMenu {
	z-index:2000;
	position:absolute;
	padding:5px;
}	    
.j2eMenuItem {
	text-align:left;
	cursor:pointer;
	list-style-type:none;
	padding:5px 15px;
	border:0;
	color:#555;
	background:white
}
.j2MenuText {
	color: #1D5987;
}
.j2eMenuSeparator {
	text-align:left;
	cursor:default;
	list-style-type:none;
	padding:0;
	border:0;
	border-bottom:1px solid #A6C9E2;
	margin-top:2px;
	margin-bottom:2px;
	background:white
}
.j2eMenuOver {
	background:lightblue;
	color:white;
}
.menuRevision {
	color:#2b8ad4;
	font-weight:bold;
}
.saveFileName {
	color:#2b8ad4;
}
	
.j2eButton ul ul {border:0;margin:0;padding:0}
.j2eAnimate {background-image: url(pbar-ani.gif)}

.shareTable {border:1px;border-style:solid;border-color:#5798c7;}
.shareTable th {background-color:#5798c7;color:white;cursor:pointer;padding:5px;border:2px;margin:2px}

.sharePublic{
	background-image: url('images/markShapes.png');
	background-size: 336px 96px;
	background-position: -144px 0;	
	background-repeat: no-repeat;
	position:relative;
	width:48px;
	height:48px;
	display:inline-block;
	margin-right:5px;
	top:20px;
	margin-top:-20px;
}

/*#j2publish {position:relative;top:-10px}*/

.shareShare{
	background-image: url('images/markShapes.png');
	background-size: 336px 96px;
	background-position: 0 -48px;	
	background-repeat: no-repeat;
	position:relative;
	width:48px;
	height:48px;
	display:inline-block;
	top:20px;
	margin-right:5px;
	vertical-align:top;
}

#shares2 {
	margin-bottom:30px
}

#shares3 {
	border: 1px solid #A6C9E2;
}
	
#shareUrl{
	width:400px;
	padding:4px;
}
	
#shareEmbed{
	vertical-align:middle;
	width:400px;
	height:50px;
	padding:5px;
}

#shareThumb{
	vertical-align:middle;
	width:400px;
	height:50px;
	padding:5px;
}

.selected.j2pathedit {outline:none;} /* when editing a point on path set the outline to none */
.selectable:hover {outline:1px dotted #ccc;}
.selected {outline: 1px dashed #4e93cd; cursor:move}	/* used to show selection and movement cursor over singly selected objects */
.j2bin {outline: 5px solid red; }	/* shows when object over bin */
.selectedGroup {cursor:move}	/* used to show movement cursor over group selected object */
.followPath {outline:none;cursor:default !important;}
.followPath:hover {outline:none;}
.undo {outline:1px solid lightblue}

.j2eTag {z-index:500;background:#4e93cd;width:10px;height:10px;opacity:.7;filter:alpha(opacity=70);position:absolute;}
.j2eTag.j2eRotationTag{margin-left:0;margin-top:0;position:absolute;opacity:1;background:transparent;background-position:-762px -204px;padding:0;background-image:url('images/j2e-icons-40-40-4.png') !important;background-size:800px 280px;left:0;top:0;width:38px;height:32px;}
.j2eTag.j2eRotationCentre {background:#4e93cd;border-radius:5px;-moz-border-radius:5px;}
#dynam{position:absolute;background-color:white;padding:2px;border-radius:5px;-moz-border-radius:5px;}
#dynam p{font-size:10pt !important}

.j2eTag.clTag{
	width:16px;height:16px;
	background:transparent;background-position:0 -192px;background-image:url('css/redmond/images/ui-icons_217bc0_256x240.png')}
.j2eTag.wrapTag{
	opacity:1;filter:alpha(opacity=100);
	margin-left:-1px;margin-top:-4px;
	width:14px;
	height:14px;
	background:white;background-position:-1px -65px;background-image:url('css/redmond/images/ui-icons_217bc0_256x240.png');
	border-radius:5px;-moz-border-radius:5px;
}
.j2eTag.pointTagVisual {opacity:0.1;filter:alpha(opacity=10);border-radius:5px;-moz-border-radius:5px;}
.j2eTag.j2ePointTag {background:white;} /* for ie8 */
.j2eTag.j2ePointTag.editPoint {background:red;}
.j2eTag.j2ePointTag {
	background:transparent;
	border-radius:5px;-moz-border-radius:5px;
	border:1px;
	border-style:solid;
	border-color:red;
}
.j2eTag.j2ePointTag.j2eStartPointTag {border-color:grey;}
.j2eTag.j2ePointTag.j2eControlPointTag {border-color:cyan;}
.j2eTag.j2ePointTag.j2eNewPointTag {border-color:grey;}
.j2eTag.j2eClever1 {background:pink;border-radius:5px;-moz-border-radius:5px;border:1px;border-style:solid;border-color:pink;}
.j2eTag.j2eClever2 {background:purple;border-radius:5px;-moz-border-radius:5px;border:1px;border-style:solid;border-color:purple;}
.j2eTag.j2ePointTag.editPoint {background:red;opacity:0.2;filter:alpha(opacity=20);}
.j2eTag.j2ePointTag.j2eStartPointTag.editPoint {background:green;}
.j2eTag.j2ePointTag.j2eControlPointTag.editPoint {background:cyan;}
.j2eTag.j2ePointTag.j2eNewPointTag.editPoint {background:grey;}

.j2eControlLine {position:absolute;border-top-color:cyan;border-top-style:dashed;border-top-width:1px;}

.j2eTag.j2eGradientStart {opacity:.01;filter:alpha(opacity=1);}
.j2eTag.j2eGradientEnd {opacity:.01;filter:alpha(opacity=1);z-index:501;}

.j2eTag.j2eWrap {background:pink;opacity:0;filter:alpha(opacity=0);}

/*.j2eTag.br {background:red;}  
.j2eTag.tr {background:blue;}
.j2eTag.bl {background:green;}
.j2eTag.tl {background:yellow;}*/

.j2eGroup.SelectionLeft {z-index:500;border-left:1px dashed blue;position:absolute;width:0}
.j2eGroup.SelectionTop  {z-index:500;border-top:1px dashed blue;position:absolute;height:0}

.j2divider {display:inline-block;width:0;height:32px;border-left:1px solid #666666;margin-right:1px;vertical-align:middle;}	/* white or #666666 ? */

.nopadding {border:0;margin:0;padding:0}
.editableTable {border:1px solid #6699CC;border-spacing:0;table-layout:fixed;border-collapse:collapse;background:white}
.editableTable.selected thead {display: none;} 
.editableTable.selected {outline:none; border-style: dashed;border-color: blue;}
.editableTable tr{border: 1px solid #6699CC; border-style:inset; height:20px;}
.editableTable td{border: 1px solid #6699CC; border-style:inset; padding:5px; width:100px;}

.editableTable tr .columnHeader {background-color:#B1D6FF; height:20px;}
/*.editableTable.selectable tr .columnHeader {cursor:s-resize;}*/
.editableTable tr .rowHeader {background-color:#B1D6FF; height:20px;}
/*.editableTable.selectable tr .rowHeader {cursor:e-resize;}*/
.editableTable.selected tr>td.rowHeader.tableSelected {cursor:text;}
.editableTable.selected tr .columnHeader.tableSelected {cursor:text;}
.editableTable.selected col.tableSelected {}
.editableTable.selected tr>td.tableSelected {}
tr.tableSelected{border:1px dashed red !important}
col.tableSelected{border:1px dashed red !important}
.editableTable td.hidden {display:none; visibility:collapse;}
.editableTable tr.hidden {display:none;}
.editableTable col.hidden {display:none; visibility:collapse;}

/* for text object in a table cell */
/*.editableTable.selectable .columnHeader .j2text {cursor:s-resize;}*/
.editableTable .columnHeader.tableSelected .j2text {cursor:text;}
/*.editableTable.selectable td.rowHeader .j2text {cursor:e-resize;}*/
.editableTable td.rowHeader.tableSelected .j2text {cursor:text;}
.editableTable tr:nth-child(n+2) td:nth-child(n+2) {cursor:text;}

.ui-dialog-content td {padding:2px 5px}
.ui-progressbar { height:1.5em;}

.j2changed{color:red;position:relative;left:15px;top:-35px}
.redText .ui-button-text{color:red}

.toolbarButton{height:32px;position:relative;margin:0 1px 0 0;vertical-align:middle;}
.toolbarButton.ui-button-icon-only .ui-icon{ padding:0;background-image:url('images/j2e-icons-40-40-4.png');background-size:800px 280px;left:0;top:0;width:38px;height:32px;margin-left:0;margin-top:0;position:relative;}
.toolbarButton.ui-button-icon-only{width:38px;}
.toolbarButton.smaller.ui-button-icon-only{width:28px; height:28px;}
.toolbarButton.smaller.ui-button-icon-only .ui-icon{width:28px; height:28px;background-size:590px 206px;-moz-background-size:590px 206px;-webkit-background-size:590px 206px;}
.toolbarButton.ui-button-text-only{font-size:10pt;}

.newButton{ background-position: -42px -124px;}
.loadButton{background-position: -82px -124px;}
.saveButton{background-position: -322px -124px;}
.webbyButton{background-position: -162px -244px;}
.printButton{background-position: -202px -124px;}
.undoButton{background-position: -682px -124px;}
.redoButton{background-position: -282px -124px;}
.cutButton{background-position: -322px -84px;}
.copyButton{background-position: -282px -84px;}
.pasteButton{background-position: -122px -124px;}
.graphicButton{background-position: -2px -164px;}
.photoButton{background-position: -2px -124px;}
.shapeButton{background-position: -362px -124px;}
.wordlistButton{background-position: -642px -124px;}
.embedButton{background-position: -722px -124px;}
.shareButton{background-position: -242px -84px;}
.storeButton{background-position: -442px -84px;}
.talkButton{background-position: -442px -124px;}
.chartButton{background-position: -202px -84px;}
.tableButton{background-position: -602px -124px;}
.infoButton{background-position: -522px -84px;}
.formButton{background-position: -562px -44px;}
.insertButton{background-position: -162px -244px;}

.boldButton{background-position: -322px -4px;}
.italicButton{background-position: -202px -4px;}
.underButton{background-position: -162px -44px;}

.pieButton{background-position: -482px -164px;}
.barButton{background-position: -522px -164px;}
.lineButton{background-position: -202px -164px;}

.addColumn{background-position: -32px -119px;}
.delColumn{background-position: -474px -119px;}
.addRow{background-position: -238px -119px;}
.delRow{background-position: -208px -119px;}
.colLeft{background-position: -534px -119px;}
.colRight{background-position: -90px -119px;}
.rowUp{background-position: -61px -119px;}
.rowDown{background-position: -414px -119px;}


.toolbarButton.smaller .boldButton{background-position: -237px -3px;}
.toolbarButton.smaller .italicButton{background-position: -148px -3px;}
.toolbarButton.smaller .underButton{background-position: -119px -32px;}

.toolbarButton.smaller .olButton{background-position: -180px -119px;}
.toolbarButton.smaller .ulButton{background-position: -120px -119px;}

.toolbarButton.smaller .subscript{background-position: -502px -119px;}
.toolbarButton.smaller .superscript{background-position: -326px -119px;}

.leftButton{background-position: -362px -4px;}
.centreButton{background-position: -562px -4px;}
.rightButton{background-position: -42px -44px;}
.fullButton{background-position: -402px -44px;}

.toolbarButton.smaller .leftButton{background-position: -267px -3px;}
.toolbarButton.smaller .centreButton{background-position: -414px -3px;}
.toolbarButton.smaller .rightButton{background-position: -30px -32px;}
.toolbarButton.smaller .fullButton{background-position: -296px -32px;}

.binButton{background-position: -642px -4px;}
.zoomButton{background-position: -2px -44px;}
.alignButton{background-position: -482px -44px;}
.detailsButton{background-position: -282px -4px;}
.fullScreenButton{background-position: -282px -4px;}

.topButton{background-position: -242px -44px;}
.upButton{background-position: -602px -4px;}
.downButton{background-position: -682px -4px;}
.bottomButton{background-position: -442px -4px;}

.alignCentre{background-position: -162px -84px;}
.alignMiddle{background-position: -122px -84px;}
.alignWidths{background-position: -682px -84px;}
.alignHeights{background-position: -642px -84px;}
.alignTops{background-position: -44px -84px;}
.alignCentres{background-position: -722px -44px;}
.alignBottoms{background-position: -642px -44px;}
.alignLefts{background-position: -762px -44px;}
.alignMiddles{background-position: -682px -44px;}
.alignRights{background-position: -2px -84px;}
.alignHGap{background-position: -602px -84px;}
.alignVGap{background-position: -722px -84px;}
.opaqueButton{background-position: -82px -44px;}

.playButton{background-position:-482px -124px;}
.stopButton{background-position:-562px -124px;}

.toolbarButton.smaller .opaqueButton{background-position: -60px -32px;}

.pointerButton{background-position: -242px -205px;}
.textButton{background-position: -160px -205px;}
.penButton{background-position: -320px -205px;}
.lineButton{background-position: -280px -205px;}
.rectangleButton{background-position: -120px -42px;}
.squareButton{background-position: 0 -242px;}
.ellipseButton{background-position: -40px -242px;}
.circleButton{background-position: -760px -2px;}
.triangleButton{background-position: -60px -205px;}
.isoscelesButton{background-position: -682px -205px;}
.pathButton{background-position: -200px -42px;}
.pathCurved{background-position: -40px -205px;}

.toolbarButton.smaller .pointerButton{background-position: -2px -148px;}
.toolbarButton.smaller .textButton{background-position: -119px -148px;}
.toolbarButton.smaller .penButton{background-position: -119px -3px;}
.toolbarButton.smaller .lineButton{background-position: -178px -3px;}
.toolbarButton.smaller .rectangleButton{background-position: -90px -32px;}
.toolbarButton.smaller .squareButton{background-position: 0 -180px;}
.toolbarButton.smaller .ellipseButton{background-position: -29px -180px;}
.toolbarButton.smaller .circleButton{background-position: -561px -3px;}
.toolbarButton.smaller .triangleButton{background-position: -60px -180px;}
.toolbarButton.smaller .isoscelesButton{background-position: -682px -148px;}
.toolbarButton.smaller .pathButton{background-position: -148px -32px;}
.toolbarButton.smaller .pathCurved{background-position: -32px -148px;}

.j2patch{display:inline-block;height:12px;margin-bottom:2px;}
.j2patch .patchColour{
	border: 2px solid black;
	border-radius:6px;
	-moz-border-radius:6px;
	width:24px;
	height:100%;
	display:inline-block;
	margin-top:3px;
}
.j2patch .ui-icon{display: none !important;}	/* important, else patch doesn't hide after displaying picture bank */
.j2patch.active .ui-icon{display: inline-block !important;}	/* important, else patch doesn't show after displaying picture bank */

/*#j2viewBar .j2patch {position:relative} trying to fix up Firefox view bar, but to no avail.
#j2viewBar .flagButton {position:relative}*/

.sizeCircle{display:inline-block; padding:4px;}
.sizeCircleButton{display:inline-block;width:70px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.sizeCircleCircle{opacity:1;filter:alpha(opacity=100);display:inline-block;background-color:white;}
.sizeCircle .ui-icon{display: none;}
.sizeCircle.active .ui-icon{display: inline-block;}
.sizeCircle.active .sizeCircleCircle{border:1px;}

.comboButton{display:inline-block;vertical-align:middle;margin-left:1px;}

.ui-state-default.toolbarButton, .ui-state-default.flagButton{ border-color: transparent; background-color: transparent; background-image:none;}
.ui-state-hover.toolbarButton, .ui-state-hover.flagButton{ border-color: #79b7e7; background-color: #d0e5f5; background-image:url(css/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png);}
.ui-state-active.toolbarButton, .ui-state-active.flagButton{ border-color: #79b7e7; background-color: transparent; background-image:none;}
.ui-state-selected.toolbarButton, .ui-state-selected.flagButton{ border-color: #79b7e7; background-color: transparent; background-image:none;}
.oldToolbarButton{vertical-align:middle;z-index:500;position:relative;}
.j2shadow {
  -moz-box-shadow: 5px 5px 7px #888;
  -webkit-box-shadow: 5px 5px 7px #888;
  -o-box-shadow: 5px 5px 7px #888;
  box-shadow: 5px 5px 7px #888;
}
.txtShadow {
	text-shadow:#888 4px 4px 6px;
}

.j2dialogshadow {
  -moz-box-shadow: 5px 5px 7px #888;
  -webkit-box-shadow: 5px 5px 7px #888;
  -o-box-shadow: 5px 5px 7px #888;
  box-shadow: 5px 5px 7px #888;
}
.j2bordershadow {
  border: 5px solid #c4c8cc;
  -moz-box-shadow: 5px 5px 7px #888;
  -moz-border-radius-bottomright: 15px;
  -webkit-box-shadow: 5px 5px 7px #888;
  -webkit-border-bottom-right-radius: 15px;
  -o-box-shadow: 5px 5px 7px #888;
  -o-border-radius-bottomright: 15px;
}
.j2border {
  border:5px solid #c4c8cc;
}
.j2padding{
  padding:10px;
}
.j2dragbox {
  border:1px solid blue;
  position:absolute;
}

.j2rectangle.j2border {
	border: 1px solid black;
}

.j2buttonBar{
  text-align: left;
  position: fixed;
  overflow: hidden;
  z-index: 900;
  background: -webkit-gradient( linear, 0 25%, 0 100%, from(white), to(lightblue));
  background: -moz-linear-gradient( top, white, white, lightblue );
  background: -o-linear-gradient( top, white, white, lightblue );
  background: -ms-linear-gradient( top, white, white, lightblue );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightblue);
  padding: 5px;
  margin: 1px;
  white-space:nowrap;
}

#scrolltools {overflow:hidden;display:inline-block;}



.j2buttonBar #scrollNext{height:32px; vertical-align: middle;}
.j2buttonBar #scrollPrev{height:32px; vertical-align: middle;}

#buttonbarRight{
	text-align: left;
	display:inline;
	position:absolute;
	white-space:nowrap;
}
	
.j2viewBar{
  text-align: left;
  position: fixed;
  overflow: hidden;
  z-index: 900;
  background: -webkit-gradient( linear, 0 0, 0 100%, from(lightblue), to(white));
  background: -moz-linear-gradient( top, lightblue, lightblue, white );
  background: -o-linear-gradient( top, lightblue, lightblue, white );
  background: -ms-linear-gradient( top, lightblue, lightblue, white );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightblue);
  padding: 5px;
  margin: 1px;
  white-space:nowrap;
}

.j2wordbar{
  text-align: left;
  position: fixed;
  /*overflow: hidden;*/
  z-index: 900;
  background: -webkit-gradient( linear, 0 0, 0 100%, from(lightblue), to(white));
  background: -o-gradient( linear, 0 0, 0 100%, from(lightblue), to(white));
  background: -moz-linear-gradient( top, lightblue, lightblue, white );
  background: -ms-linear-gradient( top, lightblue, lightblue, white );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightblue);
  padding: 5px;
  margin: 1px;
}

#wlName {
  margin-bottom:10px;
  margin-left:5px;
}

#newWl {
  margin-top:5px;
  position:absolute;
}

.tabTitle, .tabTitle * {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

.noUserSelect {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

#playButton{
	top:5px;
	right:7px;
	position:fixed;
	overflow:hidden;
	cursor:pointer;
	z-index:902;	/* higher than curtain */
	white-space:nowrap;
	height:32px;
	width:32px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}

#playB {
	opacity:0.5;filter:alpha(opacity=50);
	width:32px;
	height:32px;
	background-position:-482px -124px;
	background-image:url('images/j2e-icons-40-40-4.png');
}

#playB.running {
	background-position:-562px -124px;
}

#leftPage{
	top:100%;
	text-align:left;
	position:fixed;
	overflow:hidden;
	z-index:902;	/* higher than curtain */
	white-space:nowrap;
	cursor:pointer;
	height:50px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}

#rightPage{
	left:100%;
	top:100%;
	position:fixed;
	overflow:hidden;
	z-index:902;	/* higher than curtain */
	white-space:nowrap;
	cursor:pointer;
	height:50px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}

#j2docManagerTools{
  text-align:left;
  position:fixed;
  overflow:hidden;
  z-index:900;
  white-space:nowrap;
}

.j2eListPanel div#scroll .xxx_wrapper .label{
	margin-bottom:5px;font-weight:bold;
}

.j2eListPanel div#scroll .xxx_wrapper #j2dropmenu{
	position:absolute;
	right:1px;
	top:1px;
}

.j2eListPanel div#scroll .xxx_wrapper .j2dropmenu{
	position:absolute;
	right:1px;
	top:1px;
}

.j2eListPanel div#scroll .xxx_wrapper .label b{
	margin-left:5px;
}

.j2eListPanel div#scroll .xxx_wrapper{
	display:inline-block;margin-top:5px; position:relative; cursor:move;
}
	
.j2eListPanel.displayRight div#scroll .xxx_wrapper{
	display:block;
	width:130px;
	margin-left:auto;
	margin-right:auto;
}
	
.j2eListPanel div#scroll .xxx_wrapper .public{
	background-image: url('images/markShapes.png');
	background-size: 336px 96px;
	background-position: -144px 0;	
	background-repeat: no-repeat;
	position:absolute;
	width:48px;
	height:48px;
	left:-15px;
	top:8px;
}

.j2eListPanel div#scroll .xxx_wrapper .moderate{
	background-image: url('images/markShapes.png');
	background-size: 336px 96px;
	background-position: 0 -48px;	
	background-repeat: no-repeat;
	position:absolute;
	width:35px;
	height:35px;
	left:-5px;
	top:8px;
}

.public, .shared, .moderate {
	cursor:pointer;
}

.bucketlibrary .public {
	background-image:none !important;
}

.bucketclever .xxx_wrapper {
	width:80px !important;
}

#photos div#scroll .xxx_wrapper .public{
	top:-12px;
}

#photos div#scroll .xxx_wrapper .shared{
	top:-15px;
}

#wordlist div#scroll .xxx_wrapper .public{
	top:0px;
	right:0;
	left:auto;
}

#wordlist div#scroll .xxx_wrapper .shared{
	top:0;
	right:0;
	left:auto;
}

.wordlistWords{color:gray}

.j2eListPanel div#scroll .xxx_wrapper .shared{
	background-image: url('images/markShapes.png');
	background-size: 336px 96px;
	background-position:0 -48px;	
	background-repeat: no-repeat;
	position:absolute;
	width:48px;
	height:48px;
	left:-15px;
	top:8px;
}

.j2eListPanel div#scroll .xxx_wrapper .mark{
	background-repeat: no-repeat;
	position:absolute;
	width:50px;
	height:50px;
	left: -5px;
	top: 25px;
}

.j2eListPanel div#scroll .xxx_wrapper .goldstar{
	background-image: url('/markShapes/gold+star.png');
}

.j2eListPanel div#scroll .xxx_wrapper .ten{
	background-image: url('/markShapes/ten.png');
}

.j2eListPanel div#scroll .xxx_wrapper .silverstar{
	background-image: url('/markShapes/silver+star.png');
}

.j2eListPanel div#scroll .xxx_wrapper .bronzestar{
	background-image: url('/markShapes/bronze+star.png');
}

.j2eListPanel div#scroll .xxx_wrapper .smile{
	background-image: url('/markShapes/smile.png');
}

.j2eListPanel div#scroll .xxx_wrapper .wink{
	background-image: url('/markShapes/wink.png');
}

.j2eListPanel div#scroll .xxx_wrapper .correct{
	background-image: url('/markShapes/correct.png');
}

.j2eListPanel div#scroll .xxx_wrapper .sad{
	background-image: url('/markShapes/sad.png');
}

.j2eListPanel div#scroll .xxx_wrapper .wrong{
	background-image: url('/markShapes/wrong.png');
}

.j2eListPanel div#scroll .xxx_wrapper .pin{
	background-image: url('/markShapes/pin.png');
}
	
.j2wordpreview{
	display:inline-block;
	overflow:hidden;
	width:110px;
	height:70px;
	padding:2px;
	margin-right:5px;
	border:1px solid #a6c9e2;
	-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px; 
	-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;
	cursor:pointer !important;
	white-space:nowrap;
}
	
.clicker{
	display:inline-block;
	border:1px solid #a6c9e2;
	margin:1px;
	padding:5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px; border-radius:5px;
	background:white;
	cursor:pointer;
}

.clickero{background:#DBEEF4}
.clickspeak{
	position:fixed;
	border:1px solid #a6c9e2;
	width:38px;
	height:32px;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;
}
.speakover{	
	background:#DBEEF4;
	background-position: -442px -124px;
	background-image: url('images/j2e-icons-40-40-4.png') !important;
}
.speakoff{	
	background:white;
	background-position: -442px -124px;
	background-image: url('images/j2e-icons-40-40-4.png') !important;
}
	
.j2editbutton{
  position: fixed;
  overflow: hidden;
  z-index: 900;
  padding: 5px;
}

.j2toolBar{
  text-align: left;
  position: fixed;
  /*top: 43px;*/
  /*left: 900px;*/
  width: 170px;
  overflow: hidden;
  z-index: 900;
  background: -webkit-gradient( linear, 0 0, 100% 0, from(lightblue), to(white));
  background: -moz-linear-gradient( left, lightblue, white );
  background: -o-linear-gradient( left, lightblue, white );
  background: -ms-linear-gradient( left, lightblue, white );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightblue);
  padding: 5px;
  margin: 1px;
}

.j2toolBar a {margin-left: 3px;}
#j2tools label {margin-left: 3px;}
.toolbarButton canvas {vertical-align:middle;}

.gradeRight{
  background: -webkit-gradient( linear, 0 0, 100% 0, from(white), to(lightblue)) !important;
  background: -moz-linear-gradient( left, white, lightblue ) !important;
  background: -o-linear-gradient( left, white, lightblue ) !important;
  background: -ms-linear-gradient( left, white, lightblue ) !important;
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=lightblue,
        endColorStr=white) !important;
}

.j2toolBar #scrollPrev{ width:150px;}
.j2toolBar #scrollNext{ width:150px;}

.j2toolBar #scrollPrev .ui-icon{margin-left:-8px; left:50%;}
.j2toolBar #scrollNext .ui-icon{ margin-left:-8px; left:50%;}
.j2toolBar #scrollUp .ui-icon{margin-left:-8px; left:50%;}

.j2eListPanel #scrollPrev{width:16px;height:16px;display:inline-block;top:4px;margin-right:5px;}
.j2eListPanel #scrollNext{width:16px;height:16px;display:inline-block;top:4px;margin-left:5px;}
.j2eListPanel #scrollUp{width:16px;height:16px;display:inline-block;top:4px;margin-left:5px;}

#j2textToolbar iframe {vertical-align:middle;}
#j2tableToolbar {margin-bottom:6px}

.j2floatingTools{
  text-align: left;
  position: fixed;
  /*top: 43px;*/
  /*left: 900px;*/
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: 901;	/* needs to be higher than curtain */
  background: -webkit-gradient( linear, 0 0, 100% 0, from(lightblue), to(white));
  background: -moz-linear-gradient( top left, white, lightblue );
  background: -o-linear-gradient( top left, white, lightblue );
  background: -ms-linear-gradient( top left, white, lightblue );
  padding: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.pageTools{
  position: relative;
  overflow: hidden;
  background: -webkit-gradient( linear, 0 0, 100% 0, from(lightblue), to(white));
  background: -moz-linear-gradient( top left, white, lightblue );
  background: -o-linear-gradient( top left, white, lightblue );
  background: -ms-linear-gradient( top left, white, lightblue );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightblue); 
}

.pageTools #scrollPane {
  overflow-y:auto;
  overflow-x:hidden;
  height:95%;
  width:100%;
  top:20px;
}

#pageTime {
	width:30px;
	vertical-align:baseline;
	margin-left:5px;
}
	
.pCurrent {
	background-color:#efefef;
	border-radius:5px;-moz-border-radius:5px;
}
	
#playTools {
	padding-top:5px;
	bottom:0;
}

#playBar {
	position:absolute;
	bottom:0;
	background-color:#ebf5f9;
	border-radius:5px;-moz-border-radius:5px;	
}

.j2eListPanel {
	position:fixed;
	z-index:900;
}

.j2eListPanel.displayRight {
	max-width:170px;
	position:relative;
}

.j2eListPanel #tabs {height:170px;}

.j2eListPanel.displayRight #tabs {height:100%;}

.j2filepreview{cursor:pointer !important}
.j2eListPanel:not(.displayRight) .j2filepreview,.j2eListPanel:not(.displayRight) .j2photo,.j2eListPanel:not(.displayRight) .lpcontent {height:80px;width:auto;padding-bottom:0}
.j2eListPanel.displayRight .j2filepreview,.j2eListPanel.displayRight .j2photo,.j2eListPanel.displayRight .j2graphic,.j2eListPanel.displayRight .j2audiojp,.j2eListPanel.displayRight .lpcontent {position:relative !important;width:130px;height:auto;padding-bottom:0}

.ui-widget {font-size:1em}
.ui-dialog .ui-dialog-buttonpane {border-width:0;margin:0;}
.ui-button-text-only .ui-button-text {padding:0.2em 0.6em;}

.j2eListPanel .ui-tabs .ui-tabs-panel {padding:0;padding-bottom:0;font-size:1em;}
.j2eListPanel:not(.displayRight) .ui-tabs .ui-tabs-panel {height:100%;}

.j2eListPanel div#scroll >*{margin-right:10px; padding-bottom:5px; }

.j2eListPanel .ui-tabs .ui-tabs-panel #scroll {vertical-align:middle; display:inline-block; overflow-x:auto; overflow-y:hidden; height:100%; width:100%}

.j2eListPanel.displayRight .ui-tabs .ui-tabs-panel #scroll {display:block; overflow-y:auto; overflow-x:hidden;}

.j2eListPanel.displayRight .ui-tabs .ui-tabs-panel #scroll.showDrag {margin-left:0;margin-top:0; overflow-y:visible; overflow-x:visible;}
.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton{vertical-align:middle;}
.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton.vertical{display:block;width:100%;height:20px;}
.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton.horizontal{display:inline;width:20px;height:100%;}

.j2eListPanel.displayRight .ui-tabs .ui-tabs-nav li {display:inline-block; float:none;}
.j2eListPanel .ui-tabs .ui-tabs-nav li a.iconTabs {padding:0;}
.j2eListPanel .ui-tabs .ui-tabs-nav li .ui-icon {width:36px;}
.j2eListPanel .tabTitle{padding:5px 0 5px 5px;border:0;background-image:none;background-color:white}

.j2eListPanel .crumb{cursor:pointer;}
.j2eListPanel .crumb:hover{text-decoration:underline !important;}

.scrollButton.vertical{display:block;}	/* needed for tool panel */

.j2searchBar{
	position: absolute;
	top: 8px;
	overflow:hidden;
	margin-bottom:3px;
}

.j2eListPanel.displayRight .j2searchBar{
	position: static;
	width:170px;
}

.j2searchBar > *{
	float: left;
	width: 130px;
}
	
.j2indent1{margin-left: 20px;}
.j2indent2{margin-left: 40px;}
.j2indent3{margin-left: 60px;}
.j2indent4{margin-left: 6px;}

#usedColours {
	position:absolute;
	display:inline;
	border:none;
	vertical-align:middle;
	float:right;
	height:25px;
	margin-top:3px;
}
.j2picker{
	display:inline-block;
	height:14px;
	width:14px;
	border-style:solid;
	border-width:1px; 
	border-color:black;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px 8px;
}

.j2usedColour{
	display:inline-block;
	height:14px;
	width:14px;
	border-style:solid;
	border-width:1px; 
	border-color:black;
	margin-left:1px;
	margin-bottom:2px;
}

.j2usedColour.selectedColour{
	border-width:2px; 
	margin-bottom:1px;
}

.ui-tabs .ui-tabs-hide {	/* force tabs offscreen, rather than hidden */
    position: absolute;
    left: -10000px;
    display: block !important;
}

body{
	margin:0;
}

.j2text.formLabel {display:inline-block;cursor:pointer;margin-left:5px}

.ui-dialog .ui-dialog-buttonpane button{margin-left:10px;}
.ui-dialog .ui-dialog-content{padding-top:10px;overflow:hidden;display:table;}

#dialogueRegisterSU .openId {background-color:lightGray;margin-bottom:15px;padding-bottom:5px;border-radius:10px 10px;webkit-border-radius:10px 10px;-moz-border-radius:10px 10px;}

form.alignedForm input.error {border-color:red;}

#j2signIn form.alignedForm fieldset {padding-left:30px;}

form.alignedForm fieldset {
  margin-bottom: 10px;
  border:none;
  text-align:left;
}
form.alignedForm legend {
  padding: 0 2px;
  font-weight: bold;
  text-align:left;
}
form.alignedForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: middle;
  text-align: right;
  padding-right:0.5em;

}
form.alignedForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.alignedForm fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
}


form.alignedForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.alignedForm label {
  width: 11em; /* Width of labels */
}

#j2signIn form.alignedForm label {
  width: 12em; /* Width of labels */
}

#j2signIn {
	min-width: 360px;
}

#dialogSignIn a {
  margin-right: 5px;
}

#jlink #dropFiles{
	position:relative;
	top:5px;
}
	
#dropFriends{
	position: relative;
	left: -23px;
}

#j2invite{
	position: relative;
	left: -8px;
}

form.alignedForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  text-align:center;
}
form.alignedForm fieldset fieldset legend {
  padding: 0 0 2px;
  font-weight: normal;
}
form.alignedForm fieldset fieldset label {
  display: block;
  width: auto;
}
form.alignedForm fieldset fieldset label {
  margin-left:0; /* Width plus 3 (html space) */
}

a:link {color:#0E80CD; text-decoration:none}
a:visited {color:#0E80CD; text-decoration:none}
a:hover {color:#0E80CD; text-decoration:underline !important;}
a:active {color:#0E80CD;}

#credits {margin:20px}

#j2embed {width:98%;height:75%}

.gridlabel {left:0;top:0;position:absolute;opacity:0;filter:alpha(opacity=0);overflow:hidden;color:lightgray;margin-left:2px;margin-top:2px;font-size:0.8em;}
.gridh {left:0;height:0;border-top:1px dashed lightgray;position:absolute;opacity:0;filter:alpha(opacity=0);overflow:hidden;}
.gridv {top:0;width:0;border-left:1px dashed lightgray;position:absolute;opacity:0;filter:alpha(opacity=0);overflow:hidden;}
.grid30 {right:0;width:100%;height:0;border-top:1px dashed lightgray;position:absolute;opacity:0;filter:alpha(opacity=0);overflow:hidden;-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.grid-30 {right:0;width:100%;height:0;border-top:1px dashed lightgray;position:absolute;opacity:0;filter:alpha(opacity=0);overflow:hidden;-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);}

.closeButton { width:19px; padding:1px; height:18px; float:right; position:relative; top:-4px; left:6px; }
.wordbarTools { border:1px; display:inline-block; }
.swopV { border:1px; display:inline-block; position:relative; top:4px}
.swopH { border:1px; display:inline-block; position:relative; top:4px; left:14px;}
#j2dropmenu {cursor:pointer;position:absolute;width:16px;height:16px}

.j2eListPanel .closeButton {margin-right:5px; margin-top:10px;position:absolute;left:150px}
.j2eListPanel .j2searchBar {margin-top: -1px; padding-top: 5px;}

.highlight { background-color: yellow } /* used for highlight-3 find text */

.testNext {top:500px;}

#j2pw{
	display:block;
	margin-left:100px;
	margin-bottom:-10px;
	margin-top:10px;
}

#sharedWith{
	display:inline-block;
	position:relative;
	top:20px;
	left:5px;
}
	
.tblScrl{
	overflow:auto;
	max-height:500px;
}
	
.pages { 
	position:relative;
	width:120px;
	height:80px;
	background-color:white;
	border:1px solid gray;
	border-radius:5px 5px;webkit-border-radius:5px 5px;-moz-border-radius:5px 5px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.pagesCurrent { 
	border:1px solid #08427c;
}

.pagesText { 
	text-align:center;
	color:#0E80CD;
	cursor:text;
	width:140px;
	/*max-width:120px;*/
	/*overflow:hidden;*/
}

.pagesEntry {
	margin:0 auto;
	font-size:10pt;
	width:135px;
}

.pagesMenu {
	width:16px; 
	padding:1px; 
	height:16px; 
	float:right; 
	position:relative;
	margin-right:1px;
	margin-top:1px;
}

.thumbnail {
	display:block;
	-webkit-transform-origin-x:0;-webkit-transform-origin-y:0;
	-moz-transform-origin:0;
	-o-transform-origin:0;
	-ms-transform-origin:0;
	transform-origin:0;
	-webkit-transform:scale(0.12);
	-moz-transform:scale(0.12);
	-o-transform:scale(0.12,0.12);
	-ms-transform:scale(0.12);
	transform:scale(0.12);
	position:absolute;
}
	
/* flag for languages menu */
.flag {
	width:16px; 
	height:11px; 
	display:inline-block;
	
	/* inline block fix */
	zoom:1;
	*display:inline;
}
/* flag for button bar */
.flagButton {
	height: 22px;
	vertical-align: middle;
	/*width: 18px;
	background-position:center center;
	display:inline-block;/*
	
	/* inline block fix */
	/*zoom:1;
	*display:inline;*/
}
.flagButton>span.ui-icon {margin-top: -6px; background-image: url('images/flags-4.png') !important;}
#menuLanguage .flag {background-image: url('images/flags-4.png') !important;}
.swedish {background-position: -282px -2px;}
.russian {background-position: -262px -2px;}
.finnish {background-position: -242px -2px;}
.danish {background-position: -222px -2px;}
.welsh {background-position: -202px -2px;}
.norwegian {background-position: -182px -2px;}
.cantonese {background-position: -162px -2px;}
.italian {background-position: -142px -2px;}
.french {background-position: -122px -2px;}
.dutch {background-position: -102px -2px;}
.spanish {background-position: -82px -2px;}
.portuguese {background-position: -62px -2px;}
.turkish {background-position: -42px -2px;}
.german {background-position: -22px -2px;}
.english {background-position: -2px -2px;}

.j2jigsaw {width:0;height:0;top:0;left:0}

.ui-dialog-content td {vertical-align:middle;}

.j2frame, .j2object {overflow:hidden;}
.j2object {padding:20px;}

/* SndJPlayer css */
.j2audiojp {width:120px !important;position:absolute !important}
.j2audiojp .jp-controls {width:90px !important;}
.j2audiojp-link {position:absolute !important;left:-10000 !important;top:-10000 !important;border:none !important;}

.frameMode{position:absolute;top:0;display:none;}

.iFrameOverlay {
	top:0;
	width:100%;
	height:100%;
	opacity:0.6;filter:alpha(opacity=60);
	background-color:white;
}

#j2order {margin-top:5px;}
#outof {color:#2E6E9E; margin-left:0;margin-top:5px;margin-bottom:5px;font-weight:normal;display:inline-block;}
.outoftools {float:right}
#submitTxt{margin-bottom:20px;color:#0E80CD;line-height:16px;border:1px solid;padding:10px}
#submitTxt p {margin-bottom:7px;margin-top:7px}

.gf_explanation {font-size:18pt; color:#0079CA; font-weight:bold}
#cfMask {background-color:white;opacity:0.8;filter:alpha(opacity=80);position:absolute;width:100%;height:100%}
#chromeFrameImage {
	height:86px;
	background-image:url("images/j2e5-177-86.jpeg");
	background-repeat: no-repeat;	
	}
#cfCancel {cursor:pointer}

#screenRes {width:1in;padding:0;}

.controlSizeButton {
	vertical-align:top;
}

.hiddenLoader {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
}

.dropMessage {
	white-space:pre-wrap;
	word-wrap:break-word;
	padding:10px 5px 10px 5px;
	margin:10px 0 10px 0;
	background:#79E200;
}

.inline {
	display:inline-block;
	/*for ie inline-block */
	zoom:1;
	*display:inline;
}

.fblogo{
	background-position:0 -1552px!important;
}

.gglogo{
	background-position:0 -2048px!important;
}

.twlogo{
	background-position:0 -5088px!important;
}

#j22DCodeAddr{
	width:98%;height:75%;
}

.localVersion {
	position:fixed;
	top:50px;
	left:15px;
	color:red;
	z-index:2000;
	font-size:16px;
}
	
.localExpired {
	top:10px;
}

.companylogo {
	display:inline-block!important;
	height:16px!important;
	width:16px!important;
	line-height:16px!important;
	background:url(images/companiesSmall.png) no-repeat left;
	overflow:hidden!important;
	padding-right:6px;
}

#shareit{margin-top:10px;margin-bottom:10px}
#manageusers{}
#finduser{margin-right:10px}

#j2email{margin-left:10px;width:300px}
#j2inv{margin:10px;width:400px;line-height:130%}
#j2mes{display:block}

#manage1{display:inline-block;vertical-align:top}	
#j2tgroups{width:150px;margin-bottom:14px}
#j2tgroups .rowselected{background-color:lightgray}
#j2tgroups .col1{width:140px}
#j2gname{width:144px}
#j2groupadd{}

#manage2{display:inline-block;margin-left:14px;vertical-align:top}
#j2tgroup{width:270px;margin-bottom:14px}
#j2tgroup .rowselected{background-color:lightgray}
#j2tgroup .col1{width:260px}
#j2pname{width:264px}
#gdropFriends{position:relative;left:-21px;margin-right:-20px}
#j2personAdd{}
#grpfinduser{color:#0E80CD;float:right;margin-top:5px;position:relative;right:25px;}

#j2userstable{margin-top:10px}
#j2userstable .rowselected{background-color:lightgray}
#jfinduser{margin-right:20px}
#jschselect{max-width:250px}

#animate1{display:inline-block;vertical-align:top}	
#animate2{display:inline-block;margin-left:14px;vertical-align:top}
.aniLab{margin-left:3px;margin-bottom:5px;}
.aniLab1{display:block;float:right;}
#jtrigger{display:block;}
#jaction{display:block;}
#atime{width:50px;}
#aparm{width:50px;}
#jcompass{float:right}
#aclock{float:right}
#backtxt{width:100%;height:50px;margin-top:10px;}
.isTrigger{cursor:pointer !important;}

.pressurePoint {
	position:absolute;
	width:10px;
	height:10px;
	background-color:#6080ff;
	border-radius:5px;-moz-border-radius:5px;	
}

#ppGraph {
	position:absolute;
	border-left:1px solid #6080ff;
	border-bottom:1px solid #6080ff;
	background-color:white;
}

#pressureTools {
	position:absolute;
	bottom:10px;
}

.pressureTool {
	width:44px;
	height:20px;
}

.addthis_toolbox{vertical-align:middle;float:none;}
.addthis_toolbox a{float:none!important;}

/* addThis css for buttons before save */ 
.ui-state-hover.toolbarButton.companylogo-bb{border-color:transparent;}
.ui-state-active.toolbarButton.companylogo-bb{border-color:transparent;}
.ui-state-selected.toolbarButton.companylogo-bb{border-color:transparent;}

.toolbarButton.ui-button-icon-only.companylogo-bb{height:33px;}
.toolbarButton.ui-button-icon-only.companylogo-bb .ui-icon{background-image:url('images/companies.png')!important;background-size:32px 736px;margin-left:2px;}

.fileThumb{border:1px gray solid}

.fblogo-bb{background-position:0 -224px;}
.twlogo-bb{background-position:0 -640px;}
.addthislogo-bb{background-position:0 -64px;}
/* End of addThis css for buttons before save */

/* Facebook album styles */
.fbAlbum{background:white;padding:4px;border:1px solid #CCC;height:100px;width:130px}
.fb1{margin-top:4px;margin-bottom:10px}
.fb2{left:2px;top:2px;}
.fb3{height:100px; background-position:center 25%; background-repeat:no-repeat; background-size:cover;}

/* Paper sizes */
.paperSize{
  position:relative;
  border:1px solid lightgray;
  -moz-box-shadow: 5px 5px 7px #888;-webkit-box-shadow: 5px 5px 7px #BBB;
}
.paperOversize{
  position:absolute;
}
.paperA5{width:148mm;height:210mm}
.paperA4{width:210mm;height:297mm}
.paperA3{width:297mm;height:420mm}
.paperA2{width:420mm;height:594mm}
.paperLegal{width:8.5in;height:14in}
.paperLetter{width:8.5in;height:11in}
.paper640x480{width:640px;height:480px}
.paper800x600{width:800px;height:600px}
.paper1024x768{width:1024px;height:768px}
.paper1280x800{width:1280px;height:800px}
.paper2048x1024{width:2048px;height:1024px}
.paperj2Webby{width:900px;height:297mm;}
.paperA5l{width:210mm;height:148mm}
.paperA4l{width:297mm;height:210mm}
.paperA3l{width:420mm;height:297mm}
.paperA2l{width:594mm;height:420mm}
.paperLegall{width:14in;height:8.5in}
.paperLetterl{width:11in;height:8.5in}
.paper640x480l{width:640px;height:480px}
.paper800x600l{width:800px;height:600px}
.paper1024x768l{width:1024px;height:768px}
.paper1280x800l{width:1280px;height:800px}
.paper2048x1024l{width:2048px;height:1024px}
.paperj2Webbyl{width:900px;height:210mm;}

.printA5:not(.j2editor){width:148mm !important;margin:0 auto;}
.printA4:not(.j2editor){width:210mm !important;margin:0 auto;}
.printA3:not(.j2editor){width:297mm !important;margin:0 auto;}
.printA2:not(.j2editor){width:420mm !important;margin:0 auto;}
.printLegal:not(.j2editor){width:8.5in !important;margin:0 auto;}
.printLetter:not(.j2editor){width:8.5in !important;margin:0 auto;}
.print640x480:not(.j2editor),.print640x480l:not(.j2editor){width:640px !important;margin:0 auto;}
.print800x600:not(.j2editor),.print800x600l:not(.j2editor){width:800px !important;margin:0 auto;}
.print1024x768:not(.j2editor),.print1024x768l:not(.j2editor){width:1024px !important;margin:0 auto;}
.print1280x800:not(.j2editor),.print1280x800l:not(.j2editor){width:1280px !important;margin:0 auto;}
.print2048x1024:not(.j2editor),.print2048x1024l:not(.j2editor){width:2048px !important;margin:0 auto;}
.printj2Webby:not(.j2editor){width:900px !important;margin:0 auto;}
.printA5l:not(.j2editor){width:210mm !important;margin:0 auto;}
.printA4l:not(.j2editor){width:297mm !important;margin:0 auto;}
.printA3l:not(.j2editor){width:420mm !important;margin:0 auto;}
.printA2l:not(.j2editor){width:594mm !important;margin:0 auto;}
.printLegall:not(.j2editor){width:14in !important;margin:0 auto;}
.printLetterl:not(.j2editor){width:11in !important;margin:0 auto;}
.printj2Webbyl:not(.j2editor){width:900px !important;margin:0 auto;}

.paperPortrait{display:inline-block;width:10px;height:15px;border:1px solid black;margin-top:-5px;position:relative;top:5px;background-color:white}
.paperLandscape{display:inline-block;width:15px;height:10px;border:1px solid black;position:relative;top:3px;background-color:white}

.paperMargin{margin:40px;position:relative;}

@media print {
	#j2tools,#sink,#javaSupport,#collab {display:none !important;}
	.ui-dialog,.ui-dialog-titlebar,.ui-dialog-content,.ui-dialog-buttonpane {display:none !important}
	.j2eTag,.j2eMenu,.paperSize,.paperOversize,.iFrameOverlay {display:none !important}
	.j2dialogShadow {box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;-o-box-shadow:none !important;}
	.selectable:hover,.selected {outline:0 !important}
	#contentScroll{position:relative !important;top:0 !important;page-break-after:always !important;}
	#content{overflow:hidden !important}
	.paperMargin{margin:0 !important}
	tr.tableSelected{border: 1px solid #6699CC !important;}
	col.tableSelected{border: 1px solid #6699CC !important;}
	.editableTable.selected{border: 1px solid #6699CC !important}
	
	.j2graphic,.j2photo,.j2jigsaw,.j2jigsawPiece,.j2text,.j2rectangle,.j2frame,.j2chart,.editableTable,.j2svg{padding-bottom:0 !important}
	
	.hiddenPage,.visiblePage {
		display:block !important;
		position:relative !important;
		overflow:hidden !important;
		left:0 !important;
		top:0 !important;
		border:1px solid transparent !important;
		page-break-after:always !important;
		-webkit-transform:none !important;
		-moz-transform:none !important;
		-ms-transform:none !important;
	}
	
	#content.noPaper{overflow:visible !important}
	.printA5{width:148mm !important;height:210mm !important}
	.printA4{width:210mm !important;height:297mm !important}
	.printA3{width:297mm !important;height:420mm !important}
	.printA2{width:420mm !important;height:594mm !important}
	.printLegal{width:8.5in !important;height:14in !important}
	.printLetter{width:8.5in !important;height:11in !important}
	.print640x480,.print640x480l{width:640px !important;height:480px !important}
	.print800x600,.print800x600l{width:800px !important;height:600px !important}
	.print1024x768,.print1024x768l{width:1024px !important;height:768px !important}
	.print1280x800,.print1280x800l{width:1280px !important;height:800px !important}
	.print2048x1024,.print2048x1024l{width:2048px !important;height:1024px !important}
	.printj2Webby{width:900px !important;height:297mm !important;}
	.printA5l{width:210mm !important;height:147mm !important}
	.printA4l{width:297mm !important;height:209mm !important}
	.printA3l{width:420mm !important;height:296mm !important}
	.printA2l{width:594mm !important;height:420mm !important}
	.printLegall{width:14in !important;height:8.5in !important}
	.printLetterl{width:11in !important;height:8.5in !important}
	.printj2Webbyl{width:900px !important;height:210mm !important;}
}

.visiblePage{
	display:block;
	position:relative;
	overflow:visible;
}
	
.hiddenPage{
	display:none;
}

/* Web font styles */
#jwebfonts p{ margin-bottom:10px;}
	
.fontlist{
	height: 345px;
	width: 573px;
	overflow: auto;
	border: 1px silver solid;
}

.fontcard{
	white-space: nowrap;
	overflow: visible;
}

.fontitem {
	margin: 5px;
	padding: 10px;
	border: 1px silver solid;
	border-radius: 5px;
}

.fontitem:hover {
	background-color: #A6C9E2;
}

.fontidentifier {
	font-size: 10px;
	color: #777;
	text-align: left;
}

.fontfavourite { padding-left: 10px; }

.fontsample {
	line-height: 1.5em;
	padding-bottom: 10px;
	display: block;
	overflow: hidden;
}

.flipContainer {
	-webkit-perspective:1000px;
	-o-perspective:500px;
	-moz-perspective:500px;
	-ms-perspective:500px;
	perspective:500px;
}
	
.flipBlock {
    position:absolute;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:-webkit-transform 1.5s;
    -o-transition:all 1.5s linear;
    -moz-transition:all 1.5s linear;
    -ms-transition:all 1.5s linear;
    transition:all 1.5s linear;
}
.rotated{
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.side{
    position:absolute;
    -webkit-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
.front{
}
.back{
	background-color:lightgray;
	color:white;
	padding:20px;
	text-align:center;
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
}

#collab, #chatHistory{
	position:fixed;
	left:7px;
	top:36px;
	background-color:gray;
	color:white;
	padding:4px;
	border-radius:5px;
	cursor:default;
	opacity:0.98;
	z-index:600;
}

#chatHistory{
	z-index:2600;
}

#chatTitle{
	margin:5px;
	width:160px;
}

.ui-dialog-content{
	white-space:nowrap;
}

.stopCol{
	background-image: url(css/redmond/images/ui-icons_d8e7f3_256x240.png);
	display:inline-block;
	float:right;
}
	
#collab.editor{
	left:2px;
	top:47px;
}
	
#collab ul{
	list-style-type:square;
	padding:5px;
	margin-left:16px;
}

#collab li{
	margin-bottom:2px;
}

#cPin {
	display:inline-block;
	width:14px;
	height:14px;
	background-image: url(css/redmond/images/ui-icons_d8e7f3_256x240.png);
	float:right;
}

#j2chat{
	width:160px;
	height:20px;
}

#chatScroller {
	overflow:auto;
	max-height:250px;
	width:166px;
}
	
#viewers {
	display:inline-block;
}
	
.chatBubble{
	border:1px white solid;
	border-radius:7px;-moz-border-radius:7px;
	margin:6px 0 20px 0;
	padding:4px;
	max-width:130px;
	background-color:white;
	color:gray;
}
	
.chatWho{
	position:relative;
	left:55px;
	top:-6px;
	margin-top:-27px;
	max-width:90px;
	color:darkGray;
}

.chatLine.me{
	left:25px;
}
	
.chatSpeak{
	display:block;
	position:relative;
	width:30px;
	height:15px;
	background-color:gray;
	top:-20px;
	left:15px;
	margin-bottom:-15px;
}

.stopCol {
	cursor:pointer;
	top:0;
}
	
.pageThumb{
	white-space:pre-wrap;
}

.pageThumb p {min-height:20px; line-height:120%;}
.pageThumb p *{line-height:120%;}

	
#dialog-modal-confirm{
	display:table-cell;
	vertical-align:middle;
	height:60px;
	white-space:normal;
}

#dialog-modal{
	white-space:normal;
}

.hidden{
	display:none !important;
}

.idp_rect {
	position:relative;
	cursor:default;
	left:0;
	top:0;
	width:462px;
	height:265px;
}
.idp_rect div.j2rectangle {
	position:absolute;
	left:0;
	top:0;
	width: 460px;
	height:265px;
	background-color:white;
	border-bottom-color:rgb(133, 208, 243);
	border-left-color:rgb(133, 208, 243);
	border-right-color:rgb(133, 208, 243);
	border-top-color:rgb(133, 208, 243);
	border-top-width: 1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius:30px;
}
.idp_image {position:absolute; cursor:pointer;padding:0;}
.idp_image:hover {outline:3px solid rgb(133, 208, 243);}
.idp_image.bln {left:24px;top:195px;width:76px;height:50px;}
.idp_image.Dudley {left:24px;top:95px;width:80px;height:80px;}
.idp_image.embc {left:362px;top:24px;width:91px;height:50px;}
.idp_image.glow {left:164px;top:24px;width:88px;height:50px;}
.idp_image.kentlz {left:109px;top:195px;width:81px;height:50px;}
.idp_image.lgfl {left:24px;top:24px;width:125px;height:50px;}
.idp_image.ngn {left:199px;top:197px;width:244px;height:50px;}
.idp_image.somerset {left:128px;top:92px;width:52px;height:88px;}
.idp_image.swgfl {left:267px;top:24px;width:80px;height:50px;}
.idp_image.worcs {left:203px;top:111px;width:240px;height:50px;}

.colourMenu {
	width:20px;
	height:15px;
	border:1px solid black;
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:3px;
}

.menuTick {
	position:relative;
	display:inline-block;
	margin-left:-20px;
	margin-right:4px;
}

#cvalue {
	margin-left:22px;
}

.poo {
	width:4px;
	height:4px;
	position:absolute;
	margin-left:-2px;
	margin-top:-2px;
	background-color:brown;
}

#linkTabs {float:right;border:none;}
#linkTabs ul {border:none;background:none;}
#linkTabs div.ui-tabs-panel {border-width:1px;}
#linkTabs .dropSound {
	white-space:pre-wrap;
	word-wrap:break-word;
	padding:30px 20px 30px 20px;
	margin:10px 0 10px 0;
	background:#DFEFFC;
	display:inline-block;
	vertical-align:middle;
}
#linkTabs .dropSound.dropHover {background:#E17009;}
#linkTabs .dropSoundHolder {
	display:inline-block;
	vertical-align:middle;
	height:69px;
	margin-left:20px;
	border:none;
	background:none;
}