body {     
    margin: 0px 0px 0px; 
    background-color:#FFFFFF;
    font: normal 9pt "Trebuchet MS", Tahoma, "luxi sans", Tahoma,Helvetica, sans-serif;
}
     

.label {
    font: normal 9pt "Trebuchet MS", Tahoma, "luxi sans", Tahoma,Helvetica, sans-serif;
}


#title {
           padding-left:2px;
        }
        

        ul li tr td {
          font: normal 9pt "Trebuchet MS", Tahoma, "luxi sans", Tahoma,Helvetica, sans-serif;
 
        }
        
     
        
         .xar-form-input-wrapper {
             margin-bottom: 4px;
             overflow:auto;                          
         }
         
         .xar-form-input-wrapper1 {
             margin-bottom: 4px;
             overflow:auto;             
             height: 180px;
         }
         
         .xar-form-input-wrapper-after {
             width: auto;
             padding-left: 16em;
             margin-bottom: 4px;
             clear: both;
         }
         
         .xar-form-label {
             width: 22em;
             display: block;
             float: left;
         }
         
         .xar-form-label-short {
             width: 10em;
             display: block;
             float: left;
         }
         
         .xar-form-label-short1 {
             width: 15em;
             display: block;
             float: left;
         }
         
         .xar-form-label-short2 {
             width: 11em;
             display: block;
             float: left;
         }
         
         .xar-form-label-long {
             width: 32em;
             display: block;
             float: left;
         }
         
         .xar-form-label-long1 {
             width: 132em;
             display: block;
             float: left;
         }
         
         #footer {
             font: bold 8px verdana, "luxi sans", Tahoma,Helvetica, sans-serif;
         }
         
         .blok {
             font: bold 12px verdana, "luxi sans", Tahoma,Helvetica, sans-serif;
             color : #FFFFFF;
             width:50px;
             height:50px;
             border-top:1px solid #DBDBDB;
             border-right:1px solid #DBDBDB;
             border-left:1px solid #DBDBDB;
             border-bottom:1px solid #DBDBDB;
             background-color:#808080;
             text-align:center;
             vertical-align: middle;
             float:left;
             margin:2px;
         }
         
         .blok-hover {
             font: bold 12px verdana, "luxi sans", Tahoma,Helvetica, sans-serif;
             color : #000000;
             width:50px;
             height:50px;
             border-top:1px solid #808080;
             border-right:1px solid #808080;
             border-left:1px solid #808080;
             border-bottom:0px solid #808080;
             background-color:#c0c0c0;
             text-align:center;
             vertical-align: middle;
             float:left;
             margin:2px;     
         }         
         #dec {
            padding-left:4px;
         }
         #mainblog {
              font: normal 12px arial, "luxi sans", Tahoma,Helvetica, sans-serif;
              color:#000000;
              text-align:left;
         }
         #mainblog .title {
              color:#000000;
         }
         #cp {
             font: bold 11px arial, "luxi sans", Tahoma,Helvetica, sans-serif;
                 color : #7C7C7C;
         }

/* system-wide navigation tabs nicely wrappable and made out of a list */
dl.xar-tabs  {
    margin: 0 0 0 0;
    padding: 3px 0 0 0;
    width: 100%;
    float: left;
    background-color: transparant;
    line-height: 1.6em;
    border-bottom: 1px solid #5A9E1D;
}

html * dl.xar-tabs {
    display: table;
    float: none;
}

dl.xar-tabs dt.help {
    float: left;
    padding: 2px 6px;
    margin-bottom: -2px;
    line-height: 1.6em;
    border: 0 none;
    font-weight: bold;
}

dl.xar-tabs dd {
    margin: 1px -6px -1px 5px;
    padding: 0;
    float: left;
    border: 1px solid #a0a0a0;
    border-bottom: 1px solid #f0f0f0;
}

dl.xar-tabs dd a {
    display: block;
    padding: 0 .5em;
    color: #a0a0a0;
    background-color: #E6F8D6;
    text-decoration: none;
    white-space: nowrap;
}

dl.xar-tabs dd a:hover {
    color: #ffffff;
    background-color: #bbbbbb;
    text-decoration: none;
}

dl.xar-tabs dd.active a {
    color: #990000;
    background-color: #BFEC97;
    border: 1px solid #5A9E1D;
    border-bottom: 1px solid #ffffff;
}

/* ie5-mac seems to need this */
* html dl.xar-tabs dd a { display: inline-block; }

/* a bit fancier look for good browsers */
dl.xar-tabs dd.active > a {
    margin: -3px -1px -1px -1px;
    border-bottom: 3px solid #BFEC97;
}

* html dl.xar-tabs dd.active {
    margin-top: -3px;
    border: 0 none;
    line-height: 1.9em;
}

