/**

* Copyright 2003-2005 by Lightsurf Technologies, Inc., A VeriSign Company

* All rights reserved.

* default.css "master" stylesheet for Tiles/Struts version of PictureMail.

* Different brands are expected to copy any or all parts of this stylesheet to
another file (retailers\BRAND\main.css)

* and modify these values there to override these defaults.

* Any additional CSS styles required in brand-specific areas like the header,
footer and menu/tab navigation tiles

* will also be added to retailers\BRAND\main.css file.

*/

<%@ taglib uri='http://lightsurf.com/auth' prefix='auth' %>

/* default styles */

a {color:#9B0033;}

a:link {}

a:visited {color:#9B0033;}

a:active {}

a:hover {}

h1 {font:bold 20px/100% arial, verdana sans-serif;}

h2 {font:bold 18px/100% arial, verdana sans-serif;}

h3 {}

h4 {}

h5 {}

body {margin:0px;background:#fff;color:#000;font:normal 11px arial, verdana, sans-

serif;}

p { padding:5px 0px 5px 0px; }

strong { font-weight: bold; }

sup { font-size: 7px; font-weight: normal; position: relative; top: -3px }

td, th, th a, th a:visited { }

caption {text-align:left;padding-bottom:5px;padding-top:10px;font:bold 12px

verdana, arial, sans-serif;}

img {border:0px;}

form {margin:0px;}

html>body form {padding-bottom:20px;} /* firefox hack */

input.radio {margin-bottom:-2px;}

input.password {}

input.image {}

input.checkbox {}

input.text {}

input,select,textarea,option {font:normal 10px arial, verdana, sans-serif;}

input:button, input:submit {font: bold 12px arial,sans-

serif;background:#9B0033;color:#fff;border-top:1px solid #ccc;border-right:1px
solid #333;border-bottom:1px solid #333;border-left:1px solid #ccc;}

fieldset {font:normal 10px arial, verdana, sans-serif;border:0px;border-top:2px

solid #9B0033;padding-top:10px;margin:0px;}

html>body fieldset {padding:0px;} /* firefox hack */

legend {font-size:11px;font-weight:bold;text-indent:0px;margin-top:0px;padding-
bottom:10px;vertical-align:bottom;}

label {margin:0px;padding:0px 5px 0px 0px;font-weight:bold;}

.rowheader {float:left;width:100%;padding:2px 0 2px 0; text-

indent:4px;height:16px;background:#9d9282;color:#fff;font-weight:bold;font-
size:12px;border:1px solid #9d9282;border-bottom:0px;clear:both;height:auto;}

.rowheader-view-large {float:left;width:602px;padding:2px 0 2px 0; text-

indent:4px;height:16px;background:#9d9282;color:#fff;font-weight:bold;font-
size:12px;border:1px solid #9d9282;border-bottom:0px;clear:both;height:auto;}

.rowheader a, .rowheader a:visited {color:#fff;}

.titlebar-titleright {margin-top:-15px; padding-right:5px; text-align:right} /*

float:right was ruining Safari */

.rowspacer {clear:both;margin-top:10px;}
.rowspacer2 {margin-top:11px;}

html>body .rowspacer2 {margin-top:7px;}

.horizline, .horizline_1, .horizline_2, .horizline_3

{float:left;width:100%;margin-top:5px;margin-bottom:10px;border-bottom:1px solid
#333;}

.right-link {float:right;margin-top:-35px;padding-right:4px;}

html>body .horizline_2 {margin-top:35px;} /* firefox hack */

html>body .horizline_1, .horizline_3 {margin-top:15px;} /* firefox hack */

/* two columns input forms */

.two-columns label { float:left; margin: 5px; padding: 0px; width:200px; font-

weight:normal; }

.two-columns input,textarea { margin-bottom: 5px; width:200px; }

/* two columns input forms for edit_info.jsp*/

.two-columns-edit_info label { float:left; margin: 5px; padding: 0px; width:190px;

font-weight:normal; }

.two-columns-edit_info input,textarea { margin-bottom: 5px; width:190px; vertical-

align:-20%; }

.readonly-input-edit_info { border:0px;}

/**

* global styles

*/

table.scotch, table.scotch td, table.scotch tr { border: 0px; }

/**

* main.tile styles

*/

#ls_outerwrapper {width:760px;}

#ls_mainbody {float:left;width:100%;margin-top:20px;}

html>body #ls_mainbody {margin-top:50px;} /* firefox hack */

#ls_widecontentarea {float:left;width:600px;height:400px;}
html>body #ls_widecontentarea {height:auto;min-height:400px;} /* firefox hack */

#ls_innerwrapper {float:left;width:100%;}

html>body #innerwrapper {margin-top:-15px;} /* firefox hack */

#left-column {float:left;width:150px;margin-right:8px;}

#right-column {float:right;width:190px;}

#addrMsg_right-column
{right:0px;width:190px;top:0px;position:absolute;border:0px;}

#ls_main-panel {float:left;width:395px;height:400px;margin-right:5px;}

html>body #ls_main-panel {height:auto;min-height:20px;} /* firefox hack */

#ls_wide-panel {float:left;width:100%;}

/* advertising */

.photo-montage {float:left;width:400px;height:150px;background:#ccc;text-
align:center;margin:5px 0 5px 0;}

#promo1 { } /* float:left; margin:5px 0px 10px 5px;background:#ccc;text-

align:center;vertical-align:middle;height:300px;width:140px; */

#promo2 { } /* float:left; margin:15px 0px 10px 5px;background:#ccc;text-

align:center;vertical-align:middle;height:300px;width:140px; */

/**

* header.tile styles

*/

/* this section controls the pageheader and branding elements */

#ls_masthead {float:left;width:760px;height:50px;}

#logo1 {float:left;width:150px;height:59px;}

#logo2 {float:left;width:429px;height:21px;margin:0px;margin-top:38px;}

#logo3 {float:left;width:180px;height:59px;margin:0px;}

#ls_branding h1 {position:relative; top:-

40px;left:110px;width:200px;color:#9d9282;font-size:20px;font-weight:bold;line-
height:20px;height:20px;margin:0px;}

#welcome-msg {float:left;margin-top:-20px;height:20px;width:750px;padding-
right:10px;padding-top:3px;background:#9B0033;color: #fff;font-family: Helvetica,
Arial, sans-serif;font-size: 11px;font-weight: bold;text-align: right;}

html>body #welcome-msg {margin-top:0px;margin-bottom:15px;} /* firefox hack */

#welcome-msg a {color: #fff;text-decoration: underline;font-weight: bold;}

#welcome-msg a:hover {color: #fecf71;text-decoration: underline;}

/**

* footer.tile styles

*/

#ls_footer {float:left;width:760px;height:20px;margin:25px 0 10px 0;padding-

top:3px;text-indent:8px;background:#e7e6e6;color:#000;font-size:10px;}

#ls_footer ul {margin:0px;width:740px;}

html>body #ls_footer ul {margin-left:-40px;} /* firefox hack */

#ls_footer li {display:inline;list-style:none;padding: 0 2px 0 2px;}

#ls_footer a {font-size:10px;color:#000;text-decoration:none;}

#ls_footer a:hover {color:#9B0033;text-decoration:underline;}

#ls_footer a.red {color:#9B0033;font-weight:bold;}

#ls_footer a.red:hover {text-decoration:underline;}

/**

* Navigation menu styles

*/

#members ul, #legacy ul, #guests ul, #allusers ul {margin:0px;background:#F3F3F3;}

#navmenu {float:left;width:150px;font:bold 10px verdana, arial, sans-

serif;background:#fff;border-top:1px solid #ccc;}

html>body #navmenu ul {margin-left:-40px;}

#navmenu li {list-style-type:none;border-bottom:1px solid #ccc;padding:5px 0px 7px

10px;background:#F3F3F3;}

#navmenu li.sub0 {list-style-type:none;border-bottom:1px solid #ccc;padding:5px

0px 7px 10px;background:#F3F3F3;}

#navmenu li.sub1 {padding:5px 0px 7px 20px;}

#navmenu li.active {background:#fff;border-left:5px solid #9B0033;padding:5px 0px

7px 5px;color:#333;}

#navmenu li.activesub0 {background:#fff;border-left:5px solid #9B0033;padding:5px

0px 7px 5px;color:#333;}

#navmenu li.activesub1 {background:#fff;border-left:5px solid #9B0033;padding:5px

0px 7px 15px;color:#333;}

#navmenu li.active a, #navmenu li.active a:visited, #navmenu li.activesub1 a,

#navmenu li.activesub1 a:visited {color:#333;}

#navmenu a, #navmenu a:visited {color:#333;font-weight:bold;text-decoration:none;}

#navmenu a:hover {text-decoration: underline;color:#9B0033;}

.hidden {display:none;}

#signout-links {clear:both;float:left;margin-top:15px;background-
color:#fff;width:140px;font-weight:bold;}

#signout-links ul {list-style-type:none;margin-left:0px;}

/**

* page_heading.tile styles

*/

#page-title {margin-bottom:2px;} /* The 2px is for headers such as "Compose

Message" so that letters "p" and "g" are not clipped */
html>body #page-title {margin-top:-10px;}

#page-title h2 {margin-bottom:0px;}

#page-subtitle {padding:3px 0 3px 0;float:left;width:49%;font-size:11px;}

#page-subtitlewide {margin-top:5px;padding-bottom:5px;float:left;width:99%;}

/* style for a list of buttons */

.inline-list { margin: 0px; padding: 0px 3px 0px 3px; list-style: none; }

.inline-list p { display: inline; }

.inline-list ul, .inline-list li, .inline-list img { display: inline; margin: 0px;
padding: 0px; font-weight: bold; }

.inline-list input { margin: 5px 5px 0px 5px; }

/* buttons and other links above divs */

#top-nav-buttons { display: block; float:right; text-align:right; padding-top:5px;

list-style:none; }

#top-nav-buttons ul, #top-nav-buttons li, #top-nav-buttons img { display: inline;

margin: 0px; padding: 0px; font-weight: bold; }

#bottom-nav-buttons { display: block; float:right; text-align:right; padding-

top:5px; list-style:none; }
#bottom-nav-buttons ul, #bottom-nav-buttons li, #bottom-nav-buttons img { display:
inline; margin: 0px; padding: 0px; font-weight: bold; }

#select-all { display: block; float:left; width:120px; padding:2px 5px 5px 0px;

text-align:left; margin-left: 0px;}

/**

* sidebar.tile styles - note we use classes because we can have more than 1
sidebar on a single page

*/

div.ls_sidebar-wrapper { }

div.ls_sidebar-wrapper div.ls_sidebar-title { float:left; font-size:12px; font-

weight:bold; background:#9d9282; color:#fff; border:1px solid #9d9282; padding:2px
0 2px 0; text-indent:4px; width:100%; height:16px; }

div.ls_sidebar-wrapper div.ls_sidebar-content { float:left;font-

size:11px;background:#fff;border:1px solid #9d9282;border-
top:0px;padding:5px;width:180px; }

div.ls_sidebar-content input.text {vertical-align:15%; }

/* IE hack */

*html div.ls_sidebar-wrapper div.ls_sidebar-content { float:left;font-

size:11px;background:#fff;border:1px solid #9d9282;border-
top:0px;padding:4px;width:100%; }

.ls_sidebar-buttons { text-align:center; border-top:1px solid #999; padding-

top:10px; list-style: none; }

.ls_sidebar-buttons ul .ls_sidebar-buttons li .ls_sidebar-buttons img { display:

inline; margin: 0px; padding: 0px; font-weight: bold; }

/**

* select_container.tile styles

*/

#select_container select { width:170px; }

/*

* Styles used by text_layout.tile

*/

.ls_text_layout_heading {

font-weight: bold;
 color: #000000;

background-color: #ffffff;

padding: 5px;

/**

* Messages styles

*/

#message-table-wrapper { float:left; width:100%; }

#message-table-wrapper ul {margin:0px;}

#message-table-wrapper li {display:inline;list-style:none;valign:middle;}

#message-table-wrapper li img {margin-top:20px;}

#message-table-wrapper img.msg
{width:60px;height:60px;margin:3px;padding:3px;border:1px solid #333;}

#message-table { width:100%; border:1px solid #9d9282; background:transparent;

border-collapse: collapse; }

#message-table th, th a, th a:visited { background:#9d9282; color:#fff; text-

indent:3px; text-align:left; font-size:11px; font-weight:bold; padding: 2px 0 2px
0; }

#message-table tr td { background:#e7e6e6; padding:3px; border-bottom:1px solid

#fff; }

#message-table td { border-collapse: collapse; font-size:10px; font-

family:verdana, arial, sans-serif; valign:middle; }

