﻿ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
  /* pixels are used here, rather than ems, because I want a consistent          
  * margin on the different headings. if I use ems, 1em for an h1 element          
  * is much larger than 1em on an h6 element. I don't want this. */
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
  /* kill margins on sub-lists */
  margin-top: 0;
  margin-bottom: 0;
}
ul li
{
  padding-top: 5px; 
}
h1
{
  font-size: 240%;
}
h2
{
  color: #0e272e;
  font-size: 240%;
}
h3
{
  font-size: 140%;
}
h4
{
  font-size: 120%;
}
h5
{
  font-size: 100%;
}
h6
{
  font-size: 50%;
}
a, a:link, a:visited, a:active
{
  text-decoration: underline;
}
a:hover
{
}
code, pre
{
  /* Make sure we're all using the same monospaced font for CODE          
  * and PRE elements */
  font-family: "Courier New" , Courier, monospace;
}
label
{
  /* It's all about the visual feedback. In this case, label          
  * elements are usually clickable which then set focus on          
  * their target. I want to show that to the user in a manner          
  * they are used to and understand. */
  cursor: pointer;
}
table
{
  /* Some browsers won't carry the font size down into the          
  * browser like they're suppose to. */
  font-size: 100%;
}
td, th
{
  /* I never like or use the default vertical centering "feature"          
  * provided by tables. */
  vertical-align: top;
}
html
{
  font-size: 100.1%; 
}
body
{
  /* I've seen several comments that setting the base font size to 100.1%          
  * fixes some browser bugs. Which bugs? I don't know. I believe it's          
  * to fix some rounding-error bugs that some browsers (Mozilla) are          
  * prone to. It doesn't hurt anything, so I keep it here. */
  font-family: Arial, Verdana, Tahoma, Sans-Serif;
  font-size: 0.85em;
  padding: 0;
  margin: 0;
}
fieldset
{
  margin: 10px 0 0 0;
  padding: 25px;
  background-color: #fff0e0;
  border: solid 1px #fc7f05;
}

fieldset label
{
  font-weight: bold;
}

fieldset label span
{
  font-size: 0.9em;
  font-weight: normal;
}

fieldset legend
{
  display: none;
}

fieldset input, fieldset textarea, fieldset select
{
  margin-top: 5px;
}

fieldset .FormGroup1
{
  width: 600px; 
}

fieldset .FormGroup1, fieldset .FormGroup2
{
  float: left;
  border: solid 1px black;
}

/* EVERYWHERE WE HAVE AN INPUT WITHIN A LIST ITEM IT WILL BE A CHECKBOX SO ADD SOME PADDING */
/* THIS TIGHTLY REPRESENTS THE SHAREWIZARD PAGE SO MAKE SURE TO CHECK BEFORE CHANGING */
ul li input
{
  margin-right: 5px;
}

table
{
  border-collapse: collapse;
  width: 100%;
  background-color: Transparent;
}

table thead tr th
{
  padding: 5px 10px;
  text-align: left;
  background-color: #E9F4F8;
}

table .ViewItem
{
  padding: 10px;
}

table td
{
  padding: 5px 10px;
  border-bottom: dashed 1px #CCC;
}

#ItemRow
{
  background: transparent url(../images/layout/GradientSlideDown.jpg) repeat-x left top;
  background-color: #fbf1e6;
}

#ItemRow.Alt
{
  /*background: transparent url(../images/layout/GradientSlideDown_Blue.jpg) repeat-x left top;
  background-color: #ccecf7;  */
}

.ajax__calendar table td
{
  padding: 0;
}

.ajax__calendar table thead tr
{
  background-image: none; 
}

.ActionButtons
{
  text-align: right;
  padding-right: 10px;
}

.Alt
{
  /*background-color: #e9f4f8;*/
}

.HighlightRow
{
  background-color: #FDFDD4; 
}

.ItemTaken td
{
  text-decoration: line-through; 
}

.ItemTaken td.WhoPickedIt
{
  text-decoration: none;
}

#Header
{
  background-image: url(/Images/Layout/HeaderStrip.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-color: #ff6d00;
  height: 88px;
}

#Header span
{
  display: block;
  width: 489px;
  height: 88px;
  background-image: url(/Images/Layout/NewSimpleHeader.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#Header h1
{
  display: none;
}

#StrapLine
{
  color: #FFF;
  font-size: 1.25em;
  font-weight: bold;
  top: 63px;
  left: 250px;
  position: absolute;
}

#CornerPicture
{
  display: none;
}

#MenuStrip
{
  background-image: url(/Images/Layout/HeaderBottomStrip.jpg);
  color: White;
  font-weight: bold;
  padding: 3px 20px 0 20px;
  height: 21px;
  text-align: left;
  font-size: 0.9em;
}

#MenuStrip a
{
  color: White;
}

#MenuStrip span
{
  float: left; 
}

#MenuStrip .loginStatus
{
  float: right; 
}

#UtilityFunctions
{
  display: inline;
  float: right;
}

#LeftPanel
{
  /*
  background-image: url(/Images/CornerPictures/YoungGirlBottom.jpg);
  background-repeat: no-repeat; 
  padding-top: 110px; */
  background-image: url(/Images/Backgrounds/OrangeGradient.jpg);
  background-repeat: repeat-y;
  width: 180px;
  padding: 10px 0 0 10px;
  float: left;
}

.ListGroup .GoodInformation
{
  margin-bottom: 15px; 
}

#InvitationShown, .GoodInformation, .HighlightInformation
{
  background-color: #cfffc6 ;
  border: dashed 1px #1e9906;
  padding: 5px 10px;
}

#InvitationShown a, .HighlightInformation a
{
  font-weight: bold;
  color: #000;
}


.HighlightInformation, .GoodInformation
{
  position: static;
  top: 0;
}

.HighlightInformation
{
  border: dashed 1px #ff0000;
  background-color: #ffe0e0;
}

#SharingLists
{
  background-color: #FFF;
  border: dashed 1px #ff0000;
  padding: 10px 15px;
  margin-top: 12px;
  list-style-type: none;
}

#SharingLists li
{
  list-style-type: none;
}

#TopList ol
{

}

#TopList
{
  border: solid 1px #fc7f05;
  background-color: #fdeeea;
  margin-bottom: 10px;
}

.NavigationBox
{
  background-color: #fff0e0;
  border: dashed 1px #fc7f05;
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
}

.NavigationBox fieldset
{
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 2;
}

.NavigationBox fieldset input, .NavigationBox fieldset textarea, .NavigationBox fieldset select 
{
  margin-top: 0;
}

.NavigationBox fieldset .checkbox input
{
  margin-right: 5px;  
}

.NavigationBox .ErrorText
{
  padding: 0; 
}

.NavigationBox fieldset span, .NavigationBox fieldset p, .NavigationBox div
{
  line-height: 1.2;
}

.NavigationBox fieldset span.checkbox
{
  line-height: 2;
}

#LeftPanel .NavigationBox h5 span
{
  font-size: 0.8em;
}

#LeftPanel .NavigationBox h5 a
{
  text-decoration: underline;
}

#LeftPanel .NavigationBox ul
{
  margin: 0;
  padding: 0; 
}

#LeftPanel .NavigationBox ul li ul
{
  padding-left: 15px; 
}

.NavigationBox fieldset .textbox
{
  width: 100%;
}

#LeftPanel a
{
  color: #1b4858;
  text-decoration: none;
}

#BreadCrumbs a
{
  color: #1b4858;
}

#LeftPanel a.Active, #BreadCrumbs a.Active
{
  color: #ff7712;
  font-weight: bold;
  font-size: 1.1em;
}

#LeftPanel ul
{
  padding: 3px 0 10px 10px;
  margin: 0;
  list-style-type: none; 
}

#LeftPanel ul li ul
{
  padding-bottom: 0;
  position: relative;
  top: 3px; 
  font-size: 0.9em;
}

#LeftPanel ul li
{
  padding: 5px 0; 
}

#LeftPanel ul li#UsersLists a
{
  font-weight: bold;
}

#Content
{
  padding: 10px 10px 20px 220px;
  background-image: url(/Images/Backgrounds/OrangeGradient.jpg);
  background-repeat: repeat-y;
}

#Footer
{
  background-image: url(/Images/Layout/FooterStrip.jpg);
  background-repeat: repeat-x;
  text-align: right;
  height: 22px;
  padding: 17px 20px 0 20px;
  font-weight: bold;
  font-size: 0.9em;
  color: White;
}

#Footer a
{
  color: White;
}

#BreadCrumbs
{
  font-size: 0.9em;
  display: none;
}

#Actions
{
  float: right;
  width: 175px;/*
  border: solid 2px red;
  background-color: #FFE0E0;
  border: dashed 1px #FF0000;
  margin: 20px 10px 0 0;*/
  padding: 10px 10px;
}

#Actions h3
{
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 1.2em; 
}

#Actions a
{
  color: black;
}

#Actions ul
{
  margin: 0;
  padding: 0 30px;
  list-style-type: square;
}

#Actions ul li
{
  padding: 5px 0;  
}

.ItemName, .FriendName, #TB_title
{
  background-image: url(/Images/Layout/HeaderBottomStrip.jpg);
  background-repeat: repeat-x;
  background-color: #010303;
  color: White;
  font-weight: bold;
  padding: 3px 0pt 6px 15px;
}

.ItemName input, .FriendName input, #TB_title input
{
  margin-bottom: 3px;
}

.ItemName a, .FriendName a
{
  color: White;
}

.ItemName h2, .ItemName h3, .FriendName h3, .FriendName h4, .ItemName a
{
  font-size: 1.3em;
  padding: 0;
  margin: 0 5px;
  display: inline;
  color: White;
}

.ItemName .image-button
{
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.ItemName span, .FriendName span
{
  font-size: 0.9em;
  font-weight: normal; 
}

.OrangeStrip
{
  background-image: url(/Images/Layout/HeaderBottomStripOrange.jpg) !important;
  background-color: #ce3d00 !important;
}

.Deadline
{
  padding: 5px 0; 
}

.ListActionButtons
{
  padding: 10px 0; 
}

.ListActionButtons input
{
  margin: 0;
  padding: 0;
}

.FriendName
{
  height: 1.6em;
}

.FriendName h3
{
  float: left;
}

.DeleteFriend
{

  float: right;
}

.FriendsLists ul
{
  list-style-type: none; 
}
.FriendsLists ul li
{
  padding-top: 5px; 
}

.FriendsLists ul li span
{
  font-size: 0.9em;
  font-style: italic;
}

.UpdatedToday, .UpdatedYesterday, .ItemName .UpdatedToday
{
  font-size: 1em;
  font-weight: bold;
}

.FriendsLists ul li .UpdatedToday
{
  color: red;
}

.ListItems
{
  padding: 0 50px; 
}

.ToggleLists
{
  float: right;
  padding: 6px 7px 0 0;
  cursor: pointer;
}


#ItemDetails h2
{
  font-size: 1.4em;
}

#ItemDetails h3
{
  color: #fc7f05;
}

#SponsoredLinks, #SponsoredLinksHorizontal
{
  padding: 5px;
  font-size: 0.85em;
  border: solid 1px #fc7f05;
}

#SponsoredLinksHorizontal
{
  height: 100px; 
}

#SponsoredLinksHorizontal .SponsoredLink
{
  float: left;
  width: 150px;
}


#SponsoredLinks h3, #SponsoredLinksHorizontal h3
{
  margin: 0;
  padding: 0 0 5px;
  font-size: 0.95em;
  text-align: center;
  color: #ff7712;
  font-weight: bold;
}

.SponsoredLink span
{
  color: #67ad1b; 
  font-size: 0.85em;
}

.Clear
{
  clear: both;
  line-height: 0.1;
  height:  0;
}

.highlight
{
  color: Red;
  font-size: 0.7em; 
}

.RemoveFriend
{
  display: inline;
  vertical-align: top; 
}

.ErrorText, .GoodFeedback
{
  color: Red;
  display: block;
  padding: 0 0 10px 0;
}

.GoodFeedback
{
  color: Green; 
}

#ConfirmDelete
{
  margin: 10px 10px 0 0;
  padding: 15px;
  background-color: #fff0e0;
  border: solid 1px #fc7f05;
  width: 97%;
}

#ConfirmDelete h3
{
  padding: 0;
  margin: 0;
  color: Red;
}

.UnreadList
{
  color: Red;
  font-weight: bold; 
}

.PublicURL
{
  font-size: 0.9em;
  padding: 5px 20px;
}

.Help
{
  position: absolute;
  top: 150px;
  right: 10px; 
}

.FloatHelp
{
  float: right;
  position: relative;
  top: -15px;
  right: -10px;
}

#UseHDYK
{
  padding-left: 40px;
}

.UploadImages
{
  border: solid 1px red;
}

#ItemImage
{
  float: left;
  text-align: center;
  position: relative;
  margin: 5px 0;
}

#ViewItemImages img
{
  display: inline;
  border: solid 1px #929292;
  background-color: #FFF;
  padding: 5px;
  margin-right: 4px;
}

fieldset #ItemImage
{
  background-color: #f4f4f4;
  border: solid 1px #929292; 
  padding: 5px;
}

#ItemImage img
{
  padding: 5px;
  border: solid 1px #929292;
  background-color: #FFF;
}

#ItemImage .RemoveImage
{
  position: absolute;
  top: 0px;
  right: 9px;
}

#AjaxPopup
{
  position: absolute;
  width: 50%;
  margin: 50px 100px;
  z-index: 10;
  padding: 3px;
  background-color: #FFF;
}

#AjaxPopup #ItemDetails
{
  border: solid 1px #000;
  padding: 10px;
}

#AjaxPopup #CloseWindow
{
  position: absolute;
  top: 19px;
  right: 19px;
  cursor: pointer;
}
/*blue buttons*/

.ViewItem #Actions 
{
  width: auto;
}

.ViewItem #Actions ul
{
  margin: 10px 0 0 0;
  padding: 0;
}

.Alt .ViewItem #Actions ul li
{
  background: transparent url(../images/buttons/btn_blue_left_on_blue.jpg) no-repeat left top;
}

.Alt .ViewItem #Actions a 
{
  background: transparent url(../images/buttons/btn_blue_right_on_blue.jpg) no-repeat right top;
}

.ViewItem #Actions li
{ 
    background: transparent url(../images/buttons/btn_blue_left_on_orange.jpg) no-repeat left top;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 49px;
    text-align: center;
    z-index: 100;
}
.ViewItem #Actions a 
{
    background: transparent url(../images/buttons/btn_blue_right_on_orange.jpg) no-repeat right top;
    display: block;
    min-height: 49px;
    padding: 10px 18px 0;
    margin: 0;
    color: White;
    font-size: 1.5em;
    text-decoration: underline;
}

#ItemDetails .ViewItem #Actions li
{
  background: transparent url(../images/buttons/btn_blue_left_on_white.jpg) no-repeat left top;
}

#ItemDetails .ViewItem #Actions a
{
  background: transparent url(../images/buttons/btn_blue_right_on_white.jpg) no-repeat right top;
}

/* 

#EnhancedLogin
{
  position: absolute;
  left: 200px;
  top: 150px;
  width: 400px;
  background-color: #FFF0E0;
  border: solid 2px #193d49;
}

*/

#EnhancedLogin
{
  border: solid 1px #CCC; 
}

#EnhancedLogin fieldset
{
  border: 0; 
  margin-top: 0;
  padding-top: 0;
  background-color: transparent;
}

.ExternalLink
{
  background-image: url(/Images/Icons/ExternalLink.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 14px;
}

.DeleteIcon
{
  position: relative;
  bottom: -4px; 
}

#FriendList
{
  list-style-type: none; 
  background-color: #FFF;
  border: dashed 1px #ff0000;
  padding: 10px 15px;
  margin-top: 12px;
  list-style-type: none;
}

#FriendList li
{
   list-style-type: none;
   padding: 0;
}

#FriendList span
{
  font-weight: bold;
  color: Green; 
}

#FriendList span.Failed
{
  color: Red; 
}

.CheckboxAction input
{
  margin: 0 7px 0 0;
}

.homepage-block
{
  clear: right;
}

.homepage-block fieldset
{
  margin: 0;
  border-top: 0;
}

#homeVideo
{
  float: right;
  margin: 0 0 10px 10px;
  padding: 5px;
  background-color: #FFF;
  border: solid 1px #CCC;
  display: block;
}

#homeVideo img
{
  border: 0; 
}

#recently-added-items
{
  padding-left: 0; 
}

.idea-wall
{
  float: left;
  width: 100%;
  margin-top: 15px; 
}


.AmazonItem
{
  float: left;
  padding: 10px;
  background-color: #FFF;
  border: solid 1px #CCC;
  width: 150px;
  margin: 0 10px 10px 0;
  min-height: 180px;
}

.AmazonItem img
{
  border: solid 1px #CCC;
  padding: 5px;
  margin: 0 auto;
}

#container
{
	padding: 5px 20px 20px;
	border: 1px solid #ccc;
	background: #f3f3f3;
	line-height: 1.4;
}

#tabnav
{
	margin: 0;
	padding-right: 10px;
  position: relative;
  top: 1px;
}

#tabnav li
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnav input
{
	background: #f3f3f3;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #CCC;
	color: #666;
	cursor: pointer;
}

#tabnav input.active
{
	border-bottom: 1px solid #f3f3f3;
	color: #000;
}

.idea-section
{
  width: 50%;
  float: left; 
}

#QuickFeedback textarea, #QuickFeedback input
{
   width: 100%;
}

#QuickFeedback fieldset
{
   line-height: 1; 
}

.show-feature, .show-feature-2, .show-feature-3
{
  float: left;
  width: 28%;
  margin-right: 1%;
  padding: 0 2%;
}

.show-feature-2
{
  background-color: #f4f4f4;
}

.show-feature-3
{
  background-color: #f4f4f4;
}

#SmallGiftIdeas img
{
  padding: 4px;
  border: solid 1px #CCC;
  background-color: #FFF;
}

#SmallGiftIdeas 
{
  text-align: left;
} 

#SmallGiftIdeas #container
{
	padding: 8px 8px 4px;
	border: 1px solid #ccc;
	background: #f3f3f3;
}