dl.xar-tabs dd.active a:hover {
    text-decoration: underline;
    color: #990000;
    background-color: white;
}

h1 {
/*    font: bold 12px verdana, "luxi sans", Tahoma,Helvetica, sans-serif; */
}


	#dhtmlgoodies_colorPicker{
		position:absolute;
		width:250px;
		padding-bottom:1px;
		background-color:#FFF;
		border:1px solid #317082;
		
		width: 252px;	/* IE 5.x */
		width/* */:/**/250px;	/* Other browsers */
		width: /**/250px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_topRow{
		padding-bottom:1px;
		border-bottom:3px double #317082;
		background-color:#E2EBED;
		padding-left:2px;
		
		width: 250px;	/* IE 5.x */
		width/* */:/**/248px;	/* Other browsers */
		width: /**/248px;	
		
		height: 20px;	/* IE 5.x */
		height/* */:/**/16px;	/* Other browsers */
		height: /**/16px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_statusBar{
		height:13px;
		padding-bottom:2px;
		width:248px;
		border-top:3px double #317082;	
		background-color:#E2EBED;
		padding-left:2px;
		clear:both;
		
		width: 250px;	/* IE 5.x */
		width/* */:/**/248px;	/* Other browsers */
		width: /**/248px;	
		
		height: 18px;	/* IE 5.x */
		height/* */:/**/13px;	/* Other browsers */
		height: /**/13px;	
						
	}
	
	#dhtmlgoodies_colorPicker .colorSquare{
		margin-left:1px;
		margin-bottom:1px;
		float:left;
		border:1px solid #000;
		cursor:pointer;
		
		width: 12px;	/* IE 5.x */
		width/* */:/**/10px;	/* Other browsers */
		width: /**/10px;	
		
		height: 12px;	/* IE 5.x */
		height/* */:/**/10px;	/* Other browsers */
		height: /**/10px;	
				
	}
	
	.colorPickerTab_inactive,.colorPickerTab_active{
	
		height:17px;
		padding-left:4px;
		cursor:pointer;	
		
		
	}
	.colorPickerTab_inactive span{
		background-image:url('images/tab_left_inactive.gif');
	}
	
	.colorPickerTab_active span{
		background-image:url('images/tab_left_active.gif');

	}
	.colorPickerTab_inactive span, .colorPickerTab_active span{
		line-height:16px;
		font-weight:bold;
		font-family:arial;
		font-size:11px;
		padding-top:1px;
		vertical-align:middle;
		background-position:top left;
		background-repeat: no-repeat;	
		float:left;
		padding-left:6px;
		-moz-user-select:no;
	}	
	.colorPickerTab_inactive img,.colorPickerTab_active img{
		float:left;
	}
	.colorPickerCloseButton{
		width:11px;
		height:11px;
		text-align:center;
		line-height:10px;
		border:1px solid #317082;
		position:absolute;
		right:1px;
		font-size:12px;
		font-weight:bold;
		top:1px;
		padding:1px;
		cursor:pointer;	
		
		width: 15px;	/* IE 5.x */
		width/* */:/**/11px;	/* Other browsers */
		width: /**/11px;
		
		height: 15px;	/* IE 5.x */
		height/* */:/**/11px;	/* Other browsers */
		height: /**/11px;

			
	}
	#colorPicker_statusBarTxt{
		font-size:11px;
		font-family:arial;
		vertical-align:top;
		line-height:13px;

	}
		
	.form_widget_amount_slider{
		border-top:1px solid #9d9c99;
		border-left:1px solid #9d9c99;
		border-bottom:1px solid #eee;
		border-right:1px solid #eee;
		background-color:#f0ede0;
		position:absolute;
		bottom:0px;
		
		width: 5px;	/* IE 5.x */
		width/* */:/**/3px;	/* Other browsers */
		width: /**/3px;
		
		height: 5px;	/* IE 5.x */
		height/* */:/**/3px;	/* Other browsers */
		height: /**/3px;
				
	}
	.colorSliderLabel{
		width:15px;
		height:20px;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	.colorSlider{
		width:175px;
		height:20px;
		float:left;
	}
	.colorInput{
		width:45px;
		height:20px;
		float:left;
	}	
	.colorPreviewDiv{
		width:186px;
		margin-right:2px;
		margin-top:1px;
		border:1px solid #CCC;
		height:20px;
		float:left;
		cursor:pointer;
		
		width: 188px;	/* IE 5.x */
		width/* */:/**/186px;	/* Other browsers */
		width: /**/186px;
		
		height: 22px;	/* IE 5.x */
		height/* */:/**/20px;	/* Other browsers */
		height: /**/20px;
				

	}
	.colorCodeDiv{
		width:50px;
		height:20px;
		float:left;
	}