html { background: #303030 url('/lts/img/bg-grad.jpg') 0 0 repeat-x; }
body { padding: 10px 15px 15px 15px; }
a { text-decoration: none; color: #2651FC; outline: none; }
a:hover { text-decoration: underline; }
.lts_status { z-index: 2000; display: inline-block; font-weight: bold; position: absolute; top: 55px; 
              padding: 8px 15px 8px 15px; background-color: #F7F773; 
              color: #000; font-size: 116%; }

#custom-doc { position: relative; margin: auto; text-align: left; width: 71.62em; *width: 69.88em; min-width: 930px; }
.dc_body { min-height: 200px; font-family: "Trebuchet MS",verdana,arial,helvetica; clear: both; background-color: #ffffff; }
#dc_footer { clear: both; margin-top: 5px; font-size: 85%; color: #666; }

#mbar { background-color: #303030; clear: both; }
#mbar ul { font-family: verdana,arial,helvetica; list-style-type: none; font-size: 90%; }
#mbar ul li { padding: 8px 8px 8px 8px; list-style: none; margin-left: 8px; float: left; }
#mbar ul li.sep { height: 1.6em; padding: 0; margin-top: 5px; width: 1px; background-color: #999; }
#mbar ul li a { display: block; color: #FCFFAF; }
#mbar ul li.s { background: url('/lts/img/accent.png') bottom center no-repeat; } 
#mbar ul li.s a { color: #F8FF35; font-weight: bold; }

.login { position: relative; font-size: 90%; padding: 1.2em 0 0 2em; color: #fff; float: left; }

.mmenu { float: left; }
.mmenu ul { padding: 10px 0px 10px 0px; list-style-type: none; }
.mmenu ul li { list-style: none; margin-left: 4px; background: #202020 url('/lts/img/edges_bk-t.png') 100% 0 no-repeat; float: left; border-bottom: 2px solid #000000; }
.mmenu ul li a { color: #999; padding: 5px 10px 5px 10px; background: url('/lts/img/edges_bk-t.png') 0 0 no-repeat; float: left; text-decoration: none; display: block; }
.mmenu ul li:hover { background-color: #555; }
.mmenu ul li:hover a { color: #fff; }
.mmenu ul li.s { background-color: #303030; border-bottom: 2px solid #303030; }
.mmenu ul li.s a { color: #fff; font-weight: bold; }
.mmenu ul li.s:hover {}

#dcbody .main_l { float: left; margin-right: -25em; }
#dcbody .menu_r { float: left; width: 18.48em; 0*width: 18.04em; min-width: 240px; }

.select_link { z-index: 1; }
.select_link a:hover { text-decoration: underline; }

.lts_fContainer { max-height: 250px; overflow-x: hidden; overflow-y: auto; padding: 5px; margin-top: 8px; background-color: #fff; }
.f_entry { font-size: 90%; color: #333; background-color: #FFFAD1; padding: 2px 5px 2px 5px; margin-bottom: 2px; }

.w_665px { width: 665px; }
.w_75px { width: 75px; }
.w_72b { width: 72px; height: 72px; }
.w_96b { width: 96px; height: 72px; }
.w_96px { width: 96px; }
.w_108px { width: 108px; }
.w_60px { width: 60px; }
.w_643px { width: 643px; }
.w_290px { width: 290px; }

.photo_main { padding: 14px 13px 14px 14px; }
.photosel_main, .albums_main { padding: 30px 0px 30px 30px; }
.albums_side, .photo_side { padding: 14px 14px 14px 0px; }

.ff_verdana { font-family: verdana, arial, sans-serif; }
.ff_sans { font-family: helvetica, arial, sans-serif; }

.pbutton {  }
.dots { color: #666; margin: 0 0 0 10px; }

.aarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #E4DD98; font-family: verdana,arial,san-serif; font-size: 90%; background-color: #FFFAC4; padding: 8px; }
.aarea ul li a { color: #653FFF; display: block; padding: 5px; border: 1px solid #FFFAC4;  }
.aarea ul li a:hover { text-decoration: none; border: 1px solid #E4DD98; font-weight: bold; 
                       -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; }

.b_edit { color: #333; padding: 5px 8px 2px 5px; border: 1px solid #fff; margin-left: 8px; height: 9pt; font-size: .5em; cursor: pointer; vertical-align: top; font-family: helvetica,arial,verdana; }
.b_edit:hover { text-decoration: none; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #eee; }
.c_edit { color: #333; padding: 5px 8px 2px 5px; border: 1px solid #fff; margin-left: 8px; height: 9pt; 
         font-size: .75em; cursor: pointer; vertical-align: top; font-family: helvetica,arial,verdana; }
.c_edit:hover { text-decoration: none; border-left: 1px solid #ccc; border-top: 1px solid #ccc; 
                border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #eee; }
.b_style { font-family: helvetica,arial,verdana; font-weight: normal; font-size: 9pt; }

.p_thumb { overflow: hidden; position: relative; right-margin: 10px; }
.p_thumb img.s { border: 3px solid #FF3333; }
.p_thumb .thumb { height: 72px; width: 96px; background-color: #eee; cursor: pointer; }
.d_thumb { float: left; padding: 3px 6px 3px 0px; }
.d_thumb img, .p_thumb img { border: 3px solid #fff; }

#lts_albumsel, #lts_photosel { font-size: 116%; padding: 8px; margin-top: 10px; border: 1px solid #95D82F; background-color: #D0FF8A; }

.photo_menu ul { font-family: helvetica,arial,verdana; list-style-type: none; font-size: 90%; }
.photo_menu ul li { background-color: #fff; border: 1px solid #fff; padding: 2px 5px 2px 5px; list-style: none; margin-left: 5px; float: left; }
.photo_menu ul li:hover { border-left: 1px solid #ccc; border-top: 1px solid #ddd; border-right: 1px solid #444; border-bottom: 1px solid #444; background-color: #eee; }
.photo_menu ul li:hover a { color: #000; }
.photo_menu ul li a { text-decoration: none; display: block; color: #444; }  
.photo_menu ul li.s { background: url('/lts/img/accent.png') bottom center no-repeat; }
.photo_menu ul li.s a { color: #F8FF35; font-weight: bold; }
.photo_menu_b ul li { background-color: #efefef; border: 1px solid #bbb; }

.photo_view { z-index: 1000; margin-left: 3px; position: absolute; top: 55px; left 0px; width: 96px; height: 12px;
              text-align: center; padding: 4px 0px 4px 0px; opacity:0.75; *filter:alpha(opacity=75);
              font-family: helvetica, arial, san-serif; font-size: 8pt; background-color: #202020; color: #fff;  }
.photo_view a { vertical-align: top; opacity:0.99; *filter:alpha(opacity=99); color: #fff; font-weight: bold; }
.photo_view div.sep { display: inline-block; width: 1px; height: 13px; background-color: #ccc; 
                      margin: 0px 5px 0px 5px; }

.thumb_wait { z-index: 1000; cursor: pointer; display: block; width: 16px; height: 11px;
                position: absolute; left: 43px; top: 33px; background: url('/lts/img/fwait.gif') no-repeat; }

.publish_icon { z-index: 1000; cursor: pointer; display: block; width: 18px; height: 18px;
                position: absolute; top: 3px; left: 3px; background: #ffffff url('/lts/img/publish_ico.gif') no-repeat 0px 1px; }
.pub_icon { z-index: 1000; display: inline-block; width: 18px; height: 18px; vertical-align: text-bottom; background: #ffffff url('/lts/img/publish_ico.gif') no-repeat 0px 1px; }                
.publish_icon:hover { background-color: #FFF081; }
.pub { background-position: 1px -16px; }
.pub_wait { background: #ffffff url('/lts/img/wait.gif') no-repeat; }

.rcommentc, .drop_panel, .select_menu { text-align: left; background-color: #f8f8f8; margin-top: 7px; border: 1px solid #999; 
                            padding: 0px 8px 8px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
                            border-radius: 4px; }
.rcommentc .accent, .select_menu .accent {  margin-bottom: 8px; margin-top: -7px; height: 7px; background: url('/lts/img/accent_999.png') -438px 0 no-repeat; }
.rcommentc { background-color: #f8f8f8; }
.drop_panel { display: inline-block; border: 1px solid #000; z-index: 1000; position: absolute; left: 0px; top: 0px; }
.drop_panel ul, .select_menu ul { list-style: none; }
.drop_panel ul li, .select_menu ul li { padding: 3px 5px 3px 5px; }
.drop_panel ul li a, .select_menu ul li a { display: block; font-size: 9pt; }
.drop_panel ul li:hover, .select_menu ul li:hover { background-color: #eee; }
.drop_panel .accent {  margin-bottom: 8px; margin-top: -7px; height: 7px; background: url('/lts/img/accent_bk.png') -65px 0 no-repeat; }

.drop_panel_u { background-color: #dfdfdf; margin-bottom: 7px; border: 1px solid #999; max-width: 450px;
                padding: 5px 5px 0px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.drop_panel_u ul { list-style: none; }
.drop_panel_u ul li { margin: 0; display: block; padding: 3px 5px 3px 5px; background-color: #dfdfdf; float: none; border: 0; }
.drop_panel_u ul li a { display: block; border: none; font-size: 9pt; }
.drop_panel_u ul li:hover { background-color: #fff; border: 0; }
.drop_panel_u { border: 1px solid #000; }
.drop_panel_u { z-index: 1000; position: absolute; left: 0px; top: 0px; }
.drop_panel_u .accent { clear: both; margin-top: 5px; margin-bottom: -18px; height: 18px; background: url('/lts/img/accent_ddd_u.png') -438px 0 no-repeat; }
.drop_panel_u .cl_img { cursor: pointer; float: right; }

.drop_panel_u .tabs ul { margin-top: 5px; padding-left: 10px; list-style: none; border-bottom: 1px solid #999; }
.drop_panel_u .tabs ul li { display: inline-block; margin: 0px 0px -1px 0px; cursor: pointer;
                            -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
                            -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
                            -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
                            -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;                            
                            border: 1px solid #999; }
.drop_panel_u .tabs ul li:hover { background-color: #999; }
.drop_panel_u .tabs ul li.s { border-bottom: 1px solid #fff; background-color: #fff;  }
.drop_panel_content { margin: 0; padding: 10px; font-size: 93%; min-width: 375px; background-color: #fff; }
#lts_style_labels, #lts_style_option { font-size: 102%; padding: 2px; }
#lts_style_options { display: inline-block; }

.sqico { vertical-align: middle; padding: 1px 1px 2px 1px; background-color: #ddd; display: inline-block; cursor: pointer; }
.sqico:hover { background-color: #999; }
.srem { vertical-align: middle; float: right; display: block; cursor: pointer; padding: 0; border: none; margin: 0; }

#lts_cssStyle { padding: 5px; background-color: #ccc; margin: 5px 0px 8px 0px; max-height: 200px; overflow: auto }
#lts_cssStyle div { padding: 2px 5px 2px 5px; background-color: #efefef; 
                    font-size: 108%; border: 1px solid #B4B4B4; margin-bottom: 2px; }

.album_title { font-weight: bold; font-size: 108%; }

.drop_menu { background: url('/lts/img/dropa_wt.png') 0 -13px no-repeat; display: inline-block; cursor: pointer; height: 13px; width: 13px; }
.drop_menu:hover { background-position: 0 0; }
.drop_menu_bk { opacity:0.60; *filter:alpha(opacity=60); background: url('/lts/img/dropa_bk_u.png') 0 -13px no-repeat; display: inline-block; cursor: pointer; height: 13px; width: 13px; }
.drop_menu_bk:hover { background-position: 0 0; }

.ar_title, .al_title { display: inline-block; font-size: 216%; line-height: 1.1em; font-weight: bold; padding-top: 3px; }
.hl:hover { background-color: #FFF3B6; }

.time_stamp { font-size: 77%; color: #666; }

#lts_colorpicker { cursor: pointer; width: 20px; height: 20px; display: inline-block; background-color: #ccc; border: 1px solid #555; 
                   margin: 0 5px 0 5px; vertical-align: middle; }
                  
#lts_stylesName { padding: 5px; border : 1px solid #999; max-height: 120px; overflow: auto; }
#lts_stylesName div:hover { background-color: #dfdfdf; }
#lts_editStyles { margin-top: 8px; font-size: 100%; text-align: right }
#lts_editStyles span { display: inline-block; vertical-align: bottom; }

#lts_stylesList { overflow: auto; max-height: 300px; margin-top: 10px; border: 1px solid #999; padding: 5px; text-align: left; }
#lts_stylesList div.cur_ptr, #lts_stylesList div.del { min-height: 30px; }
#lts_stylesList div.cur_ptr { background-color: #eee; padding: 5px; }
#lts_stylesList div.del { background-color: #FFD8D8; padding: 5px; }
#lts_stylesList div.cur_ptr:hover { background-color: #FFF7D4; }
#lts_saveAction { float: right; margin-left: 10px; }
#lts_dialog { text-align: left; }
#lts_dialog div.drop_panel_content { font-size: 75%; }
#lts_dialog div.drop_panel_content div#lts_cssStyle { border: 1px solid #666; }
#lts_dialog .tabs ul { margin-top: 5px; padding-left: 20px; list-style: none; border-bottom: 1px solid #999; }
#lts_dialog .tabs ul li { display: inline-block; margin: 0px 0px -1px 0px; cursor: pointer; background-color: #ccc; 
                            -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
                            -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
                            -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
                            -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;                            
                            border: 1px solid #999; }
#lts_dialog .tabs ul li:hover { background-color: #efefef; }
#lts_dialog .tabs ul li.s { border-bottom: 1px solid #fff; background-color: #fff;  }
#lts_dialog .tabs ul li { padding: 5px 8px 3px 8px; font-size: 80%; }
#lts_dialog .tab_content { font-size: 93%; padding: 10px; background-color: #fff; }

.publish { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #5395F8;
           background-color: #CCE0FF; padding: 10px; }

.thumb_container { max-height: 250px; overflow: auto; padding: 5px; }
.thumb_container table { width: 100%; }
.thumb_container table td img { cursor: pointer; }
.thumb_container table td { padding-bottom: 5px; width: 96px; }

.app_menu { border: 1px solid #B991FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
            font-family: verdana,arial,san-serif; font-size: 90%; background-color: #D2B8FF; padding: 8px; }
.app_menu .item ul { margin-left: 10px; list-style: none; }
.app_menu .item ul li a { display: block; font-weight: bold; font-size: .9em; padding: 4px 8px 4px 8px; }
.app_menu .item ul li { display: inline-block; background-color: #E7DAFF; 
                        -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
                        -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
                        border: 1px solid #B991FF; margin: 0px 2px -1px 0px; }
.app_menu .item ul li:hover a { text-decoration: none; }                        
.app_menu .item ul li.s { background-color: #fff; border-bottom: 1px solid #fff; }

        
.app_menu .item_menu ul { list-style: none; }
.app_menu .item_menu ul li a { display: block; font-size: .9em; padding: 4px 5px 5px 5px; }
.app_menu .item_menu ul li:hover { background-color: #FDFBBF; }
.app_menu .item_menu { text-align: left; background-color: #fff; border: 1px solid #B991FF; 
             -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
             padding: 8px 8px 8px 8px; }


.av_thumb { background-color: #eee; border: 2px solid #fff; height: 58px; width: 58px; padding: 1px; display: inline-block; cursor: pointer; }
.av_hl { border: 2px solid #0F59DA; }
.av_shl { border: 2px solid #FF00EA; }
.p_info { family: helvetica,arial,san-serif; font-size: 85%; color: #333; }
.section { height: 15px; cursor: pointer; padding-left: 18px; font-size: 110%; font-weight: bold;  }
.s_dn { background: url('/lts/img/ddt.gif') 0 0 no-repeat; }
.s_up { background: url('/lts/img/ddt.gif') 0 -15px no-repeat; }
#lts_pthumbs { position: relative; max-height: 271px; overflow: hidden; }
#lts_ptc { position: relative; }
#lts_psl { display: none; }

.photoinfo { font-size: 90%; color: #333; }
.photoinfo td { padding-bottom: 3px; vertical-align: top; }

.full_page { padding: 20px 15px 20px 15px; }
.full_page_list { padding: 20px; }

#lts_cthumbs { background-color: #fff; position: relative; max-height: 271px; overflow: hidden;  }
#lts_tpg { position: relative; width: 100000px; }
.lts_pg { width: 200px; float: left; }

.ph_info { background-color: #C7F2FF; }
.ph_info_b { border: 1px solid #7BDCFA; }
.av_info { background-color: #CCFFB4; }
.av_info_b { border: 1px solid #99EB74; }

.ibox { margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
        font-family: helvetica,arial,san-serif; font-size: 90%; padding: 7px; }
.ibox_data { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
             margin-top: 8px; padding: 8px; background-color: #fff; }

.photo_data { margin: 10px 0 10px 0; width: 665px; padding: 0; }
.photo_data div.left { float: left; width: 70%; padding: 0 10px 10px 0; }
.photo_data div.right { float: left; width: 25%; border-left: 1px solid #ccc; padding: 0 0 10px 10px; }
.photo_actions { margin: 0 0 15px 0; }
.photo_actions ul li { margin-bottom: 3px; }
.photo_actions a { font-size: .9em; }

.lts_comment { padding: 10px; margin: 10px 0 0 0; display: none; background-color: #C2D6FF; }
.comment { font-size: 95%; font-family: helvetica,arial,san-serif; margin: 5px 0 0 0; padding: 8px; 
           background-color: #D9EBFF; color: #333; }
.rcomment div.pdate, .comment div.pdate { color: #555; font-size: 83%; margin-top: 10px; }
.rcomment { margin-top: 8px; padding: 10px 5px 8px 5px; border-top: 1px solid #999; }
.rcomment:first-child { border: none; margin: 0; padding: 5px 5px 8px 5px; }

.np { background-color: #FFDDDD; }

.ctable { width: 100%; margin-top: 20px; }
.ctable td { vertical-align: top; }
.tbtm { width: 100%; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }

#lts_appears { font-size: 100%; color: #ccc; }


.bb { margin-left: 2px; position: relative; top: -4px; color: #fff; font-size: 70%; display: inline-block; padding: 0px 3px 1px 3px; 
      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none;
      background-color: #f00; border: 1px solid #f00; float: right; font-weight: normal;  }
.iw { display: block-inline; margin-left: 5px; }