/*
// Copyright Just2easy Limited 2011 all rights reserved.
*/
		
.j2eTag{background:#004C6D;width:26px;height:26px;opacity:.5;-webkit-border-radius:10px;}
.j2eTag.j2eRotationTag{opacity:1;background:transparent;background-position:-762px -204px;padding:0; background-image:url('images/easychalk-buttons-3.png') !important; background-size: 800px 280px; left:0; top:0; width:38px; height:32px; margin-left:0px; margin-top:0px; position:relative;}
.j2eTag.j2eRotationCentre{width:10px;height:10px;background:#004C6D;border-radius:5px;-moz-border-radius:5px;}
.j2eTag.clTag{width:23px;height:23px;margin-top:6px;margin-left:-4px;background:transparent;background-image:url('images/clone-handel.png');}
.j2eTag.wrapTag{margin-left:6px;margin-top:7px;background-image:url('css/smoothness/images/ui-icons_378523_256x240.png');}
.j2eGroupSelectionClone{z-index:500;border-top:1px dashed blue;position:absolute;height:0}

.selected{outline:1px dashed #004C6D}
		
.toolbarButton.ui-button-icon-only .ui-icon{background-image:url('images/easychalk-buttons-3.png');background-size:800px 280px;}
.toolbarButton.smaller.ui-button-icon-only .ui-icon{background-size:590px 206px;-moz-background-size:590px 207px;-webkit-background-size:590px 207px;}

#easychalkLogo{
	display:inline-block;
	vertical-align:middle;
	height:22px;
	width:100px;
	overflow:hidden;
	background-image:url('images/easychalk-logo.png');
	margin-left:10px;
	margin-right:10px;
}

#j2minimiseToolbar {white-space:nowrap}

.localVersion{
	color:#004C6D;
}

#pageFlipR{
	background-image:url('images/pageFlipR2.png');
}

#pageFlipL {
	background-image:url('images/pageFlipL2.png');
}

.line_1a4h {border-top:1px solid lightgray;border-left:1px solid lightgray;border-right:1px solid lightgray;position:absolute;overflow:hidden;}
.line_1a4h.last {border-bottom:1px solid lightgray;}

.line_4a4h_1 {border-top:3px solid lightgray;border-left:3px solid lightgray;border-right:3px solid lightgray;position:absolute;overflow:hidden;}
.line_4a4h_1.last {border-bottom:3px solid lightgray;}

.line_1a4h_1 {border-top:3px solid lightgray;border-left:3px solid lightgray;border-right:3px solid lightgray;position:absolute;overflow:hidden;}
.line_1a4h_1.last {border-bottom:1px solid lightgray;}

.line_3a4h {border:1px solid lightgray;position:absolute;overflow:hidden;}

.line_2a5h {border-top:1px solid lightgray;border-left:1px solid lightgray;border-right:1px solid lightgray;position:absolute;overflow:hidden;}
.line_2a5h.last {border-bottom:1px solid lightgray;}

