.closeHref{
	float:Right;
	text-decoration:none;
}
html[dir="rtl"] .closeHref{
	float:left;
}

@font-face {
     font-family: 'fontawesome-alloy';
     src: url("aui/alloy-font-awesome/font/fontawesome-alloy.eot");
     src: url("aui/alloy-font-awesome/font/fontawesome-alloy.eot?#iefix") format("embedded-opentype"), url("aui/alloy-font-awesome/font/fontawesome-alloy.woff") format("woff"), url("aui/alloy-font-awesome/font/fontawesome-alloy.ttf") format("truetype"), url("aui/alloy-font-awesome/font/fontawesome-alloy.svg#fontawesome-alloy") format("svg");
     font-weight: normal;
     font-style: normal;
}

.sitelogo{
	width:241px;
	height:86px;
}

.aui tr,.aui img {
     page-break-inside: avoid;
}
 .aui img {
     
     width: auto\9;
     height: auto;
     vertical-align: middle;
     border: 0;
     -ms-interpolation-mode: bicubic;
     max-width: 100% !important;
}
 
.aui a {
     text-decoration: none;
}
.aui article,.aui aside,.aui details,.aui figcaption,.aui figure,.aui footer,.aui header,.aui hgroup,.aui nav,.aui section {
     display: block;
}
 .aui body {
     margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-color: white;
     width:98%;
}
 .aui p {
     margin: 0 0 10px;
}
 .aui h2 {
     display:none;
}
 .aui ul, .aui ol {
     padding: 0;
    margin: 0 0 10px 25px;
}
 .aui table {
     max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
 .aui .table {
     width: 100%;
    margin-bottom: 20px;
}
 .aui .table th, .aui .table td {
     padding: 8px;
     line-height: 20px;
     text-align: left;
     vertical-align: top;
     border-top: 1px solid #dddddd;
}
 .aui .table th {
     font-weight: bold;
}
 .aui .nav {
     margin-left: 0;
    margin-bottom: 20px;
    list-style: none;
}
 .aui .nav > li > a {
     display: block;
}
 .aui .nav-tabs:before, .aui .nav-tabs:after, .aui .nav-pills:before, .aui .nav-pills:after {
     display: table;
     content: "";
     line-height: 0;
}
 .aui .nav-tabs:after, .aui .nav-pills:after {
     clear: both;
}
 .aui .nav-tabs > li, .aui .nav-pills > li {
     float: left;
}
 .aui .nav-tabs > li > a, .aui .nav-pills > li > a {
     padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
 .aui .nav-tabs {
     border-bottom: 1px solid #ddd;
}
 .aui .nav > .dropdown.active > a:hover, .aui .nav > .dropdown.active > a:focus {
     cursor: pointer;
}
 .aui .navbar {
     overflow: visible;
    margin-bottom: 20px;
    *position: relative;
    *z-index: 2;
}
 .aui .navbar-inner {
     min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(86, 86, 86, 0.85);
    border: 1px solid #dddddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    *zoom: 1;
}
 .aui .navbar-fixed-top .navbar-inner, .aui .navbar-static-top .navbar-inner {
     border-width: 0 0 1px;
}
 .aui .navbar-fixed-bottom .navbar-inner {
     border-width: 1px 0 0;
}
 .aui .navbar-fixed-top .navbar-inner, .aui .navbar-fixed-bottom .navbar-inner {
     padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
 .aui .navbar-static-top .container, .aui .navbar-fixed-top .container, .aui .navbar-fixed-bottom .container {
     width: 940px;
}
 .aui .navbar-fixed-top {
     top: 0;
}
 .aui .navbar-fixed-top .navbar-inner, .aui .navbar-static-top .navbar-inner {
     -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
 .aui .navbar-fixed-bottom {
     bottom: 0;
}
 .aui .navbar-fixed-bottom .navbar-inner {
     -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}
 .aui .navbar .nav {
     position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
 .aui .navbar .nav.pull-right {
     float: right;
    margin-right: 0;
}
 .aui .navbar .nav > li {
     float: left;
}
 .aui .navbar .nav > li > a {
     float: none;
    padding: 10px 15px 10px;
    color: white;
    text-decoration: none;
}
 .aui .navbar .nav > .active > a, .aui .navbar .nav > .active > a:hover, .aui .navbar .nav > .active > a:focus {
     color: white;
    text-decoration: none;
    background-color: #98BC34;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0px -21px 24px -12px #1C1F0A 
}
 @media (min-width: 768px) and (max-width: 979px) {
     #wrapper{
         padding: 0 8px !important;
    }
     .aui .hidden-desktop {
         display: inherit !important;
    }
     .aui .visible-desktop {
         display: none !important;
    }
     .aui .visible-tablet {
         display: inherit !important;
    }
     .aui .hidden-tablet {
         display: none !important;
    }
}
 @media (max-width: 767px) {
     #wrapper{
         padding: 0 8px !important;
    }
     .aui .hidden-desktop {
         display: inherit !important;
    }
     .aui .visible-desktop {
         display: none !important;
    }
     .aui .visible-phone {
         display: inherit !important;
    }
     .aui .hidden-phone {
         display: none !important;
    }
}
 
 @media (max-width: 767px) {
     .aui body {
         margin-right:auto;
         margin-left:auto;
    }
     
     .aui .navbar-fixed-top, .aui .navbar-fixed-bottom, .aui .navbar-static-top {
         margin-left: -20px;
         margin-right: -20px;
    }
}
 @media (min-width: 980px) {
     .aui .nav-collapse.collapse {
         height: auto !important;
         overflow: visible !important;
    }
}
 
 .aui .navbar .nav li > a {
     -ms-word-break: break-all;
    word-break: break-all;
}
 .aui [class^="icon-"], .aui [class*=" icon-"] {
     font-family: 'fontawesome-alloy';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}
 .aui .pull-left {
     float: left;
}
 .aui .icon-search:before {
     content: "\f002";
}
 .aui .icon-arrow-down:before {
     content: "\f063";
}
 .aui .icon-arrow-up:before {
     content: "\f062";
}
 .aui .icon-youtube:before {
     content: "\f167";
}
 .aui .icon-linkedin:before {
     content: "\f0e1";
}
 .aui .icon-facebook:before {
     content: "\f09a";
}
 .aui .icon-twitter:before {
     content: "\f099";
}
 .aui .icon-remove:before {
     content: "\f00d";
}
 .aui .icon-plus:before {
     content: "\f067";
}
 .aui .icon-minus:before {
     content: "\f068";
}
 .logo{
     display:inline-block;
    line-height:1;
    vertical-align:middle;
    margin-top:15px;
    margin-bottom:8px 
}
 @media screen and (max-width:980px){
     #logoImg{
         width:150px !important;
         height:50px !important;
    }
     .navbar-inner{
         min-height: 25px !important;
         max-height:30px;
         padding-right:8px!important;
         padding-left:8px!important 
    }
     #LanguagePortlet{
         margin-left:0px !important;
         margin-right:0px !important;
         height:30px;
         padding-top:0;
         margin-top:-10px;
    }
     .aui .nav-collapse .nav>li{
         float:left;
    }
     html[dir="rtl"] .aui .nav-collapse .nav>li{
         float:right!important 
    }
     .aui #navigation .navbar-inner li a{
         font-weight:normal;
         padding:1px 10px 2px 10px 
    }
     .aui #navigation.open .navbar-inner{
         padding:3px 7px 0 7px 
    }
     .aui #navigation{
         display:block!important 
    }
     .aui .nav-collapse,.aui .nav-collapse.collapse{
         overflow:initial 
    }
     div#_145_dockbar{
         display:none 
    }
     .taglib-language-list-text,html[dir="rtl"] .taglib-language-list-text{
         padding:8px 15px 12px 15px;
         font-size:12px 
    }
     #layout_15{
         display:block 
    }
     .logo{
         margin-top:30px;
         padding-top:20px;
         display:table 
    }
     .responsive-table-horizontal{
         display:block;
         position:relative;
         width:100%;
         &:after{
             clear:both;
             content:'';
             display:block;
             font-size:0;
             height:0;
             visibility:hidden 
        }
         tbody{
             display:block;
             overflow-x:auto;
             position:relative;
             white-space:nowrap;
             width:auto;
             tr{
                 display:inline-block;
                 vertical-align:top;
                 td{
                     display:block;
                     margin-bottom:20px;
                     &:first-child{
                         text-align:left 
                    }
                }
            }
        }
         thead{
             display:block;
             float:left;
             margin-right:10px;
             &:after{
                 clear:both;
                 content:"";
                 display:block;
                 font-size:0;
                 height:0;
                 visibility:hidden 
            }
             th{
                 display:block;
                 margin-bottom:20px;
                 text-align:right;
                 &:first-child{
                     text-align:right 
                }
            }
        }
    }
     .ie9{
         .responsive-table-horizontal thead{
             float:none 
        }
    }
}
 
 
 #wrapper{
     padding:0 5em 0;
     position:relative; 
    @include respond-to(phone){
         padding-left:.5em;
         padding-right:.5em 
    }
     @include respond-to(tablet){
         padding-left:2em;
         padding-right:2em 
    }
}

   @include respond-to(desktop){
         .lfr-nav-sortable>a>span{
             padding-left:0 
        }
         .drag-handle{
             display:none 
        }
    }
     .lfr-nav-updateable.selected a:hover span{
         cursor:text 
    }
}
 .controls-hidden .modify-pages{
     .lfr-nav-sortable>a>span{
         padding-left:0 
    }
     .drag-handle{
         display:none 
    }
}
 .nav{
     li .toolbar{
         margin-top:5px 
    }
}
 .nav-menu{
     ul{
         padding-left:10px 
    }
     li a{
         &.ancestor{
             font-weight:bold 
        }
         &.selected{
             color:#000;
             font-weight:bold;
             text-decoration:none 
        }
    }
}


 @font-face{
     font-family:'simplified arabic';
    src:url('simpo.ttf') 
}
 .shamaaTitle{
    font-size:16px;
    color:#b2b2b2;
    margin:0 2px 0 2px;
    font-family:tahoma;
    font-weight:normal;
    padding:0;
    text-transform:none;
    line-height:0.8em;
}
 .sign-in{
     display:none 
}
 #LanguagePortlet{
     margin-left:71px;
    margin-right:71px;
    float:right;
    margin-top:5px;
}
 html[dir="rtl"] #LanguagePortlet{
     float:left;
}
.taglib-language-list-text{
     background-color:#99bd32;
    color:black!important;
    border-radius:0 0 46px 46px;
    font-weight:bold!important;
    text-decoration:none!important;
    padding:10px 25px;
    font-size:16px 
}
 html[dir="rtl"] .taglib-language-list-text{
     padding:8px 21px 12px 21px;
    font-size:14px 
}

 #banner{
     background:url(../images/backgroun.png);
    margin-top:-40px;
    padding-top:19px 
}
 .aui #navigation .navbar-inner li a{
     font-size:16px;
    font-weight:bold 
}
 html[dir="rtl"] .aui #navigation .navbar-inner li a{
     font-size:18px 
}
 #layout_15{
     display:none 
}
 @media screen and (max-width:500px){
     .taglib-language-list-text,html[dir="rtl"] .taglib-language-list-text{
         padding:8px 12px 7px 12px;
         font-size:10px 
    }
     .shamaaTitle{
         font-size:13px 
    }
    .aui #navigation .navbar-inner li a{
         font-size:11px;
         padding:1px 6px 2px 6px 
    }
    html[dir="rtl"] .aui #navigation .navbar-inner li a{
         font-size:13px;
         padding:1px 8px 2px 8px 
    }
     ul#yui_patched_v3_11_0_1_1513261905961_339{
         margin:0 
    }
}
 @media screen and (min-width:510px) and (max-width:700px){
     .aui #navigation .navbar-inner li a{
         font-size:15px;
         padding:1px 12px 2px 12px 
    }
     ul#yui_patched_v3_11_0_1_1513261905961_339{
         margin:0 
    }
}
 .icon-twitter,.icon-facebook,.icon-linkedin,.icon-youtube{
    color:#99bd32;
    font-size:25px;
    padding-top:2px;
    padding-bottom:2px;
   
}
 #Footer{
     background:#424242;
    border-bottom:3px solid #99bd32;
    float:left;
    width:100%;
    margin-top:10px;
    padding-top:5px;
}
 #FooterTable{
     width:100% 
}
 #FooterTableTd1{
     font-size:12px;
    color:white;
    width:40% 
}
 #FooterTableTd2{
     float:right;
    color:#99bd32;
    vertical-align:bottom;
    width:40% 
}
 #InnerFooterTable{
     float:right 
}
 .tdFooterImages{
     margin: 0px 13px;
}
 #creativeCommons{
     color:#99bd32;
    text-decoration:none 
}


