/*------------------------------------------------------------------
[Table of contents]

Global
  [Resets- Tabula rasa]
  [Typography & page-wide styles]
  [Flash Notices & Errors]
  [Forms & Buttons]
  [Layout]

Pages
  [List Styles]
  [Homepage]

---------------------------------------------------------------------
=> GLOBAL------------------------------------------------------------
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Resets- Tabula rasa]
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ul {
	list-style: none;
}

/*ul {
	padding-left: 0;
}

ul li {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
/* Display your focus, it's important*/
:focus {
	outline: 0
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

/*------------------------------------------------------------------
[Typography & page-wide styles]
-------------------------------------------------------------------*/
body {
	color:#333333;
	font-family:'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	background-color:#EFF2F1;
}

h1, h2, h5, ul, ol, li, p {
	margin-top: 0.5em;
	margin-bottom: 0;
}

ul, ol, li, p {
	margin-bottom: 0.7em;
}

ol li {
  margin-left: 25px;
}
/*ol {
  margin-left: 1.4em;
}*/

h2 {
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
  font-size:1.1em;
/*  font-variant:small-caps;*/
  font-weight: bold;
  color: #555;
  margin-bottom:10px;
}

.clear {
	clear: both;
}

a {
	color: #1978d1;
}

a:hover{
  color: #084d8e;
}

em{
  color: #888;
}

small {
  font-size: 12px;
  color: #888;
}
/*------------------------------------------------------------------
[Flash Notices & Errors!]
-------------------------------------------------------------------*/
div.flash_message {
	border:1px solid #CCCCCC;
	font-weight:bold;
	padding:10px;
	text-align:center;
	border: 1px solid #F7D774;
	background-color: #fcfae4;
}

.field_with_errors {
  padding: 2px;
  background-color: #C20E38;
  display: table;
}

#errorExplanation {
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	margin-top:8px;
  	background-color:#FBE3EB;
	border:2px solid #F7A2AC;
}

#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	margin: -7px;
	border-bottom:2px solid #F7A2AC;
	background-color:#F9C9CF;
	color:#C20E38;
	padding:5px 5px 5px 35px;
	text-transform:uppercase;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
	margin-top: 25px;
	padding-left: 45px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*------------------------------------------------------------------
[Forms & Buttons]
-------------------------------------------------------------------*/
form {
	margin-top: 15px;
}

input[type=text],input[type=password] {
	border:1px solid #D2CECE;
	font-size:1em;
	line-height:6px;
	padding:8px;
	vertical-align:middle;
	width:250px;
	display: block;
}

textarea {
  	border:1px solid #D2CECE;
}
.field {
	margin-bottom: 10px;
	clear: both;
}
input:focus, textarea:focus {
	background-color: #fbfaf9;
}

.forgot_pass {
	font-size: 12px;
	color: #666;
}

.sign-up {
  float:right;
  margin-right:200px;
  margin-top:18px;
}

#remember_me {display: inline;}

.info-agreements {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.tip {
	display: none; /*Used for javascript-hide/show toggle*/
	color:#999;
	margin-left:280px;
	margin-top:-32px;
	position:absolute;
}

#main_content .visible {
	display: inline;	
}

.button input[type=submit],
.add_item_field input[type=submit],
.form_submit{
	background:transparent url(/images/buttons.gif) no-repeat scroll -20px -17px;
	border:medium none;
	color:white;
	font-size:16px;
	height:42px;
	width:116px;
}
/*Target Safari for the buttons*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=submit],
.add_item_field input[type=submit],
.form_submit{
  padding-top: 5px;
}

}

body:first-of-type .list_head .delete_list {
  padding: 14px 14px;
}


.button.medium input[type=submit]{
	background:transparent url(/images/buttons.gif) no-repeat scroll -20px -96px;
	height:42px;
	width:160px;
}

.add_item_field input[type=submit] {
	margin-top:-4px; 
	position:absolute;
}

/*------------------------------------------------------------------
[Layout]
-------------------------------------------------------------------*/
/*----- Header -----*/
#view {
  text-align: center;/*IE body alignment fix*/
}

#header {
	background: url(/images/header.png) no-repeat scroll 2px 0;
	height: 75px;
	overflow: hidden;
	padding: 5px 25px;
	margin: auto;
	width: 866px;
	text-align: left;/*IE body alignment fix*/
}

#header #logo {
	float: left;
	text-indent:-9999px;
}

