/*
 * CSS for Auto ThickBox Plus
 * Copyright (C) 2010-2012 attosoft <http://attosoft.info/en/>
 * This file is distributed under the same license as the Auto ThickBox Plus package.
 * attosoft <contact@attosoft.info>, 2012.
 */


.form-table { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; }
ul.about { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; }

label.item, input.button { margin-right: 3px; }
.rtl label.item, .rtl input.button { margin-left: 3px; margin-right: 0; }
label.boundary { margin-left: 3px; }
.rtl label.boundary { margin-right: 3px; }

.form-table th { width: 180px; font-weight: bold; }

.colorpreview {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	margin: 1px 3px;
	position: absolute;
	width: 28px;
	height: 20px;
}
input.small-text { width: 40px; }
input.large-text { width: 70%; }
input.colortext { width: 75px; }
input.pickcolor { margin-left: 41px; }
.rtl input.pickcolor { margin-left: 1px; margin-right: 41px; }

.colorpicker {
	z-index: 100;
	background:#eee;
	border:1px solid #ccc;
	position:absolute;
	display:none;
}

.slider input { float: left; margin-right: 4px; }
.slider span { float: left; margin: 3px 3px 0 0; }
.opacity-trans, .opacity-opaque { float: left; margin: 3px; }
.opacity-slider, #click-range-slider { float: left; margin: 7px; width: 100px; }
.rtl .slider input { float: right; margin-left: 4px; margin-right: 1px; }
.rtl .slider span { float: right; margin: 3px 0 3px 0; }
.rtl .opacity-trans, .rtl .opacity-opaque { float: right; }
.rtl .opacity-slider, .rtl #click-range-slider { float: right; }

ol.sortable { margin: 0; padding: 0; max-width: 350px; }
ol.sortable li {
	cursor: move; margin: 0 5px 5px; padding: 3px 0 3px 6px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
ol.sortable .ui-sortable-helper { list-style-type: none; }

ul.about li {
    margin: 0 0 15px 10px;
    padding-left: 70px;
    font-size: 14px;
    line-height: 48px;
}
li.wp { background: url(images/wp.png) no-repeat; }
li.star { background: url(images/star.png) no-repeat; }
li.forum { background: url(images/forum.png) no-repeat; }
li.l10n { background: url(images/l10n.png) no-repeat; }
li.donate { background: url(images/donate.png) no-repeat; }
li.contact { background: url(images/contact.png) no-repeat; }
.rtl ul.about li { padding-left: 0; padding-right: 70px; background-position: right top; }

/* @see also jquery.ui.css in Smoothness theme */
.ui-disabled a { cursor: default !important; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; }
.ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; }
.ui-state-hover, .ui-state-focus { border: 1px solid #999999; background: #dadada; }
.ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; } /* after hover/focus */
.ui-disabled, input[type="text"][disabled] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter:Alpha(Opacity=35); -moz-opacity: .35; opacity: .35; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.ui-slider { position: relative; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: e-resize; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

@media only screen and (max-width: 800px) {
    .form-table th {
        width: 120px;
    }
}
@media only screen and (max-width: 640px) {
    input.large-text {
        width: 99%;
    }
}