/* ===== General layout, body ====== */
html {
    height: 100%;
    overflow-y: auto;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

body.mainbg {
    background-color: #FFFFFF;
    height: 100%;
}

body.noscroll {
    overflow: hidden;
}

body.mainbg_album {
    background-color: #FFFFFF;
    height: 100%;
}

body.appbg {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
}

h1.ces {
    margin-top: 0;
    color: #616a74;
}

h2.ces {
    color: #616a74;
}

h3.ces {
    color: #616a74;
}

hr.ces {
    margin: 20px 0px 20px 0px;
    border: 1px dotted #616A74;
}

.hidden {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
.hidden2 {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

.cehintbubble.hidden {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

a.cebutton.hidden {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

#cetoolbar a.cebutton.hidden {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

.rel {
    position: relative;
}

.scrollable {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ceerrmsg {
    color: red;
}
.ceerrmsg-good {
    color: green;
}
.ceinfomsg {
}

/* 
 * html #main { height: 100%; } -- ie bleh 
 */

a { 
    color: #004c8c;
    text-decoration: none;
}

/* ===== Main (contains content, share sidebar and main sidebar) ====== */
#cemain {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0px;
    background-color: #B7B7B7;
}
.cesettings #cemain {
    min-height: 100%;
}

#cepage {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 100%;
    overflow: auto;
}
#cepage.bottompad {
    bottom: 40px;
}

body.cefullwinslid #cemain.cealbum {
    width: 0px;
}
body.cefullwinslid #cecontentmain {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #loweropts {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #cebcbar {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #cetoptools {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #cehead_tabs {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #cehead {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
body.cefullwinslid #cesidebar {
    background: transparent;
    border: transparent;
}
body.cefullwinslid #cesidebar_content {
    visibility: hidden;
}
body.cefullwinslid #audioplayer_art {
    visibility: hidden;
}

#cesettings_pad {
    position: absolute;
    top: 81px;
    bottom: 0px;
    left: 0;
    right: 0px;
}

#cealbum #cemain {
    background: #b7b7b7 url(/images/sidebar-border.png) repeat-y top left;
}

#cemain_pad {
    position: absolute;
    width: 100%;
    top: 81px;
}

/* ===== Header ====== */
#cehead {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 81px;
    line-height: 40px;
    padding: 0;
    padding-left: 0px;
    padding-right: 8px;
    overflow: visible;
    color: #616A74;
    text-align: right;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    z-index: 11;
    background: #84ccff; /* Old browsers */
    background: -moz-linear-gradient(top, #84ccff 0%, #33a1f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84ccff), color-stop(100%,#33a1f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #84ccff 0%,#33a1f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #84ccff 0%,#33a1f9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #84ccff 0%,#33a1f9 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ccff', endColorstr='#33a1f9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #84ccff 0%,#33a1f9 100%); /* W3C */
}
#cehead div.cehead_shift {
    
}
body.cedocprevfull #cehead {
    height: 52px;
}

#cecontrols {
    #padding-right: 12px;
    #position: relative;
    #top: -24px;
}
.ces #cecontrols {
    #top: 4px;
}

#cehead_controls {
    overflow: hidden;
    height: 41px;
    #position: relative;
    #top: -2px;
    #left: -6px;
    #height: 43px;
}

#ceusername {
    margin-right: 10px;
    font-size: 12px;
    color: #003765;
    #position: relative;
    #top: -24px;
}
.ces #ceusername {
    #top: 4px;
}

.cehead_link {
    text-decoration: none;
    font-weight: bold;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    color: #003765;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 30px;
    margin-left: 6px;
    margin-right: 4px;
}

.cehead_link.cenochev {
    background-image: none;
    padding-right: 8px;
}

.cehead_link_sep {
    position: relative;
    width: 0px;
    height: 1px;
    display: inline-block;
}
.cehead_link_sep img {
    position: absolute;
    top: -14px;
}

.cehead_link:hover {
}

#dlink a { 
    font-size: 14px;
}

#cehead #cehead_left {
    position: relative;
    display: inline-block;
    float: left;
}

#cehead div.logoline {
    position: absolute;
    left: 50px;
}
#cehead #celogo {
    float: left;
    margin-top: 20px;
    margin-left: 0;
}

#cehead a.cebutton {
    padding: 4px 4px;
    font-size: 11px;
    line-height: 24px;
}

#cemylib_ss_text {
    position: relative;
    list-style: none;
    padding: 0;
    margin-top: 6px;
    margin: 0;
    margin-top: 10px;
    height: 50px;
}

input.cesearchfield {
    border-style: solid;
    border-width: 1px;
    border-color: #a4a5a6;
    width: 150px;
    height: 16px;
    font-size: 13px;
    background-color: #FFFFFF;
    background: #FFFFFF url(/images/sidebar-mag-glass-drop.png) no-repeat right 5px;
    padding-left: 3px;
    padding-right: 25px;
    vertical-align: top;
    margin-top: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    #margin-top: 2px;
}
input.cesearchfield.cedisabled {
    background-color: #CCCCCC;
    cursor: default;
}

#cesearch_dropper {
    position: absolute;
    top: 3px;
    left: 150px;
    width: 25px;
    height: 22px;
    cursor: pointer;
    background-color: #000000;
    opacity: 0;
    filter: alpha(opacity=0);
}
#cesearch_dropper.cedisabled {
    cursor: default;
}

#cemylib_ss_opts {
    position: absolute;
    top: 25px;
    width: 196px;
    #margin-left: -207px;
}

div.cesearchli {
    z-index: 5;
    padding-left: 20px;
}
div.cesearchli div.label {
    color: #626C78;
    font-size: 11px;
    font-weight: bold;
}
div.cesearchli div.sfield {
    position: relative;
}
#cealbumhelp {
             margin-left: 80px;
}

#ceexpiry {
    color: orange;
}

#celogin {
    color: lightblue;
}      

/* ===== CEBODY ====== */
#cebody {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: #FFFFFF;
}
.cesettings #cebody {
    min-height: 100%;
}

/* ===== Toolbar ====== */
#cetoolbar {
    position: absolute;
    left: 247px;
    bottom: 0px;
    height: 30px;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 8px;
    padding-bottom: 2px;
    right: 0px;
    line-height: 24px;
    z-index: 1;
}

#cealbum #cetoolbar {
    left: 0px;
}

#cepages {
    padding-left: 8px;
}

.cetoolbar_divider {
    display: block;
    float: left;
    background: transparent url(/images/toolbar-divider.png) repeat-y top;
    width: 2px;
    height: 24px;
    padding: 2px 0;
    margin-left: 4px;
    margin-right: 8px;
}

#cetoolbar a.cebutton {
    display: block;
    float: left;
    height: 18px;
    padding: 2px 8px;
    margin-top: 3px;
    margin-right: 4px;
    line-height: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#cetoolbar a#cetool_lview {
    margin-right: 0px;
    border-right: 0px;
    width: 13px;
    height: 13px;
    padding: 4px 8px 5px 8px;
    #padding: 0px 9px 9px 7px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

#cetoolbar a#cetool_lview img {
    width: 16px;
    height: 13px;
    background: transparent url(/images/toolbar-icon-listview-dark.png) no-repeat top;
    #margin-top: 4px;
}

#cetoolbar a#cetool_lview.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetoolbar a#cetool_lview.selected img {
    background: transparent url(/images/toolbar-icon-listview-light.png) no-repeat top;
}

#cetoolbar a.cetool_sizel_exp {
    margin-right: 0px;
    width: 16px;
    height: 13px;
    padding: 7px 7px 8px 7px;
    outline-style: none;
    /* ie7 hack */
    #padding: 3px 7px 12px 7px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    position: absolute;
    top: -85px;
}

#cetoolbar a#cetool_sizem {
    margin-right: 0px;
    width: 16px;
    height: 13px;
    padding: 7px 7px 8px 7px;
    outline-style: none;
    /* ie7 hack below */
    #padding: 3px 7px 12px 7px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    position: absolute;
    top: -58px;
}

#cetoolbar a#cetool_sizes {
    margin-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    width: 16px;
    height: 13px;
    padding: 7px 7px 8px 7px;
    outline-style: none;
    /* ie 7 hack */
    #padding: 3px 7px 12px 7px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    position: absolute;
    top: -28px;
}

#cetoolbar a#cetool_sizes.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetoolbar a#cetool_sizes img {
    width: 15px;
    height: 15px;           
    background: transparent url(/images/grid-sm-off.png) no-repeat top;
}

#cetoolbar a#cetool_sizem.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetoolbar a#cetool_sizem img {
    width: 15px;
    height: 15px;           
    background: transparent url(/images/grid-md-off.png) no-repeat top;
}

#cetoolbar a#cetool_sizel.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetoolbar a#cetool_sizel img {
    width: 15px;
    height: 15px;           
    background: transparent url(/images/grid-lg-off.png) no-repeat top;
}

#cetoolbar a#cetool_sizep {
    margin-left: 31px;
    width: 16px;
    height: 13px;
    padding: 4px 7px 5px 7px;
    #padding: 0px 7px 9px 7px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#cetoolbar a#cetool_sizep.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetoolbar a#cetool_sizep img {
    width: 15px;
    height: 15px;           
    background: transparent url(/images/grid-slide-off.png) no-repeat top;
    #margin-top: 4px;
}

#cetoolbar a#cetool_size_selbut {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: default;
    margin-right: 0px;
    width: 16px;
    height: 13px;
    padding: 4px 7px 5px 7px;
    #padding: 0px 7px 9px 7px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#cetool_size_pop {
    position: relative;
    width: 31px;
    height: 5px;
}

#cetool_size_pop img {
    #margin-top: 2px;
}

#cetoolbar a#cetool_size_selbut img {
    width: 15px;
    height: 15px;           
    background: transparent url(/images/grid-md-off.png) no-repeat top;
    #margin-top: 4px;
}

#cetoolbar a#cetool_size_selbut.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#cetool_size_sel {
    position: absolute;
    left: 30px;
    top: 0px;
    width: 31px;
    height: 24px;
}

#cesortselect {
    position: absolute;
    left: 0px;
    bottom: 25px;
    min-width: 155px;
    white-space: nowrap;
}

#cetoolbar a#cetool_sort.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

/* ===== Sidebar ====== */
#cesidebar {
    position: absolute;
    left: 50px;
    top: 20px;
    width: 221px;
    overflow: visible;
    background-color: #f0f9ff;
    border: 1px solid #d0e6f6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 400px;
    color: #626C78;
    margin-bottom: 56px;
}
.cesettings #cesidebar {
    top: 101px;
}
#cesidebar.cesidebar_files #cesidebar_content {
    margin-bottom: 40px;
}
#cesidebar a {
    color: #3B5998;
}

#cesidebar .ceheader {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    padding-left: 16px;
    overflow: hidden;
    white-space: nowrap;
}

#cesidebar .ceheader-line {
    width: 153px;
    background: url(/images/sidebar-header-line.png) no-repeat top left;
    height: 2px;
    margin-bottom: 10px;
    margin-left: 16px;
}

#cesidebar .sidebar-group {
    position: relative;
    margin-bottom: 10px;
}

#cesidebar .sidebar-group-top {
    margin-top: 5px;
    margin-bottom: 6px;
    z-index: 2;
}
#cesidebar .sidebar-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cesidebar .sidebar-group li img {
    position: relative;
    top: -2px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    margin-right: 4px;
}

#cesidebar a.group-header {
    text-decoration: none;
    font-weight: bold;
    color: #414b56;
    display: block;
    padding-left: 11px;
    background: url(/images/sidebar-expander-open.png) no-repeat left;
}

#cesidebar span.group-header {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    color: #414b56;
    padding-left: 11px;
    background: url(/images/sidebar-expander-open.png) no-repeat left;
}

#cesidebar span.closed {
    background: url(/images/sidebar-expander-closed.png) no-repeat left;
}

#cesidebar a.closed {
    background: url(/images/sidebar-expander-closed.png) no-repeat left;
}

#cesidebar ul li a.disabled {
           color: #82807f;
}

#cemylib_refresh {
    font-size: 9px;
    margin-left: 4px;    
}

#cesidebar ul#cemylib_devices li a {
    position: relative;
    line-height: 15px;
    padding-top: 4px;
    height: 46px;
}

#cesidebar ul#cemylib_devices li a span.svc_dev {
    position: absolute;
    top: 11px;
}
#cesidebar ul#cemylib_devices li a span.svc_dev.dv {
    position: absolute;
    top: 11px;
}
#cesidebar ul#cemylib_devices li a span.svc {
    position: absolute;
    font-weight: normal;
    font-size: 10px;
    top: 24px;
    left: 60px;
}
#cesidebar ul#cemylib_devices li a span.svc.prn {
    font-weight: bold;
    font-size: 13px;
    left: 50px;
    top: 14px;
}
#cesidebar ul#cemylib_devices li a span.dev {
    position: absolute;
    line-height: 41px;
}
#cesidebar ul#cemylib_devices li a span.dev.dv {
    margin-top: 7px;
    font-size: 10px;
    left: 60px;
}

#cesidebar ul#cemylib_devices li img {
    top: 9px;
    margin-left: 2px;
    margin-right: 6px;
}

#cesidebar ul li.cedragover-top {
    border-top: 5px solid #C8CDD1;
}
#cesidebar ul li.cedragover-bot {
    border-bottom: 5px solid #C8CDD1;
}

#cesidebar ul li {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 209px;
    left: 13px;
}

#cesidebar ul li a {
    display: block;
    text-decoration: none;
    color: #626C78;
    position: relative;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    padding-left: 16px;
}
.cesettings #cesidebar ul li a {
    padding-left: 22px;
}
#cesidebar ul.grpsharefilter li a {
    display: block;
    padding: 2px 8px;
    text-decoration: none;
    color: inherit;
    -moz-border-radius: 100%;
    -webkit-border-radius: 8px;
    position: relative;
    padding-left: 20px;
    background: transparent url(/images/share-icon-smaller.png) no-repeat 8px 4px;
    margin-left: 11px;
}

#cesidebar ul li a div.msgpending {
    background: transparent url(/images/warning.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 10px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
}

#cesidebar ul li a div.ejectservice {
    width: 0px;
    height: 0px;
}

#cesidebar ul li a:hover div.ejectservice {
    background: transparent url(/images/eject.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 10px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
    cursor: pointer;
}
#cesidebar div#cemylib.editorder ul li a:hover div.ejectservice {
    width: 0px;
    height: 0px;
}

#cesidebar ul li.active a div.ejectservice {
    background: transparent url(/images/eject.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 10px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
    cursor: pointer;
}
#cesidebar div#cemylib.editorder ul li.active a div.ejectservice {
    width: 0px;
    height: 0px;
}

#cesidebar ul li a div.remwithme {
           width: 0px;
           height: 0px;
}

#cesidebar ul li a:hover div.remwithme {
    background: transparent url(/images/close-12px.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 10px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
    cursor: pointer;
}

#cesidebar ul li.active a div.remwithme {
    background: transparent url(/images/close-12px.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 10px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
    cursor: pointer;
}

#cesidebar ul li a.active div.search-name-x {
    background: transparent url(/images/close-12px.png) no-repeat center left;
    position: absolute;
    padding: 0px 25px 0px 6px;
    line-height: 26px;
    top: 0;
    right: 0;
    height: 100%;
    color: #ff0000;    
    cursor: pointer;
}

#cesidebar ul li.active a {
    background: transparent url(/images/sidebar-active-bg.png) no-repeat 13px top;
    color: #000000;
    font-weight: bold;
}
#cesidebar ul#cemylib_devices li.active a {
    background: transparent url(/images/sidebar-active-svc-bg.png) no-repeat 13px top;
}

#cesidebar ul li a.active {
    background: transparent url(/images/sidebar-active-bg.png) no-repeat 13px top;
    color: #000000;
    font-weight: bold;
}
#cesidebar ul#cemylib_devices li a.active {
    background: transparent url(/images/sidebar-active-svc-bg.png) no-repeat 13px top;
}

#cesidebar ul li.cesearchli.active a {
    background-image: none;
}

#cesidebar ul li.cesearchli a.active {
    background-image: none;
}

#cesidebar ul li a:hover {
    background: transparent url(/images/sidebar-hover-bg.png) no-repeat 13px top;
    color: #000000;
}
#cesidebar ul#cemylib_devices li a:hover {
    background: transparent url(/images/sidebar-hover-svc-bg.png) no-repeat 13px top;
    color: #000000;
}

#cesidebar ul li a.active:hover {
    background: transparent url(/images/sidebar-active-bg.png) no-repeat 13px top;
}
#cesidebar ul#cemylib_devices li a.active:hover {
    background: transparent url(/images/sidebar-active-svc-bg.png) no-repeat 13px top;
}

#cesidebar ul li.active a:hover {
    background: transparent url(/images/sidebar-active-bg.png) no-repeat 13px top;
}
#cesidebar ul#cemylib_devices li.active a:hover {
    background: transparent url(/images/sidebar-active-svc-bg.png) no-repeat 13px top;
}

#cesidebar a.smart-search {
}

#cesidebar ul li a div.devname {
    position: absolute;
    top: 27px;
    left: 60px;
    font-size: 8px;
    font-weight: normal;
    color: #626C78;
}
#cesidebar ul li a:hover div.devname {
    color: #000000;
}

#cesidebar ul li a div.devname div.disabled {
    color: #82807f;
}

#cesidebar ul li.active a div.devname {
    color: #333333;
}

#cesidebar img.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}

#cesidebar .sidebar-group #cemylib_shares li img {
    width: 28px;
    margin-left: 5px;
    margin-top: 6px;
    margin-right: 2px;
}