#header #logo a {
  display: block;
  background: url(/images/logo.png) no-repeat scroll 0 0;
  height: 45px;
  width: 313px;
}

#header #nav_bar {
	float: right;
	width: 500px;/*FF2 has problems*/
}

#header #nav_bar ul {
	margin-top: 25px;
}

#header #nav_bar li {
	text-transform: uppercase;
	margin-left: 20px;
	float: right;
	color: #666;
	font-size: 0.9em;
}

#header #nav_bar li a {
	color: #00799c;
	text-decoration:none;
}

#header #nav_bar li.selected a {
  color: #5d1280;
/*  border-bottom:1px solid #E2E1E1;*/
}

#header #user_bar {
	float: right;
	font-size: 0.8em;
	padding-top: 2px;
}

#header #user_bar div {
	display: inline;
	color: #999;
}

/*---- Main Content ---*/
#main {
	border: 1px solid #cfd0d0;
	background-color: white;
	margin: auto;
	width: 900px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left; /*IE body alignment fix*/
}

#main_content {
		padding: 10px 25px 35px 25px;
}
/*---- Footer ---*/
#footer {
  margin-top: 15px;
  text-align: center;
  font-size: 10px;
  margin-bottom:30px;
}


/*---------------------------------------------------------------------
=> PAGES------------------------------------------------------------
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[List Styles]
-------------------------------------------------------------------*/
.list {
	margin-left: 0;
}

.list li {
  overflow: hidden;
}

.draggable li { /*added to ul/ol; makes li draggable*/
	cursor: move;
/*  overflow: hidden;
*/}

#todo_list {
/*  padding-left: 40px;*/
}

#todo_list .item span {
  display:block;
/*  float:left;*/
  margin-left:24px;
  width:435px;
}

#todo_list .checkbox {
  background: url(/images/checkbox.gif) no-repeat scroll 0 2px;
  float:left;
  height:18px;
  margin-right:5px;
  padding-bottom:2px;
  width:20px;
  padding-bottom:6px;
  cursor: pointer;
}

#todo_list .checkbox:hover {
/*    background: url(/images/checkbox_hover.gif) no-repeat scroll 0 2px;*/
}

#todo_list .checked {
  color:#888888;
  text-decoration:line-through;
}

#todo_list .checked .checkbox {
  background: url(/images/checkbox.gif) no-repeat scroll 0px -38px;
}

#list {
	width:465px;
	float: left;
	min-height:30px;
}

/*-------------------------*/
/*Edit in place*/
form.inplaceeditor-form {
  margin-top: 0;
}
form.inplaceeditor-form input[type="text"] { /* Input box */
  width:422px;
}
/*-------------------------*/

.public_tag {
	font-size: 14px;
	color: green;
}

#trash {
	width: 124px;
	height: 102px;
	background: url(/images/trash_sprite.gif) no-repeat -55px -55px;;
}

#trash.full_trash {
  background-position: -55px -491px;
}

#trash_module.hover_trash #trash {
	background-position: -55px -273px;
}

#trash_module.hover_trash #trash_notice{
  visibility: hidden;
}

#trash_module {	
	margin-left:465px;
	margin-top:-163px;
	position:absolute;
}
/*Targeting Firefox 2 align fix*/
#trash_module, x:-moz-any-link {
  margin-top: -150px;
}
/*Overwritting Firefox 3 align fix*/
#trash_module, x:-moz-any-link, x:default {
  margin-top:-160px;
}

#trash_notice {
	margin-left:25px;
	*margin-left: 13px;/*IE7+6 align*/
	margin-top:-103px;
	position:absolute;
}

#trash_notice input{
  color:#9F9F9F;
	padding:2px 11px 5px 31px;
	border: none;
	background:transparent url(/images/undo_button.gif) no-repeat;
	font-size:11px;
	*padding-left: 23px;/*IE7+6 align*/
}

#trash_notice input:hover {
	 color:#555555;  
	 background:transparent url(/images/undo_button.gif) no-repeat 0 -40px;
}

.list_head .delete_list{	
  background: url(/images/action_icons.gif) no-repeat scroll 0 -200px;
  border: none;
  color: #9F9F9F;
  padding: 14px 14px;
  position: absolute;
  margin-top:6px;
}

.delete_list:hover{
	background: url(/images/action_icons.gif) no-repeat scroll 0 -260px;
}
/*End of remove button*/

/*List Page*/
.list_head {
  margin-bottom:15px;
  margin-top:0.4em;
  padding-right:35px;
}

