rlm@46: /*
rlm@46:  * Ext JS Library 2.1
rlm@46:  * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46:  * licensing@extjs.com
rlm@46:  * 
rlm@46:  * http://extjs.com/license
rlm@46:  */
rlm@46: html, body {           overflow:hidden;
rlm@46:         height:100%;  
rlm@46:  }
rlm@46: #me-container{
rlm@46:        position:relative;
rlm@46:     left:0px;
rlm@46:     top:0px;
rlm@46:            margin:0;
rlm@46:         padding:0;
rlm@46:         border:0 none;
rlm@46:         
rlm@46:         font-size:9px;
rlm@46: 	background-color:#ccccdd !important;
rlm@46:         font-family:helvetica,tahoma,verdana,sans-serif;   
rlm@46: 
rlm@46: }
rlm@46: #divformfill{
rlm@46:     position:absolute;
rlm@46:     left:53px;
rlm@46:     top:0px;
rlm@46:     width:50px; 
rlm@46:     height:240px;
rlm@46:     padding-top:0px;
rlm@46:     padding-left:0px;
rlm@46:     font-size:8px;
rlm@46:     border:0px solid #6593cf;
rlm@46:     padding:2px; 
rlm@46:     visibility:hidden;
rlm@46: } 
rlm@46: #divformstroke{
rlm@46:     position:absolute;
rlm@46:     left:53px;
rlm@46:     top:115px;
rlm@46:     width:50px; 
rlm@46:     height:240px;
rlm@46:     padding-top:0px;
rlm@46:     padding-left:0px;
rlm@46:     font-size:9px;
rlm@46:     border:0px solid #6593cf;
rlm@46:     padding:0px; 
rlm@46:     visibility:hidden;
rlm@46: }
rlm@46: .field {
rlm@46:   margin:1px;
rlm@46:   padding:1px;
rlm@46:   font-size:9px;
rlm@46:   vertical-align: middle;
rlm@46:   width:50px; 
rlm@46: 
rlm@46: }
rlm@46:  
rlm@46: .loading-indicator {
rlm@46:     font-size:8pt;
rlm@46:     background-image:url('theme/images/loading.gif');
rlm@46:     background-repeat: no-repeat;
rlm@46:     background-position:top left;
rlm@46:     padding-left:20px;
rlm@46: 	height:18px;
rlm@46: 	text-align:left;
rlm@46: }    
rlm@46:  #loading-mask {
rlm@46:     width:100%;
rlm@46:     height:100%;
rlm@46:     background:#000033;
rlm@46:     position:absolute;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46: 	
rlm@46:     }
rlm@46: #loading{
rlm@46: 	position:absolute;
rlm@46: 	left:45%;
rlm@46: 	top:40%;
rlm@46: 	border:1px solid #3333cf;
rlm@46: 	padding:2px;
rlm@46: 	background:#000033;
rlm@46: 	width:150px;
rlm@46: 	text-align:center;
rlm@46: 	z-index:20001;
rlm@46: }
rlm@46: #loading .loading-indicator{
rlm@46: 	border:1px solid #a3bad9;
rlm@46: 	background:white url('') repeat-x;
rlm@46: 	color:#003366;
rlm@46: 	font:bold 13px tahoma,arial,helvetica;
rlm@46: 	padding:10px;
rlm@46: 	margin:0;
rlm@46: }
rlm@46: #fill-me{ 
rlm@46:     width:50px; 
rlm@46:     height:100px;
rlm@46:     padding-top:0px;  
rlm@46:     padding-left:0px;
rlm@46:     position:relative;
rlm@46:     left:0px;
rlm@46:     top:0px;
rlm@46:     border-style:solid;
rlm@46:     border-width:0px;
rlm@46:     border-color:#000000; 
rlm@46:     font-size:9px;
rlm@46:    font-family:helvetica,tahoma,verdana,sans-serif;   
rlm@46:     overflow: hidden;
rlm@46:       
rlm@46: }
rlm@46: #fill-square{
rlm@46:     width:20px; 
rlm@46:     height:10px;
rlm@46:     padding-top:0px;  
rlm@46:     padding-left:0px;
rlm@46:     font-size:7px; 
rlm@46:     border-width: 2px;
rlm@46:     
rlm@46: } 
rlm@46: #stroke-me{
rlm@46:     width:50px; 
rlm@46:     height:140px;
rlm@46:     padding-top:0px;
rlm@46:     padding-left:0px;
rlm@46:     position:relative; 
rlm@46:     left:0px;
rlm@46:     top:0px;
rlm@46:     border-style:solid;
rlm@46:     border-width:0px;
rlm@46:     border-color:#000000;   
rlm@46:        font-size:9px;
rlm@46:    font-family:helvetica,tahoma,verdana,sans-serif;   
rlm@46:     overflow: hidden;
rlm@46: }
rlm@46: #stroke-square{  
rlm@46:    position:absolute; 
rlm@46:     left:30px;
rlm@46:     top:0px;
rlm@46:     width:16px; 
rlm@46:     height:10px;
rlm@46:     padding-top:0px;
rlm@46:     padding-left:0px;
rlm@46:     font-size:7px;  
rlm@46:     border-style:solid;
rlm@46:      border-width: 2px;
rlm@46: } 
rlm@46: 
rlm@46: 
rlm@46: #fillContainer {
rlm@46: 	width: 50px;
rlm@46: 	height: 45px;
rlm@46:         position: relative; 
rlm@46:         top:-8px;
rlm@46:         left:1px;    
rlm@46:         margin:0;
rlm@46:         padding:0;
rlm@46: 
rlm@46: }
rlm@46: .colorFillSquare {
rlm@46: 	height: 8px;  
rlm@46: 	
rlm@46: 	position: absolute; 
rlm@46: 	background-color:transparent;
rlm@46: 	border-color: #000;
rlm@46: 	border-style: solid;
rlm@46: 	border-width: 0px 0px 0px 0px;
rlm@46:         font-size:7px;
rlm@46: }
rlm@46: #strokeContainer {
rlm@46: 	width: 50px;
rlm@46: 	height: 45px;
rlm@46:         position: relative; 
rlm@46:         top:-8px;
rlm@46:         left:1px;
rlm@46: }
rlm@46: .colorStrokeSquare {
rlm@46: 	height: 8px; 
rlm@46: 	position: absolute; 
rlm@46: 	background-color: transparent;
rlm@46: 	border-color: #000;
rlm@46: 	border-style: solid;
rlm@46: 	border-width: 0px 0px 0px 0px;
rlm@46:         font-size:7px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: #fill-square {
rlm@46: 	width: 16px;
rlm@46: 	height: 10px;
rlm@46:         position: absolute; 
rlm@46:         top:0px;
rlm@46:         left:30px; 
rlm@46:         background-color: #ff0000;
rlm@46: 	border-color: #000;
rlm@46: 	border-style: solid;
rlm@46: 	border-width: 2px 2px 2px 2px;
rlm@46:         font-size:8px;
rlm@46: } 
rlm@46: #stroke-selected {
rlm@46: 	width: 16px;
rlm@46: 	height: 10px;
rlm@46:         position: absolute; 
rlm@46:         top:0px;
rlm@46:         left:30px; 
rlm@46:         background-color: #ff0000;
rlm@46: 	border-color: #000;
rlm@46: 	border-style: solid;
rlm@46: 	border-width: 2px 2px 2px 2px;
rlm@46:         font-size:8px;
rlm@46: }
rlm@46: #toolbox_fill {
rlm@46: 	text-align:center;
rlm@46:         position:relative;
rlm@46:         position: relative; 
rlm@46:         top:-10px;
rlm@46:         background-color: #ffffff;
rlm@46:         padding-top:2px;
rlm@46: 
rlm@46: }    
rlm@46: #toolbox_stroke {
rlm@46: 	text-align:center;
rlm@46:         position:relative;
rlm@46:         position: relative; 
rlm@46:         top:-20px;
rlm@46:         background-color: #ffffff; 
rlm@46:         padding-top:2px;
rlm@46: } 
rlm@46: #img_okfill{
rlm@46:         cursor:pointer;  
rlm@46:         padding:0px; border:0px solid orange;  
rlm@46: } 
rlm@46: 
rlm@46: #img_okstroke{
rlm@46:         cursor:pointer; 
rlm@46:           
rlm@46: } 
rlm@46: 
rlm@46: .toolboxItem {
rlm@46:       vertical-align: middle;
rlm@46:         
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46: 
rlm@46: }   
rlm@46: .sans{ padding:0px; border:0px solid orange; }
rlm@46: SPAN.toolboxItem { 
rlm@46:  
rlm@46: 	background-repeat: no-repeat;
rlm@46: 	cursor:pointer; 
rlm@46: 	background-image: url(theme/images/buttonSprite_12px.png);
rlm@46: 	width:10px; 
rlm@46: 	height:10px; 
rlm@46:        
rlm@46: 	cursor:pointer;
rlm@46:         vertical-align: middle; 
rlm@46:         background-position: 0px 120px;
rlm@46:         margin:0;
rlm@46:         padding:0;
rlm@46: 
rlm@46: } 
rlm@46:                           
rlm@46: #linear-fill-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46:       
rlm@46: }
rlm@46: #linear-stroke-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46:     
rlm@46: } 
rlm@46: #radial-fill-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46:   
rlm@46: }
rlm@46: #radial-stroke-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46: 
rlm@46: } 
rlm@46: #no-fill-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46: 
rlm@46: }
rlm@46: #no-stroke-gradient{
rlm@46:         width: 12px;
rlm@46: 	height: 12px;
rlm@46: } 
rlm@46: 
rlm@46: