/**
 * Copyright 2003, 2004 by Lightsurf Technologies, Inc.
 * 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' %>

body {
	margin: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #FFFFFF;
}
TD, TH, DIV, SELECT, INPUT, TEXTAREA, OPTION {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
}
P {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	margin-bottom: 10px;
	margin-top: 10px;
}

A         { color: #ff0000; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal }
A:link    { color: #ff0000 }
A:visited { color: #ff0000 }
A:active  { color: #000000 }
A:hover   { color: #333 }

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

/* horizontal line */
DIV.ls_line { border-bottom:1px solid #666; }

/* vertical space used throughout the site */
DIV.ls_vSpace {
	margin-bottom: 10px;
	margin-top: 10px;
 }

/* horizontal space between "panels", used throughout the site */
.ls_panel_spacer { width: 12px; }

/*
 * message handling
 */
.error { color: red; font-weight: bold; font-size: 12px; }

.ls_CalendarDayNames { background-color: #9999CC; }
.ls_CalendarSelected { background-color: #cccccc; }
.ls_CalendarSelected A,
.ls_CalendarSelected A:visited { color: #ff0000; }
.ls_CalendarLink { background-color: #FFFFFF; }
.ls_CalendarLink A,
.ls_CalendarLink A:visited { color: #ff0000; }


.ls_Date { font-style: italic; }

/*
 * background colors for table cells, rows, and entire tables
 */
.ls_bgNormal { background-color: #FFFFFF; }
.lighter     { background: #f1f1f1 } /* 10% */
.light       { background: #cccccc } /* 20% */

/*
 * Styles used by page_heading.tile
 */
.ls_title_area { font-size: medium; font-weight: bold; }
.ls_subtitle_area {}

/*
 * Styles used by menu_navigation.tile
 */


/*
 * Styles used by main.tile
 */
.ls_header_area {}
.ls_tab_navigation_area {}
.ls_menu_navigation_area {}
.ls_content_area {}
.ls_footer_area {}

/*
 * Styles used by tab_navigation.tile
 */
.ls_tab_navigation { color: #FFFFFF; background-color: #003366; font-weight: bold }
.ls_tab_navigation A {}

/*
 * Styles used by footer.tile
 */
.ls_footer { color: #000000; background-color: #FFFFFF }
.ls_footer A { color: #000066 }

/*
 * Styles used by two_panel.tile
 */
.ls_main_panel { width: 368px; }
.ls_options_panel { width: 234px; }

/*
 * Styles used by toolbar.tile
 */
.ls_toolbar { font-weight: bold; color: #000000; background-color: #ccc }
.ls_toolbar A { font-weight: normal; color: #ff0000 }

/*
 * Styles used by text_layout.tile
 */
.ls_text_layout { color: #333; background-color: #f1f1f1; }
.ls_text_layout A { color: #ff0000; }
.ls_text_layout_heading {
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	padding: 5px;
}
.ls_text_layout_heading A { font-weight: normal; color: #000066; }

/*
 * Styles used by text_layout.tile for text sidebars
 */
.ls_sidebar_text { color: #333; background-color: #f1f1f1; }
.ls_sidebar_text A { color: #ff0000; }
.ls_sidebar_text_heading {
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	padding: 5px;
}
.ls_sidebar_text_heading A { font-weight: normal; color: #000066; }

/*
 * Styles used by options.tile
 */
.ls_sidebar_options { color: #333; background-color: #f1f1f1; }
.ls_sidebar_options A { color: #ff0000; }
.ls_sidebar_options_heading {
	font-weight: bold;
	color: #000000;
	background-color: #ccc;
	padding: 5px;
}
.ls_sidebar_options_heading A { font-weight: normal; color: #990000; }
	
dl {
	margin: 0 0 10px 10px;
	background: #f1f1f1 url(../../images/border.gif) no-repeat bottom left;
	}
	
dt {
	margin: 0 0 10px 0; padding: 5px; font-weight: bold; color: #000;
	background: #ccc url(../../images/border.gif) no-repeat top left;
	}
	
dd { 
	margin: 0 5px 5px 5px; padding: 0 5px 5px 5px; 
	color: #666; 
	}

/*
 * Styles used by the content area
 */
.picture_box { color: #000000; background-color: #f1f1f1; }
.picture_box A { color: #ff0000; }
.picture_box_heading { font-weight: bold; color: #000000; background-color: #ccc; }
.picture_box_heading A { font-weight: normal; color: #ff0000; }
.picture_box_sp { background-color: #ffffff; }

/*
 * hidden links
 */
.hideLink,
.hideLink:link,
.hideLink:visited,
.hideLink:active,
.hideLink:hover { color:#333; text-decoration: none; }

/*
 * drag&drop highlight
 */
.ddHighlight { background: #FFCC66 } /* hover (insert) */
.ddHighlightAlert { background: #ff0000 } /* hover ALERT (replace vs. insert)  */


/*
 * "Sliding Doors" tabs
 * http://www.alistapart.com/articles/slidingdoors/
 */
.tabDoorLo {
	background: url(images/ui/tab_door_right_lo.gif) no-repeat right top;
	padding: 5px 10px 5px 10px;
}
.tabDoorLoLeft {
	background: url(images/ui/tab_door_left_lo.gif) no-repeat left top;
}
.tabDoorHi {
	background: url(images/ui/tab_door_right_hi.gif) no-repeat right top;
	padding: 5px 10px 5px 10px;
}
.tabDoorHiLeft {
	background: url(images/ui/tab_door_left_hi.gif) no-repeat left top;
}
.tabLinkLo,
.tabLinkLo:link,
.tabLinkLo:visited,
.tabLinkLo:active,
.tabLinkLo:hover {
  color:#333;
	font-weight: bold;
  text-decoration: none;
  }
.tabLinkHi,
.tabLinkHi:link,
.tabLinkHi:visited,
.tabLinkHi:active,
.tabLinkHi:hover {
  color:#333;
	font-weight: bold;
  text-decoration: none;
  }