.line_2a5h.colour0{background-color:rgba(254,205,152,77)}
.line_2a5h.colour1{background-color:rgba(205,254,205,77)}
.line_2a5h.colour2{background-color:#bbe6f1}

.houseChimney {background-image:url(images/houses/chimney.png);height:83px; width:100px;background-repeat:no-repeat;position:absolute;}
.houseRoof {background-image:url(images/houses/roof.png);height:0.75cm; width:100px;background-repeat:no-repeat;position:absolute;}
.houseRoof.colour {background-image:url(images/houses/roofPink.png);}
.house1Floor {background-image:url(images/houses/1Floor.png);height:0.75cm; width:100px;background-repeat:no-repeat;position:absolute;}
.house2Floor {background-image:url(images/houses/2Floor.png);height:1cm; width:100px;background-repeat:no-repeat;position:absolute;}

a:link {color:#004C6D;text-decoration:none}
a:visited {color:#004C6D;text-decoration:none}
a:hover {color:#004C6D; text-decoration:underline;}
a:active {color:#004C6D;}

.curtainButton{background-position:-122px -204px;}
.mouseButton{background-position:-242px -204px;}
.eraserButton{background-position:-82px -204px;}
.penButton{background-position:-322px -204px;}
.markerButton{background-position:-202px -204px;}
.lineShapeButton{background-position:-282px -204px;}
.textButton{background-position:-162px -204px;}
.previousButton{background-position:-602px -204px;}
.nextButton{background-position:-642px -204px;}
.pagesButton{background-position:-722px -204px;}

.penRed{background-position:-362px -204px;}
.penBlack{background-position:-402px -204px;}
.penGreen{background-position:-442px -204px;}
.penBlue{background-position:-482px -204px;}
.markerYellow{background-position:-522px -204px;}
.markerGreen{background-position:-562px -204px;}

.rectangleButton{background-position:-122px -44px;}
.ellipseButton{background-position:-42px -244px;}
.triangleButton{background-position:-82px -244px;}
.squareButton{background-position:-2px -244px;}
.circleButton{background-position:-762px -4px;}
.isoscelesButton{background-position:-682px -204px;}

.saveButton.its{background-position:-122px -244px;}

.ui-state-hover.toolbarButton, .ui-state-hover.flagButton{ border-color:#004C6D;background-color:#ffffff;background-image:url(css/smoothness/images/ui-bg_glass_100_f8f8f8_1x400.png);}
.ui-state-active.toolbarButton, .ui-state-active.flagButton{ border-color:#004C6D;background-color:transparent;background-image:none;}
.ui-state-selected.toolbarButton, .ui-state-selected.flagButton{ border-color:#004C6D;background-color:transparent;background-image:none;}

.j2buttonBar{
  background:-webkit-gradient( linear, 0 25%, 0 100%, from(white), to(lightgrey));
  background:-moz-linear-gradient( top, white, white, lightgrey );
  background:-o-linear-gradient( top, white, white, lightgrey );
  background:-ms-linear-gradient( top, white, white, lightgrey );
  filter:progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightgrey);
}

.j2viewBar{
	background:-webkit-gradient( linear, 0 0, 0 100%, from(lightgrey), to(white));
	background:-moz-linear-gradient( top, lightgrey, lightgrey, white );
	background:-o-linear-gradient( top, lightgrey, lightgrey, white );
	background:-ms-linear-gradient( top, lightgrey, lightgrey, white );
	filter:progid:DXImageTransform.Microsoft.Gradient(
		gradientType=0,startColorStr=white,
		endColorStr=lightgrey);
}

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

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

/*#photos #tabs {
	border:none;
	background-color:transparent;
	background-image:none;
}*/

.j2eMenuOver {
	background:#AFD085;
}

.tabTitle {
	background-color:transparent !important;
}

.pCurrent {
	background-color:#e7e7e7;
	border-radius:5px;-moz-border-radius:5px;
}

#j2sideBar{
	position:fixed;
	width:30px;
	overflow:hidden;
	z-index:900;
	background-color:white;
	background-image:none;
	padding:5px;
	margin:1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:none;
}

.sideBarR{
	border-top-left-radius:6px !important;
	border-bottom-left-radius:6px !important;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-right:none !important;
	border-left:1px solid #AAA !important;
}
	
.sidefolded{
	border-top-left-radius:6px !important;
	border-bottom-left-radius:6px !important;
	border-top-right-radius:6px !important;
	border-bottom-right-radius:6px !important;
	border:1px solid #AAA !important;
}	
		
#toggleTools{
	position:relative;
	left:5px;
}
	
#j2sideBar .toolbarButton{
	margin-left:3px;
}

.sideBarTab {
	height:100px;
	width:30px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid grey;
	margin-bottom:2px;
	margin-left:-8px;
	background-color:lightgray;
}

.sideBarTabRight{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	left:11px;
	position:relative;
	width:32px;
}
	
.tabSelected {
	background-color:white;
}
	
#sideSpacer {
	height:10px;
}
	
#sideBarLine {
	width:3px;
	height:100px;
	background-color:white;
	position:absolute;
	z-index:901;
}
	
#sideBarFiller{
	position:absolute;
	width:4px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	margin:1px;
}
	
.sideBarText {
	color:#004C6D;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	position:relative;
	top:10px;
}

#sideBarBottom{
	position:relative;
	top:100%;
	margin-top:-490px;
	margin-left:-8px;
}

.sideBarRight{
	left:2px;
}
	
#sideBarBottom .toolbarButton{
	margin-left:3px;
}
	
