html, body {
  width:  100%;
  height: 100%;
  margin: 0px;
    background-color:#EBEBEB;

}

#imageFull {
}
	

#container { position: relative; }
#imageView {border: 1px solid #000;/*height: 100%; width: 100%;*/ }
#imageView.state4 {cursor:help;}
#imageTemp { position: absolute; top: 1px; left: 1px; }

DIV.imageFullbox {
	position: absolute;
	z-index: -1;
}


.selected2 {
	border:1px solid #000000;
	/*width:25px;
	height:25px;*/
}

.default2 {
	border:1px solid transparent;
	/*idth:30px;
	height:30px;*/
}

.selected_line_width {
	border:1px solid #CCCCCC;
	/*width:90px;*/
}

.default_line_width {
	border:1px solid transparent;
	width:80px;
}
.colorwell{
	padding:5px;
	font-size:18px;
	background-color:#333;
	font-family:Verdana, Geneva, sans-serif;
	border:1px #CCC solid;
}
DIV.toolbar {
	position: fixed;
	top:0;
	left:0;
	display:block;
	z-index:1000000;
	/*background-color:#EBEBEB;*/
	border-bottom:1px solid #E2E2E2;
	width:100%;
	padding:5px ;
}
DIV.statusbar {
	position: fixed;
	top:100%;
	left:0;
	display:block;
	z-index:1000000;
	height:25px;
	margin-top:-25px;
	background-color:#EBEBEB;
	border-bottom:1px solid #E2E2E2;
}

span.disable{
	/* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}
span.enable{
	/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}

#slider_linewidth { width:8em; }

a:link { text-decoration: none } 
a:active { text-decoration: none }
a:visited { text-decoration: none }

.objTreeSelected
{
	background-color:#d9d7c0;
	border-top: 1px solid #6D6D6D; 
	border-left: 1px solid #6D6D6D; 
	border-bottom: 1px solid #D6D6D6; 
	border-right: 1px solid #D6D6D6;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.objTreeNtSelected { 
	border:1px solid transparent;
}
.sidebar{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
			
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#D6D6D6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#D6D6D6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F4F4F4,  #D6D6D6); /* for firefox 3.6+ */
	background-image: -o-linear-gradient( #F4F4F4,#D6D6D6);/* for opera*/
}
.imageIcon {
  display:inline;
  margin:2px;
  border:0;
}
#displaySearchResult{
	width:auto; overflow: auto;
}
.treeContainer ul.projectList{
	margin:0;
	padding:2px;
}
.treeContainer .projectList li{
	list-style:none;
	position: relative;
	display: inline-block;
	width: 135px;
	margin: 5px;
	text-align: center;
	border: 1px solid transparent;
}

.projectList li:hover { 
	background-color: #EBEBD8;
 	border-color: #d9d9c0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
}

/*____________________________________*/
.treeContainer ul.drawingList{
	margin:0;
	padding:2px;
}
.treeContainer .drawingList li{
	position: relative;
	list-style:none;
	display: inline-block;
	
	margin: 5px;
	text-align: center;
	border: 1px solid transparent;
}


.drawingList li:hover { 
	background-color: #EBEBD8;
 	border-color: #d9d9c0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
}

.projectListSelected { 
	background-color: #d9d7c0;
 	border-color: #ACACAC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
}
.projectListDefault { 
	background-color: #0F0;
 	border-color: #750000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
}
.drawingListSelected { 
	background-color: #d9d7c0;
 	border-color: #ACACAC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
}

.thumbs-listing { width: 205px; height: 155px;}

/*____________________________________*/