/* classes used in cell body */

.message-select { width:10px; }

.message-image { width:50px; }

.message-subject { width:150px; }

.message-from { border-left:1px solid #fff; }

.message-to { border-left:1px solid #fff; }

.message-date { border-left:1px solid #fff; }

.new-message { font-weight:bold; }

.read-message { }
/**

* Grid layout tiles styles

*/

#grid-layout, #grid-layout-no-bg { float:left; width:395px; border:1px solid

#9d9282; background:#fff; padding:5px 0px 10px 0px}

html>body #grid-layout {padding-top:0px} /* firefox specific */

html>body #grid-layout-no-bg {padding-top:0px} /* firefox specific */
#grid-layout ul { margin-left:10px; } /* multiple pages use this */
#grid-layout-no-bg ul { margin-left:0px; } /* for grid layout w/ NO border
background img */

html>body #grid-layout ul { margin-left:-30px; } /* firefox hack */

html>body #grid-layout-no-bg ul { margin-left:-35px; } /* firefox hack */

#grid-layout li { list-style:none; float:left; text-align:center; margin:3px 2px

3px 2px; width:90px; height:120px; padding-top:8px; padding-left:3px; background:
url(/retailers/NOBRAND/images/background/thmb_tall_bk.gif) no-repeat 0 0; }

#grid-layout-no-bg li { list-style:none; float:left; text-align:center;

margin:3px; width:90px; height:120px; padding-top:8px; padding-left:3px;}

html>body #grid-layout li { padding-left:0px; } /* firefox hack */

html>body #grid-layout-no-bg li { padding-left:0px; } /* firefox hack */

#grid-layout li.reg, #grid-layout-no-bg li.reg {width:75px;height:75px;padding:5px

0 0 0;background: url(/retailers/NOBRAND/images/background/thmb_bk.gif) no-repeat
0 0;}