.allFollowUs{
	float:right;
}

 html[dir="rtl"] .allFollowUs{
	float:left !important;
}

.tdFollowUs{
     color:#99bd32;
    
    margin-top:5px;
}
  
 @media screen and (max-width:979px){
	 .sitelogo{
		width: 164px;
	    height: 54px;
	}
     #Footer{
         float:left;
        width:97%;
    }
     html[dir="rtl"] #Footer{
         float:right;
    }
   
     .tdFollowUs{
         width:90%!important 
    }
  
     html[dir="rtl"] .tdFollowUs{
         width:90%!important;
    }
     .FollowUsClass{
         width:100% 
    }
     .icon-twitter,.icon-facebook,.icon-linkedin,.icon-youtube{
         font-size:10px 
    }
}
.layout{
     width:100% 
}
 .ie6 .layout-content,.ie7 .layout-content{
     display:block 
}
 .ltr .column,.rtl .column-last{
     float:left 
}
 .rtl .column,.ltr .column-last{
     float:right 
}
 img{
     &.label-icon{
         border-width:0;
         float:left 
    }
     &.icon{
         border-width:0;
         float:absmiddle 
    }
}
 html[dir="rtl"] .nav {
     float:right !important;
}
html[dir="rtl"] .nav>li {
     float: right !important;
}
/* main.css*/
/*main css for searchinshamaa portlet*/
 .viewMyReferenesButton{
     text-decoration: none !important;
    background-color: #005b85;
    color: white !important;
    padding: 5px 14px;
    border-radius: 7px;
}
.icon-remove {
     color: #FFFFFF;
    background-color: #585858;
    border-radius: 50%;
    padding: 2px;
    border: 1px solid #7F7E7E;
    font-size: 12px;
}
.colorBlack{
     color:black;
    text-decoration:none !important;
}
 #removeClusterIcon {
     background-color: #e98984;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 4px;
    font-size: 7px;
}
 #innericon {
     background-color: rgba(45,134,16,0.79);
    border-radius: 50%;
    font-size: 8px;
    padding: 3px;
    border: 2px solid rgba(128,128,128,0.61);
    box-shadow: 1px 2px 2px rgba(136,136,136,0.65);
    text-align: center;
}
.icon-plus {
     font-size: 14px;
    color: #CCCCCC;
   
}
.icon-minus {
     color: red;
  
    font-size: 13px;
}
.fontSize18 {
     Font-Size:18px;
}
.foreColorWhite{
     color:white;
}
.PagingHrefSpecificClass{
     font-weight:bold;
    font-size:20px;
}
.fontSizeSmall{
     Font-Size:Small;
}
.width50Percent{
     width:50%;
}
.width4Percent{
     width:4%;
}
.height2{
     height:2px;
}
.padding40Percent{
     padding:40% !important;
}
 .fontweight100{
     font-weight: 100;
}
.Limiters{
     text-align:center;
    background-color:#E1E1E1;
}
.assignMargin{
     margin-left:30px;
    margin-right:30px;
}
.textAlignLeft{
     text-align:left;
}
.backgroundcolorE1E1E1{
     background-color:#E1E1E1;
}
.backgroundcolorBlack{
     background:black;
}
.backgroundcolorCCC{
     background-color:#ccc;
}
.backgroundcolorF4F4F4{
     background-color:#F4F4F4;
}
.backgroundcolorWhite{
     background-color:white;
}
.fontWeightBold{
     font-weight:bold;
}
.simpleSearch{
     color:white;
     margin-top:-10px;
}
.buttonplus{
     margin-top:-30px !important;
}
.height120{
     height:120px !important;
}
 .displayNone{
     display:none;
}
 .displayBlock{
     display:block;
}
 .displayInline{
     display:inline;
}
.width80Percent{
     width:80%;
}
 .defaulttd9Percent{
     width:9%;
}
.defaulttd15Percent{
     width:15%;
}
.defaulttd30Percent{
     width:30%;
}
.assignWidth{
     width:164px;
}
 .color1{
     background-color:rgba(230, 230, 226, 0.7);
}
.color2{
     background-color:rgb(247, 247, 247);
}
.icon-arrow-down {
     float: right;
}
 html[dir="rtl"] .icon-arrow-down {
     float:left;
}
 .icon-arrow-up {
     float: right;
}
 html[dir="rtl"] .icon-arrow-up {
     float:left;
}
#searchTipsDiv{
     display:none;
}
#defaultPageTable{
     margin-right:auto;
    margin-left:auto;
    width:100%;
    margin-top:5px;
}
 .defaultpagetd0{
    width:15%;
}
 .defaultpagetd1{
    width:20%;
}
 .defaultpagetd2{
    width:15%;
}
 .defaultpagetd3{
    width:2%;
}
 #additionsAndTipshrefDiv{
    padding:5px;
    margin-left:auto;
    margin-right:auto;
}
 .icon-search{
    color:white;
    background-color: #404040;
    padding: 9px;
    border-radius: 5px;
   
}
#ImportData{
     width:50%;
}
 td a{
     width:100%;
}
#highlighted{
     background-color:rgba(128, 128, 128, 0.36);
}
#MyDocumentHeaderTable{
     display:block;
}
#ActiveFiltersLBL {
     color:Black;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:5px;
}
 .showFacetsAndOptions{
     text-align:center;
    padding-bottom:3px;
    paddin-top:5px;
}
 #prevAndNextDiv{
     padding-top:25px;
    text-align:center;
}
 #messageDiv{
     padding-top:10px;
    font-size: 14px;
    text-align:center;
}
 #AtoZAuth{
     text-decoration:none;
    color:#99BD32;
}
 #AtoZDiv{
     text-align:center;
    margin-top:10px;
}
 .AbstractSpanClass{
     text-align:left;
}
#MyReferencesTable,#MyReferencesTable1{
     float:left;
}
#ShowMoreFacet_Author{
     top:60%;
}
#FullRecordTable{
     width:97%;
}
#FullRecordTable tr {
     vertical-align: top;
}
.limitersPub{
     width:163px;
}
 .advancedSearchButtons{
     margin-top: 12px !important;
}
 .displayInlineCLass{
     display:inline;
}
 .recentAdditionsBorder{
     text-decoration: none;
    color: rgba(132, 126, 126, 0.83);
    display: list-item;
    margin-right: 37px;
    margin-left: 37px;
    padding-top: 10px;
    font-size: 14px;
    width:90%;
}
.recentAdditionsBorderL2{
     color:rgba(153, 153, 153, 0.77);
    display: block;
    margin-right: 60px;
    margin-left: 60px;
    padding-top: 0;
    font-size: 12px;
    width:90%;
}
#ArticlerecentAdditionsDivInside,#ThesisrecentAdditionsDivInside,#BooksrecentAdditionsDivInside,#ReportrecentAdditionsDivInside,#ChapterrecentAdditionsDivInside,#IssuerecentAdditionsDivInside{
     border:1px solid #BDB76B;
    border-top:0;
    display:none;
}
 #MyPage{
    /*width:925px;
    */
     margin-right:auto;
    margin-left:auto;
}
#MyHeader{
     background-color: rgb(153, 189, 50);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 34px;
    padding:6px 10px 6px 0;
}
#MyHeaderTable{
     width:70%;
    margin-right:auto;
    margin-left:auto;
}
#Facet_PeriodicalShowMoreDiv,#Facet_FacultyShowMoreDiv{
     height: 670px;
    overflow-y: scroll;
}
.arrowsImageDownDefault,.arrowsImageUpDefault{
     float:right !important;
}
 html[dir="rtl"].arrowsImageDownDefault, html[dir="rtl"].arrowsImageUpDefault{
     float:left !important;
}
#recentAdditionsDiv{
     width: 85%;
    min-height: 110px;
    padding-top: 8px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
 html[dir="rtl"] #recentAdditionsDiv{
     margin-right:80px;
    margin-left:0;
     padding-left:10px !important;
    padding-right:0;
}
 .MyBasketSpan {
     color: gray;
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: bold;
}
.MYBesketImg{
     height: 20px;
    width: 26px;
}
#LimitersDiv{
     visibility: hidden;
    z-index: 1000;
    width:60%;
    top: 5%;
    left: 16%;
    
    position: absolute;
    border: 3px solid #6B391C;
    border-radius: 5px;
    color:black;
}
 #PermaLinkDiv{
    visibility:hidden;
    z-index:1000;
    position:absolute;
    top:50%;
    left:14%;
    background:#E5E5E5;
    border:1px solid black;
    border-radius:5px;
    width: 80%;
    padding:10px;
}
#sharingToolboxDiv{
     width:70%;
    margin-right:auto;
    margin-left:auto;
}
#ShareDiv{
    visibility:hidden;
    z-index:1000;
    position:absolute;
    top:50%;
    left:14%;
    background:#E5E5E5;
    border:1px solid black;
    border-radius:5px;
    width: 80%;
    padding:10px;
}
#FullRecordDiv{
     width: 75%;
    float: left;
    font-size: 15px;
    font-family: Arial;
    color: rgba(0, 0, 0, 0.94);
    font-weight: 500;
}
 html[dir="rtl"] #FullRecordDiv{
     float:right;
}
.FullRecordTdWidth {
     width:23%;
}
 html[dir="rtl"] .FullRecordTdWidth {
     width:15%;
}
#FullRecordButtons{
     width:20%;
    float:left;
}
#CiteLinkDiv{
   visibility:hidden;
    z-index:1000;
    position:absolute;
    top:50%;
    left:14%;
    background:#E5E5E5;
    border:1px solid black;
    border-radius:5px;
    width: 80%;
    padding:10px;
}
#ExportDiv{
    visibility:hidden;
    z-index:1000;
    position:absolute;
    top:50%;
    left:14%;
    background:#E5E5E5;
    border:1px solid black;
    border-radius:5px;
    width: 80%;
    padding:10px;
}
 .myBasketTitleStyle {
     font-size:16px;
    font-weight:bold;
    color:#003399;
}
 #DocumentUniversityHref,#DocumentPubOrderHref,#DocumentParentHref{
     color:#003399;
    font-size:13px;
    font-weight:bold;
}
#DocumentPublisher{
     text-align: right;
    font-size: 12px;
    color: #003399;
    font-weight: bold;
}
#searchTbxDefault{
     font-size:14px;
    height:24px;
    width:93%;
    border-top: 2px solid #cdd6b3;
    font-family:tahoma;
}
 #SearchTypeDDLDefault{
     font-size: 12px;
    height: 35px;
    color: white;
    padding: 4px;
    border: 1px solid rgb(66, 66, 66);
     border-radius: 5px;
    font-family: tahoma;
     background: rgb(66, 66, 66) none repeat scroll 0 0;
    margin-right:10px;
    margin-left:10px;
    width:150px;
}
#imageDefault{
     background-color:#424242;
    height:34px;
    width:38px;
    border-radius:5px;
    margin-top: -8px;
}
#defaultPageDiv{
     background:#99BD32;
    text-align:center;
    font-family:Tahoma;
    border-top: 2px solid #cdd6b3;
    border-bottom: 2px solid #cdd6b3;
    padding-right:10px;
    padding-left:10px;
    margin-top:-10px;
}
.sendDownload{
     width:50%;
    margin-left:auto;
    margin-right:auto;
    display:none;
}
#SearchBTN,#ClearBTN{
     height:25px;
}
 #SearchTypeDDL,#SearchTypeDDL1,#SearchTypeDDL2{
     width:100%;
    height:25px;
    color:rgba(51, 51, 51, 0.92);
}
 #PlaceOfSearchDDL,#PlaceOfSearchDDL1,#PlaceOfSearchDDL2{
     width:120px;
    height:24px;
    color:rgba(51, 51, 51, 0.92);
}
.OperatorDDLS{
     width:60px !important;
    height:25px !important;
}
 #MyFacets{
     float:right;
    width:20%;
    border-left:1px solid #CCC;
}
 html[dir="rtl"] #MyFacets{
     float: left;
    width: 20%;
    border-right: 1px solid #CCC!important;
    padding-right: 8px;
    border-left: 0px;
}
 #PadingId{
     padding-left:15px;
}
 html[dir="rtl"] #PadingId{
     padding-left:5px;
}
 #MyDocuments{
     display:inline-block;
    width:79%;
    font-weight:bold !important;
}
#MyPageBody{
     width:100%;
    min-height: 1000px;
}
 .DefaultTdClass{
     border:0 !important;
    font-size:14px;
    vertical-align:top;
}
 #nextBTN,#prevBTN{
     border-radius:3px;
}
#DocumentAuthorHref,#DocumentParentHref,#DocumentPubOrderHref{
     display:inline;
}
.centertdClass{
     border:0 !important;
    font-size:13px;
}
.MyBasketImage{
     height:30px;
    width:130px;
}
.MyBasketDiv{
     padding-bottom:5px;
     padding-top:5px;
    text-align:center;
}
#FullRecordButtonsTable{
     border: 1px solid #E1E1E1;
}
.FullRecordButtonsTableTD{
     padding:0 2px 0 15px;
}
.FullRecordButtonsTableTR{
     height:40px;
}
#MyReferencesTable{
     color: #333333;
    width: 60%;
    margin-top: 20px;
    margin-right: 3%;
    border-collapse: collapse;
    margin-left: 3%;
}
 #MyReferences{
     width:100%;
}
.MailBtn{
     height:30px;
    width:210px;
}
 #MailBtnHref{
     color:White;
    text-decoration:none;
    display: block;
    width: 210px;
    height: 25px;
     background-color:#99BD32;
    text-align: center;
    color: white;
}
#clearBasket{
     height: 25px;
     background-color:#99BD32;
    text-align: center;
    color: white;
    padding:3px 7px 3px 7px;
    text-decoration:none;
    display:inherit;
}
.MyReferencesImagesRemove{
     width:30px;
}
.MyReferencesImages{
     width:60px;
}
.DefaultBTNClass{
     margin-top:-19px !important;
    height:29px;
}
.DefaultBTNClassFullRecord{
     height:23px;
    position:relative;
    left:40%;
}
 html[dir="rtl"] .DefaultBTNClassFullRecord{
     right:40%;
}
 #fullRecordFont{
     color: #a5c50c;
}
 hr {
    color:rgba(165, 196, 5, 0.17);
    margin-top:1px !important;
    margin-bottom:1px !important;
    border:0;
    border-bottom:1px solid;
}
 #SearchValueTBX,#SearchValueTBX1,#SearchValueTBX2{
     width:94%;
    height:19px;
    color:rgba(51, 51, 51, 0.92);
}
 .MyFacetsDefaultClass{
     border-bottom:1px solid #CCC;
}
 #AddToReferenceDiv{
     vertical-align:middle;
    
   
     width:180px;
     background:#AAAAAA;
     min-height:44px;
     color:white;
     border-radius:5px;
   /*
   	 text-align:left;
     padding-left:5px;
     padding-top:5px;
     padding-bottom:10px;
     margin-top:20px;
     margin-right:25px;*/
     padding:5px;
}
 html[dir="rtl"] #AddToReferenceDiv{
     width:150px;
}
 .widthClass{
     width:20%;
}
 .DefaultUnderlineClass{
     text-decoration: underline;
     font-weight:bold;
}
 .DefaultHrefGreenAndBoldClass{
     color: #99BD32 !important;
    font-weight: bold !important;
     display:inline;
}
 #ShowMoreFacet_Subject,#ShowMoreFacet_Faculty,#ShowMoreFacet_Periodical,#ShowMoreFacet_PubOrder,#ShowMoreFacet_Country_fre,#ShowMoreFacet_Country_eng,#ShowMoreFacet_Country_ara,#ShowMoreFacet_Language,#ShowMoreFacet_Publisher,#ShowMoreFacet_Publication,#ShowMoreFacet_Author{
     top:9% !important;
}
 .DefaultHrefGreenClass{
     color: #99BD32 !important;
    font-size: 13px;
    font-weight: bold !important;
    text-decoration:none !important;
    display:inline;
}
 .DefaultHrefColorClass{
     color:black !important;
    text-decoration:none !important;
    font-size:14px;
    display:inline;
}
 .ApplyCloseSpan{
     color:White !important;
     margin-right:auto;
    margin-left:auto;
}
 .ApplyCloseDiv{
     width:20%;
    margin-right:auto;
    margin-left:auto;
}
 #DocumentAuthorHref{
     color:#99BD32;
    font-weight:bold;
    text-decoration:none !important;
}
 #DocumentUniversityHref{
     color:#003399;
    font-size:13px;
    font-weight:bold;
    display:inline;
}
 #DocumentAbstract{
     font-family: arial;
    font-size: 13px;
    font-weight: normal;
    color: black;
}
 #FullRecordTable a {
     display: inline !important;
}
 .blackCLassAndWidth{
     color:black !important;
    font-size:14px !important;
    width:40%;
}
 .TypesImagesClass{
     height:30px;
    width:30px;
}
 .TypesImagesClassBesideTitle{
     height:25px;
    width:25px;
}
 .abstractStyleHref{
     color:white !important;
    text-decoration:none !important;
    font-family:'Trebuchet MS' !important;
    font-weight:bold !important;
    font-size:14px;
}
 .greenColor{
     color:#99BD32!important;
    text-decoration:none !important;
    font-weight:bold !important;
    display:inline;
    font-size:15px !important;
    margin-bottom:14px;
}
 .blackColor{
     color:black;
    font-size: 13px;
    text-decoration:none !important;
    display:inline;
}
 .DefaultDocumentsTableClass{
     border-collapse:separate !important;
    border-spacing:5px !important;
    border-top:1px #CCC dotted;
    font-size:13px;
}
 #arAbstract,#enAbstract,#frAbstract{
     padding:10px 10px 10px 10px;
    border:1px solid #E1E1E1;
    margin-bottom:10px;
}
 .mobileImageStyle{
     width:25px !important;
    height:25px !important;
}
 #RecordsPerPageDDL{
     width: 55px;
    height: 25px;
    border-color: #CCC !important;
    font-family: 'Trebuchet MS' !important;
    color: black !important;
}
 #OrderByListDDL{
     width: 80px;
    height: 26px;
    border-color: #CCC !important;
    font-family: 'Trebuchet MS' !important;
     color: black !important;
    padding-top: 5px;
    font-weight:normal;
}
 #MyDocumentHeader{
     margin-top:10px;
}
 #MyPagesDiv{
     clear:both;
    background-color:#99BD32;
    border-right:5px solid double;
    border-left:5px solid double;
    border-bottom:5px solid double;
    min-height: 40px;
    max-height: 60px;
    width: 100%;
}
.DefaultPagesSpanClass{
     margin-right:auto;
    margin-left:auto;
    width:60%;
    margin-bottom:10px;
    padding-top:8px;
}
 .PagingHrefClass{
     padding:0 10px 10px 10px;
    color:white !important;
    text-decoration:none;
}
 .BrowseHref {
     font-weight:bold;
    color:white;
    font-size:14px;
}
 .DefaultShowMoreFacetsClass{
     border:3px solid #6b391c;
    border-radius: 5px;
    left: 15%;
     overflow: auto;
    position: absolute;
    top: 19%;
    background-color:white;
    visibility:hidden;
    max-width: 50%;
    min-width: 50%;
    z-index: 1000;
}
 #DefaultShowMoreHeader{
     padding:40%;
    font-weight:bold;
}
 .DefaultApplyCloseShowMore{
     width:100%;
    margin-right:auto;
    margin-left:auto;
    background-color:black;
    color:White;
    margin-top: 10px;
}
 #BriefDisplayButtons{
     width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}
 #Bib_getBibDiv{
     width:100%;
}
 #DocumentTitle,#DocumentTitle a{
     color:#003399 !important;
    text-decoration:underline;
    font-weight:bold;
    font-size:15px !important;
}
 #DocumentTopicsHref,#DocumentTopicsHref a,#DocumentAuthor a{
     color:#99BD32;
    font-weight:bold;
}
 #titlelbl {
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    width:30%;
    margin-left:auto;
    margin-right:auto;
}
 .TitleClass{
     text-align:center;
    font-size:17px;
    font-weight:bold;
    text-decoration:underline;
}
 #LangAbstractDisplay{
     color:#555;
    font-weight:bold;
}
 #tdAsBTN{
     width:19%;
}
 #tdAsBTNSubjectAuthor{
     padding-top:13px;
    width:27%;
}
 #BrowseTd{
     width:13%;
}
 .FontId{
     font-weight:bold;
    color:black !important;
}
 .fontSizeSpan{
     font-size:13px;
    color:black;
}
 #addToRefMobile{
     display:none;
}
 .recentAdditionsTR{
     padding:6px;
    width:15%;
}
 #downArticle,#upArticle,#downThesis,#upThesis,#downBooks,#upBooks,#downIssue,#upIssue,#downChapter,#upChapter,#downReport,#upReport{
     color: #7e992e;
    font-size:17px;
    text-decoration:none;
    font-family: Tahoma;
}
 #upArticle,#upThesis,#upBooks,#upIssue,#upChapter,#upReport{
     display:none;
}
 #additionsAndTips{
     width:30%;
    margin-right:auto;
    margin-left:auto;
}
 .additionsAndTipshref{
     color:rgba(0, 0, 0, 0.78) !important;
    font-size:17px;
    text-decoration:none;
    padding: 0 10px;
    font-family: "Tahoma";
}
 html[dir="rtl"] .additionsAndTipshref{
    padding: 0 10px;
    font-family: "Microsoft Sans Serif";
    font-weight:bold;
}
 #recentadditionstitle{
     color:rgba(17, 17, 17, 0.72) !important;
    font-size:17px;
    text-decoration:none;
    padding: 10px 10px;
    font-family: "Tahoma";
}
 html[dir="rtl"] #recentadditionstitle{
     font-family: "Microsoft Sans Serif";
    font-weight:bold;
}
 .recentAdditionsTable{
     width:100%;
    margin-right:5px;
    margin-left:5px;
    border:1px solid #BDB76B !important;
}
 #OnlyRecordsWithFultextChk{
     margin-top:-2px;
}
 .recentAdditionsTableClass{
     width:100%;
}
 #ShowMoreForMobile{
     display:none;
}
 #advancedSearchLink{
     display:none;
    color:white;
}
 #advancedSearchLinkID{
     margin-top:-5px;
    font-weight:bold;
    color:white !important;
}
 #typebtnID,#typebtn1ID, #subjectbtnID,#periodicalbtnID,#Publication-datebtnID,#LanguagebtnID,#CountryEngbtnID,#PublisherbtnID,#AuthorbtnID,#facultybtnID,#CountrybtnID,#CountryFrebtnID,#subjectbtn1ID,#periodicalbtn1ID,#Publication-datebtn1ID,#Languagebtn1ID,#CountryEngbtn1ID,#Publisherbtn1ID,#Authorbtn1ID,#facultybtn1ID,#Countrybtn1ID,#CountryFrebtn1ID {
    display:none;
}
 .TypesImagesClass {
     height:30px !important;
}
 #MyDocumentDataAuth{
     border:3px solid #7E992E;
    min-height: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     margin-bottom:20px;
    width:45%;
    margin-top:20px;
}
 #authName,#authCount{
     color:#7E992E;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
 #authName{
     float:left;
}
 #authCount{
     float:right;
}
 html[dir="rtl"] #authCount{
     float:left;
}
 html[dir="rtl"] #authName{
     float:right;
}
 #MyDocumentDataAuthTable{
     width:100%;
}
 #MyDocumentDataAuthTable tr {
     border-top: 1px solid #E1E1E1;
    padding:10px;
}
 #MyDocumentDataAuthTable td {
     padding:10px;
}
 #zeroFont{
     color:black;
    font-weight:normal !important;
}
.otherAuthNameHref,.otherAuthNameHref,#secondaryAuthName{
     padding-right:20px;
    padding-left:20px;
}
 #theFloat{
     float:left;
    min-width:21px;
}
 html[dir="rtl"] #theFloat{
     float:right;
}
 .DescriptorsCodeTD{
     text-align:left;
    padding-left:20px !important;
}
 #MyDocumentDataSub{
     border:3px solid #7E992E;
    min-height: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     margin-bottom:20px;
    width:40%;
    margin-top:20px;
    float:left;
    padding-top:5px;
}
 html[dir="rtl"] #MyDocumentDataSub{
     float:right;
}
 #MyDocumentDataAuthDescriptors{
     border:3px solid #7E992E;
    min-height: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     margin-bottom:20px;
    width:21%;
    margin-top:20px;
    float:right;
}
 html[dir="rtl"] #MyDocumentDataAuthDescriptors{
     float:left;
}
 .DescriptorsCode{
     text-align:center;
    font-weight:bold;
    padding:0;
}
 #ArticleID,#ThesisID,#BooksID,#IssueID,#ChapterID,#ReportID{
     border:1px solid #BDB76B;
     background-color:#F2F2DA;
}
/* mobile */
 @media screen and (max-width: 979px) {
     #ImportData{
        width:100%;
    }
     #MyDocumentHeaderTable{
        display:none;
    }
     #searchTbxDefault{
         font-size:17px;
         display:block;
    }
     #advancedSearchLinkID{
         margin-top:0;
    }
     #MyDocuments{
         width:100%;
    }
     #MyFacets{
         display:none;
         float: none;
         width:100%;
    }
     html[dir="rtl"] #MyFacets{
         width:100%;
    }
     #AddToReferenceDiv{
         display:none;
    }
     .livepreview{
         display:none;
    }
    #addToRefMobile{
         display:inline-block;
    }
    #AddToReferenceTd{
         display:none;
    }
    #ShowMoreForMobile{
         display:block;
    }
    .abstractStyleHref{
         color:#99BD32 !important;
         text-decoration:none !important;
    }
    #SearchTypeDDLDefault{
         font-size: 16px;
         height:29px;
    }
    #additionsAndTipshref{
        font-size:14px;
    }
    #downArticle, #upArticle, #downThesis, #upThesis, #downBooks, #upBooks, #downIssue, #upIssue, #downChapter, #upChapter, #downReport, #upReport{
        font-size:14px;
    }
    #displayBlock,#tdAsBTN,#tdAsBTNSubjectAuthor{
         display:block;
         font-weight:bold;
         margin-left:-4px;
         width: 100% !important;
    }
    html[dir="rtl"] #displayBlock, html[dir="rtl"] #tdAsBTN, html[dir="rtl"] #tdAsBTNSubjectAuthor{
         margin-left:0;
    }
    .displayBlockClass{
         display:block;
    }
    .DefaultPagesSpanClass{
         width:100%;
         text-align:center;
    }
    #MyHeader{
         display:table;
         width: 94%;
         padding:6px 10px 6px 0;
    }
    #BrowseTd{
         width:108%;
    }
    .BrowseHref{
         font-size:12px;
    }
    .DefaultTdClass{
         width:95%;
    }
    #SearchTypeDDL, #SearchTypeDDL1, #SearchTypeDDL2,#OperatorDDL1,#OperatorDDL2{
         height:28px !important;
         font-size:15px;
         width:98% !important;
    }
    #displayNone{
         display:none;
    }
     #advancedSearchLink{
         display:block;
    }
     #RecordsPerPageDDL,#OrderByListDDL{
         font-size: 13px;
         height: 26px;
    }
     .PagingHrefClass{
         padding:0 2px 4px 2px;
    }
    #MyHeaderTable{
         width:90%;
         margin-right:auto;
         margin-left:auto;
    }
    #mobileImageStyle{
         width:22px;
         float:right;
         margin-top:10px;
    }
    html[dir="rtl"] #mobileImageStyle{
         float:left;
    }
    #PadingId{
         width:11%;
    }
    #typebtnID,#typebtn1ID,#subjectbtnID,#periodicalbtnID,#Publication-datebtnID,#LanguagebtnID,#CountryEngbtnID,#PublisherbtnID,#AuthorbtnID,#facultybtnID,#CountrybtnID,#CountryFrebtnID,#subjectbtn1ID,#periodicalbtn1ID,#Publication-datebtn1ID,#Languagebtn1ID,#CountryEngbtn1ID,#Publisherbtn1ID,#Authorbtn1ID,#facultybtn1ID,#Countrybtn1ID,#CountryFrebtn1ID{
         display:inline;
         text-decoration: none;
         color: black;
         font-weight: bold;
    }
     #BriefDisplayButtons{
         font-size:3px;
         text-align:center;
    }
    #FullRecordDiv{
         width:100%;
         float: none;
    }
    html[dir="rtl"] #FullRecordDiv{
         float: none;
    }
    .FullRecordTdWidth{
         width:30%;
    }
     #FullRecordButtons{
         display:none;
         width: 100%;
         float: none;
    }
     
    .myBasketTitleStyle{
         font-size:12px;
    }
    .defaultpagetd1{
         width:80%;
         vertical-align:middle;
    }
    .defaultpagetd2{
         width:80%;
         vertical-align:middle;
         padding-top:5px;
    }
    .icon-search{
        padding:8px 6px 7px 6px;
      }
    .defaultpagetd3{
         width:80%;
         vertical-align:middle;
    }
    .DefaultShowMoreFacetsClass{
         max-width:100% !important;
         left: 0% !important;
         min-width:100% ;
    }
    .recentAdditionsTR{
         width:95.3%;
    }
    #recentAdditionsDiv{
         margin-left:-10px;
         margin-right:-10px;
         width:96%;
         border:0;
         padding-top:0;
         margin-top:0;
    }
    .recentAdditionsBorder{
         width:85%;
    }
    .recentAdditionsBorderL2{
         width:75%;
    }
     html[dir="rtl"] #recentAdditionsDiv{
         margin-right:0px;
    }
    #additionsAndTips{
         width:90%;
    }
    #theLinePriviewImage{
         display:none !important;
    }
    #Facet_PubOrderShowMoreDiv,#Facet_SubjectShowMoreDiv,#Facet_FacultyShowMoreDiv,#Facet_PeriodicalShowMoreDiv,#Facet_Country_freShowMoreDiv,#Facet_Country_engShowMoreDiv,#Facet_Country_araShowMoreDiv,#Facet_LanguageShowMoreDiv,#Facet_PublisherShowMoreDiv,#Facet_PublicationShowMoreDiv{
         width:100% !important;
    }
    .DefaultApplyCloseShowMore{
         width:100%;
    }
    .DefaultHrefGreenAndBoldClass{
         font-weight:normal !important;
         font-size:11px;
    }
    .ApplyCloseDiv{
         width:40% !important;
    }
    .centertdClass{
         text-align:center !important;
    }
    #LimitersDiv{
         width:88%;
         right:0%;
         left:0%;
         top:0%;
    }
    .tdAlignCenter{
         text-align:center;
    }
    .MyBasketImage{
         width:115px;
    }
    #titlelbl{
         width:100%;
    }
    #MyReferencesTable{
         width:100%;
    }
    #SearchValueTBX,#SearchValueTBX1,#SearchValueTBX2{
         height:19px;
         width:93%;
    }
    .DefaultBTNClassFullRecord{
         height:23px;
         position:relative;
         left:0%;
         font-size: 12px !important;
    }
     html[dir="rtl"] .DefaultBTNClassFullRecord{
         right:0%;
    }
    .ShowTools{
         float:right;
    }
    html[dir="rtl"] .ShowTools{
         float:left;
    }
    #MyDocumentDataAuth{
         width:97%;
    }
    #MyDocumentDataAuthDescriptors,#MyDocumentDataSub{
         width:98%;
    }
}