#cesidebar img.movies {
    background: transparent url(/images/sidebar-icon-movies.png) no-repeat top left;
}
#cesidebar img.photos {
    background: transparent url(/images/sidebar-icon-photos.png) no-repeat top left;
}
#cesidebar img.music {
    background: transparent url(/images/sidebar-icon-music.png) no-repeat top left;
}
#cesidebar img.slideshow {
    background: transparent url(/images/sidebar-icon-slideshow.png) no-repeat top left;
}
#cesidebar img.activecopy {
    background: transparent url(/images/sidebar-icon-activecopy.png) no-repeat top left;
}
#cesidebar img.learningcenter {
    background: transparent url(/images/sidebar-icon-learningcenter.png) no-repeat top left;
}
#cesidebar img.today {
    background: transparent url(/images/sidebar-icon-today.png) no-repeat top left;
}
#cesidebar img.week {
    background: transparent url(/images/sidebar-icon-week.png) no-repeat top left;
}
#cesidebar img.month {
    background: transparent url(/images/sidebar-icon-month.png) no-repeat top left;
}
#cesidebar img.ishare {
    background: transparent url(/images/sidebar-icon-ishare.png) no-repeat top left;
}
#cesidebar img.sharedwith {
    background: transparent url(/images/sidebar-icon-sharedwith.png) no-repeat top left;
}
#cesidebar img.sharelnks {
    background: transparent url(/images/sidebar-icon-sharelnks.png) no-repeat top left;
}
#cesidebar img.printishare {
    background: transparent url(/images/sidebar-icon-printishare.png) no-repeat top left;
}
#cesidebar img.printsharedwith {
    background: transparent url(/images/sidebar-icon-printsharedwith.png) no-repeat top left;
}
#cesidebar img.drive {
    background: transparent url(/images/sidebar-icon-drive.png) no-repeat top left;
}
#cesidebar img.drivecloud {
    background: transparent url(/images/sidebar-icon-drivecloud.png) no-repeat top left;
}
#cesidebar img.drive-mac {
    background: transparent url(/images/sidebar-icon-drive-mac.png) no-repeat top left;
}
#cesidebar img.drive-win {
    background: transparent url(/images/sidebar-icon-drive-win.png) no-repeat top left;
}
#cesidebar img.icoprinter {
    background: transparent url(/images/sidebar-icon-printer.png) no-repeat top left;
}
#cesidebar li.isshared img.icoprinter {
    background: transparent url(/images/sidebar-icon-printishare.png) no-repeat top left;
}
#cesidebar li.active img.movies {
    background: transparent url(/images/sidebar-icon-movies.png) no-repeat top left;
}
#cesidebar li.active img.photos {
    background: transparent url(/images/sidebar-icon-photos.png) no-repeat top left;
}
#cesidebar li.active img.music {
    background: transparent url(/images/sidebar-icon-music.png) no-repeat top left;
}
#cesidebar li.active img.slideshow {
    background: transparent url(/images/sidebar-icon-slideshow.png) no-repeat top left;
}
#cesidebar li.active img.activecopy {
    background: transparent url(/images/sidebar-icon-activecopy.png) no-repeat top left;
}
#cesidebar li.active img.today {
    background: transparent url(/images/sidebar-icon-today.png) no-repeat top left;
}
#cesidebar li.active img.week {
    background: transparent url(/images/sidebar-icon-week.png) no-repeat top left;
}
#cesidebar li.active img.month {
    background: transparent url(/images/sidebar-icon-month.png) no-repeat top left;
}
#cesidebar li.active img.ishare {
    background: transparent url(/images/sidebar-icon-ishare-active.png) no-repeat top left;
}
#cesidebar li.active img.printishare {
    background: transparent url(/images/sidebar-icon-printishare.png) no-repeat top left;
}
#cesidebar li.active img.sharedwith {
    background: transparent url(/images/sidebar-icon-sharedwith-active.png) no-repeat top left;
}
#cesidebar li.active img.sharelnks {
    background: transparent url(/images/sidebar-icon-sharelnks-active.png) no-repeat top left;
}
#cesidebar li.active img.printsharedwith {
    background: transparent url(/images/sidebar-icon-printsharedwith.png) no-repeat top left;
}
#cesidebar li.active img.drive {
    background: transparent url(/images/sidebar-icon-drive.png) no-repeat top left;
}
#cesidebar li.active img.drivecloud {
    background: transparent url(/images/sidebar-icon-drivecloud.png) no-repeat top left;
}
#cesidebar li.active img.drive-mac {
    background: transparent url(/images/sidebar-icon-drive-mac.png) no-repeat top left;
}
#cesidebar li.active img.drive-win {
    background: transparent url(/images/sidebar-icon-drive-win.png) no-repeat top left;
}
#cesidebar li.active img.icoprinter {
    background: transparent url(/images/sidebar-icon-printer.png) no-repeat top left;
}
#cesidebar li.active.isshared img.icoprinter {
    background: transparent url(/images/sidebar-icon-printishare.png) no-repeat top left;
}

#cesidebar div#cemylib.editorder li img {
    background: transparent url(/images/edit-order.png) no-repeat 4px 5px;
}
#cesidebar div#cemymedia.editorder li img {
    background: transparent url(/images/edit-order.png) no-repeat 4px 5px;
}
#cesidebar div#cemylib.editorder li a {
    cursor: row-resize;
}
#cesidebar div#cemylib li input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
#cesidebar div#cemylib.editorder li a {
    background: transparent url(/images/sidebar-hover-svc-bg.png) no-repeat 13px top;
}
#cesidebar div#cemylib.editorder li.active a {
    background: transparent url(/images/sidebar-hover-svc-bg.png) no-repeat 13px top;
}
#cesidebar div#cemylib.editorder li input.dev {
    visibility: visible;
    width: 140px;
    height: 15px;
    border: none;
    top: 10px;
    left: 47px;
    padding: 0;
}
#cesidebar div#cemylib.editorder li input.dev.dv {
    top: 10px;
}
#cesidebar div#cemylib.editorder li input.dev.multi {
    top: 17px;
}
#cesidebar div#cemylib.editorder li input.svc {
    visibility: visible;
    width: 140px;
    height: 11px;
    border: none;
    top: 25px;
    left: 60px;
    padding: 0;
    font-size: 10px;
}
#cesidebar div#cemylib.editorder li input.svc.prn {
    left: 50px;
    font-size: 13px;
    height: 14px;
    top: 14px;
}

#cesidebar div#cemymedia.editorder li a {
    background: transparent url(/images/sidebar-hover-bg.png) no-repeat 13px top;
    cursor: row-resize;
}
#cesidebar div#cemymedia.editorder li.active a {
    background: transparent url(/images/sidebar-hover-bg.png) no-repeat 13px top;
    cursor: row-resize;
}

#cesidebar .fileviewopts {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 20px;
    font-size: 12px;
}
#cesidebar .fileviewopts.first {
    padding-bottom: 12px;
}
#cesidebar .fileviewopts.more {
    padding-top: 0px;
}
#cesidebar .fileviewopts a {
    color: #3B5998;
}
#cesidebar .fileviewopts a.selected {
    font-weight: bold;
    background: none;
}

#cesidebar #cesidebar_nothing div {
    font-style: italic;
    text-align: center;
}

div.cesidehint {
    border: 1px solid #999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: black;
    margin: 14px;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
}
div.cesidehint.close {
    padding-left: 8px;
    padding-right: 6px;
}
#cesidebar div.cesidehint a {
    color: #134b92; 
    text-decoration: none;
}
div.cesidehint img.close {
    position: absolute;
    right: 4px;
    top: 4px;
}

#cemylib {
    margin-top: 10px;
}

/* --- SHORT TERM --- */
table.ceprint {
    width: 100%;
}

td.ceprint {
    padding: 6px;
}

.ceprintsel {
    background-color: #666666;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 20px;
    color: #ffffff;
    border: 1px solid #666666; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

/* ===== Album/sharing ====== */

.ceshare-holder {
    position: fixed;
    left: 201px;
    right: 0px;
    bottom: 35px;
    height: 310px;
    overflow: hidden;
    max-width: 100%;
    z-index: 10;
}

.album#cemain {
    background: #FFFFFF url(/images/mainbg_album.gif) repeat-y top left;
}


.album#cemain_pad {
    margin-bottom: 196px;
}


#ceshare {
    position: absolute;
    left: 201px;
    width: 190px;
    top: 60px;
    padding: 8px 8px;
    min-height: 100%;
}

.ceshare-bg {
    background: #FFFFFF url(/images/tray-top-border.png) repeat-x top;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.ceshare-fg {
    position: absolute;
    left: 0px;
    right: 0px;
    top:  4px;
    bottom: 0px;
}

.ceshare-fg a {
    text-decoration: none;
}

.ceshare-fg .link-line img {
    position: relative;
    top: 2px;
}

#cehead_tabs {
    position: absolute;
    bottom: 0px;
    left: 271px;
    right: 0px;
    height: 30px;
    padding-top: 2px;
    overflow: hidden;
    text-align: left;
}
#cehead_tabs a {
    color: #616A74;
    text-decoration: none;
}
#cehead_tabs .ceheadtab {
    position: relative;
    display: inline;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 1px;
    margin-right: 1px;
    height: 29px;
    line-height: 29px;
    border: 1px solid #333333;
    border-bottom: none;
    cursor: pointer;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    color: #e5e5e5;
    float: left;
    background: #656565; /* Old browsers */
    background: -moz-linear-gradient(top, #656565 0%, #2a2a2a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#2a2a2a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #656565 0%,#2a2a2a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #656565 0%,#2a2a2a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #656565 0%,#2a2a2a 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #656565 0%,#2a2a2a 100%); /* W3C */
}
#cehead_tabs .active {
    background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    background: none;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-bottom: 2px solid #FFFFFF;
    color: #333333;
}
#cehead_tabs .ceheadtab img {
    position: absolute;
    top: 5px;
    left: 5px;
}
#cehead_tabs .ceheadtab.hidden {
    display: none;
}

#ceshare_tabs {
    height: 30px;
    padding-top: 2px;
    border-bottom: 1px solid #cbcfd3;
    overflow: visible;
    background-color: #FFFFFF;
}

#ceshare_tabs .sharetab {
    display: inline;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 32px;
    border: 1px solid #d6dbdd;
    border-bottom: none;
    background-color: #edf1f5;
    cursor: pointer;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

#ceshare_tabs .sharetab img {
    position: relative;
    top: 2px;
    #top: 10px;
}

#ceshare_tabs .active {
    background-color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

.ceshare_tab_body {
    position: relative;
    padding: 8px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    height: 300px;
}

.ceshare_tab_body a {
    text-decoration: none;
}

#ceshare_tab_1 {
    #position: relative;
}

#ceshare_page_1 img {
    position: relative;
    top: 2px;
}

#ceshare .section {
    margin-bottom: 16px;
}

#ceshare_email {
    width: 140px;
    padding: 4px;
    border: 1px solid #c8cdd1;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

#ceshare_email1 {
    width: 280px;
    padding: 4px;
    border: 1px solid #c8cdd1;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
    color: #b5b5b5;
}

.email_focus#ceshare_email1 {
    color: #000000;
}

#ceshare_suggest1 {
    position: absolute;
    display: none;
    margin-left: 0px;
    margin-top: 27px;
    #margin-top: 35px;
    border: 1px solid #c8cdd1;
    width: 308px;
    background-color: #FFFFFF;
    z-index: 20;
}

.ceshare_suggest_item {
    padding: 4px;
    padding-left: 24px;
    cursor: pointer;
    background-color: #FFFFFF;
}

.ceshare_suggest_item:hover {
    background-color: #D4E2F2;
}

.ceshare_suggest_item.active {
    background-color: #D4E2F2;
}

#ceshare_btninvite1 {
    vertical-align: middle;
}

#ceshare_btninvite {
    vertical-align: middle;
    padding: 4px 4px;
    font-size: 11px;
    line-height: 24px;
}

.album#cecontent {
    margin-left: 384px;
}

#ceshare_scroll {
    overflow: auto;
    height: 230px;
    max-width: 340px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#ceshare_scroll1 {
    margin-top: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
    width: 368px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#ceshare #ceshare_list {
    background-color: #ffffff;
    width: 170px;
    list-style-type: none;
}

#ceshare_list1 {
    background-color: #ffffff;
    width: 350px;
    list-style-type: none;
    border-spacing: 0px;
}

#ceshare #ceshare_list tr.head td {
    color: #626c78;
}

#ceshare_list1 tr.head td {
    color: #626c78;
}

#ceshare #ceshare_list td {
         max-width: 140px;
         padding-right:2px;
         text-overflow: hidden;
         border-bottom:1px solid #C9C9C9;
}

#ceshare_list1 td {
         max-width: 292px;
         padding-top: 4px;
         padding-bottom: 2px;
         padding-left:4px;
         padding-right:4px;
         text-overflow: hidden;
         border-bottom:1px solid #C9C9C9;
}

td.close_col {
    width: 12px;
}

td.acc_col {
  text-align: right;
}

.acc_sel {
    font-size: 10px;
}

#ceshare #ceshare_list input {
         border: none;
         width: 20px;
}

#ceshare_list1 input {
         border: none;
         width: 20px;
}

#ceshare label {
    font-weight: bold;
}

#ceshare label.none {
    font-weight: normal;
}

.ceshare_tab_body label.none {
    font-weight: normal;
}

#ceshare #ceshare_list img {
    vertical-align: middle;
}

#ceshare_list1 img {
    vertical-align: middle;
}

/* Sync Tray */

#cesync {
    position: fixed;
    left: 201px;
    right: 0px;
    bottom: 35px;
    height: 193px;
    overflow: visible;
    max-width: 100%;
    z-index: 10;
    background-color: #FFFFFF;
}

#cesync_bg {
    position: absolute;
    left: 0px;
    top: 4px;
    right: 0px;
    bottom: 0px;
}

.cesync_close {
    position: absolute;
    right: 8px;
    top: 8px;
}

#cesync_pane {
    position: absolute;
    top: 36px;
    left: 16px;
    right: 8px;
    bottom: 8px;
}

#cesync h1 {
    margin-left: 8px;
    font-size: 14px;
    color: #222222;
}

.cesync_bordertop {
    border-top: 1px solid #F0F0F0;
}

.cesync_from_cell {
    background: transparent url(/images/zoom-icon-next.png) no-repeat right 12px;
}

.cesync_folderlabel {
    color: #818181;
    background: #D8DFEA url(/images/label-folder.png) no-repeat 6px 8px;
    padding-left: 26px;
    margin-right: 4px;
    margin-top: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.cesync_folderlabel.from {
    margin-right: 10px;
}

.cesync_folderlabel .cebold {
    font-weight: bold;
    color: #000000;
}
.cesync_user {
    font-weight: bold;
    font-style: italic;
    float: right;
    padding-right: 5px;
}

.ceboldblack {
    font-weight: bold;
    color: #000000;
}


.cegraytext {
    color: #818181;
}

.cesync_offsitelink {
    font-size: 11px;
}

#cesync_hint {
    max-width: 60%;
}

/* Choose Folder dialog */

.cechoose_newfolder {
    position: absolute;
    width: 16px;
    height: 12px;
    background: transparent url(/images/label-folder-add.png) no-repeat 0px 0px;
    margin-top: 4px;
    cursor: pointer;
}

.cechoose_svclist {
    width: 287px;
    margin-left: 20px;
}

.cechoose_folderlist {
    position: relative;
    width: 303px;
    height: 180px;
    border: 1px solid #c9c9c9;
    margin-top: 6px;
    overflow-y: scroll;
    overflow-x: auto;
    background-color: #FFFFFF;
}

.cechoose_folder {
    position: relative;
}

.cechoose_foldernib {
    position: absolute;
    background: transparent url(/images/sidebar-expander-closed.png) no-repeat 4px 4px;
    cursor: pointer;
    left: 0px;
    top: 1px;
    width: 17px;
    height: 17px;
}

.cechoose_foldernib.expanded {
    background: transparent url(/images/sidebar-expander-open.png) no-repeat 4px 4px;
}

.cechoose_foldername {
    background: transparent url(/images/label-folder.png) no-repeat 19px 4px;
    cursor: pointer;
    padding-left: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.cechoose_foldername.ceroot {
    background: transparent url(/images/label-folder.png) no-repeat 4px 4px;
    padding-left: 25px;
}

.cechoose_foldername.selected {
    background-color: #AACCF2;
}

.cechoose_folderchildren {
    margin-left: 20px;
}

.cechoose_filelist {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 340px;
    height: 208px;
    border: 1px solid #c9c9c9;
    overflow-y: scroll;
    overflow-x: none;
    background-color: #FFFFFF;
}
.cechoose_filelistshort {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 340px;
    height: 100px;
    border: 1px solid #c9c9c9;
    overflow-y: scroll;
    overflow-x: none;
    background-color: #FFFFFF;
}
.cechoose_imgprev {
    position: absolute;
    right: 0px;
    top: 108px;
    width: 340px;
    height: 100px;
    border: 1px solid #c9c9c9;
    background-color: #FFFFFF;
    overflow: hidden;
}
.cechoose_imgprev img {
    position: relative;
    top: 4px;
    height: 92px;
    width: auto;
}
.cechoose_filename {
    background: transparent url(/images/label-file.png) no-repeat 6px 4px;
    cursor: pointer;
    padding-left: 27px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.cechoose_filename.cefolder {
    background: transparent url(/images/label-folder.png) no-repeat 6px 4px;
}
.cechoose_filename.selected {
    background-color: #AACCF2;
}
div.cechooseicons .cechoose_filename {
    position: relative;
    display: inline-block;
    height: 60px;
    width: 50px;
    overflow: hidden;
    background-image: none;
}
div.cechooseicons .cechoose_filename span {
    position: absolute;
    font-size: 10px;
    left: 3px;
    bottom: 1px;
    left: 3px;
    right: 3px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
div.cechooseicons .cechoose_filename img {
    position: absolute;
    left: 14px;
    top: 2px;
}



/* ===== Contacts dialog ====== */
#cecontacts_scroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: 130px;
    width: 368px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    margin-top: 12px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#cecontacts_list {
    background-color: #ffffff;
    width: 350px;
    list-style-type: none;
    border-spacing: 0px;
}

#cecontacts_list td {
    max-width: 292px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left:4px;
    padding-right:4px;
    text-overflow: hidden;
    border-bottom:1px solid #C9C9C9;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

#cecontacts_list label {
    position: relative;
    #position: inline;
    top: -2px;
}

#cecontacts_list td.right {
    text-align: right;
}

#cecontacts_list img {
    cursor: pointer;
}

#cebcbar {
    position: absolute;
    top: 0px;
    left: 259px;
    right: 0px;
    height: 30px;
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 0px;
    #z-index: 15;
}
#cebody.cecontent_printers #cebcbar {
    height: 1px;
    overflow: hidden;
}
#cebody.cecontent_activecopy #cebcbar {
    height: 1px;
    overflow: hidden;
}

#cealbum #cebcbar {
    left: 0px;
}

#cebcbar a.cebutton {
    padding-top: 3px;
    padding-bottom: 3px;
    #position: relative;
    #top: 3px;
}

/* ===== Main content area ====== */
#cecontent_edge_right {
    position: absolute;
    top: 39px;
    right: 15px;
    width: 3px;
    background-color: transparent;
}

#cecontent_edge_top {
    position: absolute;
    top: 34px;
    left: 222px;
    right: 18px;
    height: 5px;
    background-color: #FFFFFF;
}
#cealbum #cecontent_edge_top {
    left: 23px;
}

#cecontent_edge_bottom {
    position: absolute;
    bottom: 35px;
    left: 222px;
    right: 18px;
    height: 5px;
    background-color: #FFFFFF;
}
#cealbum #cecontent_edge_bottom {
    left: 23px;
}

#cetoptools_div {
    position: relative;
}
#cetoptools {
    position: relative;
    left: 230px;
    padding-left: 5px;
    padding-top: 5px;
    height: 30px;
    margin-bottom: 6px;
    background-color: #f0f9ff;
    border: 1px solid #d0e6f6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#cetoptools a.cebutton.thin {
    float: left;
    margin-right: 5px;
}
#cetoptools a#ceslidedir_edit.cebutton.thin {
    margin-right: 0px;
}

