﻿.body
{
    background: #93A9B4;
}
.wrapper
{
    margin: 0 auto;
    width: 770px;
}
.header
{
    margin: 8px 0;
}
.main
{
    min-height: 400px;
    padding: 0;
}
.panel
{
    padding: 0;
    border: 1px solid #ccc;
}
.ui-panel-main
{
    padding: 0 0 15px 0;
    margin: 0;
    width: 770px;
    background: url(images/main-bottom.png) no-repeat bottom left;
}
.ui-panel-main-header
{
    padding: 6px 10px 0 10px;
    margin: 0;
    width: 770px;
    background: url(images/main-top.png) no-repeat top left;
}
.ui-panel-main-content
{
    padding: 6px 10px 6px 10px;
    margin: 0;
    width: 750px;
    background: url(images/main-middle.png) repeat-y top left;
}
.ui-panel-content
{
    padding: 0 0 7px 0;
    margin: 0;
    width: 750px;
    background: url(images/main-content-bottom.png) no-repeat bottom left;
}
.ui-panel-content-header
{
    padding: 3px 0 0 0;
    margin: 0;
    width: 750px;
    background: url(images/main-content-top.png) no-repeat top left;
    height: 5px;
}
.ui-panel-content-content
{
    padding: 4px 10px 4px 10px;
    margin: 0;
    width: 730px;
    background: url(images/main-content-middle.png) repeat-y top left;
}
.ui-split-master
{
    height: 400px;
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
}
.ui-split-main-box
{
    overflow: hidden;
}
.layoutcolumn
{
    overflow: hidden;
    padding: 0 15px 0 10px;
    margin: 0;
    background: #fff;
    height: 475px;
    font-size: 90%;
}
.ui-split-main
{
    overflow: hidden;
    padding: 0 15px 0 10px;
    margin: 0;
    background: #fff;
    height: 475px;
    font-size: 90%;
}

.ui-panel
{
    padding: 10px;
    background: #eee;
}
.ui-draggable-panel
{
    padding: 0;
    background: #eee;
}
.ui-resizable-panel
{
    padding: 10px;
    background: #eee;
    border: 1px solid #999;
    overflow: hidden;
    min-height: 50px;
    min-width: 150px;
}
.content
{
}
.footer
{
}

.formlabel
{
    display: block;
    font-weight: 500;
    font-size: 1em;
}
.formcontrol
{
    font-size: 1em;
}
.login
{
    width: 10em;
}
.password
{
    width: 10em;
}
.email
{
    width: 20em;
}
.name
{
    width: 20em;
}
.phone
{
    width: 7em;
}
.address
{
    width: 20em;
}
.state
{
    width: 2em;
}
.zip
{
    width: 4em;
}
.shortdate
{
    width: 7em;
}
.description
{
    width: 35em;
}
.note
{
    width: 35em;
}
.menu
{
    position: fixed;
    top: 30px;
    right: 10px;
    padding: 0;
    margin: 0;
    width:300px;
}
.menu-header
{
    background: url(images/accordion.png) repeat-x top left;
    border: solid 1px #ccc;
}
.menu-header h3
{
    padding: 0 10px;
    margin: 0;
    height: 18px;
    font-size: 14px;
    color:#000;
    line-height: 18px;
    vertical-align: middle;
}
.menu-panel
{
    border: 1px solid #ccc;
    border-top: 0px;
    margin: 0;
    padding: 10px;
    background: #fff;
    height:380px;
}
.menu-panel ul
{
    margin: 0;
    padding: 0;
}
.menu-panel li
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    width:50%;
    float:left;
}
.viewpane
{
    padding:10px;
    margin:10px 0 0 0;
    border: dashed 1px #ccc;
}
.viewpane h3
{
    border-bottom: solid 2px #0cf;
}
.panecontent
{
    height:256px;
}
