.toolsBut {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.toolsBut:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.toolsBut:active {
	position:relative;
	top:1px;
}

.dropMenu{
	background-image:url(img/lineOptBg.png);
}
.dropMenuIcons{
	background-image:url(/drills/chalkBoard/html5/css/img/lineOptBgIcons30.png);
	background-repeat:no-repeat;
	background-position:90% 90%;
}
.toolSelected {
	-moz-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
	background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380');
	background-color:#fae4bd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.toolSelected:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eac380), color-stop(1, #fae4bd) );
	background:-moz-linear-gradient( center top, #eac380 5%, #fae4bd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac380', endColorstr='#fae4bd');
	background-color:#eac380;
}.toolSelected:active {
	position:relative;
	top:1px;
}
ul.spDrop
{
  margin: 0;
  padding: 0;
}

ul.spDrop li
{
/*	border:1px solid #DDDDDD;*/
  float: left;
  list-style: none;
  font: 12px Tahoma, Arial;
}


ul.spDrop li a
{
/*	padding: 5px 12px;*/
  display: block;
  text-decoration: none;
  white-space: nowrap;
 /* height: 50px;*/
}

#toolsBut td{font-size:2px;}	

.rotateUp{-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
-ms-transform:rotate(270deg);
}
.rotateDn{-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}
.rotateLt{-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}

ul.spDrop li a:hover
{
  /*background: #DDDDDD;*/
}
  
ul.spDrop li ul
{
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  /*border-top: 1px solid white;*/
  z-index:1;
  margin-left:30px;
}

ul.spDrop li ul li
{
	background: #FFFFFF;
	/*border:1px solid #DDDDDD;*/
  float: none;
  display: block;
}

ul.spDrop li ul li.inline
{
	background: #FFFFFF;
/*	border:1px solid #DDDDDD;*/
  float: left;
  display: inline;
}


ul.spDrop li ul li a
{
/*	padding: 5px 12px;*/
  width: auto;
  height: auto;
}

ul.spDrop li ul li a:hover
{
  /*background: #DDDDDD;*/
}

#jsddm
{
  margin: 0;
  padding: 0;
}
  
#jsddm li
{
	border:1px solid #DDDDDD;
  float: left;
  list-style: none;
  font: 12px Tahoma, Arial;
}

#jsddm li a
{
	padding: 5px 12px;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  height: 50px;
}

#jsddm li a:hover
{
  background: #DDDDDD;
}
  
#jsddm li ul
{
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  border-top: 1px solid white;
}

#jsddm li ul li
{
	background: #FFFFFF;
	border:1px solid #DDDDDD;
  float: none;
  display: block;
}

#jsddm li ul li.inline
{
	background: #FFFFFF;
	border:1px solid #DDDDDD;
  float: none;
  display: inline;
}


#jsddm li ul li a
{
	padding: 5px 12px;
  width: auto;
  height: auto;
}

#selectedObject{width:180px;margin-bottom:40px;}
#jsddm li ul li a:hover
{
  background: #DDDDDD;
}

#toolsHolder{width:48px;}
#iconsHolder{width:48px;}
#selectedObject{background-color:#ffffff;}
#chalkFrame{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #bbbbbb 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dfdfdf');
	background-color:#bbbbbb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*padding:4px; */
	}

	div.color_picker {
  height: 16px;
  width: 16px;
  border: 1px solid #ccc;
  background: url(arrow.gif) no-repeat top right;
  cursor: pointer;
  float:left;
  margin: 2px 0px 0px 5px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 1111; /* had to add this so it will work with spWindowOpen overlays as well */
}

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
.spaced {
        float:left;
        margin:5px;
        cursor:hand;
        cursor:pointer;
      }