optgroup				{ font-style: normal !important; font-family: 'Verdana', sans-serif; }

#arras-settings-form th { padding: 10px 0; }

#arras-help-links		{ float: right; margin: 7px 5px 0; }
#arras-tabs				{ margin: 5px 5px 0; width: 100%; }
#arras-tabs li			{ float: left; font-size: 12px; margin: 0; }
#arras-tabs a			{ cursor: default; background: #F2F2F2 url(../images/admin/white-grad.png) repeat-x scroll left top; border: 1px solid #bbb; border-right: none; color: #464646; display: block; padding: 5px 12px; text-decoration: none; }
#arras-tabs a:hover		{ background: #F2F2F2 url(../images/admin/white-grad-active.png) repeat-x scroll left top; color: #000; }
#arras-tabs .ui-tabs-selected a,.arras-hook-title	{ background: url(../images/admin/menu-bits.gif) repeat-x scroll top left; border-bottom: none; color: #fff; font-weight: bold; padding-bottom: 6px; }
#arras-tabs li:first-child a	{ moz-border-radius: 6px 0 0 0; webkit-border-radius: 6px 0 0 0; }
#arras-tabs li:last-child a	{ border-right: 1px solid #bbb; moz-border-radius: 0 6px 0 0; webkit-border-radius: 6px 0 0 0; }

.arras-options-tabcover	{ background: #8a8a8a; height: 5px; }
.padding-content		{ padding: 10px; }
.padding-content h3		{ font-size: 14px; margin: 10px 0 0; }
.form-table				{ margin-bottom: 0!important; }
.form-table th,.largetext	{ font-size: 12px; }
.form-table select		{ width: 225px; }
.version				{ font-size: 12px!important; font-weight: bold; }

#add-new-hook			{ margin-top: 10px; }
#hooks-placeholder		{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 20px 0 0; padding: 10px; }
#hooks-placeholder div:last-child	{ margin-bottom: 0; }
.arras-hook				{ background: #fcfcfc; border: 1px solid #ccc; font-size: 11px; margin-bottom: 10px; moz-border-radius: 6px; padding: 10px; webkit-border-radius: 6px; }
.arras-hook-title		{ font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-size: 14px!important; font-weight: normal; moz-border-radius: 6px 6px 0 0; padding: 6px 10px 8px; webkit-border-radius: 6px 6px 0 0; }
.arras-hook-wrapper		{ padding: 0 10px; }
.arras-hook .form-table th	{ padding: 8px 10px 0; }
.arras-hook ul li		{ background: #fff; border: 1px solid #ccc; cursor: move; moz-border-radius: 6px; padding: 5px 10px; webkit-border-radius: 6px; width: 100%; }
.arras-hook ul li .remove-hook-condition	{ cursor: pointer!important; float: right; padding-top: 3px; }
.arras-hook .condition-label	{ display: inline-block; padding: 3px 15px 0 0; width: 200px; }
#hook-template,#hook-condition-template	{ display: none; }
.remove-hook			{ margin: 15px 10px; }

#arras-background-container	{ background: #fff; border: 1px solid #ccc; height: 330px; overflow-y: scroll; padding: 10px 10px 0; }
#arras-background-container .background-selected	{ border: 2px solid #D54E21; }
#arras-background-container p	{ border-bottom: 1px solid #ccc; clear: both; font-size: 10px; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px; text-transform: uppercase; }
.arras-background-node	{ border: 2px solid #fff; float: left; margin: 0 10px 10px 0; }
.arras-background-node a	{ display: block; height: 120px; width: 196px; }

.hide, .ui-tabs-hide	{ display: none !important; }

.farbtastic				{ position: relative; }
.farbtastic *			{ cursor: crosshair; position: absolute; }
.farbtastic,.farbtastic .wheel	{ height: 195px; width: 195px; }
.farbtastic .color,.farbtastic .overlay	{ height: 101px; left: 47px; top: 47px; width: 101px; }
.farbtastic .wheel		{ background: url(../images/admin/wheel.png) no-repeat; height: 195px; width: 195px; }
.farbtastic .overlay	{ background: url(../images/admin/mask.png) no-repeat; }
.farbtastic .marker		{ background: url(../images/admin/marker.png) no-repeat; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; width: 17px; }

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }