/** CSS Menu Maker  */

* {
    border:0;
    margin:0;
    padding:0;
}

body{
    background:rgb(161,191,222) url('../images/html-bg.png') repeat-x;
    font-family:'Trebuchet MS', Arial;
    font-size:14px;
}
table {
    font-family:'Trebuchet MS', Arial;
    font-size:14px;
}

h1{
color: #697074;
font-family:'Trebuchet MS', Arial;
font-size:20px;
}

a:link {
	color: #369;
	text-decoration: none;
}
a:visited {
	color: #369;
	text-decoration: none;
}
a:hover {
	color: #369;
	text-decoration: none;
}
a:active  {
	color: #369;
	text-decoration: none;
}
p { 
margin: 0 150px;
color: #697074;
font-size:12px;}
#logo, #table {
    width:940px;
    margin:0 auto;
}

#logo {
    margin-top:19px;
    height:0px;
}

#table {
    background:#fff url('../images/logo.png') no-repeat 785px 15px;
    border-collapse:collapse;
}

/** #table.top */
#table .top, #table .top div {
    height:8px;
    overflow:hidden;
    background:url('../images/angles.png') no-repeat right -8px;
}
#table .top div { background-position:0 0; }

/** #table.footer */
#table .footer td {
    height:10px;
    background:url('../images/footer-bg.png') repeat-x;
}
#table .footer div {
    height:10px;
    width:9px;
    overflow:hidden;
    background:url('../images/angles.png') no-repeat 0 -16px;
}
#table .footer .right div {
    float:right;
    background-position:0 -26px;
}

/** #table.reflection */
#table .reflection td {
    height:72px;
    border-top:1px solid rgb(161,191,222);
    background:url('../images/reflection-bg.png') repeat-x;
}
#table .reflection div {
    height:72px;
    width:9px;
    background:url('../images/reflections.png') no-repeat 0 0;
}
#table .reflection .right div {
    float:right;
    background-position:0 -72px;
}

#left-panel {
    list-style:none;
    width:260px;
    margin-top:12px;
}
body.msie #left-panel { margin-top:29px; }
.headtop { display:none; }

/** .item && .item-content */
#left-panel .item {
    width:225px;
    height:25px;
    padding:5px 0 0 15px;
    margin:0 0 0 10px;
    background:url('../images/item.png') no-repeat;
    font-size:12px;
    font-weight:bold;
    color:rgb(100,100,100);
    cursor:pointer;
}
body.msie.v6 #left-panel .item, body.msie.v7 #left-panel .item { 
    position:relative;
    z-index:7;
    margin-top:-17px;
}
#left-panel .item span {
    display:block;
    height:25px;
    margin-top:-5px;
    padding:5px 0 0 15px;
    background:url('../images/item-right.png') no-repeat right 0;
}
#left-panel .item:hover { background-image:url('../images/mo-item.png'); }
#left-panel .item:hover span {
    background-image:url('../images/mo-item-right.png');
    color:rgb(50,50,50);
}
#left-panel .item-content {
    list-style:none;
    height:1px;
    overflow:hidden;
}

#left-panel #menu-parameters { height:387px; }
body.firefox #left-panel #menu-parameters { height:369px; }
body.chrome #left-panel #menu-parameters { height:367px; }
body.opera #left-panel #menu-parameters { height:365px; }

/** .fieldset */
#left-panel .fieldset {
    margin:5px 0 0 10px;
    width:240px;
    padding-bottom:10px;
    background:url('../images/fieldset.gif') no-repeat bottom;
}
#left-panel .fieldset .caption {
    padding:0 0 0 10px;
    background:#fff url('../images/fieldset-top.gif') no-repeat 0 2px;
}
#left-panel .fieldset .caption span {
    padding:1px 10px 1px 10px;
    background:#fff;
    font-size:12px;
    font-weight:bold;
    color:rgb(100,100,100);
}
#left-panel .fieldset .fbody {
    padding:0px 10px 0 10px;
    color:rgb(100,100,100);
}
#left-panel .fieldset .fbody.offset { padding-top:5px; }