/**

* List layout tiles styles

*/

#list-layout { float:left; width:395px; padding-bottom:5px; border:1px solid

#9d9282; background:#fff; }

#list-layout ul { margin:0px 0 0 5px; }

html>body #list-layout ul { margin-left:-35px; } /* firefox hack */

#list-layout li { clear:both; float:left; width:99%; border-bottom:1px solid

#9d9282; list-style:none; }

/* media wrapper styles (for content vs. layout) */

#media-list-wrapper {float:left;width:395px;padding-bottom:5px;border:1px solid

#9d9282;background:#fff;}

#media-list-wrapper ul {margin:0px 0 0 5px;}

html>body #media-list-wrapper ul {margin-left:-35px;}

#media-list-links ul {float:left;width:99%;margin-top:10px;}

#media-list-wrapper li {clear:both;float:left;width:99%;border-bottom:1px solid

#9d9282;list-style:none;}

#media-list-links li { display:inline; list-style:none; border-bottom:none;}

#media-list-links img { vertical-align: middle; }

.media-list-thumb {float:left; width:90px; height:90px; background:

url(/retailers/NOBRAND/images/background/thmb_bk.gif) no-repeat 0 0;padding:10px
0px 0px 6px; margin-top:5px;}

html>body .media-list-thumb {padding-left:3px}

.media-list-copy {float:left;width:250px;padding:10px 0 0 0px;}

.media-list-checkbox {float:left;width:25px;height:50px;padding-top:40px;}

#media-list-title {float:left;width:99%;list-style-type:none;}

#media-list-title li {font-size:11px;list-style:none;border-bottom:none}

.media-title {font-weight:bold;}

.media-title a {font-weight:normal;}

#media-list-video-wrapper {padding-bottom:2px;}

#media-list-audio-wrapper {padding-bottom:2px;}

#media-view-wrapper {float:left; width:99%; border:1px solid #9d9282;

background:#fff; }

#media-view-image { padding-top:12px; }

#media-view-info { padding-left:12px; }

.media-view-input_box {margin-bottom:2px;height:20px;vertical-align:14%; }

.media-obj-left {float:left; padding-top:2px; padding-left:3px; }

.media-obj-right {float:right; padding-top:2px; padding-right:5px; }

/**

* Home page styles

*/

table.glue, table.glue td, table.glue tr { border: 0px; }

#title_box_layout { border:0px; width:173px; position:relative; height:20px; }

#title_left_layout { border:0px; position:absolute; left:0px; top:0px; }

#dashboard-inbox #msg-wrapper ul { width:110px; overflow:hidden; }

#dashboard-inbox #msg-wrapper li { width:110px; height:15px; overflow:hidden;

text-overflow: ellipsis;}

#dashboard-inbox #msg-wrapper li a { width:110px; height:15px; overflow:hidden;

text-overflow: ellipsis;}

#dashboard-inbox .msg-thumb { width:60px; height:60px; }

#dashboard-uploads li { margin:3px; width:82px; height:70px; margin-bottom:0px;

margin-left:3px; padding-top:12px; padding-left:3px; padding-right:5px; padding-
bottom:30px; }

#dashboard-uploads .msg-thumb { width:60px; height:60px; }

.pod-right-title {float:left;font-size:12px;font-
weight:bold;background:#9d9282;color:#fff;border:1px solid #9d9282;padding:2px 0
2px 0;text-indent:4px;width:184px;height:16px;}

