/* ===== 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: 12px;
    margin-left: 11px;
    background-color: #FFFFFF;
}

h1.ces {
    color: #616a74;
}

h2.ces {
    color: #616a74;
}

h3.ces {
    color: #616a74;
}

hr.ces {
    margin: 20px 0px 20px 0px;
}

.hidden {
    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;
}

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

.ceerrmsg {
    color: red;
}

.ceinfomsg {
}

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

a { 
    color: #2e76df;
}

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

#cemain.cefullwinslid {
    width: 199px;
}

#cemain.cealbum.cefullwinslid {
    width: 0px;
}

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

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

#cemain_pad {
    position: absolute;
    width: 100%;
    top: 41px;
    bottom: 0px;
}

/* ===== Header ====== */
#cehead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 41px;
    line-height: 40px;
    padding: 0;
    padding-left: 14px;
    padding-right: 8px;
    background: #464646 url(/images/pp/login-topbar-bg.png) repeat top;
    overflow: visible;
    color: #ffffff;
    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;
}

#cecontrols {
    #padding-right: 12px;
}

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

#ceusername {
    margin-right: 10px;
    font-size: 12px;
    color: #d9d9d9;
}

.cehead_link {
    text-decoration: none;
    font-weight: bold;
    position: relative;
    padding-left: 8px;
    padding-right: 13px;
    color: #ffffff;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 30px;
    text-transform: uppercase;
    background: url("/images/button-chev-small.png") no-repeat scroll right 5px transparent;
    margin-left: 6px;
    margin-right: 6px;
}

.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 {
    background-color: #B7B7B7;
}

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

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

#cehead #celogo {
    float: left;
    margin-top: 2px;
}

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

#cemylib_ss_text {
    position: relative;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

#cemylib_ss_opts {
    top: 34px;
    width: 196px;
    margin-left: 4px;
    #margin-left: -207px;
}

#cesearch_name_li {
    z-index: 5;
}

#cealbumhelp {
             margin-left: 80px;
}

#ceexpiry {
    color: orange;
}

#celogin {
    color: lightblue;
}      

/* ===== CEBODY ====== */
#cebody {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
}

/* ===== Toolbar ====== */
#cetoolbar {
    background: #b7b7b7 url(/images/sidebar-border.png) repeat-y top left;
    position: absolute;
    left: 199px;
    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;
}

#cesrcpagination {
    position: relative;
    top: -1px;
    margin-left: 4px;
}

#cesrcpagination a {
    color: #1a3ea0;                
}

.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: 0;
    top: 0;
    width: 199px;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 0;
    background: #828282 url(/images/sidebar-bg.jpg) repeat-x top left;
}

#cesidebar .ceheader {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #606060;
    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: 1px;
}

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

#cesidebar ul li {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

#cesidebar ul li a {
    display: block;
    text-decoration: none;
    color: #000000;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 16px;
}

#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 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 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) repeat-y left;
    color: #ffffff;
    font-weight: bold;
}

#cesidebar ul li a.active {
    background: transparent url(/images/sidebar-active-bg.png) repeat-y left;
    color: #ffffff;
    font-weight: bold;
}

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

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

#cesidebar ul li a:hover {
    background-color: #c7c7c7;
}

#cesidebar ul li a.active:hover {
    background: transparent url(/images/sidebar-active-bg.png) repeat-y left;
}

#cesidebar ul li.active a:hover {
    background: transparent url(/images/sidebar-active-bg.png) repeat-y left;
}

#cesidebar a.smart-search {
}

#cesidebar ul li a div.devname {
    position: absolute;
    bottom: 0px;
    left: 60px;
    font-size: 8px;
    font-weight: normal;
    color: #333333;
}

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

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

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