#cecontent {
    position: absolute;
    top: 39px;
    left: 0;
    right: 0px;
    padding-top: 2px;
    min-width: 350px;
    overflow-y: auto;
    #overflow-x: hidden;
}
#cecontent_pos {
    position: relative;
    padding-left: 58px;
    padding-right: 23px;
}
#cecontentmain {
    position: relative;
    left: 230px;
}

#cebody.cecontent_printers #cecontent {
    top: 12px;
}
#cebody.cecontent_activecopy #cecontent {
    top: 12px;
}
#cebody.cecontent_learningcenter #cecontent {
    top: 18px;
}
#cebody.cecontent_learningcenter #cebcbar {
    height: 0;
    overflow: hidden;
}

.cecontent-border-left {
    position: absolute;
    top: 34px;
    left: 199px;
    bottom: 35px;
    width: 18px;
    background: #b7b7b7 url(/images/sidebar-border.png) repeat-y top left;
}
#cemain.cealbum .cecontent-border-left {
    left: 0px;
}
.cecontent-border-right {
    position: absolute;
    top: 34px;
    right: 0px;
    bottom: 35px;
    width: 15px;
    background-color: #b7b7b7;
}

.cecontent-corner-top-left {
    position: absolute;
    top: 34px;
    left: 217px;
    width: 5px;
    height: 5px;
    background: transparent url(/images/content-corner-top-left.png) no-repeat top left;
}
#cemain.cealbum .cecontent-corner-top-left {
    left: 18px;
}
.cecontent-corner-top-right {
    position: absolute;
    top: 34px;
    right: 15px;
    width: 5px;
    height: 5px;
    background: transparent url(/images/content-corner-top-right.png) no-repeat top left;
}
.cecontent-corner-bot-left {
    position: absolute;
    bottom: 35px;
    left: 217px;
    width: 5px;
    height: 5px;
    background: transparent url(/images/content-corner-bot-left.png) no-repeat top left;
}
#cemain.cealbum .cecontent-corner-bot-left {
    left: 18px;
}
.cecontent-corner-bot-right {
    position: absolute;
    bottom: 35px;
    right: 15px;
    width: 5px;
    height: 5px;
    background: transparent url(/images/content-corner-bot-right.png) no-repeat top left;
}

#cesettings_pad #cecontent {
    top: 0px;
    bottom: 0px;
    border-top: 1px solid #C8CDD1;
    left: 274px;
    overflow-y: visible;
    padding-left: 24px;
    #overflow: visible;
}

#cesettings_pad #cesidebar ul li a {
    padding-left: 24px;
}

#cealbum #cecontent {
    left: 18px;
}

#ceappcontent {
    position: absolute;
    top: 81px;
    left: 274px;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    border-top: 1px solid #C8CDD1;
}

#ceappcontent.cesettings {
    bottom: 3px;
    #height: 90%;
}

#cecontent_dragdrop {
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 192px;
    background: #FFFFFF url(/images/dotted-line.png) repeat-x left;
    text-align: center;
}

#cecontent_ddmsg {
    display:inline-block;
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

.cedottedline {
    width: 100%;
    background: #FFFFFF url(/images/dotted-line.png) repeat-x left;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
}

.cedottedmsg {
    display:inline-block;
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

#cewarn {
    background: #FFFFFF;
    position: absolute;
    top: 51px;
    left: 0px;
    right: 0px;
    padding: 12px;
    padding-bottom: 60px;
    height: 100%;
    z-index: 100;
}

#cecontent #ceemptymsg {
    text-align: center;
    color: #616a74;
    margin-top: 72px;
    padding-left: 60px;
    padding-right: 60px;
    white-space: nowrap;
}
#cecontent #ceemptymsg h1 {
    font-size: 15px;
}


/* ===== Content Controls====== */
#cecontent_controls {
    position: relative;
    width: 100%;
    height: 30px;
    overflow: visible;
}

#cecontent_controls .lcontrol {
    float: left;
}

#cetoolbar_loading {
    position: absolute;
    display: block;
    z-index: 100;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

#cehead_loading {
    position: absolute;
    display: block;
    z-index: 100;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ceinvisible {
    opacity: 0 !important;
    filter: alpha(opacity=0)  !important;
}

/* ===== Breadcrumbs ====== */
.breadcrumb {
    white-space: nowrap;
    position: relative;
    top: 8px;
    height: 21px;
    vertical-align: middle;
    margin-right: 34px;
}
.breadcrumb ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #414b56;
    font-weight: bold;
}
.breadcrumb li {
    position: relative;
    display: inline-block;
    float: left;
    height: 21px;
    line-height: 21px;
    background: #F6F6F6 url(/images/bc-right-mid.png) no-repeat top right;
    padding: 0 14px 0 4px;
}
.breadcrumb li#cebc_root {
    padding-left: 8px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
}
.breadcrumb li.last {
    color: #666666;
    background: #ebeaea url(/images/bc-right-last.png) no-repeat top right;
    padding-right: 14px;
}
.breadcrumb li#cebc_root.last {
    background: #ebeaea url(/images/bc-right-last.png) no-repeat top right;
    padding-right: 14px;
}
.breadcrumb li.beforelast {
    background: #F6F6F6 url(/images/bc-right-beforelast.png) no-repeat top right;
}
.breadcrumb li#cebc_root.beforelast {
    background: #F6F6F6 url(/images/bc-right-beforelast.png) no-repeat top right;
}
.breadcrumb li#cebc_l {
    background: transparent url(/images/breadcrumb-edge-left.png) no-repeat left;
    width: 8px;
    overflow: hidden;
}
.breadcrumb li#cebc_r {
    background: transparent url(/images/breadcrumb-edge-right.png) no-repeat right;
    width: 8px;
    overflow: hidden;
}
.breadcrumb li.shcollab  ,  .breadcrumb li#cebc_root.last.shcollab {
    padding-right: 31px;
}
.breadcrumb li img.shcollab {
    position: absolute;
    top: 4px;
    right: 9px;
}
.breadcrumb li.shlink  ,  .breadcrumb li#cebc_root.last.shlink {
    padding-right: 28px;
}
.breadcrumb li img.shlink {
    position: absolute;
    top: 5px;
    right: 9px;
}
.breadcrumb li.shcollab img.shlink {
    right: 31px;
}
.breadcrumb li.shlink.shcollab  ,  .breadcrumb li#cebc_root.last.shlink.shcollab {
    padding-right: 50px;
}
.breadcrumb li#srcbc_root {
    padding: 2px 4px 0 6px;
}
.breadcrumb li#srcbc_l {
    background: transparent url(/images/breadcrumb-edge-left.png) no-repeat left;
    width: 8px;
    overflow: hidden;
}
.breadcrumb li#srcbc_r {
    background: transparent url(/images/breadcrumb-edge-right.png) no-repeat right;
    width: 8px;
    overflow: hidden;
}
.breadcrumb a {
    text-decoration: none;
    color: #7e7e7e;
}
.breadcrumb li.last a {
    color: #7e7e7e;
}
#cespaceusage {
    position: absolute;
    top: 0;
    right: 0;
    height: 21px;
    font-size: 11px;
}
#cespaceusage_txt {
    white-space: nowrap;
}
#cespaceusage div.ceprogressbar_tiny {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
#cespaceusage_addmore {
    display: inline-block;
    position: relative;
    height: 19px;
    line-height: 19px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-right: 8px;
    padding: 0 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-shadow: 0px 1px lightgray;
    background: #ceebff; /* Old browsers */
    background: -moz-linear-gradient(top, #ceebff 0%, #33a1f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ceebff), color-stop(100%,#33a1f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ceebff 0%,#33a1f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ceebff 0%,#33a1f9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ceebff 0%,#33a1f9 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceebff', endColorstr='#33a1f9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ceebff 0%,#33a1f9 100%); /* W3C */
}
#cespaceusage #cespaceusage_addmore {
    position: absolute;
    right: 100%;
    top: 0;
}

.celist {
    color: #616a74;
}

.cesettings #cecontent {
    top: 0;
    color: #616a74;
    min-height: 100%;
    padding-top: 0;
}
.cecontent_page {
    margin-top: 101px;
    margin-left: 300px;
    margin-bottom: 190px;
}

/* ===== File grid view ====== */

#celist {
    position: relative;
    color: #616a74;
    min-width: 350px;
}

#celist h1 {
    margin-top: 0;
}

.ceslist table {
    background-color: #ffffff;
    border: 1px solid #C9C9C9;
    font-weight: bold;
    font-size: 14px;
    min-width: 600px;
    margin-bottom: 8px;
}

.ceslist tr {  
    color: #616a74;
}

div.item {
    float: left;
    display: inline;
    position: relative;
    width: 162px;
    height: 178px;
    overflow: visible;
    border: 1px solid transparent;
    padding: 3px;
    margin-left: auto;
    margin-right: 12px;
    margin-bottom: 12px;
}

#celist .zoomable {
    cursor: pointer;
}
#celist .renameable {
    cursor: text;
}

div.itemicon {
    position: relative;
    border: 1px solid #C8CDD1;
    width: 160px;
    height: 160px;
    text-align:center;
    vertical-align: middle;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 6px #888888;
    -webkit-box-shadow: 3px 3px 6px #888888;
}

div.itemicondiv {
    position: relative;
    width: 46px;
    height: 24px;
    margin-left: auto;
    margin-right: 4px;
}

div.itemicondiv img {
    position: absolute;
    left: 22px;
    top: 0px;
}

table.cetracks div.selectcheck {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/images/checkbox-empty.png) no-repeat;
}
table.cetracks div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}
table.cetracks tr:hover div.selectcheck {
    background: url(/images/checkbox-gray.png) no-repeat;
}
table.cetracks tr:hover div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}

div.itemicon div.selectcheck {
    position: absolute;
    top: 4px;
    left: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 10;
    background: url(/images/checkbox-empty.png) no-repeat;
}
div.itemicon div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}
.celist tr.item:hover div.itemicon div.selectcheck {
    background: url(/images/checkbox-gray.png) no-repeat;
}
.celist tr.item:hover div.itemicon div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}

.celist td div.itemicon img.foldericon-list {
    width: 14px;
    height: 14px;
}

img.foldericon-list {
    position: absolute;
    top: 0px;
    left: -1px;
}

.celist td div.itemicon img.folderpage1-list {
  position: absolute;
  bottom: 0px;
  left: 22px;
  width: 19px;
  height: 19px;
  border: 1px solid #777777;
}

.celist td div.itemicon img.folderpage2-list {
  position: absolute;
  bottom: 2px;
  left: 24px;
  width: 19px;
  height: 19px;
  border: 1px solid #777777;
}

.celist td div.itemicon img.folderpage3-list {
  position: absolute;
  bottom:4px;
  left: 26px;
  width: 19px;
  height: 19px;
  border: 1px solid #777777;
}

img.transpreicon {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 5;
}

img.foldericon {
    position: absolute;
    top: 8px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}

img.folderpage1 {
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: 144px;
  height: 144px;
  border: 1px solid #777777;
}

img.folderpage2 {
  position: absolute;
  bottom: 7px;
  left: 7px;
  width: 144px;
  height: 144px;
  border: 1px solid #777777;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph; /*IE*/
}

img.folderpage3 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 144px;
  height: 144px;
  border: 1px solid #777777;
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: flipv; /*IE*/
}

img.transpreicon-md {
    position: absolute;
    left: 10px;
    bottom: 22px;
    z-index: 5;
}

img.foldericon-md {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 4px;
    left: 0px;
}

img.folderpage1-md {
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: 64px;
  height: 64px;
  border: 1px solid #777777;
}

img.folderpage2-md {
  position: absolute;
  bottom: 7px;
  left: 7px;
  width: 64px;
  height: 64px;
  border: 1px solid #777777;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph; /*IE*/
}

img.folderpage3-md {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 64px;
  height: 64px;
  border: 1px solid #777777;
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: flipv; /*IE*/
}

img.transpreicon-sm {
    position: absolute;
    left: 3px;
    bottom: 11px;
    z-index: 5;
}

img.foldericon-sm {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 2px;
}

img.folderpage1-sm {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 30px;
  height: 30px;
  border: 1px solid #777777;
}

img.folderpage2-sm {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 30px;
  height: 30px;
  border: 1px solid #777777;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph; /*IE*/
}

img.folderpage3-sm {
  position: absolute;
  bottom: 7px;
  left: 7px;
  width: 30px;
  height: 30px;
  border: 1px solid #777777;
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: flipv; /*IE*/
}

.image-center-span-1 {
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:0;
}

.image-center-span-2 {
    float: center;
    display: inline-block;
    vertical-align: middle;            
    width: 100%;
}

div.itemicon span.image-center-span-2 div {
    max-width: 160px;
    max-height: 160px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px black solid;
}
div.itemicon img.thumb {
    max-width: 160px;
    max-height: 160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.itemname {
    position: absolute;
    width: 163px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    text-align: center;
    top: 166px;
}

div.itemname input.rename {
    position: absolute;
    top: 0px;
    left: -1px;
    width: 163px;
    margin: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding: 0;
    height: 16px;
    text-align: center;
}

div.item.nosel:hover {
    border: 1px solid #D4E2F2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background-color: #F0F9Ff;/*iconhov*/
}
div.item.sel:hover {
    background-color: #F0F9Ff;/*iconhov*/
}


div.item.nosel.itemactive {
    border: 1px solid #D4E2F2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #F0F9Ff;/*iconhov*/
}
div.item.sel.itemactive {
    background-color: #F0F9Ff;/*iconhov*/
}



div.item.itemactive div.actdrop img {
    visibility: visible;
}

div.item div.selectcheck {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 10;
    background: url(/images/checkbox-empty.png) no-repeat;
}

div.item div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}

div.item:hover div.selectcheck {
    background: url(/images/checkbox-gray.png) no-repeat;
}

div.item:hover div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}

/* medium grid view */

div.item-md {
    float: left;
    display: inline;
    position: relative;
    width: 100px;
    height: 115px;
    overflow: visible;
    margin-right: 10px;
    margin-bottom: 8px;
}