.pod-header {float:left;width:175px;font-weight:bold;color:#000;height:18px;}

.pod-body {float:left;background:#fff;padding-bottom:3px;border-bottom:1px solid

#9d9282;width:100%;}

.address-book-wrapper {float:left;background:#fff;padding-bottom:3px;border-
bottom:1px solid #9d9282;width:100%;}

.pod-title {font-weight:bold; font-size:12px;}

.indent {padding-left:5px;width:50%;}

.pod-content {clear:both;float:left;width:170px;font-
size:12px;background:#fff;border:1px solid #9d9282;border-top:0px;padding:2px;}

.account-wrapper {float:left;background:#fff;padding-bottom:3px;}

.count_box {border:1px solid #000; position:absolute; right:0px; top:2px;

width:80px; text-align:left; font-size:9px; color:#000; line-height:9px; padding-
top:3px; padding-left:3px; margin-left:10%; height:15px; background:#fff;}

html>body .count_box {height:13px; padding-top:0px;} /* firefox hack */

.scale {position:relative;width:80px;height:15px;border:1px solid

#000;background:#fff;}

.scale-text {position:absolute;top:0px;left:0px;font-size:9px;color:#000;text-
align:center;line-height:9px;padding-top:3px;margin-left:10%;height:15px;}

#scale-messages
{position:absolute;top:0px;left:0px;height:13px;background:#e7e6e6;font-
size:9px;line-height:9px;}
#scale-media
{position:absolute;top:0px;left:0px;height:13px;background:#e7e6e6;font-
size:9px;line-height:9px;}

/**

* Login page styles

*/

#content-welcome-message { float:left; width:400px; }

#login-column { float:left; width:190px; }

/**

* Logout page styles

*/

#logout-content { float:left; width:400px; padding-left:10px;}

#logout-page-heading { float:left; width:400px; padding-left:10px;}

#logout-options { float:left; width:190px; }

#popupcontentarea {float:left;margin-
left:10px;background:#fff;width:400px;height:500px;}

/* inline list classes - us id specific CSS to indicate horizontal or vertical

link flow */

ul.list-links { margin-top:6px; list-style:none; margin-left:3px;}

html>body ul.list-links { margin-left:-35px; } /* firefox hack */

ul.list-links li { display:inline; list-style:none; }

ul.list-links li.vertical { display:list-item; list-style:none; }

li.em {font-style:italic;}

li.album-title {font-weight:bold;}

li.album-title a {font-weight:normal;text-decoration: none;}

/**

* used in select_multiple.jsp

*/
ul.send-list-links { margin-top:6px; list-style:none; margin-left:3px;}

html>body ul.send-list-links { margin-left:-35px; } /* firefox hack */

ul.send-list-links li { display:inline; list-style:none; }

/**

* Message Composer styles

* Note: some styles use underlines instead of hyphens because some JS

* references break on hyphens

*/

#composer_media_content_area { display:block; float:left; width:180px;

height:350px; clear:both; }

#composer_gallery_wrapper { float:left; border:1px solid #9d9282; width:100%;

height:95%; padding:5px; list-style:none; }

html>body #composer_gallery_wrapper { width:170px; } /* firefox hack to make width

match container - padding 5px each side */

#tabDivAlbums {font-weight:normal; font-size:11px; clear:both; height:60px;}

#tabDivAlbums li { float:left; width:75px; list-style: none; padding-left:5px;

padding-right:5px;}

#tabDivAlbums select { width:100%; }

#mediaDisplayDIV { float:right; padding-top:2px; padding-bottom:2px; }

#mediaDisplayDIV select { width:75px; }

#composer_media_form { margin:0px; padding:0px; }

#albumPageDiv { float:left; }

#albumPrevNextDIV { float:right; }

#composer_media_src_region { }

html>body #composer_media_src_region { }

#loading_ui{position:absolute; left:250px; top:250px; }

/* Using tables currently *sigh*

#composer_media_src_region ul { margin: 5px 0px 0px 0px; display: inline; }

#composer_media_src_region li { float:left; width: 45px; list-style: none;

padding: 2px; }

*/
.albumPanel { padding: 2px; height:80px; width: 80px; }

.albumPanel img { border:1px solid #000 }

#composer_slides_content_area { display:block; float:left; width:405px;

height:400px; margin-right:0px; padding-left:5px; }

#composer_slides_wrapper { float:left; width:405; height: 288px; padding:5px;

border:1px solid #9d9282; list-style:none; }

html>body #composer_slides_wrapper { width:395px; } /* firefox hack to make width

match container - padding 5px each side */

#composer_slides_wrapper ul { margin: 0px 0px 0px 5px; display: inline; }

html>body #composer_slides_wrapper ul { margin-left:-35px; }

#composer_slides_wrapper li { float:left; width: 90px; padding:5px 10px 5px 10px;

list-style: none; }

#composer_slides_wrapper li.narrow { height:165px; width: 15px; padding:5px; list-

style: none; }

#composer_slides_wrapper li.narrow img { margin-top:85; }

.enable { }

.disable { filter: gray alpha(Opacity=30); }

.msgPanel { border:1px #fff solid; height:175px; width:90px; } /*1px white border

so margin-top below will push down in Firefox*/

.slideNum { float:left; display:compact; padding:5px; }

.slideX { float:right; display:compact; padding:5px; }

.slideMediaPanel { display:compact; padding-top:5px; border:0px; height:165px;

width:90px; background:url(/retailers/NOBRAND/images/background/slide_bk.gif) no-
repeat 0 0; }

html>body .slideMediaPanel { margin-top:25px;} /*push the panel down in Firefox*/

.slideThumbnail { padding:2px 0px 0px 7px; }

html>body .slideThumbnail { padding:0px 0px 0px 5px; }

.slideAudio { padding:4px 0px 0px 8px; }

html>body .slideAudio { padding:4px 0px 4px 8px; }

/*.slideAudio img { float:left; display:compact; }*/ /* removed; float is causing

it to ignore vertical paddings in .slideAudio */

.slideText { padding:0px 0px 0px 5px; }

html>body .slideText { }

#question { display:compact; float:left; }

#slides_help_text { float:left; padding-left:5px; }

#button_wrapper { float:left; padding-top: 6px; width:100%; clear:both; }

#button_wrapper ul { float:left; }

#button_wrapper li { float:left; padding-left:45px; padding-right: 30px; }

html>body #button_wrapper li { float:left; padding-left:45px; padding-right:

0px; }

#previewScnFrame { position:absolute; left:0px; top:780px; width:200px; border:1px

solid #000; text-align:center; background-color:#fff; filter:alpha(Opacity=100);
height:auto !important; }

#previewScnViewer { position:absolute; left:0px; top:800px; text-align:center;

width:132px; }

