@charset "utf-8";

form[name="cform"] input[type="text"], .config_dl input[type="text"],form[name="cform"] input[type="password"], .config_dl input[type="password"] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #a9a9a9;padding:2px;height:20px;border-radius:3px;margin-bottom:1px;}
form[name="cform"] textarea, .config_dl textarea {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #a9a9a9;padding:2px;border-radius:3px;margin-bottom:1px;}
form[name="cform"] input[type="button"]:not(.ozbutton), .config_dl input[type="button"]:not(.ozbutton) {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #a9a9a9;height:20px;border-radius:3px;margin-bottom:1px;-webkit-appearance:none;}
form[name="cform"] .ozbutton, .config_dl .ozbutton {margin-bottom:1px;}
form[name="cform"] input[type="button"]:not(.ozbutton):focus, .config_dl input[type="button"]:not(.ozbutton):focus {border:solid 2px #e3b016;}
form[name="cform"] select, .config_dl select {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #a9a9a9;height:20px;border-radius:3px;margin-bottom:1px;}
form[name="cform"] select[multiple], form[name="cform"] select[size], .config_dl select[multiple], .config_dl select[size] {height:auto;}
form[name="cform"] p, .config_dl p {margin-bottom:5px;}
form[name="cform"] label, .config_dl label {font-weight:normal;margin-bottom:0;}
form[name="cform"] fieldset, .config_dl fieldset {border:1px solid silver;padding:8px;}
form[name="cform"] legend, .config_dl legend {display: block; width:auto;padding:0 2px; border:none;margin-bottom:0;font-size:inherit;color:inherit;line-height:1;}

.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;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;}
.show_hidden_cell {display:block !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; min-width:200px; max-width:300px; 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-left:3px;padding-right:2px; 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 3px;word-break:keep-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;min-width:100px;max-width:200px;}
#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;cursor:not-allowed;}
.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 {display:block;width:356px; overflow:hidden; position:absolute; background:url(./images/colorpicker/colorpicker_background.png?d=1003) no-repeat; font-family: Arial, Helvetica, sans-serif; display: none; z-index:9999;}
.colorpicker_color {position:relative; width: 150px; height: 150px; left: 14px; top: 13px; 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_top10 {padding:3px 0 3px 5px;margin-top:21px;border:solid 3px #bdbdbd; background-color:#000;border-radius:3px;}
.colorpicker_top10 label {cursor:pointer;display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:14px;height:14px;margin:1px 1px 0 0;border:solid 1px #000;border-radius:3px;}
.colorpicker_top10 label:hover {border:solid 1px #ddd;}
.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: 13px; }
.colorpicker_hex { position: absolute; width: 62px; height: 22px; background: url(./images/colorpicker/colorpicker_hex.png?d=1003) top; left: 212px; top: 142px; }
.colorpicker_hex input { right: 3px; }
.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_alpha { background-image: url(./images/colorpicker/colorpicker_alpha.png); top: 52px; left: 282px; }
.colorpicker_submit { position: absolute; width: 62px; height: 82px; background: url(./images/colorpicker/colorpicker_submit.png?d=1003) top; left: 282px; top: 82px; 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:8px;}
#config_tabs dl, .config_dl {margin:0;}
#config_tabs dt, .config_dl dt {font-weight:normal; margin:10px 0 0 0;line-height:1.2;}
#config_tabs dd, .config_dl dd {margin:0; padding: 0 0 2px 0;}

.oz_text_shadowbox {position:relative;}

#oz_respond_box {border:none;border-spacing:1px;border-collapse:separate;background-color:#c9ced5;width:100%;}
#oz_respond_box th {padding:5px 3px;background-color:#eef2f9;text-align:center;font-weight:normal;width:5%;white-space:nowrap;}
#oz_respond_box tbody th {cursor:zoom-in;}
#oz_respond_box th small {font-family:Gulim,Arial,Helvetica,sans-serif;font-size:11px;color:#999;padding-left:3px;}
#oz_respond_box td {padding:3px 2px;background-color:#fff;cursor:pointer;min-width:15px;text-align:center;}
#oz_respond_box td.selected {background-color:#eee;}
#oz_respond_box td.hide.selected {background-color:#eee;}