/***live preview ***/
/*** Styles for Live Preview Window ***/
 #livepreview_iframe {
     box-shadow: inset 5px 5px 10px #666;
    -moz-box-shadow: inset 5 5px 10px #666;
    -webkit-box-shadow: inset 5 5px 10px #666;
     overflow:hidden;
    -ms-zoom: 0.7;
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0px 0;
    -o-transform: scale(0.7);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 0;
     zoom:150%;
}
 html[dir="rtl"] #livepreview_iframe {
     -ms-zoom:1;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    zoom:100%;
}
 #livepreview_dialog {
     padding:0;
    background-color:#fff;
    background-image:url('/SearchInShamaa-portlet/images/icon_loading.gif');
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    border:solid 5px #666;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
 #livepreview_dialog:after, #livepreview_dialog:before {
     border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
 #livepreview_dialog.bottom:after, #livepreview_dialog.bottom:before {
     bottom: 100%;
    left: 50%;
}
 #livepreview_dialog.bottom:after {
     border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffffff;
    border-width: 20px;
     margin-left: -20px;
}
 #livepreview_dialog.bottom:before {
     border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #666666;
    border-width: 26px;
    margin-left: -26px;
}
 #livepreview_dialog.top:after, #livepreview_dialog.top:before {
     top: 100%;
    left: 50%;
}
 #livepreview_dialog.top:after {
     border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffffff;
    border-width: 20px;
    margin-left: -20px;
}
#livepreview_dialog.top:before {
     border-color: rgba(102, 102, 102, 0);
    border-top-color: #666666;
    border-width: 26px;
    margin-left: -26px;
}
 #livepreview_dialog.right:after, #livepreview_dialog.right:before {
     right: 100%;
    top: 52%;
}
 #livepreview_dialog.right:after {
     border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffffff;
    border-width: 20px;
    margin-top: -20px;
}
 #livepreview_dialog.right:before {
     border-color: rgba(102, 102, 102, 0);
    border-right-color: #666666;
    border-width: 26px;
    margin-top: -26px;
}
 #livepreview_dialog.left, #livepreview_dialog.left:before {
     left: 100%;
    top: 52%;
}
 #livepreview_dialog.left:after {
     border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffffff;
    border-width: 20px;
    margin-top: -20px;
}
 #livepreview_dialog.left:before {
     border-color: rgba(102, 102, 102, 0);
    border-left-color: #666666;
    border-width: 26px;
    margin-top: -26px;
}