#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.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.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.icoprinter {
    background: transparent url(/images/sidebar-icon-printer.png) no-repeat top left;
}
#cesidebar li.active img.movies {
    background: transparent url(/images/sidebar-icon-movies-active.png) no-repeat top left;
}
#cesidebar li.active img.photos {
    background: transparent url(/images/sidebar-icon-photos-active.png) no-repeat top left;
}
#cesidebar li.active img.music {
    background: transparent url(/images/sidebar-icon-music-active.png) no-repeat top left;
}
#cesidebar li.active img.slideshow {
    background: transparent url(/images/sidebar-icon-slideshow-active.png) no-repeat top left;
}
#cesidebar li.active img.activecopy {
    background: transparent url(/images/sidebar-icon-activecopy-active.png) no-repeat top left;
}
#cesidebar li.active img.today {
    background: transparent url(/images/sidebar-icon-today-active.png) no-repeat top left;
}
#cesidebar li.active img.week {
    background: transparent url(/images/sidebar-icon-week-active.png) no-repeat top left;
}
#cesidebar li.active img.month {
    background: transparent url(/images/sidebar-icon-month-active.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.sharedwith {
    background: transparent url(/images/sidebar-icon-sharedwith-active.png) no-repeat top left;
}
#cesidebar li.active img.drive {
    background: transparent url(/images/sidebar-icon-drive-active.png) no-repeat top left;
}
#cesidebar li.active img.drivecloud {
    background: transparent url(/images/sidebar-icon-drivecloud-active.png) no-repeat top left;
}
#cesidebar img.icoprinter {
    background: transparent url(/images/sidebar-icon-printer-active.png) no-repeat top left;
}

/* --- 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;
}

#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-radius-top: 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: absolute;
    padding: 8px;
    left: 0px;
    right: 0px;
    top: 32px;
    bottom: 0px;
    overflow-y: auto;
}

#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: 300px;
    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;
    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-radius-bottom: 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-radius-bottom: 4px;
}

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

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

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

#ceshare1 #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;
}

#ceshare1 #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;
}

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

#ceshare label {
    font-weight: bold;
}

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

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

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

#ceshare1 #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 395px 12px;
}

.cesync_folderlabel {
    width: 355px;
    color: #818181;
    background: #e5f1ff 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 .cebold {
    font-weight: bold;
    color: #000000;
}

.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;
}

/* ===== 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-radius-bottom: 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: 199px;
    right: 0px;
    height: 30px;
    background: #b7b7b7 url(/images/sidebar-border.png) repeat-y top left;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    #z-index: 15;
}

#cealbum #cebcbar {
    left: 0px;
}

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

/* ===== Main content area ====== */
#cecontent_edge_top {
    position: absolute;
    top: 34px;
    left: 222px;
    right: 18px;
    height: 5px;
    background-color: #FFFFFF;
}

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

#cecontent {
    position: absolute;
    top: 39px;
    left: 217px;
    right: 18px;
    bottom: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 5px;
    min-width: 350px;
    overflow-y: auto;
    #overflow-x: 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;
}

#cealbum #cecontent {
    left: 18px;
}

#ceappcontent {
    position: absolute;
    top: 40px;
    left: 181px;
    right: 0px;
    bottom: 0px;
}

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

#ceappframe {
    min-height: 100%;
    height: 100%;
}

#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: 40px;
    left: 0px;
    margin-left: 192px;
    padding: 12px;
    padding-bottom: 60px;
    min-width: 350px;
    height: 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;
}

#celoading {
    position: fixed;
    z-index: 150;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

#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);
}

#celoadingfg {
    z-index: 151;
    position: fixed;
    left: 50%;
    top: 50%;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/* ===== Breadcrumbs ====== */
.breadcrumb {
    white-space: nowrap;
    position: relative;
    top: 3px;
    height: 27px;
    vertical-align: middle;
    line-height: 24px;
}

.breadcrumb ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #414b56;
    font-weight: bold;
}

.breadcrumb li {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    background-color: #ffffff;
}
.breadcrumb li.child{
    background: #ffffff url(/images/breadcrumb-bg.png) no-repeat left;
    padding: 0 4px 0 16px;
}

.breadcrumb li#cebc_root {
    background: #ffffff url(/images/breadcrumb-root-bg.png) repeat-x left;
    padding: 0 4px 0 6px;
}
.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#srcbc_root {
    background: #ffffff url(/images/breadcrumb-root-bg.png) repeat-x left;
    padding: 0 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: #414b56;
}

.celist {
    color: #616a74;
}

.cedevicebody {
    color: #616a74;
}