div.itemicon-md {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #f6f6f6;
    text-align: center;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.itemicon-md img.thumb {
    max-width: 100px;
    max-height: 100px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.itemname-md {
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 1px;
    height: 14px;
    font-size: 11px;              
    text-align: left;
    color: #333333;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.itemname-md input.rename {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 0;
    height: 15px;
    line-height: 15px;
    text-align: left;
}

div.item-md div.actdrop {
    position: absolute;
    visibility: hidden;
    right: 1px;
    top: 1px;
    width: 20px;
    height: 18px;
    border: 1px solid #d0e6f6;
    background-color: #f0f9ff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
}
div.item-md div.actdrop:focus {
    visibility: visible;
}
div.item-md:hover div.actdrop {
    visibility: visible;
}
.cemultsel div.item-md:hover div.actdrop {
    visibility: hidden;
}
div.item-md div.actdrop img {
    position: absolute;
    top: 6px;
    left: 4px;
}

div.item div.actdrop {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 11px;
    height: 16px;
}
div.item div.actdrop img {
    visibility: hidden;
}
div.item:hover div.actdrop img {
    visibility: visible;
}
.cemultsel div.item:hover div.actdrop img {
    visibility: hidden;
}

div.item-md div.selectcheck {
    position: absolute;
    bottom: 17px;
    left: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 10;
    /*background: url(/images/checkbox-empty.png) no-repeat;*/
    background: transparent;
}
div.item-md div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}
div.item-md:hover div.selectcheck {
    background: url(/images/checkbox-gray.png) no-repeat;
}
div.item-md:hover div.selectcheck.selected {
    background: url(/images/checkbox-green.png) no-repeat;
}

div.item-md div.socialicons {
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    background-color: #999999;
    height: 18px;
    padding-left: 1px;
    padding-right: 4px;
    cursor: pointer;
    visibility: hidden;
}
div.item-md:hover div.socialicons {
    visibility: visible;
}
div.item-md div.socialicons img.icon {
    position: relative;
    top: 3px;
    margin-left: 3px;
}
div.item-md div.shareicons {
    position: absolute;
    bottom: 0;
    right: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    background-color: #999999;
    height: 20px;
    padding-left: 0px;
    padding-right: 1px;
}
div.item-md div.shareicons div.icon-link {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    width: 15px;
    background: url('/images/share-icon-link-white.png') no-repeat scroll 0 center transparent;
    cursor: pointer;
    margin-right: 3px;
    margin-left: 4px;
}
div.item-md div.shareicons div.icon-ishare {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    width: 19px;
    background: url('/images/share-icon-collab-white.png') no-repeat scroll 0 center transparent;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 4px;
}
div.item-md div.shareicons div.num {
    display: inline-block;
    height: 16px;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    background-color: #003765;
    color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0 5px;
    margin-right: 2px;
    cursor: pointer;
    margin-top: 2px;
}
div.item-md div.shareicons:hover div.num {
    background-color: #4fb0fb;
}
/** small grid view **/

div.item-sm {
    float: left;
    display: inline;
    position: relative;
    width: 40px;
    height: 48px;
    overflow: hidden;
    border: 1px solid transparent;
    margin-right: 1px;
    margin-bottom: 1px;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 4px;
    padding-bottom: 3px;
}

div.itemicon-sm {
    position: relative;
    border: 1px solid #c8cdd1;
    width: 40px;
    height: 40px;
    text-align:center;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.itemicon-sm img {
    max-width: 40px;
    max-height: 40px;
}

div.itemname-sm {
    position: relative;
    font-size: 8px;              
    width: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.itemname-sm input.rename {
    position: absolute;
    top: 0px;
    left: -1px;
    width: 43px;
    margin: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 8px;
    padding: 0;
    height: 10px;
}

div.item-sm:hover {
    border: 1px solid #c9c9c9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #d4e2f2;
}

div.item-sm div.selectcheck {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 10;
    background: url(/images/checkbox-small-empty.png) no-repeat;
}

div.item-sm div.selectcheck.selected {
    background: url(/images/checkbox-small-green.png) no-repeat;
}

div.item-sm:hover div.selectcheck {
    background: url(/images/checkbox-small-gray.png) no-repeat;
}

div.item-sm:hover div.selectcheck.selected {
    background: url(/images/checkbox-small-green.png) no-repeat;
}


/* ===== File list view ====== */

.celist div.celist_lv {
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 660px;
}

.celist table.celist_lv {
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 660px;
}

.celist #celist_norm {
    background-color: #ffffff;
    border: 1px solid #c8cdd1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    min-width: 660px;
}

.celist table {
    width: 100%;
    border-spacing: 0px;
    table-layout: fixed;
}

.celist table.norm {
    width: 100%;
    border-spacing: 0px;
    border-left: 1px solid #f0f0f0;
    table-layout: fixed;
}

.celist tr.item {
    cursor: default;
    vertical-align: top;
}
.celist tr.item.odd {
    background-color: #f6f6f6;
}

.celist tr.item.zoomable {
    cursor: pointer;
}

.celist tr.item:hover {
    border-color: #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}

.celist tr.header {
    background-color: #f0f0f0;
}

.celist tr.norm {
    background-color: #FFFFFF;
}

.celist td {
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
}

.celist td.icon {
    width: 74px;
    text-align: center;
    padding-right: 0px;
}
.celist td.icon input {
    float: left;
    margin-left: 10px;
}

.celist td.name {
    text-align: left;
}
.celist tr.item td.name {
    overflow: visible;
}
.celist td.name div.name {
    position: relative;
    height: 24px;
    overflow: hidden;
}

.celist span.name {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-right: 32px;
    color: #333333;
}

.celist span.name:hover .renlink {
    position: absolute;
    right: 0px;
    top: 5px;
    width: 26px;
    height: 16px;
    cursor: text;
    background: url(/images/icon-rename-textbox.png) no-repeat;
}

.celist td.name input.rename {
    position: absolute;
    top: 2px;
    left: -1px;
    width: 100%;
    margin: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding: 0;
    height: 16px;
    border-top: 2px solid #F0F9FF;
    border-bottom: 2px solid #F0F9FF;
}

.celist td.artist {
    width: 15%;
    text-align: left;
}

.celist td.album {
    width: 17%;
    text-align: left;
}

.celist td.genre {
    width: 8%;
    text-align: left;
}

.celist td.size {
    width: 70px;
    text-align: right;
    padding-right: 10px;
}
.celist td.access {
    width: 80px;
    text-align: left;
}
.celist td.social {
    width: 88px;
}
.celist td.share {
    width: 110px;
    text-align: left;
}
.celist td.share.head span {
    margin-left: 9px;
}
.celist td.date {
    width: 146px;
    text-align: left;
}

.celist td.type {
    width: 15%;
    text-align: left;
}

.celist td.empty {
    width: 0px;
}
.celist td.actdrop {
    width: 25px;
}
.celist tr.item td.actdrop div.popper {
    height: 24px;
    cursor: pointer;
}
.celist tr.item td.actdrop img {
    position: relative;
    top: 7px;
    visibility: hidden;
}
.celist tr.item td.actdrop:focus img {
    visibility: visible;
}
.celist tr.item:hover td.actdrop img {
    visibility: visible;
}
.cemultsel .celist tr.item:hover td.actdrop img {
    visibility: hidden;
}

.celist td.action {
    width: 20%;
    text-align: left;
}

.celist td.head {
    border-bottom: 1px solid #bcdaf0;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

.celist td.head.icon img {
    float: left;
    cursor: pointer;
    padding-left: 10px;
}


.celist td.header {
    border-bottom: 0px;
    font-weight: bold;
    color: #000000;
    padding-left: 7px;
}

.celist td.norm {
    border-bottom: 1px solid #f0f0f0;
    font-weight: normal;
    color: #000000;
    padding-left: 7px;
}

.bold {
  font-weight: bold;
}

.celist td div.itemicon {
    background: transparent;
    border: 0px;
    padding: 0px;
    width:  100%;
    height: 24px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.celist td div.itemicon img {
    width:  24px;
    height: 24px;
}

.cedevices td.head {
    white-space: normal;
    overflow: hidden;
    border-bottom: 1px solid #bcdaf0;
}
.cedevices img.platformicon {
  vertical-align: middle;
  padding-right: 8px;
}

.celist td.share div.shared div.num {
    display: inline-block;
    height: 16px;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    background-color: #003765;
    color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0 5px;
    margin-right: 10px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: pointer;
}
.celist tr.item:hover td.share div.shared div.num {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.celist td.share div.shared div.num:hover {
    background-color: #4fb0fb;
}
.celist td.share div.shared div.icon-ishare {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    width: 19px;
    background: url('/images/share-icon-collab.png') no-repeat scroll 0 2px transparent;
    cursor: pointer;
    margin-right: 2px;
}
.celist td.share div.shared div.icon-link {
    position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    width: 15px;
    background: url('/images/share-icon-link.png') no-repeat scroll 0 2px transparent;
    cursor: pointer;
    margin-right: 7px;
}
.celist td.share div.lnk a {
    color: #003765;
}
.celist td.share div.lnk:hover a {
    color: #4fb0fb;
}
.celist td.share div.lnk {
    position: relative;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-bottom: none;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-size: 11px;
    font-weight: bold;
}
.celist td.share div.lnk.enabled {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.celist tr.item:hover td.share div.lnk {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.celist td.share div.shared div.lnk {
    padding: 0 7px;
    margin-left: 1px;
    margin-right: 1px;
}
.celist td.share div.shared div.lnk.novis {
    visibility: hidden;
}
.celist td.share div.lnk.popped {
    position: relative;
    border-color: #003765;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FFFFFF;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
div.ceslider {
    position: absolute;
    border: 1px solid #003765;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FFFFFF;
    z-index: 10;
    left: 76px;
    right: 180px;
    text-align: left;
    margin-top: -1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: default;
    min-width: 512px;
}
div.ceslider div.mask {
    position: absolute;
    background-color: #FFFFFF;
    height: 1px;
    top: -1px;
}
div.ceslider div.line {
    position: relative;
    height: 24px;
    line-height: 24px;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 10px 0;
}
div.ceslider div.line img.icon {
    position: absolute;
    top: 6px;
    left: 0;
}
div.ceslider div.line div.leftmsg {
    position: absolute;
    top: 0;
    left: 23px;
    width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.ceslider div.line div.ceborderedtxt {
    position: absolute;
    top: 0;
    left: 350px;
    right: 0;
    padding: 0 10px;
}
div.ceslider div.line div.ceborderedtxt.tool {
    right: 18px;
}
div.ceslider div.line div.optgear {
    position: absolute;
    background: transparent url(/images/icon-gear.png) no-repeat left top;
    top: 6px;
    right: 0;
    width: 12px;
    height: 13px;
    cursor: pointer;
}
div.ceslider div.line div.optgear:hover {
    background-image: url(/images/icon-gear-active.png);
}
div.ceslider div.line input {
    width: 100%;
    height: 22px;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    border: none;
}
div.ceslider div.line input:focus {
    background-color: #FFFFFF;
}
div.ceslider div.line input.addrs {
    color: #999999;
    font-style: italic;
}
div.ceslider div.opts {
    text-align: right;
    padding: 5px 10px 10px;
    height: 13px;
}
div.ceslider div.sep {
    border-top: 1px solid #e1e1e1;
    margin: 5px 0;
}
div.ceslider div.butline {
    position: relative;
    text-align: right;
    height: 38px;
}
div.ceslider div.butline div.buts {
    position: absolute;
    padding: 3px 0 10px 10px;
    margin-right: 10px;
    left: 310px;
    right: 0;
}
div.ceslider div.butline div.buts div.advlnk {
    position: absolute;
    left: 0;
    top: 3px;
    text-align: center;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
}
div.ceslider div.butline div.buts div.advlnk .cehint_inline_icon {
    margin-left: 3px;
}
div.ceslider div.buts.sep {
    border-bottom: 1px solid #e1e1e1;
}
div.ceslider div.buts a.cebutton {
    margin-left: 2px;
}
div.ceslider div.buts div.social {
    position: relative;
    display: inline-block;
    float: left;
    top: 4px;
    left: 24px;
}

div.ceshareperms {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}
div.ceshareperms div.line {
    position: relative;
}
div.ceshareperms div.ceborderedtxt.tool {
    margin-right: 18px;
}
div.ceshareperms div.line div.optgear {
    position: absolute;
    background: transparent url(/images/icon-gear.png) no-repeat left top;
    top: 6px;
    right: 0;
    width: 12px;
    height: 13px;
    cursor: pointer;
}
div.ceshareperms div.line div.optgear:hover {
    background-image: url(/images/icon-gear-active.png);
}
div.ceshareperms div.butline {
    position: relative;
    height: 38px;
    text-align: right;
    margin-top: 3px;
}
div.ceshareperms div.butline div.advlnk {
    position: absolute;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    left: 0;
    text-align: center;
    top: 0;
}
div.ceshareperms div.butline div.advlnk a {
    color: #004C8C;
    font-weight: normal;
}
div.ceshareperms div.butline div.advlnk .cehint_inline_icon {
    margin-left: 3px;
}
div.ceshareperms div.cesuggestions {
    left: -7px;
    right: -7px;
}
div.ceshareperms div.sep {
    position: relative;
    border-top: 1px solid #999999;
    left: -18px;
    width: 600px;
}
div.ceshareperms div.users {
    position: relative;
    height: 178px;
    padding-top: 6px;
}
div.ceshareperms div.users div.list {
    position: absolute;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    right: 0;
    width: 450px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
div.ceshareperms div.users div.list div.row {
    position: relative;
    height: 22px;
    line-height: 22px;
    font-weight: normal;
    color: #666666;
    padding-left: 100px;
    cursor: pointer;
}
div.ceshareperms div.users div.list div.row.odd {
    background-color: #f6f6f6;
}
div.ceshareperms div.users div.list div.row img {
    position: absolute;
    top: 4px;
    left: 10px;
}
div.ceshareperms div.users div.list div.row div.perm {
    position: absolute;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    left: 34px;
}
div.ceshareperms div.users div.list div.row div.dropper {
    position: absolute;
    left: 77px;
    top: 1px;
    width: 17px;
    height: 14px;
    border: 1px solid transparent;
    border-bottom: none;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background: url(/images/smalldropper-right.png) no-repeat 6px 4px;
}
div.ceshareperms div.users div.list div.row div.dropper.dropped {
    border-color: #003765;
    background: #FFFFFF url(/images/smalldropper.png) no-repeat 3px 6px ;
}
div.ceshareperms div.cedropdown_list {
    z-index: 100;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    top: 14px;
    left: -1px;
}
div.ceshareperms div.cedropdown_list div.mask {
    position: absolute;
    height: 1px;
    top: -1px;
    left: 0;
    width: 18px;
    background-color: #FFFFFF;
}
div.ceshareperms div.msg .cehint_inline_icon {
    top: 2px;
    margin-left: 6px;
}

.CEUDialog.sendshare .CEUDialog_msg {
    overflow: visible;
}
div.cesendshare {
    color: #333333;
}
div.cesendshare div.msg {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 16px;
}
div.cesendshare table {
    width: 100%;
    border-spacing: 0;
}
div.cesendshare td {
    padding: 0;
    padding-bottom: 5px;
}
div.cesendshare td.lbl {
    width: 76px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    padding-right: 10px;
}
div.cesendshare .cehint_inline_icon {
    margin-left: 6px;
}
.cehint_inline_icon.ceaccesstip div.cehintbubble {
    width: auto;
}
table.ceaccesstip {
    white-space: nowrap;
    margin-bottom: 6px;
}
table.ceaccesstip td {
    padding-right: 12px;
}
.noviewer table.ceaccesstip tr.hasviewer {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    display: none;
    visibility: hidden;
}
div.ceborderedtxt {
    position: relative;
    min-height: 22px;
    line-height: 22px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 0 6px;
    cursor: text;
}
div.ceborderedtxt input.invis {
    position: absolute;
    top: 0;
    left: 0;
}
div.ceborderedtxt span.deftxt {
    font-style: italic;
    color: #CCCCCC;
}
div.ceborderedtxt.disabled {
    background-color: #EEEEEE;
}
div.ceborderedtxt.disabled input {
    background-color: #EEEEEE;
}
div.ceborderedtxt.disabled input:focus {
    background-color: #EEEEEE;
}
div.ceborderedtxt input {
    padding: 0;
    border: 0;
    height: 22px;
    width: 100%;
}
div.ceborderedtxt input:focus {
    background-color: #FFFFFF;
}
div.cecontactsfield div.bubbles {
    margin-top: 6px;
}
div.cecontactsfield {
    font-weight: normal;
    font-size: 12px;
    white-space: normal;
}
div.cecontactsfield div.placeholder {
    color: #cccccc;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.ceborderedtxt div.inputholder {
    position: relative;
}
div.ceborderedtxt div.inputholder input {
    height: 22px;
    line-height: 22px;
    color: #333333;
    border: none;
    padding: 0;
    width: 100%;
}
div.cecontactsfield input:focus {
    background-color: #FFFFFF;
}
div.cesendshare textarea:focus {
    background-color: #FFFFFF;
}
div.cecontactsfield div.cesuggestions {
    top: 21px;
    border-color: #999999;
}
div.cesendshare div.cesuggestions {
    left: -7px;
    right: -7px;
}
div.ceslider div.cesuggestions {
    left: -11px;
    right: -11px;
}
div.cesendshare .ceshare_suggest_item {
    padding-left: 7px;
    line-height: 16px;
}
div.cecontactsfield.active div.placeholder {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
}
div.cesendshare input {
    height: 22px;
    line-height: 22px;
    border: none;
    padding: 0;
    width: 100%;
}
div.cesendshare textarea {
    padding: 0;
    width: 100%;
    border: none;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    color: #333333;
    overflow-y: scroll;
    height: 65px;
}
div.cesendshare td.addrbut {
    width: 5px;
    white-space: nowrap;
    padding-left: 5px;
    vertical-align: top;
}
div.cesendshare a.cebutton.thin {
    display: inline-block;
    color: #003765;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    border-color: #999999;
}
div.cesendshare a.cebutton.thin.red {
    color: #FFFFFF;
    border-color: #9d1c52;
    padding: 0 20px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}
div.cesendshare div.buttons {
    margin-top: 15px;
    text-align: right;
}

/* ===== Zoom preview / media player ====== */

#zoom {
    background-color: #ffffff;
    border: 1px solid ;
    background-color: #ffffff;
    border: 1px solid #616a74;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 12px;
    width: 640px; /*set dynamic size*/
}

#zoom #control {
    margin: 12px 0 0 0 ;
    white-space: nowrap;
}
#zoom #control #nav {
    text-align: right;
}
#zoom #control .title {
    float: left;
}
#zoom #control .fileinfo {
    font-size: 11px;
    color: #616a74;
}

/* ===== Full-screen sideshow ====== */

body.slideshow {
    background-color: #000000;
}

#slide #control {
    background: transparent url(/images/slideshow-control-bg.png) repeat-x top;
    position: absolute;
    bottom: 0; 
    padding: 16px;
    width: 100%;
}

#slide #control .position {
    color: #a8adb4;
    font-weight: bold;
}

a.tbutton { /*t for transparent*/
    font-size: 13px;
    font-family: Arial, sans-serif;
    background: transparent url(/images/slideshow-button-bg.png) repeat top;
    padding: 6px 8px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
a.tbutton img { /*for buttons with icons*/
    vertical-align: top;
}

#slide #control table { /*Drastic measure to avoid float bug. TODO: implement with divs+floats*/
    width: 100%;
}
#slide #control table td {
    width: 33%;
    white-space: nowrap;
    
}
#slide #control .exit {
    text-align: right;
}

/* ===== Settings ====== */
#settings {
    width: 480px;
    margin: 0 auto;
}

#settings .section {
    background: transparent url(/images/settings-section-divider.png) repeat-x bottom;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

#settings h1 {
    font-size: 15px;
    color: #414b56;
    margin: 12px 0;
    padding: 0 0 8px 0;
    background: transparent url(/images/settings-section-divider.png) repeat-x bottom;
}

#settings h2 {
    font-size: 13px;
    color: #414b56;
    margin: 12px 0;
}

#settings #email-addresses ul {
    list-style-type: none;
    margin: 0 0 12px 0;
    padding: 0 0 0 12px;
    line-height: 18px;
}

#settings #device-list {
    width: 478px;
    height: 100px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #c8cdd1;
    margin: 0 0 12px 0;
}

#settings #device-list table {
    width: 100%;
}

#settings #device-list table td {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px;
}

#settings #device-list table td.device-storage {
    text-align: right;
}

#settings #device-list .meter {
    height: 8px;
    border: 1px solid #000000;
    background-color: #f2f6f9;
}

#meter1 {
    /*
      Create one of these for each device storage readout.
      Width + padding should always equal 50px, wherein:
      width   == space used
      padding == free space
      Together the bar = 50px and thus each pixel = 2% of drive space.
      */
    width: 40px;
    padding-right: 10px;
}

#meter2 {
    width: 12px;
    padding-right: 38px;
}

#meter3 {
    width: 28px;
    padding-right: 22px;
}

#meter4 {
    width: 6px;
    padding-right: 44px;
}

#settings #device-list table td.remove {
    text-align: right;
}


/* ===== Sharing dialog ====== */

#dialog-upload #file-list {
    border: 1px solid #c8cdd1;
    height: 200px;
    overflow: auto;
}

#dialog-upload #file-list table td {
    border-bottom: 1px solid #f0f0f0;
    padding: 4px;
}

/********************************************************************************
 * Preview Pane
 */
.sqpreview_hide {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #000000;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.sqpreview {
    z-index: 101;
    position: fixed;
    overflow: hidden;
    border: 5px solid #ffffff;
    background: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sqpreviewtool {
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

#sqpvtool_close {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
}

#sqpvtool_play {
    left: 45%;
    top: 45%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #999999;
    height: 40px;
    width: 40px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    cursor: pointer;
}

#sqpvtool_prev {
    left: 0;
    top: 45%;
    height: 48px;
    width: 38px;
    cursor: pointer;
}

#sqpvtool_next {
    right: 0;
    top: 45%;
    height: 48px;
    width: 38px;
    cursor: pointer;
}

#sqpvtool_info {
    border-top: 1px solid #ffffff;
    left: 0;
    bottom: 0;
    height: 49px;
    width: 100%;
    background-color: #6c6c6c;
    color: #ffffff;
    font-size: 12pt;
}

#sqpreview_name {
    font-size: 14pt;
    font-weight: bold;
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

#sqpvtool_tab {
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 5px;
    right: 20%;
    top: 0;
    height: 18px;
    width: 100px;
    background-color: #6c6c6c;
}

#sqpvtool_ribbon {
    padding: 0;
    margin: 0;
    right: 0;
    top: 0;
    height: 0;
    width: 100%;
    background-color: #6c6c6c;
    overflow: hidden;
}

.sqpvribbon {
    position: absolute;
    top: 0;
    left: 0;
}

.sqpvribbon img {
    float: left;
    margin: 12px 0 12px 12px;
    position: relative;
    width: 126px;
    height: 126px;
    overflow: hidden;
    cursor: pointer;
}

div.sqfilepreview {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}

div.sqfilepreview img {
    width: 100%;
    height: 100%;
}

.rename {
    font-size: 9px;
    margin-left: 8px;
}
#cesetdevices_generalbody .rename {
    margin-right: 8px;
}
/********************************************************************************
 * Slideshow Pane
 */
.sqslideshow_hide {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #000000;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

#sqslideshow_close {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
}

#sqslideshow_fullscreen {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
}

#sqpvtool_fullscreen {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
}