#pageofn {
	margin-left:10px !important;
}
	
.pageTools{
	background:none;
  /*background:-webkit-gradient( linear, 0 0, 100% 0, from(lightgrey), to(white));
  background:-o-linear-gradient( top left, white, lightgrey );
  background:-moz-linear-gradient( top left, white, lightgrey );
  background:-ms-linear-gradient( top left, white, lightgrey );
  filter: progid:DXImageTransform.Microsoft.Gradient(
        gradientType=0,startColorStr=white,
        endColorStr=lightgrey);*/
}

.j2floatingTools{
  background:-webkit-gradient( linear, 0 0, 100% 0, from(lightgrey), to(white));
  background:-moz-linear-gradient( top left, white, lightgrey );
  background:-o-linear-gradient( top left, white, lightgrey );
  background:-ms-linear-gradient( top left, white, lightgrey );
}

.pageTools{
  overflow-y:auto;
}

#dialogueRegisterSU .openId {
	background-color:lightGray;
}

.frameMode{display:block;}

#curtain {
	position:absolute;
	z-index:900;		/* higher than button bar button, so it can close to it */
	background:-webkit-gradient( linear, 0 0, 0 100%, from(lightgrey), to(white));
	background:-moz-linear-gradient( top, lightgrey, lightgrey, white );
	background:-o-linear-gradient( top, lightgrey, lightgrey, white );
	background:-ms-linear-gradient( top, lightgrey, lightgrey, white );
	filter:progid:DXImageTransform.Microsoft.Gradient(
		gradientType=0,startColorStr=white,
		endColorStr=lightgrey);
}
	
.tempCurtain {
	position:absolute;
	z-index:900;
	background:-webkit-gradient( linear, 0 0, 0 100%, from(lightgrey), to(white));
	background:-moz-linear-gradient( top, lightgrey, lightgrey, white );
	background:-o-linear-gradient( top, lightgrey, lightgrey, white );
	background:-ms-linear-gradient( top, lightgrey, lightgrey, white );
	filter:progid:DXImageTransform.Microsoft.Gradient(
		gradientType=0,startColorStr=white,
		endColorStr=lightgrey);
}
	
#curtain .closeButton {left:-14px;top:0;z-index:601}

#curtainHandle {
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	/*background-color:blue;
	opacity:0.05;*/
}
		
.curtainDrag {
	width:30px;
	height:30px;
	border-radius:15px;-moz-border-radius:15px;
	background:-webkit-gradient( linear, 0 0, 100% 0, from(lightgrey), to(white));
	background:-moz-linear-gradient( top left, white, lightgrey );
	background:-o-linear-gradient( top left, white, lightgrey );
	background:-ms-linear-gradient( top left, white, lightgrey );
	filter:progid:DXImageTransform.Microsoft.Gradient(
		gradientType=0,startColorStr=white,
		endColorStr=lightgrey);
}
	
#curtainTop {
	position:relative;
	margin-left:auto ;
	margin-right:auto;
	margin-top:10px;
	cursor:n-resize;
}

#curtainBottom {
	position:relative;
	margin-left:auto ;
	margin-right:auto;
	top:100%;
	margin-top:-55px;
	cursor:s-resize;
}

#curtainLeft {
	position:relative;
	top:50%;
	margin-left:10px;
	margin-top:-55px;
	cursor:w-resize;
}

#curtainRight {
	position:relative;
	top:50%;
	float:right;
	margin-right:10px;
	margin-top:-30px;
	cursor:e-resize;
}

#curtainCentre {
	position:relative;
	top:50%;
	margin-left:auto ;
	margin-right:auto;
	margin-top:-5px;
	cursor:move;
}

@media print {
	#curtain{display:none}
}

.shareTable th {
	background-color:#004C6D;
}

.j2eMenuSeparator {
	border-bottom:1px solid #004C6D;
}

.j2MenuText {
	color:#004C6D;
}

.j2eListPanel{
	background:transparent;
}
	
#wacom-plugin{display:block;}

#outof {color:#004C6D;}
.pagesText {color:#004C6D;}
	
.gf_explanation {color:#007740;}
#chromeFrameImage {
	height:96px;
	background-image:url("images/easychalk-220x96.jpeg");
}
	
.frameModeSmall {font-size:8pt;}