.list_head h2 {
  margin-bottom:5px;
  margin-top:0.4em;
  width:470px;
}

.list_title {
  cursor: pointer;
}

span.list_title:hover{
  text-decoration: underline;
}

.list_head small {
	display: block;
	*display: inline; /*IE 7 jump fix*/
	clear: both;
}

.list_actions {
	background:transparent url(/images/list_action_bg.gif) repeat-x scroll 0 bottom;
	border-bottom:1px solid #D5D8E9;
	height:65px;
	overflow:hidden;
	margin-bottom:0;
	margin-top: 0px;
}

.list_actions li {
	float: right;
}

.list_actions li a {
	display: block;
	width: 62px;
	height: 52px;
	text-decoration: none;
	background: url(/images/icons.gif);
	margin-right: 10px;
	margin-left: 10px;
}

.list_actions .back_button {
	float: left;
  height:50px;
  width:100px;
  margin-left: 0px;
  margin-top: 12px;
  height: auto;
  width: auto;
/*  background-color: #fafafa;*/
}

.list_actions .back_button a { 
  background-position:-24px -944px;
  height:auto;
  padding-left:18px;
  width:auto;
}

.list_actions .new a {
	background-position: -26px -335px;
	width: 68px;
}

.list_actions .new a span {
	margin-left: 7px;
}

.list_actions .modify a {
	background-position: -26px -642px;
}

.list_actions .modify a span {
	margin-left: 12px;
}
.list_actions .print a {
		background-position: -26px -438px;
		width: 68px;
}
.list_actions .print a span {
	margin-left: 17px;
}
.list_actions .share a {
	background-position: -26px -540px;
}

.list_actions .share a span {
	margin-left: 4px;
}

.list_actions .private a {
	background-position: -26px -744px;
}

.list_actions .public a {
	background-position: -26px -846px;
}

.list_actions .private a span {
	margin-left: -1px;
}

.list_actions li a span {
	font-size:11px;
	margin-top:-15px;
	position:absolute;
	color: #999;
	display: none;
}

.list_actions li a:hover span {
	display: inline;
}

/*hide not styled action buttons for now*/
/*.list_actions .private,*/
.list_actions .modify {
  display: none;
}

/*.lists_list */#main {
	overflow: hidden;
	padding-bottom: 18px;
}

/*.lists_list */#main_content{
	width: 575px;
	float: left;
/*  border-right: 1px solid #DEDDDE;*/
}

.static #main_content {
  float: none;
  width: auto;
}

.static #side_bar {
  display: none;
}

/*.lists_list */#side_bar {
/*  background-color:#F5F5F5;*/
/*  background-color:#F8F9FA;*/

	float:right;
/*  height:96.5%;*/
	margin-right:23px;
	margin-top:16px;
	width:235px;
	padding-left: 15px;
/*  background-color:none;
  border-left:1px solid #DEDDDE;*/
}

.private_list,
.public_list  {
	background: url(/images/icons.gif) no-repeat -26px -744px;
  padding-left: 76px;
  padding-top: 25px;
}

.public_list {
	background-position: -26px -846px;
}

.lists_sharing #side_bar {
   border-left:1px solid #DEDDDE;
}

.sharing_head {
  background-color:#F1F4F5;
  clear:both;
}

.add_item_field {
  clear: both;
}

.add_item_field input[type=text] {
	width:448px;
	display: inline;
}

.lists_list #side_bar {
  margin-top:63px;
}

/*------------------------------------------------------------------
[Homepage --> home sweet home!]
-------------------------------------------------------------------*/
.static_index #main_content {
	padding: 0;
	overflow: hidden;
}

.billboard a{
	display:block;
	margin-left:-2px;
	margin-top:-1px;
}

.billboard h2 {
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}

.row .column{
	float:left;
	margin-bottom:27px;
	margin-left:25px;
	margin-top:12px;
	width:265px;
	display: inline;/*IE6 double margin fix*/
}

.row .column p  {
	font-size:0.9em;
	text-align:justify;
}

.promo .column h3 {
	background:transparent url(/images/icons.gif) no-repeat scroll 0 0;
	font-size:1.4em;
	font-variant:small-caps;
	height:55px;
	line-height:65px;
	padding-left:65px;
}

.promo .sign_up h3{
	background-position: -26px -26px;
}

.promo .create h3{
	background-position: -26px -130px;
}

.promo .share h3{
	background-position: -26px -232px;
	padding-left:70px;
}