.sqslideshow {
    z-index: 101;
    position: fixed;
    border: 5px solid #ffffff;
    background: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.sqfileslideshow {
    text-align: center;
    width: 100%;
    height: 100%;
}

/********************************************************************************
 * Video Pane
 */
.sqvideo_hide {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #000000;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

#sqvideo_close {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
}

.sqvideo {
    z-index: 101;
    position: fixed;
    border: 5px solid #ffffff;
    background: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.sqfilevideo {
    text-align: center;
    width: 100%;
    height: 100%;
}

/********************************************************************************
 * Flash File Upload Dialog
 */
.squpload_hide {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #000000;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.squpload {
    z-index: 101;
    position: fixed;
    background: #000000;
    border: 0px solid #ffffff;
    left: 180px;
    top: 100px;
    /* Default to English locale dimensions*/
    width: 437px;
    height: 240px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.sqfileupload {
    text-align: center;
    width: 100%;
    height: 100%;
}

/********************************************************************************
 * DEBUG CONSOLE:
 */
#cedebug_div {
    z-index: 2000;
    position: fixed;
    margin: 0px auto;
    bottom: 45px !important;
    bottom: -45px;
    left: 2.5%;
    height: 100px;
    width: 95%;
    overflow: hidden;
    background: #cccccc;
    border: 1px solid #000000;
}

#cedebug_div.cemin {
    left: -85%;
    bottom: -80px !important;
}

#cedebug_hdr {
    padding: 5px;
    border-bottom: 1px solid #000000;
    text-align: center;
    background: #3333cc;
    height: 10px;
    overflow: hidden;
}

#cedebug_hdr h3 {
    display: inline;
    font-size: 85%;
    color: #ffffff;
}

a.cedebug_hdrbutton {
    color: #ffffff;
    font-size: 80%;
    float: right;
}

a.cedebug_hdrbutton:visited {
    color: #ffffff;
}

#cedebug_msg {
    text-align: left;
    font-size: 90%;
    height: 80px;
    overflow: auto;
}

/********************************************************************************
 * Progress bars
 */

.cepbholder {
    height: 40px;
    position: relative;
}

.cepbname {
    position: absolute;      
}

.cepboff {
    position: absolute;
    top: 18px;
}

.cepbof {
        position: absolute;
        top: 18px;
        left: 75px;
}

.cepblen {
    position: absolute;
    top: 18px;
    left: 100px;
}

.cepbrate {
    position: absolute;
    top: 18px;
    left: 200px;
}

.cepbrem {
    position: absolute;
    top: 18px;
    left: 300px;
}

div.cepbb {
    background: transparent;
    color: #f2f6f9;
    white-space: nowrap;
    border: 1px solid black;
    height: 20px;
    width: 360px;
    line-height: 7px;
    text-decoration: none;
    text-align: left;
}

div.cepbf { 
    background-color: #616a74;
    white-space: nowrap;
    height: 20px;
    width: 0px;
    line-height: 7px;
    text-decoration: none;
}

.cefillbg {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #111111;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

.cefillfg {
    z-index: 101;
    position: fixed;
    overflow: hidden;
    left: 300px;
    top: 66px;
    width: 448px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#oobe-close {
   z-index: 102;
   position: fixed;
   overflow: hidden;
   width: 24px;
   height: 24px;
   cursor: pointer;
   left: 286px;
   top: 50px;
}

.oobe-message {
    width: 400px;
    padding: 24px;
    margin: 0 auto;
    font-size: 13px;
    color: #414b56;
    background-color: #ffffff;
    border: 1px solid #e1e7ed;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.oobe-message-wide {
    width: 740px;
    padding: 24px;
    margin: 0 auto;
    font-size: 13px;
    color: #414b56;
    background-color: #ffffff;
    border: 1px solid #e1e7ed;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.oobe-message p {
    margin-top: 0;
}

.oobe-movie {
    width: 400px;
    height: 300px;
    margin-bottom: 16px;
}

.oobe-movie img {
            text-align: center;
}

.oobe-message strong {
    color: #000000;
    font-size: 15px;
}

.ceshare-close1 {
    position: absolute;
    right: 8px;
    top: 8px;
}

#ceshare_checklabel {
    width: 160px;
}

.ceshare-close {
    position: absolute;
    left: 180px;
    top: -4px;
}

.ceshare-icon-sidebar {
    margin-right: 4px;
}

.ceshare-icon-toolbar {
    margin-left: 4px;
    margin-top: 1px; 
    #margin-top: 0px;
}

.CEUDialog_msg .ceshare-icon-toolbar {
    margin-top: 6px;
    #margin-top: 0px;
    #margin-left: 0px;
}

#cetoolbar a#cetool_sort img.buttonchev {
    background: none;
    height: 9px;
    width: 9px;
    margin-top: 4px;
    margin-right: 2px;
}

#cetoolbar img.buttonchev {
    background: none;
    height: 9px;
    width: 9px;
    margin-top: 4px;
    margin-right: 2px;
}

#cebcbar img.buttonchev {
    background: none;
    height: 9px;
    width: 9px;
    margin-top: 11px;
    margin-right: 4px;
}

.ceshare_disabled {
    color: #626c78;
}

#ceemail {
    margin-left: -30px;
    /* ie7 hack below */
    #margin-left: 10px;
    margin-top: 16px;
}

#ceemail li {
    list-style-type: none;
    margin-bottom: 6px;
}

#ceemail li a {
    margin-right: 4px;
}

.indent-4 {
    margin-left: 4px;
}

.indent-16 {
    margin-left: 16px;
}

.indented {
    margin-left: 32px;
}

#driveerrormsgs {
    max-width: 800px;
}
              
#ceversion {
    font-size: 9px;
    padding-right: 20px;
    float: right;
}

 #cereadonlyfg {
    z-index: 101;
    position: fixed;
    overflow: hidden;
    left: 300px;
    top: 66px;
    width: 448px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.cefillfg {
    z-index: 101;
    position: fixed;
    overflow: hidden;
    left: 300px;
    top: 66px;
    width: 448px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ceopts {
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #FFFFFF;
    border: 1px solid #a4a5a6;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 11;
    font-weight: normal;
    text-align: left;
    color: #000000;
    font-size: 13px;
    line-height: 23px;
    cursor: default;
}

#cetool_selall {
    display: inline-block;
    position: relative;
    float: left;
    width: 34px;
    margin-right: 7px;
    text-align: center;
    height: 24px;
    line-height: 24px;
}
#cetool_selall.hidden {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
#cetool_selall input.cecheck {
    top: 6px;
}

#cehead_link_signout {
    margin-right: 12px;
}

#cetool_otheracts_pop {
    bottom: 25px;
    left: 0px;
    min-width: 146px;
    white-space: nowrap;
}

.ceopts input {
    position: relative;
    top: 2px;
}

.ceopts .ceopttitle {
    color: #a4a5a6;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    padding-left: 8px;
}

.ceopts .ceopt {
    position: relative;
    padding-left: 32px;
    padding-right: 10px;
    padding-bottom: 2px;
    cursor: pointer;
}

.ceopts.ceopts-menu .ceopt {
    padding-left: 12px;
}

.ceopts .ceopt:hover {
    background: transparent url(/images/opt-active-bg.png) repeat-y left;
    color: #FFFFFF;
}

.ceopt .ceopt-radio {
    position: absolute;
    left: 10px;
    top: 5px;
    #top: 1px;
    width: 16px;
    height: 16px;
    background: url(/images/check-radio-off.png) no-repeat;
}

.ceopt.selected .ceopt-radio {
    background: url(/images/check-radio-on.png) no-repeat;
}

.ceopt-line {
    height: 2px;
    background-color: #a4a5a6;
    margin-top: 3px;
    margin-bottom: 3px;
}

#ceflexidrop_but img.buttonchev {
    #margin-top: 4px;
    #margin-right: 0;
}

#ceflexidropsrc_but img.buttonchev {
    #margin-top: 4px;
    #margin-right: 0;
}

#ceflexiopts {
    right: 4px;
    top: 28px;
    white-space: nowrap;
    #width: 180px;
}

#ceflexioptssrc {
    right: 0px;
    top: 25px;
    white-space: nowrap;
    z-index: 15;
    min-width: 97%;
    #width: 180px;
}

#ceshare_message {
    height: 80px;
    width: 180px;
}

#ceshare_message1 {
    height: 100px;
    width: 280px;
}

#ceshare_remcharmsg {
    font-size: 11px;
}

#ceshare_remcharmsg1 {
    font-size: 11px;
}

#ceshare_mainoptions1 {
    position: absolute;
    top: 42px;
}

#ceshare_inviteopts1 {
    position: absolute;
    top: 42px;
    left: 380px;
    right: 0px;
}

.cehintbubble {
    padding: 12px;
    padding-left: 27px;
    padding-bottom: 0px;
    background: #FFFFEF url(/images/info_icon.gif) no-repeat 9px 14px;
    border: 1px solid #a3afbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    text-align: left;
    white-space: normal;
    font-size: 12px;
    line-height: 14px;
    #display: inline;
    #zoom: 1;
}
.cehintbubble.short {
    padding-top: 2px;
    padding-bottom: 2px;
    background-position: 9px 5px;
}

.cehintbubble p {
    margin-top: 0px;
    margin-bottom: 12px;
}

.cehintbubble ul {
    padding-left: 24px;
}

#ceshare_listsectionhint1 {
    position: relative;
    margin-top: 3px;
    margin-left: 20px;
    width: 80%;
    overflow: visible;
}

#ceshare_listsectionhintarrow1 {
    position: absolute;
    top: 22px;
    left: -20px;
    width: 14px;
    height: 11px;
}

#ceshare_listsection1 .cehint_inline_icon {
    vertical-align: middle;
    top: -1px;
}

.ceurldisplay textarea {
    background-color: #FFFFFF;
    font-size: 11px;
    font-family: monospace;
    border: 1px solid;
    padding: 2px;
    width: 450px;
    height: 25px;
    overflow: auto;
}

#ceshare-otheroptionstitle1 {
    font-weight: bold;
    line-height: 24px;
}

#ceshare_checkdiv {
    padding-top: 4px;
}

#ceshare_checkdiv1 {
    padding-top: 4px;
}

#ceshare_rssbody1 {
    padding-left:20px;
}

#ceshare_puburlbody1 {
    padding-left:20px;
}

.ceshare-other-options-list {
    list-style-type: none;
}

.cesortarrow {
    padding-left: 4px;
}

a.hiddenlink {
    text-decoration: none;
    color: #000000;
    cursor: text;
}

.cepartnerlogo1 {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: 2px;
}

.cetable {
    border-spacing: 0;
    table-layout: fixed;
    background-color: white;
    line-height: 28px;
    width: 820px;
}

table.cetable {
    border-spacing: 0;
    table-layout: fixed;
    background-color: white;
    line-height: 28px;
    width: 820px;
}
table.cetable.ceactivecopy {
    width: 100%;
    max-width: 820px;
}

table.cetable.cetable100 {
    width: 100%;
}

.cetable_nofixed {
    table-layout: auto;
}

.cetable_nofixedwidth {
    table-layout: auto;
    width: auto;
}

.cetable td {
    padding-left: 7px;
    padding-right: 10px;
}

table.cetable td {
    white-space: normal;
}
div.cedevices table.cetable td {
    white-space: nowrap;
}

.cetable td.head {
    font-weight: bold;
}

table.cetable td.head {
    font-weight: bold;
    border-bottom: 1px solid #bcdaf0;
}
.cetable td.check {
    width: 20px;
}

.cetable tr.selectable {
    cursor: pointer;
}

.cetable tr.selectable td {
    border-bottom: solid 1px #FFFFFF;
}

.cetable tr.selected {
    background-color: #BCD8F0;
}

.cetable td.indented {
    padding-left: 32px;
}

#audio_tray_holder {
    position: absolute;
    height: 42px;
    z-index: 5;
    width: 100%;
    bottom: -56px;
}

#cemain.cealbum #audio_tray_holder {
    background-color: transparent;
    border-right: none;
    bottom: 42px;
}

#audio_tray {
    position: absolute;
    left: 54px;
    width: 100px;
    height: 42px;
    z-index: 5;
}
#audio_tray.wide {
    left: 0px;
    right: 0px;
    width: 100%;
}

.popuphintbox {
    position: absolute;
    left: 290px;
    top: 2px;
    height: 47px;
    right: 400px;
}

.popuphint {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #000000;
    background-color: #FAFFDB;
    border-color: #FAFFDB;
    border-style: solid;
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 20px;
    border-right-width: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: visible;
}

.popupnib {
    position: absolute;
    top: -13px;
    left: -8px;
}

.popuphintclose {
    position: absolute;
    top: 9px;
    right: 8px;
    cursor: pointer;
}

.cehint_helper {
    position: absolute;
    left: 50%;
    bottom: 0px;
    background-color: #FFFFEF;
    border: 1px solid #a3afbb;
    border-bottom: none;
    height: 24px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

#cehint_revealer {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 4px;
    left: -12px;
}

#cehint_revealer.hidden {
    display: none;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#cehint_revealer_num {
    position: absolute;
    color: #1860c3;
    font-weight: bold;
    left: 5px;
    line-height: 12px;
    vertical-align: top;
    font-size: 10px;
    cursor: pointer;
    top: 0px;
    #top: -1px;
}

#cehint_manager {
    width: 74px;
    margin-left: -37px;
}

.cehint_helper img {
    position: relative;
    float: left;
    margin-left: 6px;
    top: 5px;
}

#cehint {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 0px;
    background-color: transparent;
    overflow: visible;
    z-index: 12;
}

.cehint_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.cehint_shaddow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 7px;
    background: transparent url(/images/slidemsg-border-bottom.png) repeat-x top left;
}

#cehint_list {
    position: relative;
    width: 100%;
    background-color: #8d8d8d;
}

.cehint_hint {
    position: relative;
    line-height: 40px;
    height: 40px;
    background-color: #F0F9FF;
    border-bottom: 1px solid #627AAD;
    padding-left: 24px;
    padding-right: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #626C78;
    font-weight: bold;
}
#cehint .cehint_hint a {
    color: #3B5998;
    text-decoration: none;
}

.cehint_hint.cetop {
}
.cehint_hint.cebot {
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
}


.cehint_buts {
    position: absolute;
    text-align: right;
    right: 8px;
    top: 6px;
}

#cehint .cehint_buts .cebutton {
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 4px;
    position: relative;
    top: -1px;
    margin-left: 4px;
    text-decoration: none;
    color: #000000;
}

#cehint.cerefresh {
    top: 41px;
    margin-top: -1px;
}

#cehint_content_div {
    position: absolute;
    color: #000000;
    left: 11px;
    right: 24px;
    height: 31px;
    overflow: hidden;
    line-height: 14px;
    font-size: 12px;
    padding-left: 16px;
    background: transparent url(/images/info_icon.gif) no-repeat 0px 10px;
}

#cehint_content_span_holder {
    position: relative;
    padding-right: 23px;
}

#cehint_content_span {
    position: relative;
}

#cehint_next {
    position: relative;
    left: 5px;
    line-height: 28px;
    top: -1px;
    font-size: 10px;
    color: #2E76DF;
    cursor: pointer;
}

#cehint_next img {
    position: relative;
    top: 1px;
    left: 1px;
}

#cehint a {
    text-decoration: none;
}

#cehint_next_den_div {
    position: absolute;
    bottom: 0px;
    left: 11px;
}

#cehint_next_den_div img {
    position: absolute;
    bottom: 1px;
    right: -6px;
}

.cehint_inline_icon {
    position: relative;
    display: inline-block;
    width: 12px;
    #width: 16px;
    height: 12px;
    background: transparent url(/images/help-icon-small.png) no-repeat top left;
}

.cehint_inline_icon div.cehintbubble {
    position: absolute;
    display: block;
    left: 16px;
    top: -4px;
    width: 250px;
    z-index: 500;
    font-weight: normal;
}

.cehint_inline_icon div.cehintbubble.celeft {
    right: -48px;
    left: -298px;
}

.slidedir_edit_row_photocont {
    background: #FFFFFF url(/images/slidedir_rowlabel_photos.png) no-repeat left 10px;
    width: 100%;
    height: 115px;
    padding-top: 10px;
}

.slidedir_edit_row_audiocont {
    background: #FFFFFF url(/images/slidedir_rowlabel_music.png) no-repeat left top;
    width: 100%;
    height: 115px;
    margin-top: 46px;
}

.slidedir_edit_row {
    position: absolute;
    display: block;
    left: 27px;
    right: 0px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.slidedir_edit_row div.holder {
    display: inline-block;
}
.celist .slidedir_edit_row div.holder table {
    table-layout: auto;
    width: auto;
}
.celist .slidedir_edit_row div.holder td {
    height: auto;
    padding: 0;
}
.slidedir_edit_row div.holder div.item-md {
    margin-left: 5px;
    margin-right: 5px;
}

.slidedir_placeholder {
    float: left;
    display: inline;
    position: relative;
    width: 12px;
    height: 109px;
    overflow: hidden;
    border: 1px dotted;
    padding: 3px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.slidedir_placeholder:hover {
    float: left;
    display: inline;
    position: relative;
    overflow: hidden;
    border: 2px solid;
    padding: 2px;
    margin-left: 2px;
    margin-right: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a#ceslidedir_edit.cebutton {
    margin-right: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

a#ceslidedir_edit.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

a#ceslidedir_view.cebutton {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

a#ceslidedir_view.selected {
    background: #eeeeee url(/images/button-press.jpg) repeat-x top;
}

#slidedir_emptyhint {
    position: absolute;
    left: 60px;
    top: 38px;
    bottom: 0px;
    right: 0px;
    cursor: default;
}

#cecontent_controls .controls {
    line-height: 24px;
    vertical-align: middle;
}

#cepagination {
    position: relative;
    margin-left: 4px;
    #top: 2px;
}

a.cepage-link {
    text-decoration: none;
    color: #2E76DF;
    padding: 1px 6px 1px 8px;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid #8294a6;
    background-color: #FFFFFF;
    margin-left: 2px;
    position: relative;
}

span.cepage-link {
    padding: 1px 7px 1px 8px;
    color: #2f3b47;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid #8294a6;
    background-color: #FFFFFF;
    margin-left: 2px;
    position: relative;
}

a.cepage-link-p {
    text-decoration: none;
    color: #2E76DF;
    font-size: 11px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 0px;
    padding-right: 4px;
}
a.cepage-link-n {
    text-decoration: none;
    color: #2E76DF;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid #8294a6;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 0px;
    padding-left: 8px;
}

#cebuttons_right {
    position: absolute;
    right: 4px;
    top: 0px;
}

#cebuttons_rightsrc {
    position: absolute;
    right: 0px;
    #top: 12px;
    #z-index: 15;
}

div.ceaniwait {
    text-align: center;
    margin-top: 20px;
}