.truncate { width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*vertical tab*/
ul.vTabs {
margin: 35px 0 0 0; 
padding: 0;
}

ul.vTabs li {
list-style: none;
margin-bottom: 3px;
background: transparent url(images/tab_background.gif) repeat-y -35px 0 ;

border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
border-width: 1px 0 1px 1px; border-color: #949494; border-style:solid;
}

.vTabs .vertical-tab { display: block; width: 35px;	}
.vTabs .vTabs-disabled, .vTabs .vTabs-disabled:hover { background: transparent url(images/tab_background.gif) repeat-y -70px 0;}

.vTabs .tab-editor  			{ background: transparent url(images/tabs.png) no-repeat -34px -10px; }
.vTabs .tab-projects	 		{ background: transparent url(images/tabs.png) no-repeat -34px -95px; }
.vTabs .tab-tutorials	 		{ background: transparent url(images/tabs.png) no-repeat -34px -195px; }
.vTabs .tab-account		 		{ background: transparent url(images/tabs.png) no-repeat -34px -295px; }

li.vTabs-disabled .tab-editor, li.vTabs-disabled .tab-editor:hover		  		{ background: transparent url(images/tabs.png) no-repeat -62px -10px; }
li.vTabs-disabled .tab-projects, li.vTabs-disabled .tab-projects:hover	 			{ background: transparent url(images/tabs.png) no-repeat -62px -95px; }
li.vTabs-disabled .tab-tutorials, li.vTabs-disabled .tab-tutorials:hover	 		{ background: transparent url(images/tabs.png) no-repeat -62px -195px; }
li.vTabs-disabled .tab-account, li.vTabs-disabled .tab-account:hover		 		{ background: transparent url(images/tabs.png) no-repeat -62px -295px; }

.vTabs .tab-editor:hover 		{ background-position: 0 -10px; }
.vTabs .tab-projects:hover 		{ background-position: 0 -95px; }
.vTabs .tab-tutorials:hover 	{ background-position: 0 -195px; }
.vTabs .tab-account:hover 		{ background-position: 0 -295px; }

ul.vTabs li:hover, ul.vTabs li:active {	background-position: 0 0; border-color: #e5e5e5;}
ul.vTabs li.vTabs-disabled:hover, ul.vTabs li.vTabs-disabled:active {	background-position: -70px 0; border-color:#979797;}


.vTabs .vTabs-current, .vTabs .vTabs-current:hover {	background-position: 0 0; border-width: 1px 0 1px 1px; border-color: #e5e5e5; border-style:solid;}

.vTabs-current .tab-editor 		{ background-position: 0 -10px; }
.vTabs-current .tab-projects 	{ background-position: 0 -95px; }
.vTabs-current .tab-tutorials 	{ background-position: 0 -195px; }
.vTabs-current .tab-account 	{ background-position: 0 -295px; }

.tabDefault{
	position:absolute;
	visibility: hidden;
}
.tabSelected{
	position: relative;
	z-index:10;
	
}

/************************************************************************/
/* CSS FOR FOOTER */

.ftr { background: transparent url(images/template/bshadow.png) no-repeat center top; padding: 25px 0;}
.ftrHeading { font: bold 13px Arial, Helvetica, sans-serif; margin-bottom: 8px; color: #6A6A6A; text-shadow: #dde5f3 1px 1px 1px; }
.ftrBx		{ font: normal 11px Arial, Helvetica, sans-serif; color: #6A6A6A;}
	.ftrBx a { color: #6A6A6A;}
	.ftrBx a:hover { color: #6A6A6A; text-decoration: underline;}
.ftr ul.lnkmnu { padding: 0; margin: 0;}
	.lnkmnu li { list-style: none; font: normal 11px Arial, Helvetica, sans-serif; color: #6A6A6A; }
	.lnkmnu a:link, .lnkmnu a:visited { color: #6A6A6A;}
	.lnkmnu a:hover, lnkmnu a:active { text-decoration: underline; color: #6A6A6A;}
	
	.lnkmnu li.lnkitem { list-style: square; margin-bottom: 8px; margin-left: 15px; padding-left: 0px;}
.ftrCpyR {  border-top: 5px solid #8abc4f; background-color: #67a31f; padding: 10px; color: #fff; font: normal 11px Arial, Helvetica, sans-serif;}
	.ftrCpyR a, .ftrCpyR a:visited { color: #354671;}
	.ftrCpyR a:hover { text-decoration: underline; color: #354671;}
	
	
/*css for symbol*/	
.showtab{
	z-index:1000005;
	visibility:visible;
}
.hidetab{
	z-index:100000;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

ul.gen-tab { padding: 10px 0 0 5px; margin: 0;
	border-bottom: 2px solid #ABABAB;
	height: 24px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background-color:#6D6D6D;}

ul.gen-tab li {
	display: inline; 
	list-style: none;
	margin: 0;
	line-height: 25px;
	background: #EBEBEB;
	padding: 5px 8px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	cursor: pointer;
	}

ul.gen-tab li.inventoryTabSelected{
	background-color:#fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.divAutoScroll{
	width:auto; overflow: auto;
}

/*#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }*/
.gelPicker { margin-top: 1em; }
.gelPicker li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.goboPicker { margin-top: 1em; }
.goboPicker li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }
#tabs { margin-top: 1em; }
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }

#draggableObjectMenu { position:absolute;top:45px;left:800px;width: 260px; height: 30px; padding: 0.5em; z-index:10; }