/** b.button */
b.button {
    font-weight:normal;
    padding:0 0 2px 8px;
    background:url('../images/button.png') no-repeat 0 -46px;
    font-size:12px;
    color:rgb(100,100,100);
    cursor:pointer;
}
b.button span {
    padding:0 8px 2px 0;
    background:url('../images/button-right.png') no-repeat right -46px;
}
body.safari b.button { padding:3px 0 3px 8px; }
body.safari b.button span { padding:3px 8px 3px 0; }
b.button:hover {
    background:url('../images/button.png') no-repeat 0 0;
    color:rgb(50,50,50);
}
b.button:hover span { background:url('../images/button-right.png') no-repeat right 0; }
b.button.selected {
    background:url('../images/button.png') no-repeat 0 -23px;
    color:#fff;
}
b.button.selected span { background:url('../images/button-right.png') no-repeat right -23px; }

#font-name {
    width:120px;
}
#font-size {
    width:20px;
    margin-left:41px;
}

/** .fieldset-colors */
.fieldset-colors { border-collapse:collapse; }
.fieldset-colors .input-text {
    width:40px;
    margin-left:15px;
    background:none;
}
.fieldset-colors .input-text:hover { background:none; }
.fieldset-colors td { line-height:25px; }
.fieldset-colors .headers td {
    font-weight:bold;
    text-align:center;
    padding-left:15px;
}
.fieldset-colors .line-header {
    width:90px;
    font-weight:bold;
}

/** #left-panel.buttons */
.buttons { margin:5px 0 0 10px; }
.buttons li { display:inline; }
.buttons li img {
    width:31px;
    height:30px;
    cursor:pointer;
}
.buttons li.empty img { cursor:auto; }
.buttons li.add-item img { background:url('../images/add-item.png') no-repeat; }
.buttons li.add-item:hover img { background:url('../images/mo-add-item.png') no-repeat; }
.buttons li.add-subitem img { background:url('../images/add-subitem.png') no-repeat; }
.buttons li.add-subitem:hover img { background:url('../images/mo-add-subitem.png') no-repeat; }
.buttons li.remove-item img { background:url('../images/remove-item.png') no-repeat; }
.buttons li.remove-item:hover img { background:url('../images/mo-remove-item.png') no-repeat; }
.buttons li.clear img { background:url('../images/clear.png') no-repeat; }
.buttons li.clear:hover img { background:url('../images/mo-clear.png') no-repeat; }

/** #tree */
#tree-box {
    border:1px solid #fff;
    margin-left:10px;
    height:322px;
    width:240px;
    overflow:auto;
}
u {display:none}
body.opera #tree-box { margin-top:5px; }
#tree, #tree ul { list-style:none; }
#tree {
    margin:10px 0 0 5px;
    list-style:none;
}
#tree li {
    margin-left:4px;
    white-space:nowrap;
}
#tree ul li { margin-left:15px; }
#tree li img {
    width:9px;
    height:9px;
    margin-right:2px;
    cursor:pointer;
}
#tree li span {
    border:1px solid transporent;
    cursor:pointer;
    white-space:nowrap;
}
#tree img.list {
    background:url('../images/tree-icons.png') no-repeat;
}
#tree img.list-open {
    background:url('../images/tree-icons.png') no-repeat 0 -17px;
}
#tree span.select {
    background:rgb(105,143,188);
    border:1px solid rgb(105,143,188);
    color:#fff;
}

td.content {
    text-align: justify;
}