/* ===== 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: hidden;
    border: 1px solid transparent;
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
}

#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: 4px;
    -webkit-border-radius: 4px;
}

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

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

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

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

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

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

.celist td div.itemicon img.shareicon-list {
    width: 9px;
    height: 9px;
    z-index: 1;
}

img.shareicon-list {
    position: absolute;
    top: 15px;
    left: 15px;
}

div.itemicondiv img.shareicon-list {
    position: absolute;
    top: 15px;
    left: 15px;
}

.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: 0px;
  width: 19px;
  height: 19px;
  border: 1px solid #777777;
}

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

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

div.itemicon div.itemvideoprev {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 160px;
    height: 160px;
}

img.shareicon {
    position: absolute;
    right: 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*/
}

div.itemicon-md div.itemvideoprev {
    position: absolute;
    left: 1px;
    top: 0px;
    width: 78px;
    height: 78px;
}

img.shareicon-md {
    position: absolute;
    right: 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*/
}

div.itemicon-sm div.itemvideoprev {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
}

img.shareicon-sm {
    position: absolute;
    right: 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 img {
    max-width: 160px;
    max-height: 160px;
}

div.itemname {
    position: relative;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

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;
}

.item div.itemactions {
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 6;
    cursor: default;
}

.item div.itemsearchactions {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.item div.item-transcode {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item div.item-transcode {
    position: absolute;
    top: 4px;
    left: 136px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.item:hover div.item-transcode {
    width: 28px;
    height: 28px;
}

div.item div.item-transcode img {
    margin-left: 7px;
    margin-top: 2px;
    cursor: pointer;
}

.item div.item-rss {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item div.item-rss {
    position: absolute;
    top: 4px;
    left: 136px;
    background: transparent;
}

div.item:hover div.item-rss {
    width: 28px;
    height: 28px;
}

div.item div.item-rss img {
    cursor: pointer;
}

div.item div.itemactions {
    position: absolute;
    top: 140px;
    left: 4px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    z-index: 6;
    cursor: default;
}

div.item div.itemsearchactions {
    position: absolute;
    top: 4px;
    left: 4px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

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

div.item:hover div.itemactions {
    width: 160px;
    height: 24px;
    cursor: default;
}

div.item:hover div.itemsearchactions {
    width: 29px;
    height: 24px;
}

div.item div.itemactions img {
    margin-left: 12px;
    cursor: pointer;
}

tr.item div.itemactions img {
    padding-right: 2px;
    cursor: pointer;
}

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;
}

div.item div.itemsearchactions img {
    margin-left: 3px;
    cursor: pointer;
}

/* medium grid view */

div.item-md {
    float: left;
    display: inline;
    position: relative;
    width: 81px;
    height: 93px;
    overflow: hidden;
    border: 1px solid transparent;
    padding: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
}

div.itemicon-md {
    position: relative;
    border: 1px solid #c8cdd1;
    width: 80px;
    height: 80px;
    background-size: 80px;
    text-align:center;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.itemicon-md img {
    max-width: 80px;
    max-height: 80px;
}

div.itemname-md {
    position: relative;
    font-size: 10px;              
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

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

.item-md div.item-transcode-md {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item-md div.item-transcode-md {
    position: absolute;
    top: 0px;
    left: 66px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.item-md:hover div.item-transcode-md {
    width: 16px;
    height: 16px;
}

div.item-md div.item-transcode-md img {
    width: 14px;
    height: 14px;            
    margin-left: 4px;
    margin-top: 1px;
    cursor: pointer;
}

.item-md div.item-rss-md {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item-md div.item-rss-md {
    position: absolute;
    top: 0px;
    left: 66px;
    background: transparent;
}

div.item-md:hover div.item-rss-md {
    width: 16px;
    height: 16px;
}

div.item-md div.item-rss-md img {
    width: 14px;
    height: 14px;            
    margin-left: 0px;
    margin-top: 1px;
    cursor: pointer;
}

.item-md div.itemactions-md {
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 6;
    cursor: default;
}

div.item-md div.itemactions-md {
    position: absolute;
    top: 65px;
    left: 2px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    cursor: default;
}

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

div.item-md:hover div.itemactions-md {
    width: 80px;
    height: 16px;
    cursor: default;
}

div.item-md div.itemactions-md img {
    width: 14px;
    height: 14px;            
    margin-left: 4px;
    cursor: pointer;
}


.item-md div.itemsearchactions-md {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

div.item-md div.itemsearchactions-md {
    position: absolute;
    top: 1px;
    left: 0px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

div.item-md:hover div.itemsearchactions-md {
    width: 17px;
    height: 14px;
}

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

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.itemsearchactions-md img {
    width: 14px;
    height: 14px;            
    margin-left: 2px;
    cursor: pointer;
}

/** 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;
}


.item-sm div.item-transcode-sm {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item-sm div.item-transcode-sm {
    position: absolute;
    top: 0px;
    left: 38px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.item-sm:hover div.item-transcode-sm {
    width: 8px;
    height: 8px;
}

div.item-sm div.item-transcode-sm img {
    margin-left: 2px;
    margin-top: 0px;
    width: 8px;
    height: 8px;
    cursor: pointer;
}

.item-sm div.item-rss-sm {
    width: 0px;
    height: 0px;
    overflow: hidden;      
}

div.item-sm div.item-rss-sm {
    position: absolute;
    top: 0px;
    left: 36px;
    background: transparent;
}

div.item-sm:hover div.item-rss-sm {
    width: 8px;
    height: 8px;
}

div.item-sm div.item-rss-sm img {
    margin-left: 0px;
    margin-top: 0px;
    width: 8px;
    height: 8px;
    cursor: pointer;
}

.item-sm div.itemactions-sm {
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 6;
    cursor: default;
}

div.item-sm div.itemactions-sm {
    position: absolute;
    top: 34px;
    left: 2px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    cursor: default;
}

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

div.item-sm:hover div.itemactions-sm {
    width: 42px;
    height: 9px;
    cursor: default;
}

div.item-sm div.itemactions-sm img {
    width: 8px;
    height: 8px;            
    margin-left: 2px;
    cursor: pointer;
}

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;
}


.item-sm div.itemsearchactions-sm {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

div.item-sm div.itemsearchactions-sm {
    position: absolute;
    top: 3px;
    left: 1px;
    background: #111111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

div.item-sm:hover div.itemsearchactions-sm {
    width: 9px;
    height: 8px;
}

div.item-sm div.itemsearchactions-sm img {
    width: 8px;
    height: 8px;            
    margin-left: 1px;
    cursor: pointer;
}

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

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

.celist .celist_lv {
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    -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;
}

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

.celist tr.item:hover {
    background-color: #d4e2f2;
}

.celist tr.item:hover div.itemactions {
    width:  100%;
    height: auto;
    cursor: default;
}

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

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

.celist td {
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.celist td.icon {
    width: 60px;
    text-align: center;
    padding-right: 0px;
}

.celist td.name {
    position: relative;
    width: 35%;
    text-align: left;
}

.celist td.name div.name {
    position: relative;
    height: 24px;
}

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

.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: 4px;
    left: -1px;
    width: 100%;
    margin: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding: 0;
    height: 16px;
}

.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: 10%;
    text-align: right;
}

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

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

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

.celist td.head {
    border-bottom: 1px solid #c9c9c9;
    font-weight: bold;
}

.celist td.head.icon img {
    float: right;
    cursor: pointer;
    padding-right: 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;
}


.right-float {
    float: right;
}

.celist td div.itemicon {
    background: transparent;
    border: 0px;
    padding: 0px;
    width:  100%;
    height: 24px;
}

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

.cedevices td.head {
    white-space: normal;
    overflow: hidden;
}

/* ===== Album source tray ====== */

.cetrayresize {
    position: absolute;
    background: url(/images/v-resize-handle.png) no-repeat;
    top: 2px;
    right: 30px;
    width: 14px;
    height: 26px;
    cursor: row-resize;
}

.cetrayresize_bar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    cursor: row-resize;
    background: #000000 url(/images/tray-top-border.png) repeat-x top;
}

.cetrayresize_mask {
    position: absolute;
    background: #FFFFFF;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: row-resize;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cetrayhint_icon {
    position: absolute;
    background: url(/images/help-icon.png) no-repeat;
    top: 4px;
    right: 52px;
    width: 22px;
    height: 22px;
}

.cetrayhint_text {
    position: absolute;
    bottom: 6px;
    right: 46px;
    cursor: default;
}

.cetrayhint_nib {
    position: absolute;
    bottom: -9px;
    right: 12px;
}

.cetrayhint_noauto {
    font-style: italic;
}

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

.cesrctray-fg {
    position: absolute;
    left: 0px;
    top:  4px;
    bottom: 0px;
    width: 100%;
}

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

.cesrctray-bg-ie6 {
    background: #707a84 url(/images/tray-top-border.png) repeat-x top;
}

#cesrc_controls {
    #z-index: 15;
}

#cesrc_pad {
    padding: 8px;
    position: relative;
}

#cesrcscroll {
    position: relative;
    width: auto;
}

#cesrcbcholder {
    margin-bottom: 6px;
    #z-index: 15;
}

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

/* ===== 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%;
}

.extramarginbottom {
    margin-bottom: 8px;                       
}                   

.extramarginbottom16 {
    margin-bottom: 16px;                       
}                   

.rename {
        font-size: 9px;
        margin-left: 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;
}

.cesrc-msg {
    background-color: #ffffff;
    color: #000000;           
}

#cesrcsvc {
    margin-bottom: 2px;
}
       
#cesrcdivclose {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 8px;
}

.ceshare-icon-breadcrumb {
    margin-left: 3px;
    position: relative;
    top: 4px;
    #top: -1px;
    #vertical-align: top;
    
}

.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;
}

#cesrcbcholder 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_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: 400px;
    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;
    #display: inline;
    #zoom: 1;
}

.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;
}

.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;
    border: solid thin #c8cdd1;
    line-height: 28px;
    width: 820px;
}

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

.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;
}

.cetable td.head {
    background-color: #f0f0f0;
    font-weight: bold;
}

table.cetable td.head {
    background-color: #f0f0f0;
    font-weight: bold;
}
.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;
}

#cesidebar.ceaudiotray {
    bottom: 42px;
}

#audio_tray_holder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 199px;
    height: 42px;
    z-index: 5;
    background-color: #828282;
}

#audio_tray_holder.cemin {
    background-color: transparent;
    border-right: none;
}

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

#audio_tray {
    position: absolute;
    left: 39px;
    bottom: 0px;
    width: 100px;
    height: 42px;
    z-index: 5;
}

#audio_tray.cemin {
    visibility: hidden;
}

#audio_tray_min {
    position: absolute;
    left: 139px;
    bottom: 10px;
}
#cemain.cealbum #audio_tray_min {
    left: 28px;
}

#audio_tray_max {
    position: absolute;
    right: 0px;
    bottom: 10px;
}
#cemain.cealbum #audio_tray_max {
    right: 0;
    left: 0px;
}

.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;
}

#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: 11px;
    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: fixed;
    left: 0px;
    top: 40px;
    right: 0px;
    height: 0px;
    background-color: transparent;
    overflow: visible;
}

.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%;
}

.cehint_hint {
    position: relative;
    line-height: 40px;
    height: 40px;
    background: #e22e76 url(/images/slidemsg-border-top.jpg) repeat-x top left;
    border-bottom: 1px solid #c22666;
    padding-left: 24px;
    padding-right: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-weight: bold;
}
#cehint .cehint_hint a {
    color: #000000;
    text-decoration: underline;
}

.cehint_hint.cetop {
}

.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;
}

#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;
}

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

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

.slidedir_edit_row {
    position: absolute;
    display: block;
    left: 27px;
    right: 0px;
    height: 186px;
    padding-bottom: 18px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

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

.slidedir_placeholder:hover {
    float: left;
    display: inline;
    position: relative;
    width: 12px;
    height: 178px;
    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: 48px;
    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 8px;
    font-size: 11px;
    border: 1px solid #8294a6;
    background-color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

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

a.cepage-link-pn {
    text-decoration: none;
    color: #20539d;
    font-size: 11px;
    border: 1px transparent;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 0px;
}

#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;
    background-color: #FFFFFF;
    border: 1px solid #C8CDD1;
    cursor: default;
}

#cecontextmenu div.cecontextitem {
    position: relative;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    padding-left: 36px;
    padding-right: 20px;
    white-space: nowrap;
}

#cecontextmenu div.cecontextitem.noicon {
    position: relative;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

#cecontextmenu div.cecontextitem img {
    position: absolute;
    left: 10px;
    top: 4px;
}

#cecontextmenu div.cecontextitem:hover {
    background-color: #AACCF2;
}

#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;
}

.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;
}

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

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

.cebysourcelabel_sep {
    height: 24px;
}

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

.cesrctophint_cont {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    text-align: center;
}
.cesrctophint {
    padding-top: 4px;
    padding-bottom: 4px;
    background-position: 7px center;
    margin-bottom: 6px;
}

#cesrctophintto_cont {
    text-align: center;
}
#cesrctophinttofrom_cont {
    text-align: center;
}

.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;
}

.cevideo {
    background-color: #000000;
}

.audio_tray_controls {
    position: relative;
    background: #e9e9e9 url(/images/audio-tray-bg.png) repeat-x top left;
    height: 42px;
    width: 100px;
}
.audio_tray_controls .but {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 13px;
    cursor: pointer;
}
.audio_tray_controls .prev {
    left: 15px;
    background: transparent url(/images/audio-tray-but-prev.png) no-repeat top left;
}
.audio_tray_controls .pause {
    left: 40px;
    background: transparent url(/images/audio-tray-but-pause.png) no-repeat top left;
}
.audio_tray_controls .play {
    left: 40px;
    background: transparent url(/images/audio-tray-but-play.png) no-repeat top left;
}
.audio_tray_controls .next {
    left: 65px;
    background: transparent url(/images/audio-tray-but-next.png) no-repeat top left;
}
.audio_tray_controls .pos_slider {
    position: absolute;
    top: 17px;
    left: 1px;
    width: 96px;
    height: 8px;
    background-color: #9e9e9e;
    border: 1px solid #838383;
}
.audio_tray_controls .pos_nib {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 8px;
    background-color: #000000;
    cursor: pointer;
}
.audio_tray_controls .vol_slider {
    position: absolute;
    top: 32px;
    left: 26px;
    width: 59px;
    height: 4px;
    background-color: #cccccc;
    border: 1px solid #a4a4a4;
}
.audio_tray_controls .vol_nib {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 4px;
    background-color: #000000;
    cursor: pointer;
}
.audio_tray_controls .mute {
    position: absolute;
    left: 10px;
    top: 31px;
    width: 9px;
    height: 7px;
    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;
}

.confirmlist {
    max-height: 200px;
    overflow: auto;
}

.confirmlist li {
    padding-bottom: 3px;
}

.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;
}
.dragmenubut img.buttonchev {
    height: 9px;
    width: 9px;
    margin-top: 11px;
    margin-right: 2px;
}
#cedragmenu {
    position: absolute;
    left: -1px;
    top: 26px;
    width: 100px;
}

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

#cetools_fullscreenprev {
    background: #b7b7b7 url(/images/sidebar-border.png) repeat-y top left;
    position: absolute;
    right: 0px;
    top: 41px;
    height: 30px;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 2px;
    line-height: 24px;
    z-index: 1;
    text-align: center;
    width: 200px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.cerightalign {
    text-align: right;
}

.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;
}
.ceprinttable {
    width: 100%;
}
.ceprinttable td {
    padding-bottom: 6px;
}
.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;
}

.ceprogressbar {
    position: relative;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    height: 16px;
    margin-top: 16px;
}
.ceprogress {
    position: absolute;
    height: 16px;
    left: 0px;
    top: 0px;
    height: 16px;
    width: 0px;
    background-color: #000000;
}

.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;
    border: thin solid #C8CDD1;
}
.cewlantdiv table.cetable {
    border: none;
}
.cewlaniconcol {
    width: 60px;
}
.cewlanextncol {
    width: 20px;
}

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

.cedir {
    direction: ltr;
}

.cetablewidth {
    width: 820px;
}

#cedocprev {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
#cedocprev .cedoctools {
    position: absolute;
    top: 6px;
    left: 12px;
    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: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: scroll;
    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;
}
.cedocprevfull {
    position: absolute;
    left: 0px;
    top: 41px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
}