﻿.mod-refresh,.mod-collapse-closed,.mod-collapse,.mod-remove,.mod-edit,.mod-embed {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    *display: inline;
    *zoom:1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

a.mod-refresh, a.mod-collapse-closed, a.mod-collapse, a.mod-remove, a.mod-edit, a.mod-embed {
    background: #fff!important;
    background: linear-gradient(to bottom,#fff 0,#eee 100%) #fff!important;
    border:1px solid #ddd;
    width: 28px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1;
    position: relative;
    color: #999;
    text-align: center;
    text-shadow:0 1px 0 #fff;
    margin-right: 5px;
    border-radius:3px;
    vertical-align: middle;
    top:-1px;
}

.mod-refresh:before,.mod-collapse-closed:before,.mod-collapse:before,.mod-remove:before,.mod-edit:before,.mod-embed:before{
    display: block;
    font-size: 10px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-indent: 0!important;
}

a.mod-refresh:hover,a.mod-collapse-closed:hover,a.mod-collapse:hover,a.mod-remove:hover,a.mod-edit:hover,a.mod-embed:hover{
  background: #fff!important;
  color: #111;
}

.mod-collapse-closed:before{
    font-family: 'icomoon';
    content:"\e644";
    font-size: 10px;
    top:8px;
    left:8px;
}

.mod-collapse-closed
{
    background-image: url(../images/000000_collapse.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    display: block;
    outline-style: none;
    outline-width: medium;
    width: 18px;
    text-indent: -9000px;
}
.mod-collapse-closed:hover
{
    background-image: url(../images/000000_collapse_hover.gif);
}

.mod-collapse:before{
  font-family: 'icomoon';
  content: "\e643";
  font-size: 10px;
  top:8px;
  left:8px;
}

.mod-collapse{
    background-image: url(../images/000000_expand.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    display: block;
    outline-style: none;
    outline-width: medium;
    width: 18px;
    text-indent: -9000px;
}
.mod-collapse:hover{
    background-image: url(../images/000000_expand_hover.gif);
}

.mod-refresh:before{
    font-family: 'icomoon';
    font-size: 100%;
    content: "\e650";
}

.mod-refresh{
    background-image: url(../images/000000_refresh.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    height: 16px;
    overflow: hidden;
    width: 18px;
    display: block;
}
.mod-refresh:hover{
    background-image: url(../images/000000_refresh_hover.gif);
}

.mod-remove:before{
    font-family: 'icomoon';
    font-size: 100%;
    content: "\e63b";
}

.mod-remove{
    background-position: center center;
    background-image: url(../images/000000_delete.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
    cursor: pointer;
}

.mod-remove:hover{
    background-image: url(../images/000000_delete_hover.gif);
}

.mod-edit:before{
    font-family: 'icomoon';
    font-size: 100%;
    content: "\e62e";
}

.mod-edit{
    background-position: center center;
    background-image: url(../images/dis_edit.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
}

.mod-edit:hover{
    background-image: url(../images/dis_edit.gif);
}

.mod-embed:before{
    font-family: 'icomoon';
    font-size: 100%;
    content: "\e692";
}

.mod-embed{
    background-position: center center;
    background-image: url(../images/dis_edit.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
}

.mod-embed:hover{
    background-image: url(../images/dis_edit.gif);
}

.GB_frame {
    height: 400px !important;
}

.GB_Window .caption {
    font-size: 125%;
    text-align: center;
}

.GB_Window .close img {
    width: 20px;
    height: 20px;
}

.GB_Window .close {
    width:1%;
    white-space:nowrap;
}

.left {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 50%;
}
.sorthelper {
    border: 3px dashed #f00;
}
#expand-webpart-btn-area {
    display:inline-block;
    background-color:white;
    border-radius: 5px;
    margin: 5px;
    border: 5px dashed #868181;
    color: #868181;
    cursor: pointer!important;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
}
#expand-webpart-btn-area a {
    margin: 20px;
    text-decoration: none;
    padding: 6px 12px!important;
    background: linear-gradient(to bottom,#fff 0,#eee 100%) #fff!important;
    color: #006ab2!important;
    border-radius: 4px;
    font-size: 13px;
    min-height: 18px;
    border: 1px solid #bbb!important;
    display: inline-block;
    vertical-align: top;
    cursor: pointer!important;
    outline: none;
}
#expand-webpart-btn-area a:before {
    font-family: 'icomoon';
    content: "\e643";
    font-size: 12px;
    margin: 0;
}
#expand-webpart-btn-area span {
    margin: 20px;
    padding: 6px 12px!important;
    font-size: 21px;
    min-height: 18px;
    vertical-align: top;
    outline: none;
}
#expand-webpart-btn-area span:before {
    font-family: 'icomoon';
    content: "\e643";
    /*font-size: 12px;*/
    font-size: 30px;
    margin: 0;
}
.wall-submitter {
    font-size: 70%;
    color: gray;
    text-decoration: none;
}
.wall-content-cell {
    padding: 0 3px;
}
.wall-preview-bag {
    width: 100%;
    border: solid #eee 1px;
    border-radius: 5px;
}
.wall-preview-image {
    padding: 5px;
    height: 64px;
    width: 64px;
    vertical-align: middle;
}
.wall-preview-link-cell {
    width: 72px;
}
.wall-preview-title-cell {
    vertical-align: top;
    padding: 9px 0;
    font-size: 75%;
}
.wall-preview-file-size {
    color: #999999;
    font-size: 7pt;
    margin-top: 20px;
}

.webpart-setting-table {
    display: table;
}
.webpart-setting-tr {
    display: table-row;
}
.webpart-setting-td {
    display: table-cell;
    padding-left: 5px;
    padding-top: 5px;
}
.webpart-setting-td span {
    display: block;
    text-align: right;
}