.spacer
{
    margin: 0px 10px 10px 10px;
}

.menu-separator
{
    width:15px;
}

.normal-font
{
    font-size:12px;
}

.menu-table
{
    border:0px;
    width:980px;
    background-color:black;
}


a.sub_header img,span
{
    vertical-align:middle;
    font-weight:bold;
}

.menu-link-table
{
   border: 0px;
    /*cellpadding="0" cellspacing="0" border="0" align="left"*/
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.no-title .ui-dialog-titlebar
{
    display:none;
}

.spacer-nested
{
    margin: 0px 10px 10px 0px;
}

table.bordered
{
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}



.myplaceholder
{
    background-color: #eeeeee;
    height: inherited;
}

.sortable-row 
{
    cursor: move;
}

.select-ignore 
{
    cursor: auto;
}


.bordered
{
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

    .bordered tr:hover
    {
         /*background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;*/
    }

    .bordered td, .bordered th
    {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px;
        text-align: left;
    }

    .bordered th
    {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }

        .bordered td:first-child, .bordered th:first-child
        {
            border-left: none;
        }

        .bordered th:first-child
        {
            -moz-border-radius: 6px 0 0 0;
            -webkit-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
        }

        .bordered th:last-child
        {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
        }

        .bordered th:only-child
        {
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
        }

    .bordered tr:last-child td:first-child
    {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .bordered tr:last-child td:last-child
    {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

.heading-label
{
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 5px;
}

.value-edit
{
    margin-left: 80px;
}

    .value-edit input
    {
        width: 200px;
    }




.item-heading
{
    display: inline;
    font-size: 75%;
    color: floralwhite;
    text-align: center;
    white-space: nowrap;
    background-color: #f0a30a;
    padding-top: 0.2em;
    padding-right: 0.6em;
    padding-bottom: 0.3em;
    padding-left: 0.6em;
}


.item-field 
{
    border-style: solid;
    border-color: #f0a30a !important;
    border-width: 1px;
    background-color: rgb(249, 248, 220);
}

.box {
    overflow: hidden;
    width: 100%;
}

.box div {
    padding: 10px;
}

#one {
  float:left; 
  margin-right:20px;
  width:140px;
 
}
#two { 
  background-color: white;
    float: right;
  overflow:hidden;
  margin:10px;
}

@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;    
  }
}