#previewVideoFrameCell { padding-top:30px; }

#previewSlideshowText { margin-top:10px; height: 69px; text-align:left;

width:125px; overflow:auto; }

#previewSlideshowAudio { margin-top:5px; text-align:center; height:30px;

width:100%; }

#previewSlideshowControls { margin-top:5px; text-align:center; width:100%; }

#previewStatusMessage { margin-top:5px; text-align:center; width:100%; }

#previewFrameButtons { text-align:center; width:100%; padding-bottom: 5px; }

#videoLayer { position: absolute; left: -100px; top:-100px; height:215px;

width:210px; text-align:center; vertical-align:middle; border:1px solid #000;
background-color:#fff; filter:alpha(Opacity=100); }

#photoLayer { position: absolute; left: 100px; top:100px; height:auto !important;

width:210px; text-align:center; vertical-align:middle; border:1px solid #000;
background-color:#fff; filter:alpha(Opacity=100); }

#composer_send_message_wrapper { position:absolute; display:block; }

#composer_message_main_panel { float:left; width:395px; padding-right:5px; }

#sendMessageDiv { float:left; width:100%; border:1px solid #9d9282; padding:5px; }

html>body #sendMessageDiv { width:385px; } /* firefox hack to make width match

container - padding 5px each side */

#sendMessageOptionsDiv { float:left; padding-left: 5px; width:190px; }

#send_button_wrapper { float:left; padding: 5px 5px; width:100%; clear:both; }

#send_button_wrapper ul { float:left; }

#send_button_wrapper li { float:left; padding-left:25px; padding-right: 30px; }

/*

* END Message Composer styles

*/

/**

* album list styles (convert to more generic grid/list stuff asap

*/

/* album-list styles */

#album-wrapper {float:left;width:395px;padding-bottom:5px;border:1px solid

#9d9282;background:#fff;}

#album-wrapper ul {margin:0px 0 0 5px;}

html>body #album-wrapper ul {margin-left:-35px;}

#album-wrapper ul.album-list-links {float:left;width:99%;margin-top:10px;}

.album-list {clear:both;float:left;width:99%;border-bottom:1px solid #9d9282;list-

style:none;}

.album-list-links li {display:inline;list-style:none;}

.album-list-links a {background:url(/retailers/NOBRAND/images/ui/arrow_right.gif)
no-repeat left;padding-left:12px;padding-right:2px;}

.album-list-thumb {float:left;width:100px;height:110px;background:
url(/retailers/NOBRAND/images/background/album_bk.png) no-repeat 0 0;padding:10px
0 0 10px;margin-top:5px;}

.album-list-empty-thumb {margin-left:10px;margin-top:10px;}

.album-media-thumb {float:left;width:105px;height:95px;background:
url(/retailers/NOBRAND/images/background/thmb_bk.gif) no-repeat 0 0;padding:5px 0
0 5px;margin-top:5px;}

.album-list-copy {float:left;width:250px;padding:10px 0 0 0px;}

.album-list-checkbox {float:left;width:25px;height:50px;padding-top:40px;}

.album-list-title {float:left;width:99%;list-style-type:none;}

.album-list-title li {font-size:11px;list-style:none;}

.album-title {font-weight:bold;}
.album-title a {font-weight:normal;}

.slide_min_max {color:#000; font:bold 11px arial;}

.album-list-links-separator {display:inline}

.album-media-text-rotate {font-weight:normal}

#media-view-hr{margin-top:10px;color:#9D9282;}

.ls_sidebar-content input.text {margin-bottom:2px;}

.album-title input {margin-bottom:2px;}

/**

* Address book specific styles

*/

.top-links { float:left; }

.top-buttons { float:right; }

#top-contacts { clear:both; float:left; margin-top:10px; padding-bottom:5px; }

#top-groups { clear:both; float:left; margin-top:10px; padding-bottom:5px; }

html>body #contacts-table-wrapper { clear:both; } /* firefox hack */

#contacts-table-wrapper { float:left; width:100%; }

#contacts-table { width:100%; border:1px solid #9d9282; background:transparent;

border-collapse: collapse; }

#contacts-table th, th a, th a:visited { background:#9d9282; color:#fff; text-

indent:3px; text-align:left; font-size:11px; font-weight:bold; padding: 2px 0 2px
0; }

#contacts-table tr td { background:#e7e6e6; padding:3px; border-bottom:1px solid

#fff; }

#contacts-table td { border-collapse: collapse; font: normal 10px verdana, arial,

sans-serif; valign:middle; }

/* classes used in cell body */

.contacts-name { border-left:1px solid #fff; width:30%;}

.contacts-info { border-left:1px solid #fff; width:50%; }

.contacts-links { border-left:1px solid #fff; width:20%; }

html>body #groups-table-wrapper { clear:both; } /* firefox hack */

#groups-table-wrapper { float:left; width:100%; }

#groups-table { width:100%; border:1px solid #9d9282; background:transparent;

border-collapse: collapse; }

#groups-table th, th a, th a:visited { background:#9d9282; color:#fff; text-

indent:3px; text-align:left; font-size:11px; font-weight:bold; padding: 2px 0 2px
0; }

#groups-table tr td { background:#e7e6e6; padding:3px; border-bottom:1px solid

#fff; }

#groups-table td { border-collapse: collapse;font: normal 10px verdana, arial,

sans-serif; valign:middle; }

/* classes used in cell body */

