.body
{
    font-size: 12px;
    background-color: #284051;
    font-family: "Trebuchet MS" ,sans-serif;
}

.body2
{
    font-size: 12px;
    font-family: Arial , Sans-Serif;
}

.body3
{
    font-size: 12px;
    font-family: Arial , Sans-Serif;
    font-weight: bold;
}

.body4
{
    font-size: 14px;
    font-family: Arial , Sans-Serif;
    font-weight: bold;
}

.Estilo
{
    font-size: 12px;
    font-family: "Trebuchet MS" ,sans-serif;
}

.linea
{
    height: 8px;
    background-color: #F1F4F6;
    margin-top: 10px;
    border: 1px solid #ADCFE9;
}

#settingsWrapper
{
    border-bottom: 1px solid #111;
    background-color: #323232;
    padding-left: 4px;
}

#settings
{
    padding: 2px;
    border-bottom: 1px solid #3B3B3B;
}

#settings ul li
{
    display: inline;
    color: #fff;
    margin-right: 8px;
    line-height: 24px;
    padding: 2px;
    padding-left: 19px;
}

#settings ul li a, #settings ul li a:link
{
    color: #fff;
    text-decoration: none;
}

#settings ul li a:hover
{
    text-decoration: underline;
}

#pageTitle
{
    font-family: "Trebuchet MS" ,sans-serif;
    font-size: 17px;
    text-align: left;
    color: #fff;
    margin-top: 20px;
}

#itemAddContent
{
    background: url(<%= this.ScriptManager1.GetIconUrl(Icon.Add) %>) no-repeat 0 2px;
}

#itemComments
{
    background: url(<%= this.ScriptManager1.GetIconUrl(Icon.Comment) %>) no-repeat 0 2px;
}

#itemActivities
{
    background: url(<%= this.ScriptManager1.GetIconUrl(Icon.Star) %>) no-repeat 0 2px;
}

#itemContacts
{
    background: url(<%= this.ScriptManager1.GetIconUrl(Icon.Vcard) %>) no-repeat 0 2px;
}

.x-panel-dd-spacer
{
    border: 2px dashed #284051;
}

.msg
{
    border: 1px solid #999;
    padding: 6px;
    width: 250px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}

.msg em
{
    font-style: italic;
    font-weight: bold;
}

.box
{
    width: 100px;
    height: 50px;
    border: 1px solid #000;
    background-color: white;
    text-align: center;
    margin-bottom: 4px;
}

.red
{
    background-color: red;
    color: #fff;
}

.blue
{
    background-color: blue;
    color: #fff;
}

h2
{
    margin-top: 36px;
}

.images-view .x-panel-body
{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
.images-view .thumb
{
    background: #dddddd;
    padding: 3px;
}
.images-view .thumb img
{
    height: 60px;
    width: 80px;
}
.images-view .thumb-wrap
{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
    text-align: center;
}
.images-view .thumb-wrap span
{
    display: block;
    overflow: hidden;
    text-align: center;
}

.images-view .x-view-over
{
    border: 1px solid #dddddd;
    background: #efefef url(../../Shared/images/row-over.gif) repeat-x left top;
    padding: 4px;
}

.images-view .x-view-selected
{
    background: #eff5fb url(../../Shared/images/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 4px;
}
.images-view .x-view-selected .thumb
{
    background: transparent;
}

.images-view .loading-indicator
{
    font-size: 11px;
    background-image: url(../../Shared/images/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    margin: 10px;
}

.ext-ie7 .onepx-shift
{
    top: 1px;
    position: relative;
}

.dot-label
{
    font-weight: bold;
    font-size: 20px;
}

.form-toolbar
{
    top: 1px;
    position: relative;
}

.search-item
{
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding: 3px 10px 3px 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    white-space: normal;
    color: #555;
}

.search-item h3
{
    display: block;
    font: inherit;
    font-weight: bold;
    color: #222;
}

.search-item h3 span
{
    float: right;
    font-weight: normal;
    margin: 0 0 5px 5px;
    width: 100px;
    display: block;
    clear: none;
}

p
{
    width: 650px;
}

.ext-ie .x-form-text
{
    position: static !important;
}

.icon-exclamation
{
    padding-left: 25px !important;
    background: url(/icons/exclamation-png/coolite.axd) no-repeat 3px 3px !important;
}

.icon-accept
{
    padding-left: 25px !important;
    background: url(/icons/accept-png/coolite.axd) no-repeat 3px 3px !important;
}

.editable
{
    font: 14px Tahoma;
    padding: 3px 5px;
    cursor: pointer;
    margin-bottom: 20px;
}
.editable-over
{
    background-color: #ffc;
}
.x-form-field-editor
{
    font: 12px Tahoma;
}

.status
{
    color: #555;
}
.x-progress-wrap.left-align .x-progress-text
{
    text-align: left;
}
.x-progress-wrap.custom
{
    height: 17px;
    border: 1px solid #686868;
    overflow: hidden;
    padding: 0 2px;
}
.ext-ie .x-progress-wrap.custom
{
    height: 19px;
}
.custom .x-progress-inner
{
    height: 17px;
    background: #fff;
}
.custom .x-progress-bar
{
    height: 15px;
    background: transparent url(custom-bar.gif) repeat-x 0 0;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #EFEFEF;
    border-right: 0;
}

.x-check-group-alt
{
    background: #D1DDEF;
    border-top: 1px dotted #B5B8C8;
    border-bottom: 1px dotted #B5B8C8;
}

.x-grid3-body .x-grid3-td-Cost
{
    background-color: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-td-Cost
{
    background-color: #e1e2e4;
}

.x-grid3-dirty-cell
{
    background-image: none;
}

.x-grid3-summary-row
{
    background: #F1F2F4 none repeat scroll 0 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #333333;
}

.x-grid3-summary-row .x-grid3-cell-inner
{
    font-weight: bold;
    padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner
{
    padding-left: 16px;
}

.x-grid-hide-summary .x-grid3-summary-row
{
    display: none;
}

.x-grid3-summary-msg
{
    font-weight: bold;
    padding: 4px 16px;
}

.list-item
{
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding: 3px 10px 3px 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    white-space: normal;
    color: #555;
}

.list-item h3
{
    display: block;
    font: inherit;
    font-weight: bold;
    color: #222;
}

.x-form-group .x-form-group-header-text
{
    background-color: #dfe8f6;
}

.x-label-text
{
    font-weight: bold;
    font-size: 11px;
}

.menu-title
{
    background: #ebeadb;
    border-bottom: 1px solid #99bbe8;
    color: #15428b;
    font: bold 10px tahoma,arial,verdana,sans-serif;
    display: block;
    padding: 3px;
}


.search-item
{
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding: 3px 10px 3px 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    white-space: normal;
    color: #555;
}

.search-item h3
{
    display: block;
    font: inherit;
    font-weight: bold;
    color: #222;
}

.search-item h3 span
{
    float: right;
    font-weight: normal;
    margin: 0 0 5px 5px;
    width: 100px;
    display: block;
    clear: none;
}

p
{
    width: 650px;
}

.ext-ie .x-form-text
{
    position: static !important;
}