.cesmall {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.cesmallitalic {
    font-style: italic;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.cegreenback {
    background-color: #c9eecb;
}

.scrolltable {
    width: 840px;
    max-height: 250px;
    overflow-y: auto;
}

.cesearchshares {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

#cesearchshares_text {
    position: absolute;
    left: 10px;
    top: -5px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    padding-right: 6px;
    background-color: #e1e7ed;
    border-top: 1px solid #c9cfd5;
    border-right: 1px solid #c9cfd5;
    border-bottom: 1px solid #c9cfd5;
    white-space: nowrap;
    z-index: 200;

    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    
    #left:;
    #right: 10px;
    #border-right: none;
    #border-left: 1px solid #c9cfd5;
}

#cecontextmenu {
    position: absolute;
    z-index: 50;
    padding: 3px 0;
    background-color: #FFFFFF;
    border: 1px solid #003765;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #003765;
    font-size: 11px;
    font-weight: bold;
}
#cecontextmenu.dropped {
    background-color: #F0F9Ff;/*iconhov*/
    border-color: #d4e2f2;
    border-top: none;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
}
#cecontextmenu.dropped-icon-md {
    background-color: #f0f9ff;
    border-color: #d0e6f6;
}
#cecontextmenu.dropped-icon-md img.mask{
    position: absolute;
    top: -1px;
    right: 0px;
    width: 21px;
    background-color: #f0f9ff;
}

#cecontextmenu div.cecontextitem {
    position: relative;
    height: 16px;
    line-height: 17px;
    margin: 3px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 5px;
    white-space: nowrap;
    cursor: pointer;
}

#cecontextmenu div.cecontextitem.noicon {
}

#cecontextmenu div.cecontextitem.sep {
    height: 1px;
    background-color: #a4a5a6;
}


#cecontextmenu div.cecontextitem img {
    position: absolute;
    left: 10px;
    top: 4px;
    /*TODO*/
    width: 0;
    height: 0;
    overflow: hidden;
}

#cecontextmenu div.cecontextitem:hover {
    background-color: #003765;
    color: #FFFFFF;
}
#cecontextmenu div.cecontextitem.disabled {
    background-color: #FFFFFF;
    font-style: italic;
    cursor: default;
    color: gray;
}
#cecontextmenu div.cecontextitem.disabled:hover {
    background-color: #FFFFFF;
    color: gray;
}

#cedrag {
    z-index: 16;
}

#cedrag div.multiple {
    position: absolute;
    left: 4px;
    top: -16px;
    font-size: 10px;
    background: transparent url(/images/checkbox-green.png) no-repeat 0px 0px;
    white-space: nowrap;
    padding-left: 17px;
    padding-right: 1px;
    height: 16px;
    line-height: 16px;
}

#cedrag.small div.multiple {
    left: 0px;
    font-size: 9px;
    background: transparent url(/images/checkbox-small-green.png) no-repeat 0px 3px;
    padding-left: 12px;
    top: -13px;
    height: 13px;
    vertical-align: top;
}

#slideshow_extra_div {
    color: #FFFFFF;
}
#slideshow_extra_div div.ceprogressbar{
    margin-top: 15%;
}
#slideshow_extra_div div.ceprogressbar div.desc{
    position: absolute;
    text-align: center;
    top: 30px;
    width: 100%;
    color: #000000;
}

.flashupgrade_cont {
    position: fixed;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
}

.flashupgrade {
    position: relative;
    top: 50%;
    font-weight: bold;
}

.cetoolspacer {
    float: left;
    display: block;
    width: 8px;
    height: 24px;
}

.cefulliframe {
    width: 100%;
    height: 450px;
    border: none;
}

.cefulliframe_dl {
    width: 100%;
    height: 500px;
    border: none;
}

.cecheck {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
.cecheck.rightmarg {
    margin-right: 3px;
}

table.cetable td .cecheck {
    height: 25px;
}

.cebysourcelabel_sep {
    height: 24px;
}

.cebysourcelabel {
    font-weight: bold;
    padding-bottom: 4px;
    color: #606060;
    font-size: 18px;
}

.cebysharemails {
    font-weight: bold;
    padding-bottom: 4px;
    color: #606060;
    font-size: 14px;
}

.ceclouddiv {
    max-height: 400px;
    overflow-y: auto;
}

.cecloudtype {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f7f7f7;
    padding: 12px;
    padding-top: 8px;
    margin-bottom: 6px;
    margin-right: 8px;
    border: 1px solid #757575;
}
.cecloudtypeon {
    background: #f7f7f7 url(/images/check-big.png) no-repeat 560px center;
}
.cecloudtype h1 {
    color: #000000;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 3px;
}
.cecloudtype h2 {
    color: #555555;
    font-size: 13px;
    font-weight: normal;
}

.notopmargin {
    margin-top: 0;
}
.nobotmargin {
    margin-bottom: 0;
}

.padding6 {
    padding: 6px;
}
.padtop8 {
    padding-top: 8px;
}

.cevideo {
    background-color: #000000;
}
div.cevidplaybut {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background: transparent url(/images/play-but-large.png) no-repeat center center;
}

.confirmlist {
    max-height: 200px;
    overflow: auto;
}
.confirmlist ul {
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.confirmlist li {
    padding-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ceselrect {
    position: absolute;
    border: 1px solid #c9c9c9;
    background-color: #d4e2f2;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    z-index: 100;
}

.cebutton.dragmenubut {
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    #z-index: 11;
}
.dragmenubut img.buttonchev {
    height: 9px;
    width: 9px;
    margin-top: 11px;
    margin-right: 2px;
}
#cedragmenu {
    position: absolute;
    left: -1px;
    top: 26px;
    width: 180px;
}

#cemaindrop {
    position: absolute;
    left: 8px;
    top: 6px;
}

#cetools_fullscreenprev {
    position: fixed;
    right: 0px;
    top: 0px;
    text-align: center;
    background-color: #cfdef6;/*iconsel*/
    width: 240px;
    padding-top: 15px;
    padding-bottom: 18px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.cerightalign {
    text-align: right;
}
.cerightfloat {
    float: right;
}
.celeftfloat {
    float: left;
}

.celockicon {
    width: 11px;
    height: 14px;
    padding-right: 6px;
}

.cesigicon {
    padding-right: 6px;
}

.cedetailsicon {
    cursor: pointer;
}

.cessid {
    padding-left: 24px;
}
.cessid.selected {
    background: transparent url(/images/check-header.png) no-repeat 4px center;
}
.cessid.warning {
    background: transparent url(/images/exclam-header.png) no-repeat 4px center;
}
.ceprinttable {
    width: 100%;
}
.ceprinttable td {
    padding-bottom: 6px;
}
.ceprinttable td.nopad {
    padding-bottom: 0px;
}
.ceprintcheck {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 2px;
    margin-right: 3px;
    *overflow: hidden;
}
a.cebutton.ceprintbut img {
    margin-top: 3px;
}

#docprintbut {
    position: absolute;
    left: 29px;
    top: 4px;
    z-index: 20;
}

.ceprint_printerlabel {
    width: 455px;
    color: #818181;
    background: #D8DFEA url(/images/sidebar-icon-printer.png) no-repeat 6px 0px;
    padding-left: 32px;
    margin-right: 4px;
    margin-top: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ceprint_printerlabel .cebold {
    font-weight: bold;
    color: #000000;
}

.ceprogressbar {
    position: relative;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    height: 16px;
    margin-top: 16px;
}
.ceprogress {
    position: absolute;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 0px;
    background-color: #000000;
}
.ceprogressbar_tiny {
    position: relative;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    height: 2px;
}
.ceprogressbar.mediaprog {
    position: absolute;
    margin-top: 0;
    width: 80%;
    left: 10%;
    height: 8px;
    bottom: 20px;
}
.ceprogressbar.mediaprog .ceprogress {
    background-color: #D8DFEA;
}
.celist td.mediaprog {
    color: transparent;
    display: inline-block;
    position: relative;
}
.celist td.mediaprog .ceprogressbar.mediaprog {
    bottom: 8px;
}

.cebetabold {
    position: relative;
    color: #000000;
    top: -5px;
    font-weight: bold;
    font-size: 11px;
}

.cewlantdiv {
    width: 832px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.cewlantdiv table.cetable {
    border: none;
}
.cewlaniconcol {
    width: 60px;
}
.cewlanextncol {
    width: 20px;
}

.celocalelist {
    text-align: center;
    line-height: 20px;
}

.cedir {
    direction: ltr;
}

.cetablewidth {
    width: 100%;
    max-width: 820px;
}

#cedocprev {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
#cecontentmain #cedocprev {
    position: relative;
    width: 95%;
}
#cedocprev .cedoctools {
    position: relative;
    top: 6px;
    margin-left: 12px;
    margin-right: 12px;
    height: 24px;
}
#cedocprev .cedoctools .ceright {
    position: absolute;
    top: 0px;
    right: 0px;
}

#cedocprev .cedoctools a.cebutton {
    padding: 2px 4px;
    line-height: 18px;
    margin-right: 4px;
    margin-left: 4px;
}
#cedocprev .cedoctools a.cebutton.ceflushright {
    margin-right: 0px;
}
#cedocprev .cedoctools a.cebutton.ceflushleft {
    margin-left: 1px;
}
#cedocprev .cedoctools a.cebutton img {
    position: relative;
    top: 1px;
}
#cedocprev .cedoc {
    position: relative;
    top: 30px;
    left: 0px;
    right: 0px;
    overflow-x: auto;
}
#cedocprev .cedoc img.cesinglepage {
    width: 100%;
}
#cedocprev .cedoc .cedocrow {
    position: relative;
}
/* 2x2 */
#cedocprev .cedoc .cedocrow img.cemulti-2-1 {
    position: relative;
    cursor: pointer;
    left: 1%;
    width: 48%;
    border: 1px solid #666666;
    margin-bottom: 10px;
}
#cedocprev .cedoc .cedocrow img.cemulti-2-2 {
    position: absolute;
    cursor: pointer;
    right: 1%;
    width: 48%;
    border: 1px solid #666666;
}
/* 3x3 */
#cedocprev .cedoc .cedocrow img.cemulti-3-1 {
    position: relative;
    cursor: pointer;
    left: 1%;
    width: 31%;
    border: 1px solid #666666;
    margin-bottom: 10px;
}
#cedocprev .cedoc .cedocrow img.cemulti-3-2 {
    position: absolute;
    cursor: pointer;
    left: 33%;
    width: 31%;
    border: 1px solid #666666;
}
#cedocprev .cedoc .cedocrow img.cemulti-3-3 {
    position: absolute;
    cursor: pointer;
    left: 66%;
    width: 31%;
    border: 1px solid #666666;
}
/* 4x4 */
#cedocprev .cedoc .cedocrow img.cemulti-4-1 {
    position: relative;
    cursor: pointer;
    left: 1%;
    width: 23%;
    border: 1px solid #666666;
    margin-bottom: 10px;
}
#cedocprev .cedoc .cedocrow img.cemulti-4-2 {
    position: absolute;
    cursor: pointer;
    left: 26%;
    width: 23%;
    border: 1px solid #666666;
}
#cedocprev .cedoc .cedocrow img.cemulti-4-3 {
    position: absolute;
    cursor: pointer;
    left: 51%;
    width: 23%;
    border: 1px solid #666666;
}
#cedocprev .cedoc .cedocrow img.cemulti-4-4 {
    position: absolute;
    cursor: pointer;
    left: 76%;
    width: 23%;
    border: 1px solid #666666;
}
div.cedocprevfull {
    position: absolute;
    left: 0px;
    top: 52px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
}

body.cecustomui .cecusthide {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
.cecustui td {
    padding-top: 12px;
    padding-left: 12px;
}
.cecolorprev {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 11px;
}

#cecheckmail {
    position: relative;
    top: 2px;
}

.cetable td.cebizusers {
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}
.cebizusersinfo {
    padding-left: 0px;
    background: #FFFFFF url(/images/users-bg.png) repeat-y top left;
    padding-top: 10px;
    padding-bottom: 16px;
}
div.userselected {
    background-color: #E5F1FF;
    color: #000000;
    font-weight: bold;
    padding-left: 8px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
div.userselected a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
#ceuserinfo {
    vertical-align: top;
    padding-top: 6px;
}
.ceaddbut {
    position: relative;
    top: 8px;
}
.cebizusersinfo table {
    width: 420px;
}

.cebizusersinfo table span {
    padding-right: 12px;
}
.cemailiconresend {
    padding-left: 6px;
}
.cetickicon {
    padding-right: 6px;
    vertical-align: top;
}

.cepink {
    color: #E22E76;
}
.cewhite {
    color: #ffffff;
}
.ceboldgray {
    font-weight: bold;
    color: #7B7B7B;
}
.cebold {
    font-weight: bold;
}
.cebigger {
    font-size: 15px;
}
.ceunderline {
    text-decoration: underline;
}
.cenotopmarg {
    margin-top: 0px;
}
a.cenounderline {
    text-decoration: none;
}
.cemaxscroll450 {
    max-height: 450px;
    overflow: auto;
}

.w20pc {
    width: 20%;
}
.w22pc {
    width: 22%;
}
.w180px {
    width: 180px;
}
.absdiv {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.font10px {
    font-size: 10px;
}

#loweropts {
    position: relative;
    color: #666666;
    font-size: 11px;
    background-color: #f1f1f1;
    margin-top: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 50px;
}
#loweropts.absobot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
#loweropts td {
    vertical-align: top;
    text-align: left;
    font-size: 10px;
    padding-right: 20px;
}
#loweropts div.title {
    font-weight: bold;
    margin-bottom: 5px;
    color: #666666;
}
#loweropts div.itm {
    margin-bottom: 5px;
}
#loweropts span.lang {
    display: block;
    margin-bottom: 5px;
}
#loweropts a {
    color: #134B92;
    text-decoration: none;
}
#loweropts div.copy {
    position: absolute;
    right: 66px;
    top: 32px;
    color: #999999;
}
#loweropts div.copy img {
    position: absolute;
    right: -30px;
    bottom: 3px;
}
#cecopyw {
    text-align: center;
    font-size: 11px;
    padding-top: 20px;
    color: #616A74;
}

.celist tr.item td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    overflow: hidden;
}
.celist tr.item td.icon {
    border-left: 1px solid transparent;
}
.celist tr.item td.actdrop {
    border-right: 1px solid transparent;
    vertical-align: top;
}