.groups-name { border-left:1px solid #fff; width:30%; }

.groups-members { border-left:1px solid #fff; width:50%; }

.groups-links { border-left:1px solid #fff; width:20%; }

/* inbox styles */

#inbox-content {float:left;width:395px;border:1px solid #9d9282;padding-

bottom:5px;}

#inbox-content ul {margin:2px 0 0 2px;list-style:none;}

html>body #inbox-content ul {margin-left:-38px;} /* firefox hack */

#inbox-content li {list-style:none;float:left;width:190px;margin:0 2px 0 2px;

border-bottom:1px solid #9d9282;padding:5px 0 5px 0;}

#msg-wrapper ul {float:left;width:120px;padding-top:5px;}

#msg-wrapper li {list-style:none;float:left;width:100px;margin:0 0px 0 0px;border-

bottom:none;padding:0px 0 0px 0;}

.msg-sender {font-weight:bold;}

.msg-thumb {float:left; border:1px solid black; vertical-align:middle;}

html>body .msg-thumb {margin-left:6px;} /* firefox only */

/* View Shares - List layout styles */

#share-list-wrapper {float:left;width:395px;padding-bottom:5px;border:1px solid

#9d9282;background:#fff;}

#share-list-wrapper ul {margin:0px 0 0 5px;}

html>body #share-list-wrapper ul {margin-left:-35px;}

#share-list-wrapper li {float:left;width:99%;border-bottom:1px solid #9d9282;list-

style:none;}

.share-list-thumb {float:left;width:100px;height:95px;background:
url(/retailers/NOBRAND/images/background/album_bk.png) no-repeat 0 0;padding:10px
0 0 10px;margin-top:5px;}

#share-list-details {float:left;width:250px;padding:10px 0 0 0px;}

#share-list-details li {border-bottom:none;}

#share-list-details .share-list-links {float:left;width:99%;margin-top:10px;}

#share-list-details .share-list-links li {display:inline;list-style:none;}

.share-title {font-weight:bold;}

.share-date {font-style:italic;}

#share-select-all { clear:both; float:left; width:50px; padding:50px 5px 0 5px;

text-align:right; margin-left: -10px;}

html>body #share-select-all {margin-left:-40px;} /* firefox hack */

/* View Shares - Thumbnail styles */

#shared-album-thumbnails-container {width:395px;}

#media-content {float:left;width:395px;border:1px solid

#9d9282;background:#fff;padding:5px 0px 5px 0px;}

#media-content ul {margin:0px;}

html>body #media-content ul {margin-left:-40px;} /* firefox hack */

#media-content li {display:inline;list-style:none;float:left;text-
align:center;margin:3px;width:90px;height:90px;padding:5px 0 0 0;}

/* sets images for list-links */

a.first-list-link {background:url(/retailers/NOBRAND/images/ui/arrow_right.gif)
no-repeat left;padding-left:12px;padding-right:2px;}

a.list-link {background:url(/retailers/NOBRAND/images/ui/arrow_right.gif) no-

repeat left;padding-left:12px;padding-right:2px;}

#options-buttons {text-align:center;border-top:1px solid #999; padding-top:10px;}

/* Organize media styles */

.thmb-separator-off {float:left;width:10px;height:110px;background:
url(/retailers/NOBRAND/images/gif/organize_gray.gif) no-repeat 0 0;padding:0 2px 0
2px; margin:2px 2px 0 2px;cursor:pointer;}

.thmb-separator-on {float:left;width:10px;height:110px;background:
url(/retailers/NOBRAND/images/gif/organize.gif) no-repeat 0 0;padding:0 2px 0 2px;
margin:2px 2px 0 2px;cursor:pointer;}

#organize-content {float:left;width:395px; border:1px solid #9d9282;

background:#fff; padding:0px 0px 5px 0px;}

#organize-content ul {margin:0px;}

html>body #organize-content ul {margin-left:-40px;} /* firefox hack */

#organize-content li { display:inline; list-style:none; float:left; padding:5px

0px 0px 0px; }

#organize-content .tall {padding:10px 0 0 5px; width:90px; height:110px;

background: url(/retailers/NOBRAND/images/background/thmb_tall_bk.gif) no-repeat 0
0;}

/* picture-view styles */

#right-links {float:right;margin-top:5px;padding-bottom:5px;}

#playback-icons {}

#picture-wrapper {float:left;width:100%;background-color:#e7e6e6;text-
align:center;border:1px solid #9d9282;}

#picture-wrapper-view-large {float:left;width:602px;background-color:#e7e6e6;text-
align:center;border:1px solid #9d9282;}

#picture-container {padding:10px;}

#slideshow-info {padding: 10px 0pt 0pt 10px; text-align: left;}

.rotate-btns {float:left; width:345px; padding-top:2px;}

.next-prev-btns {float:left; padding-top:2px;}

/* Addressbook pages */