/*------------------------------------------------------------------
[My Lists page]
-------------------------------------------------------------------*/
.create_new_list a, 
.back_button{
  display:block;
  float:right;
  font-size:1.2em;
  font-weight:bold;
  margin-top:8px;
  padding:5px 10px;
  
	border:1px solid #e2e1e1;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-decoration: none;
	background-color: #fafafa;
}

.create_new_list a:hover,
li.back_button:hover {
  background-color: #fff;
  	background: url(/images/button_bg.gif) repeat-x 0 0;
  	border-bottom: 1px solid #c6c4c4;
  	border-right: 1px solid #c6c4c4;
}

.lists_index h2 {
  float:left;
  font-size:1.5em;
  font-weight:bold;
  margin-bottom:15px;
}

.lists_index .my_list_lists {
  clear: left;
  border-top: 1px dotted #CCCCCC;
}

.lists_index .my_list_lists li {
  margin: 0;
  padding: 8px 0 4px 3px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  clear: both;
}

.lists_index .my_list_lists li:hover {
  background-color: #f3f4f9;
  background-color: #fafafa;
  border-top: 1px solid #eff2f1;
  border-bottom: 1px solid #eff2f1;
}

.my_list_lists .list_number,
.my_list_lists .list_info {
  float: left;
}

.my_list_lists .list_info {
  width:435px;
}

.my_list_lists .list_number {
  margin-right: 10px;
}

.list_controls {
  float:right;
  margin:-3px 4px 0 0px;
  width: 95px;
}

.list_controls .delete_list,
.list_controls .share_list{
  float: right;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(/images/action_icons.gif) no-repeat -2px 5px;
  margin-left: 15px;
}

.lists_index .share_list{
  background-position: -4px -95px;
}

.list_controls a.delete_list:hover{
  background-position: -2px -50px;
  
}
.list_controls a.share_list:hover {
   background-position: -4px -143px;
}

.sharing_info {
  display: block;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 5px;
}

.sharing_info a {
  text-decoration: none;
  color: #9b9b9b;
}

.sharing_info a:hover {
  text-decoration: underline;
}

/*display list controls on hover*/
.my_list_lists li .list_controls {
  display: none;
}

.my_list_lists li:hover .list_controls {
  display: block;
}

/*------------New List--------------*/
.lists_new #title {
  margin-top: 4px;
  float: left;
}

/*---------Sharing Page-------------*/
.lists_sharing small {
  display: block;
}

.lists_sharing .invite_people #submit {
  position: absolute;
  margin-top: 48px;
  margin-left: 4px;
}

.lists_sharing #emails {
  height: 88px;
}

/*----------------------*/
/*-----Feedback Tag-----*/
/*----------------------*/
.feedback {
  right:0;
  bottom:0;
  cursor:pointer;
  position:fixed;
  z-index:9999999;
}

/*----------------------*/
/*-----Lightbox---------*/
/*----------------------*/
/*Overlay*/
.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
}
.white_content {
  -moz-border-radius:20px;
  -webkit-border-radius: 20px;
  background-color:white;
  border:8px solid #555;
  display:none;
  height:50%;
  height:420px;
  left:22%;
  padding:16px;
  position:fixed;
  top:18%;
  width:50%;
  width: 640px;
  z-index:1002;
}

.close_box {
  background:transparent url(/images/close.png) no-repeat scroll 0 0;
  display:block;
  height:28px;
  margin-left:-30px;
  margin-top:-30px;
  position:absolute;
  width:28px;
  border: none;
}

.close_box:hover {
  border: none;
}

/*IE stupid fixes*/
/*******************************/
.list_actions .public a:hover span, #feedback, .feedback {
  _display: none;
}

.sessions .field input,
.users .field input {
  _display: block;
}


/*-----------------------------------------*/
/*-------------Static Pages ---------------*/
/*-----------------------------------------*/
.legal {
  margin:20px 20px 0;
}

.legal h2 {
  border-bottom: 1px dotted #ccc;
}

.legal h3 {
  color:#333333;
  margin-bottom:0;
  margin-top:25px;
}

.legal {
  font-size:0.9em;
}

.legal h3 em {
/*  padding-right: 40px;*/
  font-style: normal;
  color: #333;
}

.legal .sub_num {
  float:left;
}

.legal .indent{
  display: block; 
  padding-left: 60px;
}

.legal ul {
  margin-left: 76px;
}

.legal ul li {
  margin: 0;
  list-style: disc;
}