.celist tr.item.selrow_single td {
    border-top: 1px solid #b8d6ef;
    border-bottom: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_single td.icon {
    border-left: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_single td.actdrop {
    border-right: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}

.celist tr.item.selrow_first td {
    border-top: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_first td.icon {
    border-left: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_first td.actdrop {
    border-right: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}

.celist tr.item.selrow_middle td {
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_middle td.icon {
    border-left: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_middle td.actdrop {
    border-right: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}

.celist tr.item.selrow_last td {
    border-bottom: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_last td.icon {
    border-left: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}
.celist tr.item.selrow_last td.actdrop {
    border-right: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
}

.celist tr.item:hover td {
    border-top: 1px solid #d4e2f2;
    border-bottom: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}
.celist tr.item:hover td.icon {
    border-left: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}
.celist tr.item:hover td.actdrop {
    border-right: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}

.celist tr.item.itemactive td {
    border-top: 1px solid #d4e2f2;
    border-bottom: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}
.celist tr.item.itemactive td.icon {
    border-left: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}
.celist tr.item.itemactive td.actdrop {
    border-right: 1px solid #d4e2f2;
    background-color: #F0F9Ff;/*iconhov*/
}
.celist tr.item.itemactive td.actdrop img {
    visibility: visible;
}
.celist table.cetracks tr.item td.sel {
    padding-left: 1px;
}
.celist table.cetracks tr.item:hover td.sel   ,   .celist table.cetracks tr.item.itemactive td.sel {
    padding-left: 0;
    border-left: 1px solid #d4e2f2;
}
.cemultsel .celist tr.item.itemactive td.actdrop img {
    visibility: hidden;
}






div.item.selicon_single {
    border: 1px solid #b8d6ef;
    background-color: #cfdef6;/*iconsel*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
div.item.selicon_surrounded {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 13px 13px 1px;
}
div.item.selicon_top {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-top: 1px solid #b8d6ef;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 13px 13px 1px;
}
div.item.selicon_center {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-top: 1px solid #b8d6ef;
    border-bottom: 1px solid #b8d6ef;
    margin-right: 0px;
    border-width: 1px 13px 1px 1px;
}
div.item.selicon_topleft {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-top: 1px solid #b8d6ef;
    border-left: 1px solid #b8d6ef;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 13px 13px 1px;
}
div.item.selicon_leftsingle {
    border: 1px solid #b8d6ef;
    border-right: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 4px;
    margin-right: 0px;
    border-width: 1px 13px 1px 1px;
}
div.item.selicon_topsingle {
    border: 1px solid #b8d6ef;
    border-bottom: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    margin-bottom: 0px;
    border-width: 1px 1px 13px 1px;
}
div.item.selicon_rightsingle {
    border: 1px solid #b8d6ef;
    border-left: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item.selicon_botsingle {
    border: 1px solid #b8d6ef;
    border-top: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item.selicon_botright {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-bottom: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item.selicon_right {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-right: 1px solid #b8d6ef;
    margin-bottom: 0px;
    border-width: 1px 1px 13px 1px;
}
div.item.selicon_topright {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-top: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    margin-bottom: 0px;
    border-width: 1px 1px 13px 1px;
}
div.item.selicon_left {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-left: 1px solid #b8d6ef;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 13px 13px 1px;
}
div.item.selicon_middle {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-left: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    margin-bottom: 0px;
    border-width: 1px 1px 13px 1px;
}
div.item.selicon_botleft {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-bottom: 1px solid #b8d6ef;
    border-left: 1px solid #b8d6ef;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    margin-right: 0px;
    border-width: 1px 13px 1px 1px;
}
div.item.selicon_bot {
    border: 1px solid #cfdef6;/*iconsel*/
    background-color: #cfdef6;/*iconsel*/
    border-bottom: 1px solid #b8d6ef;
    margin-right: 0px;
    border-width: 1px 13px 1px 1px;
}





div.item-md.sel {
    background-color: #cfdef6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
 }
div.item-md.sel div.itemicon-md {
    background-color: transparent;
    opacity: 0.7;
}
/*
div.item-md.selicon_single {
    background-color: #cfdef6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
 }
div.item-md.selicon_surrounded {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 0 8px 10px 0;
}
div.item-md.selicon_top {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-top: 1px solid #b8d6ef;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 9px 9px 1px;
}
div.item-md.selicon_center {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-top: 1px solid #b8d6ef;
    border-bottom: 1px solid #b8d6ef;
    margin-right: 0px;
    border-width: 1px 9px 1px 1px;
}
div.item-md.selicon_topleft {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-top: 1px solid #b8d6ef;
    border-left: 1px solid #b8d6ef;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 9px 9px 1px;
}
div.item-md.selicon_leftsingle {
    border: 1px solid #b8d6ef;
    border-right: 1px solid #cfdef6;
    background-color: #cfdef6;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 4px;
    margin-right: 0px;
    border-width: 1px 9px 1px 1px;
}
div.item-md.selicon_topsingle {
    border: 1px solid #b8d6ef;
    border-bottom: 1px solid #cfdef6;
    background-color: #cfdef6;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    margin-bottom: 0px;
    border-width: 1px 1px 9px 1px;
}
div.item-md.selicon_rightsingle {
    border: 1px solid #b8d6ef;
    border-left: 1px solid #cfdef6;
    background-color: #cfdef6;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item-md.selicon_botsingle {
    border: 1px solid #b8d6ef;
    border-top: 1px solid #cfdef6;
    background-color: #cfdef6;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item-md.selicon_botright {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-bottom: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
div.item-md.selicon_right {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-right: 1px solid #b8d6ef;
    margin-bottom: 0px;
    border-width: 1px 1px 9px 1px;
}
div.item-md.selicon_topright {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-top: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    margin-bottom: 0px;
    border-width: 1px 1px 9px 1px;
}
div.item-md.selicon_left {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-left: 1px solid #b8d6ef;
    margin-right: 0px;
    margin-bottom: 0px;
    border-width: 1px 9px 9px 1px;
}
div.item-md.selicon_middle {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-left: 1px solid #b8d6ef;
    border-right: 1px solid #b8d6ef;
    margin-bottom: 0px;
    border-width: 1px 1px 9px 1px;
}
div.item-md.selicon_botleft {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-bottom: 1px solid #b8d6ef;
    border-left: 1px solid #b8d6ef;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    margin-right: 0px;
    border-width: 1px 9px 1px 1px;
}
div.item-md.selicon_bot {
    border: 1px solid #cfdef6;
    background-color: #cfdef6;
    border-bottom: 1px solid #b8d6ef;
    margin-right: 0px;
    border-width: 1px 9px 1px 1px;
}
*/





div.item-md.sel.itemactive {
    background-color: #F0F9Ff;/*iconhov*/
}
div.item-md.itemactive div.actdrop {
    visibility: visible;
}
.cemultsel div.item-md.itemactive div.actdrop {
    visibility: hidden;
}

div.cewizpane {
    height: 300px;
}
div.cewizpane.med {
    height: 376px;
}
div.cewizpane.big {
    height: 436px;
}
div.filescroll {
    margin-top: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 240px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
}
div.filescroll table {
    background-color: #ffffff;
    width: 100%;
    list-style-type: none;
    border-spacing: 0px;
}
div.filescroll td {
    max-width: 292px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right:4px;
    text-overflow: hidden;
    border-bottom: 1px solid #C9C9C9;
}
div.filescroll td.cefile {
    background: transparent url(/images/label-file.png) no-repeat 6px 5px;
    padding-left: 27px;
}
div.filescroll td.cefolder {
    background: transparent url(/images/label-folder.png) no-repeat 6px 5px;
    padding-left: 27px;
}
div.ceshchoosedlg input {
    width: 100%;
}
div.ceshchoosedlg select {
    width: 100%;
}
div.filescroll td.ceaccesscol {
    width: 140px;
}
div.filescroll td.colmail img {
    padding-left: 12px;
    vertical-align: middle;
}
div.ceinvmsg {
    /*
    margin-left: 140px;
    margin-top: 30px;
    */
}
div.ceinvmsg label img {
    position: relative;
    margin-left: 4px;
    margin-bottom: 1px;
    top: 4px;
}
div.ceinvmsg textarea {
    height: 100px;
    width: 350px;
}
div.filescroll.emailscroll {
    height: 76px;
    cursor: text;
    border: none;
    background: #FFFFFF;
    border: 1px solid #C9C9C9;
}
div.filescroll.emailscroll.print {
    height: 212px;
}
div.cenewmail {
    position: relative;
    margin-bottom: 6px;
}
div.cenewmaillabel {
    position: absolute;
    left: 0;
    top: 0;
    width: 62px;
    height: 28px;
    line-height: 28px;
    text-align: right;
}
div.ceaddresses {
    position: relative;
    width: 608px;
    margin-left: 66px;
    margin-bottom: 2px;
}
div.cenewmailrow {
    position: relative;
    width: 608px;
    margin-left: 66px;
    border: 1px solid #C9C9C9;
    height: 26px;
    line-height: 26px;
    background: transparent;
}
div.cenewmailrow input {
    position: absolute;
    left: 24px;
    top: 0;
    border: none;
    width: 90%;
    padding: 0;
    background: transparent;
    height: 26px;
    color: #C9C9C9;
}
div.cenewmailrow input.active {
  color: #000000;
}

div.emailscroll div.row {
    position: relative;
    border-bottom: 1px solid #C9C9C9;
    height: 26px;
    line-height: 26px;
}
div.emailscroll div.row div.email {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 50%;
}
div.emailscroll div.row div.email img.close {
    position: absolute;
    left: 6px;
    top: 7px;
}
div.emailscroll div.row div.email div.addr {
    position: absolute;
    top: 0;
    left: 24px;
    height: 26px;
}
div.emailscroll div.row div.acclst {
    position: absolute;
    top: 0;
    right : 0;
    height: 26px;
    width: 50%;
    text-align: right;
}
div.emailscroll div.row div.acc {
    position: relative;
    display: inline-block;
    height: 26px;
}
div.emailscroll div.row div.acc input {
    position: relative;
    top: -6px;
    margin-right: 3px;
}
div.emailscroll div.row div.acc label {
    text-decoration: underline;
    margin-right: 12px;
}
input.cepubinp {
    width: 654px;
}
div.ceanifinish {
    text-align: center;
    padding-top: 100px;
}
.ceurlbox {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 4px 4px 4px 6px;
    white-space: nowrap;
    overflow-x: auto;
}
.ceurlbox.cedisabled {
    background-color: #EEEEEE;
    color: #AAAAAA;
}
div.ceinvmsg .ceurlbox {
    padding: 1px 4px 1px 6px;
    margin-left: 18px;
    margin-top: 1px;
    margin-bottom: 6px;
}
.ceurllabel {
    margin-left: 18px;
}
div.ceradiosec {
    padding-top: 3px;
    padding-bottom: 50px;
    padding-left: 22px;
}
div.ceradiosecvert div.ceradiosec {
    padding-bottom: 32px;
}
div.ceradiosec span {
    padding-right: 12px;
    font-weight: bold;
    font-style: italic;
}
div.cefilelist {
    border: 1px dotted #616A74;
    background-color: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
    height: 70px;
}
div.cefilelist div {
    border-bottom: 1px dotted #616A74;
    padding: 2px 2px 2px 4px;
}
div.ceradiosecvert {
    padding-left: 50px;
}
span.cemailfieldto {
    position: relative;
    top: 4px;
}
span.cemailfield {
    position: relative;
}
span.cemailfield input {
    color: #B5B5B5;
    border: 1px solid #C9C9C9;
    height: 20px;
    width: 590px;
    margin-right: 6px;
    padding-left: 5px;
}
span.cemailfield input.email_focus {
    color: #000000;
}
div.cemsgfield {
    position: relative;
    margin-bottom: 14px;
}
div.cemsgfield span {
    position: absolute;
    top: 0px;
    height: 28px;
    line-height: 28px;
    width: 62px;
    text-align: right;
}
div.cewizpane .cedisabled label {
    color: #AAAAAA;
}
div.cefbdiv {
    position: relative;
}
div.cefbdiv span.lbl {
    position: absolute;
    top: 0px;
    height: 28px;
    line-height: 28px;
    width: 62px;
    text-align: right;
}
div.cefbright {
    position: relative;
    margin-left: 66px;
}
div.ceundermail {
    position: relative;
    margin-left: 66px;
}
div.cemsgfield textarea {
    border: 1px solid #C9C9C9;
    width: 580px;
    margin-left: 66px;
    padding: 14px;
    height: 38px;
    color: #C9C9C9;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
}
div.cemsgfield textarea.active {
    color: #000000;
}
div.ceinvmsg.moreopts {
    margin-left: 16px;
    margin-top: 6px;
    margin-bottom: 12px;
}
div.cesuggestions {
    position: absolute;
    border: 1px solid #c8cdd1;
    border-top: none;
    background-color: #FFFFFF;
    z-index: 20;
    display: none;
    top: -6px;
    left: 0px;
    right: 0px;
    line-height: 16px;
}
div.cesuggestions.lift {
    margin-top: -17px;
}
a.cenodecor {
    text-decoration: none;
}

a.cebutton.thin.cedropper {
    padding-right: 22px;
}
a.cebutton.thin.cedropper div.cedropper {
    position: absolute;
    width: 10px;
    height: 5px;
    background: transparent url(/images/smalldropper.png) no-repeat 0px 0px;
    right: 8px;
    top: 8px;
}
a.cebutton.thin.cedropper img.cedropper {
    position: absolute;
    width: 10px;
    height: 5px;
    right: 8px;
    top: 8px;
}
div.ceaddwizemaildiv {
    position: relative;
    top: 80px;
    text-align: center;
}
div.cewizchooser {
    position: relative;
    left: 50%;
    margin-left: -152px;
}
div.cesharewizbuts {
  position: relative;
}
div.cesharewizbuts a.ceredbut {
  font-size: 13px;
}
a.cewizbutmore {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left:-150px;
}
a.cewizbutmore img {
    position: relative;
    top: 2px;
    padding-left: 4px;
}
a.cewizbutusesel {
    position: absolute;
    left: 50%;
    margin-left: -105px;
}

div.cemediachooser {
    position: relative;
    height: 360px;
}
div.cemediachooser div.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 208px;
    background-color: #F0F9FF;
    color: #000000;
    border: 1px solid #C8CDD1;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    overflow: visible;
}
div.cemediachooser div.sidebar div.scroller a::selection {
    background: transparent;
}
div.cemediachooser div.sidebar div.scroller a::-moz-selection {
    background: transparent;
}
div.cemediachooser div.sidebar div.scroller a::-webkit-selection {
    background: transparent;
}
div.cemediachooser div.sidebar div.scroller {
    padding-top: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
    height: 264px;
    overflow: hidden;
    overflow-y: auto;
}
div.cemediachooser div.sidebar.multi div.scroller {
    height: 232px;
}
div.cemediachooser div.sidebar div.scrollbut {
    border: 1px solid #C8CDD1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 26px;
    height: 12px;
    position: absolute;
    top: 287px;
    cursor: pointer;
}
div.cemediachooser div.sidebar div.scrollbut.up {
    left: 71px;
    background: #FFFFFF url(/images/point-up-wide.png) no-repeat center;
}
div.cemediachooser div.sidebar div.scrollbut.down {
    left: 107px;
    background: #FFFFFF url(/images/point-down-wide.png) no-repeat center;
}
div.cemediachooser div.sidebar div.scroller a {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 209px;
    color: #000000;
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 7px;
}
div.cemediachooser div.sidebar div.scroller a div.icon {
    margin-left: 2px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    display: inline-block;
    height: 24px;
    width: 28px;
    text-align: center;
}
div.cemediachooser div.sidebar div.scroller a:hover {
    background: transparent url(/images/sidebar-hover-bg.png) no-repeat 13px top;
}
div.cemediachooser div.sidebar div.scroller a.selected {
    background: url("/images/sidebar-active-bg.png") no-repeat scroll 13px top transparent;
    font-weight: bold;
}
div.cemediachooser div.sidebar div.scroller a.selected:hover {
    background: transparent url(/images/sidebar-active-bg.png) no-repeat 13px top;
}
div.cemediachooser div.sidebar div.groupby {
    position: absolute;
    top: 306px;
    height: 14px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
div.cemediachooser div.sidebar.multi div.groupby {
    top: 274px;
}
div.cemediachooser div.sidebar div.groupby a {
    text-decoration: none;
    background: none;
}
div.cemediachooser div.sidebar div.groupby a.selected {
    font-weight: bold;
}
div.cemediachooser div.sidebar div.selname {
    position: absolute;
    top: 322px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
div.cemediachooser div.sidebar div.selnames {
    position: absolute;
    top: 290px;
    width: 202px;
    text-align: left;
    font-size: 11px;
    padding-left: 6px;
    padding-top: 3px;
    background-color: #FFFFFF;
    height: 64px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #C8CDD1;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
}
div.cemediachooser div.sidebar div.selnames img.close {
    position: relative;
    padding-right: 3px;
    top: 1px;
    cursor: pointer;
}
div.cemediachooser div.listing {
    position: absolute;
    top: 0;
    left: 210px;
    bottom: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #C8CDD1;
    border-left: none;
    overflow-y: scroll;
    padding: 8px;
}
div.cemediachooser div.bclist {
    margin-bottom: 8px;
    font-size: 10px;
    padding-right: 22px;
}
div.cemediachooser div.bclist a {
    text-decoration: none;
}
div.cemediachooser div.bclist span.pagin {
    padding-left: 10px;
}
div.cemediachooser div.bclist span.pagin a {
    padding-left: 2px;
    padding-right: 2px;
}
div.cemediachooser div.bclist span.pagin span {
    padding-left: 2px;
    padding-right: 2px;
}
div.cemediachooser div.newfolder {
    position: absolute;
    top: 4px;
    right: 12px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/images/new-folder.png) no-repeat 0px 0px;
}
div.cemediachooser div.listing div.more {
    text-align: center;
    font-weight: bold;
    float: left;
    width: 100%;
    position: relative;
    padding-top: 6px;
    padding-bottom: 10px;
}
div.cemediachooser div.listing div.itemicon div.selectcheck {
    left: 0;
}
div.cemediachooser div.listing div.itemicondiv {
    margin-left: 0;
    margin-right: 0;
}
div.cemediachooser div.listing .celist td.icon input {
    position: relative;
    top: 3px;
    margin-left: 3px;
}
div.cemediachooser div.listing .celist td.icon {
    width: 56px;
}
div.cemediachooser div.listing .celist tr.item td.name div {
    position: relative;
}
div.cemediachooser div.listing .celist tr.item td.name div span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.cemediachooser div.listing .celist td.size {
    width: 56px;
}

#cetool_socialbuts {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 18px;
}
#cetool_socialbuts span {
    float: left;
}
#cetool_socialbuts span.left {
    margin-left: 12px;
}
a.cebutton.thin.cefb {
    padding-right: 28px;
}
a.cebutton.thin.cefb div.cefb {
    position: absolute;
    width: 13px;
    height: 13px;
    background: transparent url(/images/icon-facebook-small.png) no-repeat 0px 0px;
    right: 8px;
    top: 4px;
}
div.cefbcontacts {
    position: relative;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #FFFFFF;
    border: 1px solid #C9C9C9;
}
div.cefbcontacts.cedisabled{
    background-color: #EEEEEE;
}
div.cewizpane div.cefbcontacts {
    height: 65px;
}
div.cefbcontacts div.row {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #C9C9C9;
}
div.cewizpane div.cefbcontacts div.row {
    height: 26px;
    line-height: 26px;
}
div.cefbcontacts div.row.selected {
    background-color: #AACCF2;
}
div.cefbcontacts div.row img {
    position: absolute;
}
div.cewizpane div.cefbcontacts div.row img {
    width: 26px;
    height: 26px;
}
div.cefbcontacts div.row input.cecheck {
    margin-left: 62px;
    margin-right: 6px;
    vertical-align: middle;
}
div.cewizpane div.cefbcontacts div.row input.cecheck {
    margin-left: 34px;
}
div.cewizpane div.mailhead {
    margin-bottom: 6px;
}
div.cewizpane div.mailhead span.celeftfloat {
    position: relative;
    top: 12px;
    padding-left: 5px;
}
div.cewizpane div.mailhead span.cerightfloat {
    position: relative;
    top: 4px;
}
div.cewizpane td.close_col input.cecheck {
    margin-left: 4px;
    top: 0px;
}
input.cefield {
    border: 1px solid #C9C9C9;
    font-size: 16px;
    padding: 6px;
    width: 384px;
}

div.celearningcenter {
    position: relative;
}
div.celearningcenter div.cehintbubble {
    padding-left: 55px;
    margin-top: 20px;
    margin-left: 20px;
}
div.celearningcenter a.bc {
    color: #414B56;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
div.celearn a.lnk {
    text-decoration: none;
    font-weight: bold;
}
div.celearn a.lnk img {
    vertical-align: middle;
    padding-right: 12px;
}
div.celearn span.lnk {
    text-decoration: none;
    font-weight: bold;
    color: #999999;
}
div.celearn span.lnk img {
    vertical-align: middle;
    padding-right: 12px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
div.celearn td div {
    padding-right: 50px;
}
div.celearn iframe {
    border: none;
}

.ceeditbut {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 10px;
    font-weight: bold;
}
.ceeditbut a {
    color: #003765;
}

div.ceuploadarea {
    height: 200px;
    border: 1px dotted #616A74;
    overflow-y: auto;
}
div.ceuploadarea.hover {
    background-color: #F0F9FF;
}
div.ceuploadarea div.row {
    position: relative;
    height: 58px;
    margin: 6px;
    background-color: #cfdef6;/*iconsel*/
    border: 1px solid #C8CDD1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div.ceuploadarea div.row img {
    position: absolute;
    top: 5px;
    left: 6px;
    width: 48px;
    height: 48px;
}
div.ceuploadarea div.row div.filename {
    position: absolute;
    top: 5px;
    left: 62px;
    right: 101px;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.ceuploadarea div.row div.dest {
    position: absolute;
    top: 22px;
    left: 62px;
    right: 101px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}
div.ceuploadarea div.row div.precentage {
    position: absolute;
    top: 5px;
    right: 36px;
    width: 65px;
    text-align: right;
}
div.ceuploadarea div.row div.ceprogressbar {
    position: absolute;
    left: 62px;
    right: 36px;
    bottom: 7px;
    height: 10px;
}
div.ceuploadarea div.row div.cancel {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 11px;
    top: 21px;
    background: transparent url(/images/dialog-close-x.png) no-repeat 0px 0px;
    cursor: pointer;
}
div.ceullnk {
    font-size: 11px;
    text-align: center;
}
span.ceapplyall {
    display: inline-block;
    position: relative;
    margin-left: 12px;
}

#cewelcomeviddiv {
    height: 400px;
}

div.ceautopageloader {
    background-color: #e5ecf8;
    border: 1px solid #d6dbdd;
    padding: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 56px;
    clear: both;
}
div.ceautopageloader img {
    position: absolute;
    left: 12px;
}
div.cebotrightlnk {
    position: relative;
    top: 12px;
}
.CEUDialog .CEUDialog_msg div.cebotrightlnk a {
    color: #616A74;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    float: right;
}
.CEUDialog .CEUDialog_msg div.cebotrightlnk a.big {
    font-size: 18px;
}
.cepcdldlg {
    position: relative;
    background: transparent url(/images/pp/activate-software-small-fade.png) no-repeat center right;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: bold;
    height: 185px;
    margin-bottom: 18px;
}
.cepcdldlg.small {
    height: 100px;
    margin-bottom: 0px;
}
.cepcdldlg ul {
    font-size: 14px;
    font-weight: normal;
}
.cepcdldlg div.buts {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.cepcdldlg div.signout {
    position: absolute;
    bottom: -26px;
    width: 100%;
    text-align: center;
    color: #BBBBBB;
}
.cepcdldlg div.signout a {
    text-decoration: none;
    color: #616A74;
}

div.cemailbub {
    display: inline-block;
    position: relative;
    background-color: #F0F9FF;
    border: 1px solid #d6dbdd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 2px 4px;
    cursor: default;
    height: 16px;
    line-height: 16px;
}
div.cemailbub.unsent {
    font-weight: bold;
}
div.cemailbub span.name {
    position: relative;
    top: 0px;
    line-height: 16px;
    padding-right: 1px;
}
.CEUDialog .CEUDialog_msg div.cemailbub a {
    text-decoration: none;
}
div.cemailbub span.acc {
    font-size: 10px;
    margin-left: 5px;
}
div.cemailbub .close {
    position: relative;
    top: 2px;
    margin-right: 4px;
    cursor: pointer;
}
div.cemailbub input {
    position: relative;
    top: 0px;
    margin: 0;
    margin-right: 4px;
    width: 13px;
    height: 13px;
    vertical-align: bottom;
}
div.cemailbub .drop {
    position: relative;
    top: -1px;
    margin-left: 1px;
    cursor: pointer;
}
input.cemailinp {
    display: inline-block;
    position: relative;
    border: none;
    color: #B5B5B5;
    height: 21;
    margin: 2px;
    width: 300px;
}
input.cemailinp:focus {
    background: transparent;
}
input.cemailinp.email_focus {
    color: #000000;
}

#ceprocessingmedia {
    position: relative;
    display: inline-block;
    top: 8px;
    float: left;
    line-height: 12px;
}

#celearningside input.cesearchfield {
    background-image: url(/images/sidebar-mag-glass-nodrop.png);
}
#celearningtopics {
    font-size: 12px;
}
#cesidebar #celearningtopics ul li a {
    padding-left: 24px;
}
#cesidebar .sidebar-group #celearningtopics li img {
    top: 0px;
}
div.cehelpentries div.backlink {
    margin-bottom: 16px;
}
div.cehelpentries div.title {
    color: #E22E76;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 16px;
}
div.cehelpentries div.title a {
    color: #E22E76;
    text-decoration: none;
}
div.cehelpentries div.entry {
    margin-bottom: 16px;
    padding-left: 20px;
}
div.cehelpentries div.entry a {
    font-size: 16px;
    text-decoration: none;
}
div.cehelpentries div.entry div.date {
    font-size: 11px;
}
div.cehelpentries div.entrytitle {
    font-size: 18px;
    margin-bottom: 16px;
}
div.cefaq div.cehelpentries div.entry {
    background: none;
    margin-bottom: 16px;
    padding-left: 12px;
}
input.cehelpsearch {
    border: 1px solid #C9C9C9;
    font-size: 14px;
    padding: 4px;
    width: 600px;
}
input.cehelpsearch:focus, textarea:focus {
    background-color: #FFFFFF;
}
textarea.cehelpsearch {
    border: 1px solid #C9C9C9;
    padding: 4px;
    width: 600px;
    height: 160px;
    overflow-y: scroll;
}
div.celearn div.cehintbubble.search {
    padding-right: 27px;
}

div.celearn div.ceresultsbox {
    background-color: #F0F9FF;
    border: 1px solid #D7DEEE;
    color: #000000;
    padding: 30px;
    width: 604px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.celearn div.ceresultsbox div.return {
    position: relative;
    left: -10px;
    top: -5px;
}

div.celearn #celearnmenu div.title {
    font-size: 18px;
}
div.celearn hr {
    border: 1px solid #616A74;
    margin-bottom: 16px;
}
#cepppcupgrade {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
div.ceredgradbut {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 13px;
    color: #ffffff;
    text-shadow: 0 -1px #000000;
    border: 1px solid #9d1c52;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #da2572; /* Old browsers */
    background: -moz-linear-gradient(top, #da2572 0%, #98194f 88%, #b2124f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da2572), color-stop(88%,#98194f), color-stop(100%,#b2124f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #da2572 0%,#98194f 88%,#b2124f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #da2572 0%,#98194f 88%,#b2124f 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #da2572 0%,#98194f 88%,#b2124f 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da2572', endColorstr='#b2124f',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #da2572 0%,#98194f 88%,#b2124f 100%); /* W3C */
}
#cetool_showfullres_ani {
    text-align: center;
}
#linequalitytest {
    height: 400px;
}

#cesidebar ul li#cesearch_fleximusic_li.active {
    height: 90px;
}
#cebuttons_fleximusic {
    position: absolute;
    width: 0px;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}
#cesidebar ul li#cesearch_fleximusic_li.active #cebuttons_fleximusic {
    width: auto;
    height: auto;
    visibility: visible;
    position: absolute;
    top: 31px;
    left: 44px;
    background: #FFFFFF;
    border: 1px solid #c8cdd1;
    border-top: none;
    padding-left: 6px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 4px;
}
#cesidebar ul li.active #cebuttons_fleximusic a {
    background: none;
    font-weight: normal;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    padding-left: 12px;
}
#cesidebar ul li.active #cebuttons_fleximusic a.selected {
    font-weight: bold;
    background: transparent url(/images/chev-right-tiny.png) no-repeat 2px 3px;
}

