html { margin: 0;padding:0}	
body{
		font: 62.5% "Trebuchet MS", sans-serif;
		padding: 0px 20px 20px;
	    margin: 0;
	}
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	
	h1 {font-size:180%;margin:0}
    h1 a { background: url(img/back.png) 0 7px  no-repeat;padding:0 15px}
    h1 input { border: 0;font: inherit; width: 500px}
    h1 input:focus { border-bottom :1px solid gray} 
	
	#accordion {width:258px;float:left}
	.acc {margin:0; padding:0}
	.acc li {list-style:none; border:1px solid silver; margin:1px; padding:3px; background:white; display:block; width:215px;}
    .ui-accordion .ui-accordion-content { padding: 10px 30px 10px 10px;}

#exportFields {position:absolute;left:279px; top:48px; overflow:auto}

#exportFields thead td {vertical-align:top; padding:2px}
#exportFields td {vertical-align:top; padding:0px}
#exportFields .ef-handle {width:16px}
#exportFields .ef-name {width:200px;}
#exportFields .ef-name input {width:192px; padding:1px 3px;border:1px solid silver;height:25px;}
#exportFields .ef-content {width:200px;}
#exportFields tbody .ef-content {border:1px dotted silver}
#exportFields .ef-content ul {margin:0; padding:0; min-width:200px;min-height:25px;}
#exportFields .ef-content li {list-style:none; border:1px solid silver; margin:1px; margin-top:0px;padding:3px; background:white}
#exportFields .ef-content .ef-condition {display:none}
#exportFields .ef-content .ef-conditioned .ef-condition {display:block;color:gray;margin-bottom:0px; border-bottom:0px}
#exportFields .ef-operations {width:90px;}
#exportFields .ef-parameters {width:140px;}
#exportFields .ef-parameters input {text-align:center}
#exportFields tbody .ef-replacements {border:1px dotted silver}
#exportFields .ef-replacements {width:200px;}
    #exportFields .hint {
        color: gray;
    }
#exportFields tfoot { position: fixed;bottom: 33px;background: #eee; width:auto}
#exportFields tfoot .ef-content {padding:10px;border:1px dotted silver}
#exportFields tfoot .ef-content li.ui-sortable-placeholder {display:none;}
#exportFields tfoot .ui-icon {float:left}

#tab2Container {width:900px;}


#categoryTree {width:450px;float:left}
    #categoryTree .ct-root
    {
        overflow-y:auto;
    }
    #categoryTree h3
    {
        border-bottom:1px solid silver;
    }
#categoryTree li {list-style:none}
#categoryTree input {width:50px; text-align:center}
#categoryTree ul {padding:0px;}
#categoryTree ul ul {padding:0 0 0 20px}
#categoryTree .ui-icon-check {background-image: url(img/ui-icons_31ae19_256x240.png)}
#categoryTree li>.ui-icon {margin-top:4px}
#categoryTree .ct-folder > span {cursor:pointer}
#categoryTree .ct-folder > span:hover {text-decoration: underline}

#SKUInclude, #SKUExclude {width:200px;float:left; margin-left:20px}
#SKUInclude h3, #SKUExclude h3 {border-bottom:1px solid silver;}

#tabs-3 select {border: 1px solid silver; height: 25px;margin: 4px 0; padding:1px 4px}
#tabs-3 input[type=text] {border: 1px solid silver; height: 25px;margin: 4px 0; padding:1px 4px}
#tabs-3 input.short {width: 22px; text-align: center }
#tabs-3 input.long { width: 300px;}

#preview th { text-align: left; border-bottom:1px solid black}
#preview tr:nth-child(even) td {background:#eee}
#preview tr:nth-child(odd) td {background:#ddd}

#exportFields .ef-parameters .ui-state-default, #tabs-3 .ui-state-default {color:gray}
#exportFields .ef-parameters .ui-state-active, #tabs-3 .ui-state-active {color:#eb8f00}

.export-definitions th { text-align: left; border-bottom:1px solid black}
.export-definitions td {padding:2px}
.export-definitions tr:nth-child(even) td {background:#eee}
.export-definitions tr:nth-child(odd) td {background:#ddd}
.dt-jqueryui .ui-widget-header { background: white;color: black;border-color:#ccc}
.dataTables_wrapper .dataTables_paginate .fg-button {border-color:#ccc}

.btn-logout { position: absolute;top: 10px;right: 20px;}