.ruler_h {position:fixed; _position:absolute; left:0; top:0; width:100%; height:16px;}
.ruler_v {position:fixed; _position:absolute; left:0; top:0; width:16px; height:100%;}

.selected_cell {border:solid 3px #ff0 !important;}
.parenttag {position:absolute; left:0; top:0; width:11px; height:11px; cursor:pointer; background:url(../../builder/images/module_subftag.gif) no-repeat left top; opacity:1; filter:alpha(opacity=100); z-index:99999;}
.tag {position:absolute; left:0; top:0; width:11px; height:11px; cursor:pointer; background:url(../../builder/images/module_tag.gif) no-repeat left top; opacity:1; filter:alpha(opacity=100); z-index:99999;}
.subtag {position:absolute; left:0; top:0; width:11px; height:11px; cursor:pointer; background:url(../../builder/images/module_subtag.gif) no-repeat left top; opacity:1; filter:alpha(opacity=100); z-index:99999;}
.td_tag {position:absolute; left:0; top:0; width:11px; height:11px; cursor:pointer; background:url(../../builder/images/module_tag.gif) no-repeat left top; opacity:1; filter:alpha(opacity=100); z-index:99999;}
.td_tag_ff {position:relative; width:11px; height:11px; cursor:pointer; background:url(../../builder/images/module_tag.gif) no-repeat left top; opacity:1; filter:alpha(opacity=100); z-index:99999;}
#cellmenu {
	position:absolute; display:none; width:16em; padding:8px; border:solid 1px #999; background-color:#eee; z-index:999999;
	box-shadow:2px 2px 2px silver; 
	-moz-box-shadow:2px 2px 2px silver; 
	-webkit-box-shadow:2px 2px 2px silver; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=2); 
	border-radius:3px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
}
#cellmenu h3 {margin:0 !important;padding:0; color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;line-height:1.2;}
#cellmenu th {text-align:right; padding-right:5px; white-space:nowrap; vertical-align:baseline; color:#09c;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.2;}
#cellmenu td {padding:2px 0;width:100%; word-break:break-all;word-wrap:break-word;white-space:normal; vertical-align:baseline; color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.2;}
#cellmenu ul {margin:5px 0 0 0 !important; padding:0;}
#cellmenu li {margin:0 !important; padding:.1em .3em !important; list-style:none; cursor:pointer; border:solid 1px #eee; color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.2;}
#cellmenu li.disabled {color:#999; border:solid 1px #eee;}
.cellmenu_on {background-color:#fff; border:solid 1px #ddd !important;}

#controlpanel2 {
	position:absolute; top:16px; padding:8px; z-index:99999; display:none; background-color:#eee; border:solid 1px #999;
	box-shadow:2px 2px 2px silver; 
	-moz-box-shadow:2px 2px 2px silver; 
	-webkit-box-shadow:2px 2px 2px silver; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=2); 
	border-radius:3px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
}
#controlpanel2>ul {margin:0 !important; padding:0;}
#controlpanel2 a {text-decoration:none;display:block;color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.3;}
#controlpanel2 li {list-style:none;margin:0 !important;padding:0;color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.2;}
#controlpanel2 p {margin:3px 0 !important; padding:.1em .3em !important; background-color:#fff; border:solid 1px #ddd; color:#333;font-size:12px;font-family:Gulim,Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;line-height:1.3;}
#controlpanel2 ul ul {margin:0 0 0 1em !important; padding:0 !important;}
#controlpanel2 ul ul li {margin:0 !important; padding:.1em .2em !important; cursor:pointer; color:#333; border:solid 1px #eee;}

.ui-mysort-highlight {height: 2.5em; line-height: 1.2em; background-color:#ffff9f; border:dotted 1px #f60; height:5em;}
.ui-resizable-helper {border: 1px dotted gray;}
.resizable_cell .resize_icon_rb {position:absolute;right:3px;bottom:3px;width:11px;height:11px;margin:0;padding:0;background:url(images/ui-icons_222222_256x240.png) -83px -227px no-repeat;z-index:-1;}
.draggable_cell {cursor:move;}

/* ----- add selectors here for font sizing ----- */
.JT_close_left, .JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
#JT_copy dt {font-weight:bold;}
#JT_copy dd {margin-bottom:10px;word-break:break-all;word-wrap:break-word;white-space:normal;}

#JT_arrow_left{
	background:url('./images/arrow_left.gif') no-repeat left top;
	position: absolute;
	z-index:101;
	left:-12px;
	top:-3px;
	width:10px;
	height:23px;
}

#JT_arrow_right{
	background:url('./images/arrow_right.gif') no-repeat left top;
	position: absolute;
	z-index:101;
	top:-2px;
	height:23px;
	width:11px;
}

#JT_close_btn {
	background:url('./images/btn_close.gif') no-repeat center center;
	position: absolute;
	z-index:101;
	right:0px;
	top:1px;
	width:21px;
	height:21px;
	cursor:pointer;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background:url(./images/loader.gif) no-repeat center center;
	width:100%;
	height:12px;
}

.JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

.JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	background: url(./images/icn50.gif) no-repeat right center;
	display:inline-block;
	margin-left:5px;
	padding-right:16px;
	text-decoration:none !important;
	cursor:help;
}

#JT_title {cursor:move;}

/* http://eyecon.ro/colorpicker/ */
.colorpicker {width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(./images/colorpicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; z-index:9999;}
.colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }
.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(./images/colorpicker/colorpicker_overlay.png); }
.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(./images/colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px; }
.colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; }
.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(./images/colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; }
.colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; }
.colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; }
.colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; }
.colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(./images/colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px; }
.colorpicker_hex input { right: 6px; }
.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }
.colorpicker_rgb_r { background-image: url(./images/colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px; }
.colorpicker_rgb_g { background-image: url(./images/colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px; }
.colorpicker_rgb_b { background-image: url(./images/colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px; }
.colorpicker_hsb_h { background-image: url(./images/colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px; }
.colorpicker_hsb_s { background-image: url(./images/colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px; }
.colorpicker_hsb_b { background-image: url(./images/colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px; }
.colorpicker_submit { position: absolute; width: 52px; height: 22px; background: url(./images/colorpicker/colorpicker_submit.png) top; left: 292px; top: 142px; overflow: hidden; cursor:pointer;}
.colorpicker_focus { background-position: center; }
.colorpicker_hex.colorpicker_focus { background-position: bottom; }
.colorpicker_submit.colorpicker_focus { background-position: bottom; }
.colorpicker_slider { background-position: bottom; }

/* module config popup */
#config_tabs fieldset {margin-top:10px;}
#config_tabs dl, .config_dl {margin:0;}
#config_tabs dt, .config_dl dt {font-weight:normal; margin:10px 0 0 0;}
#config_tabs dd, .config_dl dd {margin:0; padding: 0 0 2px 0;}

.oz_text_shadowbox {position:relative;}