div.itemicon:hover div.playbut {
    position: absolute;
    width: 29px;
    height: 30px;
    top: 66px;
    left: 12px;
    background: transparent url(/images/audio-tray-but-play.png) no-repeat top left;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
div.itemicon:hover div.playbut:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

table.cemusic td {
    vertical-align: top;
}
table.cemusic td.albumart {
    width: 180px;
    font-size: 11px;
    overflow: hidden;
}
table.cemusic td.albumart img {
    width: 160px;
    height: 160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 6px #888888;
    -webkit-box-shadow: 3px 3px 6px #888888;
    margin-bottom: 3px;
    cursor: pointer;
}
table.cemusic td.sep {
    border-top:    10px solid white;
    border-bottom: 14px solid white;
    background-color: #414b56;
    height: 2px;
}
table.cemusic div.tracktable {
    position: relative;
}
table.cetracks {
    width: 100%;
}
table.cetracks tr {
    cursor: default;
}
table.cetracks tr.selected {
    background-color: #CFDEF6;
}
table.cetracks tr:hover {
    background-color: #F0F9Ff;/*iconhov*/
}
table.cetracks tr.itemactive {
    background-color: #F0F9Ff;/*iconhov*/
}
table.cetracks tr.nostream {
    color: #AAAAAA;
}
table.cetracks tr.playing {
    background-color: #a2dbf6;
}
table.cetracks tr.paused {
    background-color: #e8f1f6;
}
table.cetracks td {
    vertical-align: top;
}
table.cetracks td.sel {
    width: 22px;
    padding-right: 0px;
    text-align: right;
}
table.cetracks td.sel div.cont {
    position: relative;
    height: 24px;
}
table.cetracks td.play {
    width: 20px;
    padding-right: 0px;
    text-align: right;
}
table.cetracks td.play img {
    position: relative;
    top: 5px;
    cursor: pointer;
}
table.cetracks tr.playing td.play img.play {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
table.cetracks tr.paused td.play img.play {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
table.cetracks tr td.play img.pause {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
table.cetracks tr.playing td.play img.pause {
    width: 16px;
    height: 16px;
    display: inline;
    visibility: visible;
}
table.cetracks tr td.play img.resume {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}
table.cetracks tr.paused td.play img.resume {
    width: 16px;
    height: 16px;
    display: inline;
    visibility: visible;
}
table.cetracks td.num {
    width: 24px;
    text-align: right;
    padding-right: 0px;
}
table.cetracks td.name {
    width: 400px;
    padding-left: 10px;
    overflow: hidden;
}
table.cetracks tr.playing td.name {
    font-weight: bold;
}
table.cetracks td.artist {
    width: auto;
}
table.cetracks td.album {
    width: auto;
}
table.cetracks div.ceslider {
    left: 74px;
    right: 0;
}

#cehiddenwimp {
    position: fixed;
    z-index: 5000;
    width: 1px;
    height: 1px;
    right: 0px;
    bottom: 0px;
}

div.cewelcomemobile {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 920px;
    height: 500px;
    margin-left: -460px;
    margin-top: -250px;
    background: transparent url(/images/welcome-mobile.jpg) no-repeat top left;
    z-index: 200;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
div.cewelcomemobile div.righttext {
    position: absolute;
    top: 120px;
    left: 470px;
    width: 405px;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
}
div.cewelcomemobile div.righttext div.title {
    font-size: 24px;
    margin-bottom: 12px;
    font-family: Georgia, serif;
}
div.cewelcomemobile div.bul {
    line-height: 18px;
}
div.cewelcomemobile div.bul img {
    vertical-align: middle;
}
div.cewelcomemobile div.buts {
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 20px;
    text-align: right;
}

#audioplayer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
    border-top: 1px solid #787878;
    background-color: #505050;
    overflow: hidden;
    z-index: 10;
}
#audioplayer_art div.spacer {
    height: 240px;
}
#audioplayer_art div.content {
    position: absolute;
    bottom: 0px;
    width: 221px;
    background-color: #FFFFFF;
    cursor: pointer;
}
#audioplayer_art div.label {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #bdbdbd;
    color: #5c5c5c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 14px;
    padding-right: 14px;
    background: #b5b5b5 url(/images/act-dropper-right-md.png) no-repeat 208px 3px;
}
#audioplayer_art div.label #audioplayer_nowinfo_close {
    width: 0;
    height: 0;
}
#audioplayer_art.paused div.label #audioplayer_nowinfo_close {
    position: absolute;
    left: 4px;
    top: 7px;
    cursor: pointer;
    width: 10px;
    height: 9px;
}
#audioplayer_art div.label div {
    overflow: hidden;
}
#audioplayer_art_img {
    width: 221px;
}
#audioplayer_art_img.hover {
    width: 204px;
    border: 2px solid yellow;
}
.audio_tray_controls {
    position: relative;
    height: 42px;
    width: 100%;
}
.audio_tray_controls .showfull {
    cursor: pointer;
    position: absolute;
    left: 12px;
    top: 15px;
    width: 16px;
    height: 16px;
}
.audio_tray_controls .buttons {
}
.audio_tray_controls div.but {
    position: absolute;
    top: 0px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}
.audio_tray_controls div.but.prev {
    top: 7px;
    left: 12px;
    background: transparent url(/images/audio-tray-but-prev.png) no-repeat top left;
    width: 24px;
    height: 25px;
}
.audio_tray_controls div.but.pause {
    top: 4px;
    left: 42px;
    background: transparent url(/images/audio-tray-but-pause.png) no-repeat top left;
    width: 29px;
    height: 30px;
}
.audio_tray_controls div.but.play {
    top: 4px;
    left: 42px;
    background: transparent url(/images/audio-tray-but-play.png) no-repeat top left;
    width: 29px;
    height: 30px;
}
.audio_tray_controls div.but.next {
    top: 7px;
    left: 77px;
    background: transparent url(/images/audio-tray-but-next.png) no-repeat top left;
    width: 24px;
    height: 25px;
}
.audio_tray_controls div.elapsed {
    position: absolute;
    left: 255px;
    top: 0;
    height: 39px;
    line-height: 40px;
    font-size: 10px;
    color: #FFFFFF;
    text-shadow: -1px -1px #000000;
}
.audio_tray_controls div.duration {
    position: absolute;
    right: 25px;
    top: 0;
    height: 39px;
    line-height: 40px;
    font-size: 10px;
    color: #FFFFFF;
    text-shadow: -1px -1px #000000;
}
.pos_slider {
    position: absolute;
    top: 16px;
    left: 287px;
    right: 56px;
    height: 6px;
    background-color: #ffffff;
    border: 1px solid #787c66;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pos_slider .pos_nib {
    position: absolute;
    left: 0px;
    top: -6px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: transparent url(/images/audio-tray-pos-nib.png) no-repeat top left;
}
.audio_tray_controls .vol_slider {
    position: absolute;
    top: 16px;
    left: 120px;
    width: 86px;
    height: 6px;
    background-color: #747474;
    border: 1px solid #5f5f5f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.audio_tray_controls .vol_nib {
    position: absolute;
    right: 0px;
    top: -2px;
    width: 11px;
    height: 12px;
    background: transparent url(/images/audio-tray-vol-nib.png) no-repeat top left;
    cursor: pointer;
}
.audio_tray_controls .mute {
    position: absolute;
    left: 212px;
    top: 14px;
    width: 11px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/images/audio-tray-mute-off.png) no-repeat top left;
}
.audio_tray_controls .mute.on {
    background: transparent url(/images/audio-tray-mute-on.png) no-repeat top left;
}
div.ceaudiotracks {
    position: absolute;
    left: 221px;
    width: 300px;
    bottom: 25px;
    height: 217px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 2px solid #414b56;
    border-left: none;
    background-color: #FFFFFF;
    font-size: 13px;
    z-index: 11;
}
div.ceaudiotracks div.track {
    position: relative;
    width: 100%;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 22px;
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
}
div.ceaudiotracks div.track div.remove {
    position: absolute;
    left: 6px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: transparent url(/images/close-10px.png) no-repeat top left;
}
div.ceaudiotracks div.track.selected {
    background-color: #dfe8f0;
    font-weight: bold;
}

div.cedropdown {
    position: relative;
    display: inline-block;
    color: #003765;
    background-color: #FFFFFF;
    height: 22px;
    line-height: 23px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 24px;
    border: 1px solid #003765;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
div.cedropdown div.dropper {
    position: absolute;
    width: 11px;
    height: 6px;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    background: transparent url(/images/dropdown-dropper.png) no-repeat top left;
}
div.cedropdown_list {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #003765;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #003765;
    font-size: 11px;
    font-weight: bold;
    cursor: default;
}
div.cedropdown_list div.sep {
    height: 1px;
    background-color: #003765;
    border: 0;
    left: 0;
    width: 100%;
}
div.cedropdown_list div.itm {
    height: 16px;
    line-height: 17px;
    margin: 3px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    white-space: nowrap;
}
div.cedropdown_list div.itm:hover {
    background-color: #003765;
    color: #FFFFFF;
}
div.cedropdown_list div.itm span.check {
    color: transparent;
    padding-right: 6px;
}
div.cedropdown_list div.itm.selected span.check {
    color: #003765;
}
div.cedropdown_list div.itm.selected:hover span.check {
    color: #FFFFFF;
}

#ceviewmode {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}
#ceviewmode div {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 13px;
    cursor: pointer;
}
#celistlnk {
    background: transparent url(/images/view-list.png) no-repeat top left;
}
#celistlnk.selected {
    background-image: url(/images/view-list-on.png);
}
#celistlnk:hover {
    background-image: url(/images/view-list-hover.png);
}
#cemediumlnk {
    background: transparent url(/images/view-tile.png) no-repeat top left;
}
#cemediumlnk.selected {
    background-image: url(/images/view-tile-on.png);
}
#cemediumlnk:hover {
    background-image: url(/images/view-tile-hover.png);
}

.celist td.social div.lnk {
    position: relative;
    display: inline-block;
    height: 21px;
    padding: 0 5px;
    border: 1px solid transparent;
    border-bottom: none;
    cursor: pointer;
    background-color: transparent;
}
.celist td.social div.lnk img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.celist td.social div.lnk.enabled img  ,  .celist td.social div.lnk.popped img  ,
.celist tr.item:hover td.social div.lnk img  ,  .celist tr.track:hover td.social div.lnk {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.celist td.social div.lnk.popped {
    position: relative;
    border-color: #003765;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FFFFFF;
}
.celist td.social img.icon {
    position: relative;
    top: 5px;
    margin: 0 2px;
}
span.cesocialbut.twitter {
    display: inline-block;
    width: 117px;
}
span.cesocialbut.twitter iframe.hidden {
    display: block;
    overflow: visible;
    visibility: visible;
}
span.cesocialbut.google {
    display: inline-block;
    width: 96px;
}
.fb_edge_widget_with_comment {
    vertical-align: top;
}

#ceincubator {
    z-index: -1000;
    visibility: hidden;
}

#ceemptydrive {
    position: absolute;
    width: 720px;
    height: 362px;
    background: transparent url(/images/pinned-box-steps.png) no-repeat top left;
    left: 50%;
    margin-left: -360px;
}
#ceemptydrive a {
    font-weight: bold;  
}
#ceemptydrive div.title {
    position: absolute;
    top: 94px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 28px;
    font-size: 26px;
    color: #333333;
}
#ceemptydrive div.step1 {
    position: absolute;
    top: 238px;
    left: 57px;
    width: 166px;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
    color: #666666;
}
#ceemptydrive div.step2 {
    position: absolute;
    top: 238px;
    left: 260px;
    width: 196px;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
    color: #666666;
}
#ceemptydrive div.step3 {
    position: absolute;
    top: 238px;
    left: 495px;
    width: 166px;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
    color: #666666;
}

div.cecloudcongrats.CEUDialog {
    width: 593px;
}
div.cecloudcongrats.CEUDialog .CEUDialog_msg {
    padding: 0;
}
div.cecloudcongrats div.cloudmsg {
    position: relative;
    width: 593px;
    height: 427px;
    background: transparent url(/images/cloud-congrats-bg.jpg) no-repeat top left;
}
div.cecloudcongrats div.cloudmsg div.txt {
    position: absolute;
    top: 250px;
    margin: 0 24px;
    text-align: center;
    color: #333333;
    font-size: 16px;
}
div.cecloudcongrats div.cloudmsg div.txt a {
    color: #00437b;
}
div.cecloudcongrats div.cloudmsg div.getulbut {
    position: absolute;
    top: 356px;
    width: 258px;
    height: 48px;
    left: 50%;
    margin-left: -129px;
    background: transparent url(/images/cloud-congrats-getul.png) no-repeat top left;
    cursor: pointer;
}

div.ppgpinnednote {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
div.ppgpinnednote div.bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.3;
}
div.ppgpinnednote div.note {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 941px;
    height: 418px;
    margin-top: -209px;
    margin-left: -470px;
    background: transparent url(/images/pinned-note.png) top left no-repeat;
}
div.ppgpinnednote div.note div.unsupp {
    position: absolute;
    width: 796px;
    height: 116px;
    top: 106px;
    left: 50%;
    margin-left: -398px;
    text-align: center;
    color: #333333;
}
div.ppgpinnednote div.note div.unsupp1 {
    position: relative;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 32px;
}
div.ppgpinnednote div.note div.unsupp2 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
}
div.ppgpinnednote div.note div.unsupp3 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
div.ppgpinnednote div.note div.links {
    position: absolute;
    top: 296px;
    text-align: center;
    width: 100%;
}
div.ppgpinnednote div.note div.links img {
    cursor: pointer;
    margin: 0 10px;
}
div.ppgpinnednote div.note div.close {
    position: absolute;
    bottom: 26px;
    text-align: center;
    width: 100%;
}
div.ppgpinnednote div.note div.close span {
    cursor: pointer;
    color: #2f82fe;
    font-size: 13px;
}
div.ppgpinnednote div.note div.closebut {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: -12px;
    width: 38px;
    height: 38px;
    background: transparent url(/images/close-38px.png) top left no-repeat;
}

#ceiframediv iframe {
    width: 100%;
}