.smallcopy {color:#666; font-size:10px;line-height:10px;}

#bottom-right-buttons {clear:both;float:right;text-align:right;padding-top:10px;}

#alignleft {float:left;}

#add-group-controls {float:left;width:220px;text-align:center;margin-top:20px;}

#add-group1{float: left; width: 150px;}

#add-group2{float: right; width: 200px;}

.new-contact-position-lastname{padding-left:195px;}
/* upload media pages */

html>body #contentarea {float:left;width:395px;height:400px;margin-right:5px;}

#ie-confirm {float:left;width:375px;border:1px solid #999;padding:10px;}

.upload-wrapper {float:left;width:395px;border:1px solid

#9d9282;padding:5px;background:#fff;}

html>body .upload-wrapper {width:385px;}

#contentarea {float:left;width:395px;height:400px;margin-right:5px;}

#media-uploaded-loading-albums {position:absolute; left:40%; top:40%;}

/* Help page */

#faq_content{ padding: 0 10 0 10; margin:0 0 0 150;}

.question { font-weight: bold; }

.answer_label { font-weight: bold; }

.answer{}

/*error styles.*/

#htmlerrors {padding: 5 10 5 10;background-color:#F3F3F3;border:1px solid #ccc;}

.error {color: #BC131A;}

/* slideshow.tile */

.slideCount {font:bold 12px arial, verdana, sans-serif; background:#9d9282;

color:#fff; width:100px; border:0; margin-top:-5px;}

/* slideshow_controls tile */

#slideshowControls {width:100%; padding:0px 0px 2px 0px; text-indent:4px;

height:18px; background:#9d9282; color:#fff; font-weight:bold; font-size:12px;
border:1px solid #9d9282; border-bottom:0px; clear:both; }

html>body #slideshowControls {padding:0px 0px 4px 0px;}

.vcrButtons {float:right;padding-top:4px;}

#slideCountDiv {margin-top:2px;}

#singleSlideCountDiv {margin-top:2px; width:100%;}

#missing-QT-message-view {position:absolute;font-size:55%;margin-top:-
12px;clip:inherit;width:120px;background-color:#E7E6E6;}
#missing-QT-composer-view {position:absolute;font-size:55%;margin-top:-
20px;clip:inherit;width:120px;}

#missing-QT-album-view { }

.login-send-password-confirm-msg {width:400px;margin-bottom:10px;}

/* Retrieve your Password page */

#retrieve_password_content { margin: 5px;}

#get-password-wrapper { border:1px solid #9d9282; height:auto; padding:0px 0px 5px

0px; margin:0px 0px 0px 0px;width:100%; }

#change-password-wrapper { border:1px solid #9d9282; height:auto; padding:0px 0px

5px 0px; margin:0px 0px 0px 0px;width:100%; }

#edit-info-wrapper { border:1px solid #9d9282; height:auto; padding:0px 0px 5px

0px; margin:0px 0px 0px 0px;width:100%; }

.organize-thumb {float:left; border:1px solid black; vertical-align:middle;

padding:5px; margin:10 8 5 8px;}

#organize-dragger-thumb {position:absolute;display:none;filter:alpha(Opacity=50);-
moz-opacity:.50;}

#TOS {

visibility:hidden;

background-color:#fff;

left: 500px; top: 130px; height:370px; width: 320px;

font-family: Arial; text-align: left;

#TOS_header {

padding:5px;

background-color:#9b0034;

filter:alpha(Opacity=100);

height:22px;

font-weight:bold;

#TOS_body {
 padding:5px;

background-color:#fff; filter:alpha(Opacity=100);

z-index:100;

height:280px;

html>body #TOS_body {height: 288px;}

#TOS_body_text {

width:100%; height:258px;

border:1px solid #ccc;

overflow:hidden; overflow-y:scroll; text-overflow:clip;

html>body #TOS_body_text { overflow:auto; height: 240px; }

#TOS_body_buttons {

float:right; padding-top:10px;
}
#TOS_body_buttons { position: relative; height: 20px; float:right; padding-right:
10px;}

.message_popup { position: absolute; z-index: 1000; border: 1px solid #696969;

background-color: #fff; filter: alpha(Opacity=100); text-align: center; display:
table-cell; vertical-align: middle; }
.message_popup_header { height: 25px; font-weight: bold; padding-left: 15px;
padding-right: 15px; padding-top: 5px; padding-bottom: 5px; background-color:
#ffe100; }
.message_popup_subheader { clear: both; padding-left: 15px; padding-right: 15px;
padding-top: 10px; padding-bottom: 10px; }
.message_popup_content { clear: both; text-align: left; overflow: auto; height:
420px; margin-left: 15px; margin-right: 15px; padding-top: 10px; padding-bottom:
5px; padding-left: 5px; border: 2px solid #ccc; border-style: inset; }
.message_popup_footer { float: right; padding-top: 10px; padding-bottom: 0px;
padding-right: 15px; }
.terms_conditions_main_header {float:left; font-family: 'Trebuchet MS'; font-size:
12pt;}
.terms_conditions_header {text-align:center; font-family: 'Trebuchet MS'; color:
rgb(0, 0, 0); font-size: 10pt; font-weight:bold;}
.checkBox {margin-bottom:-2px;}
.busy_visible { z-index: 1500; width: 148px; height: 66px; position: absolute;
visibility: visible; top: 400px; left: 300px; }
.busy { z-index: 1500; width: 148px; height: 66px; position: absolute; visibility:
hidden; top: -400px; left: -300px; }
.selectBox {margin-top:-16px; margin-left:100px; margin-right:20px; }

.status { position: absolute; left: -1000; top: -1500; height: 200px; width:
200px; z-index: 1000; text-align: center; border-right: 5px solid #696969; border-
bottom: 5px solid #696969; border-left: 2px solid #696969; border-top: 2px solid
#696969; background-color :#fff; filter: alpha(Opacity=100); display: table-cell;
vertical-align: middle; }
.statusVisible { position: absolute; left: 320; top: 250; height: 230px; width:
250px; z-index: 1000; border-right: 5px solid #696969; border-bottom: 5px solid
#696969; border-left: 2px solid #696969; border-top: 2px solid #696969;
background-color: #fff; filter: alpha(Opacity=100); text-align: center; display:
table-cell; vertical-align: middle; }

.parentalControl_message_popup { position: absolute; z-index: 1000; border: 1px

solid #696969; background-color: #fff; filter: alpha(Opacity=100); text-align:
center; display: table-cell; vertical-align: middle; }
.successColor {padding: 5 10 5 10;background-color:#F3F3F3;border:1px solid
#ccc; }

#parentalControlMoreInformation {
visibility:hidden;
background-color:#fff;
left: 500px; top: 130px; height:370px; width: 320px;
font-family: Arial; text-align: left;

#parentalControlMoreInformation_header {
padding:5px;
background-color:#9b0034;
filter:alpha(Opacity=100);
height:22px;
font-weight:bold;
}

#parentalControlMoreInformation_body {
height: 288px;
}

#parentalControlMoreInformation_body_text {
height:258px;
border:1px solid #ccc;
overflow:hidden; overflow-y:scroll; text-overflow:clip;
padding-left:10px;padding-right:5px;

#parentalControlMoreInformation_body_buttons {
float:right; padding-top:15px;padding-right:5px;
}