/** #templates */
.buttons li.previous img { background:url('../images/previous.png') no-repeat; }
.buttons li.previous:hover img { background:url('../images/mo-previous.png') no-repeat; }
.buttons li.next img { background:url('../images/next.png') no-repeat; }
.buttons li.next:hover img { background:url('../images/mo-next.png') no-repeat; }
#templates-box {
    overflow:hidden;
    width:260px;
    text-align:center;
    margin-left:0;
}
body.opera #templates-box { margin-top:5px; }
#templates { list-style:none; }
#templates img {
    width:100px;
    height:100px;
    margin:1px;
    border:2px solid rgb(200,200,200);
    cursor:pointer;
}
#templates img:hover { border:2px solid rgb(150,150,150); }
#templates li {
    height:106px;
    line-height:106px;
}
#templates li.left {
    float:left;
    margin-left:24px;
}
body.msie.v6 #templates li.left { margin-left:12px; }
#templates li.right {
    float:right;
    margin-right:24px;
}
body.msie.v6 #templates li.right { margin-right:12px; }

/** .tabs & .content-box */
.tabs {
    margin-top:12px;
}
.tabs .tab {
    float:left;
    margin-right:3px;
    font-size:12px;
    font-weight:bold;
    border:1px solid rgb(200,200,200);
    color:rgb(150,150,150);
    cursor:pointer;
}
.tabs .tab span {
    display:block;
    border:1px solid #fff;
    padding:4px 10px 4px 10px;
    background:url('../images/tab-passive-bg.png') repeat-x;
}
.tabs .tab.active {
    position:relative;
    z-index:7;
    border-bottom:0;
    color:rgb(100,100,100);
    cursor:auto;
}
.tabs .tab.active span {
    background-image:url('../images/tab-bg.png');
    padding-bottom:5px;
}
.content-box {
    clear:left;
    /*padding:1px;*/
    border:1px solid rgb(200,200,200);
    margin:0 14px 0 0;
    background:#fff;
    position:relative;
    top:-1px;
}
body.msie .content-box { margin-top:-12px; }
.content-box .textbox { margin-top:5px; }

/** form elements */
.input-text {
    border:1px solid rgb(198,200,204);
    background:url('../images/input-bg.png') repeat-x;
    height:16px;
    padding:1px;
    width:176px;
}
.input-text, .input-select {
    font-size:11px;
    color:#444;
}
.input-text:hover {
    background-image:url('../images/mo-input-bg.png');
    color:#000;
}
.input-select:hover { color:#000; }
.input-select {
    border:1px solid rgb(198,200,204);
    width:180px;
    padding:1px;
    height:20px;
}

#set-preview-color {
    margin:18px 0 0 624px;
    position:absolute;
    border:1px solid rgb(200,200,200);
    background:url('../images/color-select.png') no-repeat;
    width:40px;
    height:20px;
    cursor:pointer;
}
#set-preview-color div {
    margin:1px;
    width:22px;
    height:16px;
    background:#444;
    border:1px solid rgb(200,200,200);
}
#set-preview-color:hover { background-position:0 -20px; }

#preview {
    width:660px;
    height:250px;
    margin:1px;
    border:1px solid rgb(200,200,200);
}
body.msie #preview {
    position:relative;
    left:1px;
    margin:0 0 1px 0;
}

#item-parameters {
    font-size:12px;
    font-weight:bold;
    color:rgb(90,90,90);
    margin:4px 4px 8px 4px;
}
#item-parameters span {
    margin-right:10px;
}
#item-parameters sup {
    color:rgb(150,150,150);
    cursor:pointer;
}

#download {
    float:right;
    margin:10px 12px 5px 0;
    display:block;
    cursor:pointer;
    width:258px;
    height:76px;
    background:url('../images/download.png') no-repeat;
}
#download:hover { background-position:0 -76px; }

/** spinbutton */
.spinbutton, .spinbutton:hover {
    background:url('../images/spinbutton.png') no-repeat right 0;
    padding-right:15px;
}
.spinbutton.up, .spinbutton.up:hover {
    background:url('../images/spinbutton.png') no-repeat right -18px;
}
.spinbutton.down, .spinbutton.down:hover {
    background:url('../images/spinbutton.png') no-repeat right -36px;
}