a { color: #1269b3;}
a:focus {
    outline: none;
    -moz-outline-style:none; }
#uu:focus, #yy:focus { outline: none !important; }
a:focus, img { outline: 0; }
form      { margin: 0; }
#inner { padding:15px 35px 15px 0; }

.b_w_l    { border: 1px solid lime; }
.b_w_g    { border: 1px solid #DDD; }
    .b_t_g    { border-top: 1px solid #DDD; }
    .b_b_g    { border-bottom: 1px solid #DDD; }
    .b_r_g    { border-right: 1px solid #DDD; }
    .b_l_g    { border-left: 1px solid #DDD; }
.b_w_b, .bord_sky { border: 1px solid #C9E0ED; }
    .b_t_b    { border-top: 1px solid #C9E0ED; }
    .b_b_b    { border-bottom: 1px solid #C9E0ED; }
    .b_r_b    { border-right: 1px solid #C9E0ED; }
    .b_l_b    { border-left: 1px solid #C9E0ED; }
.fbbt    { border-top: 2px solid #DDD; }


.pad      { padding: 10px; }
    .padh         { padding: 0 10px; }
    .padv         { padding: 10px 0; }
    .padr         { padding-right: 10px; }
    .padl         { padding-left: 10px; }
    .padt         { padding-top: 10px; }
    .padb         { padding-bottom: 10px; }
.spad     { padding: 5px; }
    .spadh        { padding: 0 5px; }
    .spadv        { padding: 5px 0; }
    .spadr         { padding-right: 5px; }
    .spadl         { padding-left: 5px; }
    .spadt         { padding-top: 5px; }
    .spadb         { padding-bottom: 5px; }
.marg     { margin: 10px; }
    .margh         { margin: 0 10px; }
    .margv         { margin: 10px 0; }
    .margr         { margin-right: 10px; }
    .margl         { margin-left: 10px; }
    .margt         { margin-top: 10px; }
    .margb         { margin-bottom: 10px; }
.tmarg    { margin: 3px; }
    .tmargh        { margin: 0 3px; }
    .tmargv        { margin: 3px 0; }
    .tmargr        { margin-right: 3px; }
    .tmargl        { margin-left: 3px; }
    .tmargt        { margin-top: 3px; }
    .tmargb        { margin-bottom: 3px; }
.smarg    { margin: 5px; }
    .smargh        { margin: 0 5px; }
    .smargv        { margin: 5px 0; }
    .smargr        { margin-right: 5px; }
    .smargl        { margin-left: 5px; }
    .smargt        { margin-top: 5px; }
    .smargb        { margin-bottom: 5px; }
.bmarg     { margin: 20px; }
    .bmargh         { margin: 0 20px; }
    .bmargv         { margin: 20px 0; }
    .bmargr         { margin-right: 20px; }
    .bmargl         { margin-left: 20px; }
    .bmargt         { margin-top: 20px; }
    .bmargb         { margin-bottom: 20px; }
.margt-10       { margin-top: -10px; }
.margt-20       { margin-top: -20px; }
.margl-20       { margin-left: -20px; }
.smallbutt      { padding: 2px 8px 3px 8px; }

.hmarglist     { margin: 10px 50px; }
.hpadlist      { padding: 10px 50px; }


.smarg      { margin: 5px; }
.smargh     { margin: 0 5px; }
.smargv     { margin: 5px 0; }
.hide       { display: none; }
.invisible  { visibility: hidden; position: absolute; }
.show       { display: block; }
.text-left  { text-align: left; }
.zerom      { margin: 0; }
.zerop      { padding: 0; }
.zeromp     { padding: 0; margin: 0; }
.plaintxt   { line-height: 1.8; }
.neformat   { text-decoration: none; font-weight: normal; font-variant: normal; font-style: normal; }
.neformat a { text-decoration: none; font-weight: normal; font-variant: normal; font-style: normal; }

.inline     { display:inline; }
.nolist     { list-style: none;  }
.hiddeof    { overflow: hidden; }
.italic     { font-style: italic; }
.under      { text-decoration: underline; }
.nobg       { background: none; }
.nobord     { border: 0px; }
.hardbord   { border-radius: 0px; }
.fleft      { float: left; }
.fright     { float: right; }
.clear      { clear: both; }
.bld        { font-weight:bold; }
.padlist    { padding: 5px 10px; }
.marglist   { padding: 5px 10px; }
.ptit       { padding: 9px 10px; }
.arrow      { cursor: default;}
.hand       { cursor: pointer;}
.ajust      { text-align: justify;}
.aleft      { text-align: left;}
.aright     { text-align: right;}
.acenter    { text-align: center;}
.posrel     { position: relative;}
.posabs     { position: absolute;}
.right-top  { right: 0px; top: 0px; }
.loader     { background: url('/themes/claimsblue/images/loader.gif') center center no-repeat;
              display: block; width: 16px; height: 14px; margin-top: 1px; line-height: 14px;}

.fs10     { font-size: 10px; }
.fs11     { font-size: 11px; }
.fs12     { font-size: 12px; }
.fs14     { font-size: 14px; }
.fs16     { font-size: 16px; }
.fs20     { font-size: 20px; }
.fs24     { font-size: 24px; }
.fs30     { font-size: 30px; }

.w15        { width: 15px; }
.w20        { width: 20px; }
.w35        { width: 35px; }
.w40        { width: 40px; }
.w50        { width: 50px; }
.w60        { width: 60px; }
.w80        { width: 80px; }
.w100       { width: 100px; }
.w125       { width: 125px; }
.w140       { width: 140px; }
.w160       { width: 160px; }
.w180       { width: 180px; }
.w200       { width: 200px; }
.w240       { width: 240px; }
.w260       { width: 260px; }
.w300       { width: 300px; }
.w350       { width: 350px; }
.w400       { width: 400px; }
.w560       { width: 560px; }
.w600       { width: 600px; }
.w720       { width: 720px; }
.w760       { width: 760px; }
.w940       { width: 940px; }
.w1p        { width: 1%; }
.w33p       { width: 33%; }
.w48p       { width: 48%; }
.w100p      { width: 100%; }
.h20        { min-height: 20px; }
.h30        { min-height: 30px; }
.h50        { min-height: 50px; }
.h100       { min-height: 100px; }
.h250       { min-height: 250px; }
.h350       { min-height: 350px; }

.col_blue   { color: #1269b3; } .col_gray a { color: #1269b3; }
.col_lightblue { color: #0bb5ff; }
.col_gray   { color: #BBB; } .col_gray a { color: #BBB; }
.col_black  { color: #111; }
.col_555    { color: #555; } .col_555 a { color: #555; }
.col_red    { color: #b22222; }
.col_white  { color: #fff; }

.box14      { width: 14px; height: 14px; display: block;  margin: 2px 5px 0 0; border: 1px solid #eee;}
.bg_gray    { background: #FAFAFA;}
.bg_eee     { background: #eee;}
.bg_f0      { background: #fAfAfA;}
.bg_blue    { background: blue;}
.bg_yellow  { background: orange;}
.bg_green   { background: #00F008;}
.bg_vio     { background: Lavender ;}
.table-striped tbody tr.bg_vio td { background: Lavender ;}
.bg_dark    { background: #333; }
.hover{} .hover:hover   { background: #ddd;}
.hoverlight:hover       { background: #F7FCFC;}
.frequired  { border: #8b0000; }
.opa3       { opacity:0.3; filter:alpha(opacity=30); }
.ics img    { opacity:0.8; filter:alpha(opacity=80); }

/* ***********  AREAS **************** */

body {
    background: #efeeee;
    /*background: #E5F1F4;*/
    /*background: #fafad2;*/
    color: #111;
}

#page{
    margin-top: 7px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #ccc;
    border-top: 4px solid #ccc;
}
#header {
    margin: 0; padding: 0;
    /*background: #E5F1F4;*/
    height: 92px;
}
#content{}

#logo{
    /*padding: 10px 20px;*/
    margin:  5px;
    width: 377px;
    height: 80px;
    /*margin-bottom: 10px;*/
    background: url('/themes/claimsblue/images/logo.png'); /*//#efefef ;*/
}

#footer {
    color: #777;
    font-size: 12px;
    margin: 10px 0px 15px 0px;
}

/* ***********  MISC  **************** */

.lang       { color: #ccc; width: 70px; padding: 0px; margin-top: 10px; }
.lang a     { color: #333; background: #eee; padding: 4px; border-radius: 2px;}
.lang span  { color: #fff; background: #2276BB; padding: 4px; border-radius: 2px; }
.form .row  { margin: 0; }

.tbl        { border-collapse: collapse; border: 1px solid #ccc; width: 100%; }
.tbl th     { background: #D9EDF7; }

#admin-grid {}
#admin-grid input  { width: 90%; }
#detail-grid { border-radius: 0px; }
#tiny-grid, #tiny-grid td, #tiny-grid tr, #tiny-grid th, #tiny-grid table
 { padding: 0; margin: 0; border: 0; background: none; font-size: 14px; font-weight: normal;}
#tiny-grid th { padding: 3px 5px; width: 40%; border-bottom: 0px solid #ededed;}
#tiny-grid td { padding: 3px 5px; border-bottom: 0px solid #ededed; }
#tiny-grid tr:nth-child(2n) {
    background: #f0f0f0; /* Цвет фона */
}

.midvalign td { vertical-align: middle; }
.midvalign input { margin: 2px; }

.tiny-grid { width: 100%; }
.tiny-grid, .tiny-grid td, .tiny-grid tr, .tiny-grid th, .tiny-grid table
{ padding: 0; margin: 0; border: 0; background: none; font-size: 14px; font-weight: normal;}
.tiny-grid th { padding: 2px; min-width: 40%; border-bottom: 0px solid #ededed; text-align: left;;}
.tiny-grid td { padding: 2px; width: 20%; border-bottom: 0px solid #ededed; }
.tiny-grid tr:nth-child(2n) { background: #f0f0f0; }

/*#####################################################*/

.fix-tabr   { margin-right: -2px; }

/*#####################################################*/

a.editable { color: #00008b;}
a.editable-empty { color: #BBB;}
.edg a.editable { color: #BBB;}
.editBox
{
    margin-top: 30px;
    /*margin-left: -8px;*/
    width: 885px;
    min-height: 85px;
}
.table th { background: #EAEAEA; vertical-align: middle !important;}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label,
.inputfile + label:hover {
    max-width: 80%;
    text-shadow: none;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    color: #444;
    border: 1px solid #646464;
    background-color: #f9f9f9;
    padding: 0;
    margin-right: 10px;
}

.no-js .inputfile + label {
    display: none;
}

label > strong {
    font-weight: 400;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: -webkit-focus-ring-color auto 5px;
    border-color: #646464;
}

.inputfile + label:hover {
    border-color: #646464;
}

.inputfile + label span,
.inputfile + label strong {
    padding: 6px 12px;
}

.inputfile + label span {
    width: 300px;
    min-height: 2em;
    display: inline-block;
	box-sizing:border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile + label strong {
    height: 100%;
    color: #fff;
    display: inline-block;
    background-color: #646464;
}

.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong {
    background-color: #222;
}

@media screen and (max-width: 50em) {
    .inputfile + label strong {
        display: block;
    }
}


.inputfile + label {
    border: 1px solid #ddd;
}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    border-color: #ccc;
}
.inputfile + label strong {
    color: #333;
    background-color: #f5f5f5;
}
.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong {
    color: #333;
    background-color: #e6e6e6;
}


.inputfile-danger + label {
    border: 1px solid #d9534f;
}
.inputfile-danger:focus + label,
.inputfile-danger.has-focus + label,
.inputfile-danger + label:hover {
    border-color: #722040;
}
.inputfile-danger + label strong {
    color: #fff;
    background-color: #d9534f;
}
.inputfile-danger:focus + label strong,
.inputfile-danger.has-focus + label strong,
.inputfile-danger + label:hover strong {
    color: #fff;
    background-color: #722040;
}


.inputfile-info + label {
    border: 1px solid #46bada;
}
.inputfile-info:focus + label,
.inputfile-info.has-focus + label,
.inputfile-info + label:hover {
    border-color: #269cbc;
}
.inputfile-info + label strong {
    color: #fff;
    background-color: #5bc0de;
}
.inputfile-info:focus + label strong,
.inputfile-info.has-focus + label strong,
.inputfile-info + label:hover strong {
    color: #fff;
    background-color: #31b2d5;
}


.inputfile-warning + label {
    border: 1px solid #eea236;
}
.inputfile-warning:focus + label,
.inputfile-warning.has-focus + label,
.inputfile-warning + label:hover {
    border-color: #d58112;
}
.inputfile-warning + label strong {
    color: #fff;
    background-color: #f0ad4e;
}
.inputfile-warning:focus + label strong,
.inputfile-warning.has-focus + label strong,
.inputfile-warning + label:hover strong {
    color: #fff;
    background-color: #ec971f;
}


.inputfile-success + label {
    border: 1px solid #4eae4c;
}
.inputfile-success:focus + label,
.inputfile-success.has-focus + label,
.inputfile-success + label:hover {
    border-color: #3b8439;
}
.inputfile-success + label strong {
    color: #fff;
    background-color: #5cb85c;
}
.inputfile-success:focus + label strong,
.inputfile-success.has-focus + label strong,
.inputfile-success + label:hover strong {
    color: #fff;
    background-color: #469d44;
}