.parentalControlMoreInformation_main_header {float:left; font-family: 'Trebuchet

MS'; font-size: 12pt;}

.message_popup_content { clear: both; text-align: left; overflow: auto; height:

420px; margin-left: 15px; margin-right: 15px; padding-top: 10px; padding-bottom:
5px; padding-left: 5px; border: 2px solid #ccc; border-style: inset; }

#SuccessMessage {
visibility:hidden;
background-color:#fff;
 left: 500px; top: 130px; height:370px; width: 320px;
font-family: Arial; text-align: left;
}
#SuccessMessage_body_buttons {
float:right; padding-top:50px;padding-right:5px;
}

.terms_conditions_main_header {float:left; font-family: 'Trebuchet MS'; font-size:

12pt;}

#successMessage_body_text {
height:258px;
border:1px solid #ccc;
overflow:hidden; overflow-y:scroll; text-overflow:clip;
padding-left:10px;padding-right:5px;
}
html>body #successMessage_body_text { overflow:auto; height: 240px; }

#successMessage_header {
padding:5px;
background-color:#9b0034;
filter:alpha(Opacity=100);
height:22px;
font-weight:bold;
}

.accountStatusLabel { margin-top:-16px; margin-left:110px;}

.updateButtonCenter {text-align:center};
.clickUpdateToApplyChanges {text-align:center};
html>body .clickUpdateToApplyChanges {padding-left:30%;}

.parentalContolManagement_header {text-align:center; font-family: 'Trebuchet MS';

color: rgb(0, 0, 0); font-size: 10pt; font-weight:bold;}
.parentalControl_header {float:left; font-family: 'Trebuchet MS'; font-size:
12pt;}
.successMessage_header_parentalControl {float:left; font-family: 'Trebuchet MS';
font-size: 12pt;}
.close_gif {float:right; top-margin:-50px; }
.bodySuccess{ COLOR: Green;}
.systemBlockError {COLOR : #0000ff; font-weight: bold;}

/*Firefox specific fixes*/

html>body .prev_button {padding-left:2px;}
html>body .next_button {padding-right:2px;}

.view-large-ctrls {float:left; width:600px; background:#9d9282; color:#fff; font-

weight:bold; font-size:12px; border:1px solid #9d9282; padding-top:2px}
.view-large-ctrls-rotate {float:left; text-align:center; width:554px;}

/* thirdparty popup specific styles */

.editDestConfigVisible{position:absolute;border:1px solid
black;clear:both;width:300px;min-
height:50px;height:auto;left:200;top:150px;background-color:#ffffff;}
.editDestConfigHidden{position:absolute;clear:both;width:0px;height:0px;padding:0p
x;left:-500;top:-500px;}

/* blockList specific styles */

#blockResp { padding:3px 0 3px 0;width:100%;font-size:11px;}

#blockListRes {visibility:hidden;position:absolute;width:650px;padding-
left:10px;padding-right:10px;left:110px;background-
color:#fff;height:50px;border:1px solid #9d9282;}
html>body #blockListRes {padding-left:-5px;height:auto;}

.popUp {position:absolute; left:250px; top:180px; height:200px;width:200px;

border:1px solid #000; text-align:center; background-color:#e7e6e6;}

DIV.horizontal_line { border-bottom:1px solid #ccc; }

.dhtml_container {visibility:hidden;position:absolute; left:250px;
top:180px;height:200px; width:200px; border:1px solid #000; text-align:center;
background-color:#e7e6e6;}
.dhtml_container_visible {visibility:visible; vertical-align: middle; border-
right: 5px solid black; border-bottom: 5px solid black; border-left: 2px solid
#9b0034; border-top: 2px solid #9b0034; background-color:#e7e6e6;}
.dhtml_container_header { float:left;height:200px;width:100%;padding:2px 0 2px 0;
text-indent:4px;background:#9b0034;color:#fff;font-weight:bold;font-
size:12px;border:1px solid #9d9282;border-bottom:0px;clear:both;height:auto;}
.help {cursor:help;}
.closeButton { cursor: pointer;cursor: hand; float:right;}

.DHTMLConfirmationPopup{position:absolute; left:250px; top:180px;

height:200px;width:200px; border:1px solid #000; text-align:center; background-
color:#e7e6e6; }
.DHTMLConfirmationPopupContent{padding-top:30px;text-align:center; padding-
bottom:30px; }
.DHTMLConfirmationPopupOkBtn{cursor:pointer;cursor:hand;}
.DHTMLConfirmationPopupCancelBtn {cursor:pointer;cursor:hand;margin-
left:10px;padding-right:25px}
.DHTMLConfirmationPopupBtnContainer {text-align:center; width:100%; padding-
bottom: 5px;}
.DHTMLConfirmationPopupTitleArea { width:20%;color:#000;background-color:#e7e6e6;}

#add-block1{float: left; width: 100px;padding-right:30px;}

html>body #add-block1{position:absolute;}
#add-block2{float: left; width: 300px;padding-right:30px;padding-bottom:5px;}
html>body #add-block2 { padding-top:50px;}
.block-controls{ padding-left:58%;}

.addrList {width:300px;}

#blocklist-wrapper {width:100%;padding:5px 5px 5px 5px;border:1px solid

#9d9282;background:#e7e6e6;}
html>body #blocklist-wrapper {width:99%;padding-right:0px;}
#blockListPage {position:absolute;width:400px;}

/*Firefox-Safari: The form tag takes up white space, but not in IE!*/
html>body .ffox-margin {margin-top:-20px}

#mediaDescription
{
width:360px; height:68px; border:0px; overflow:auto;

font:normal 8pt arial, verdana, sans-serif; white-space: pre-wrap; white-

space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-
wrap: break-word;

scrollbar-3dlight-color:#c0c0c0;
scrollbar-arrow-color:#F3F3F3;
scrollbar-base-color:#dddddd;
scrollbar-darkshadow-color:#c0c0c0;
scrollbar-face-color:#dddddd;
scrollbar-highlight-color:#dddddd;
scrollbar-shadow-color:#dddddd;
scrollbar-track-color:#F3F3F3;
}