/*
Styles for the Clearwish Web Site
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html,body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color: #585858;
line-height: 170%;
text-align:center;
background: #fff url(/images/template/bodybg.jpg) repeat-x top center ;
}

a
{
 cursor: pointer;
}

/* ------------- LAYOUT ------------- */

#frame {
width:841px;
margin:0 auto;
text-align:left;
background:url(/images/template/framebg.gif) repeat-y;
}

#header {
height: 92px;
width:841px;
display: block;
text-indent: -9999px;
background:url(/images/template/headerbg.gif) no-repeat;
}

#header a {
height: 50px;
width: 235px;
left: 45px;
top:31px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#header.holiday {
background:url(/images/template/headerbg-holiday.gif) no-repeat;
}

#navcont {
height: 35px;
width:841px;
background:url(/images/template/navbg.gif) no-repeat;
line-height: 160%;
}

#logincontent {
display:none;
}

.loginlink {
font-weight:bold;
font-size:16px;
text-transform: uppercase;
}

/* -------------  MAIN NAVIGATION ------------- */


#navlinks {
height:31px;
width:761px;
padding:5px 40px;
}

#navlinks ul {
list-style-type:none;
font-size: 11px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.03em;
margin:0 0 0 -5px;
}

#navlinks ul li {
display:inline;
}

#navlinks ul li a {
color: #ffffff;
text-decoration: none;
border-right: 1px solid #c8d9f2;
float: left;
padding: 5px 12px 5px 12px;
}

#navlinks ul li a:hover {
color: #ffffff;
background:url(/images/template/navroll.gif) repeat-x;
}

#subnav
{
	text-align: right;
	margin: 0 35px;
	padding: 3px 10px;
	background-color: #c4e1ee;
}
#subnav a {color:#0094c9;}
#subnav a.innerStyle:hover {color:#016f97;}

/* -------------  CONTENT ------------- */

#content {
padding:20px 55px 10px 55px;
}

#content p {
margin: 0 0 18px 0;
}

#content h1 {
font-size:24px;
color:#458ba9;
margin: 0 0 16px 0;
}

#content a {
color:#0094c9;
}

#content a:hover {
color:#016f97;
}


#content ol {
margin: 0 0 18px 24px;
}

#content ul {
margin: 0 0 18px 24px;
}

#content li {
margin: 0 0 6px 0;
}

#center {
text-align:center;
}

#msgs
{
	text-align: center;
	background-color: #eee;
	margin: 0 35px;
	padding: 10px;
}

/* -------------  SPLIT CONTENT ------------- */

#contentleft {
width:182px;
margin:0 17px 0 0;
float:left;
display:inline;
}

#contentright {
width:532px;
float:left;
}

#contentright h1 {
font-size:24px;
color:#458ba9;
margin: 0 0 2px 0;
}

.note {
margin: 0 0 18px 0;
font-size:10px;
}

#contentright table {
border-top:1px solid #c4e1ee;
border-right:1px solid #c4e1ee;
margin: 10px 1px 18px 1px;
border-collapse:collapse;
font-size:11px;
}
	
#contentright td {
border-bottom:1px solid #c4e1ee;
border-left:1px solid #c4e1ee;
padding:3px 8px;
text-align:left;
}	

#contentright th {
font-weight:bold;
color:#0e789e;
background:#cde8f5;
text-align:left;
font-size:12px;
border-bottom: 1px solid #c4e1ee;
border-left:1px solid #c4e1ee;
padding:3px 8px;
}

th.whitesep {
border-right:1px solid #ffffff;
}


h2.mylists {
width:182px;
height:19px;
background:url(/images/headers/mylists.gif) no-repeat;
text-indent: -9999px;
margin:0 0 4px 0;
}


#contentleft ul {
list-style-type:none;
font-size : 14px;
color:#0094c9;
display: block;
line-height:23px;
width:182px;
margin:0 ;
padding:0 0 18px 0 ;
border-top:1px solid #c4e1ee;
}

#contentleft ul a {
color:#0094c9;
font-weight:bold;
text-decoration:none;
display: block;
}

#contentleft ul a:hover {
color:#585858;
text-decoration:none;
}

#mylists li {
margin:0;
border-bottom:1px solid #c4e1ee;
padding-left:5px;
}

#mylists li a
{
	width: 145px;
}

#mylists li div
{
	display: inline-block;
}

#mylists li div.star-list
{
	cursor: pointer;
	background: url(/images/template/star.gif) no-repeat;
	width: 18px;
	height: 16px;
	margin-top: 3px;
}
#mylists li div.star-list.default
{
	background-position: -18px 0;
}
#mylists li div.star-list:hover
{
	background-position: -36px 0;
}


li.listdefault {
background:url(/images/template/listdefaulton.gif) no-repeat;
}

#actionbuttons ul {
list-style-type:none;
display: block;
margin:0 ;
border:none;
line-height:27px;
}

#actionbuttons ul a {
text-decoration:none;
display: block;
}

#actionbuttons ul a:hover {
color:#585858;
text-decoration:none;
}

li#addalist {
background:url(/images/template/addalist.gif) no-repeat;
margin:0 0 8px 0;
height:27px;
width:182px;
text-indent:-9999px;
border:none;
}

li#addalist a:hover {
background:url(/images/template/addalisthover.gif) no-repeat;
}

li#editlist {
background:url(/images/template/editlist.gif) no-repeat;
margin:0 0 8px 0;
height:27px;
width:182px;
text-indent:-9999px;
border:none;
}

li#editlist a:hover {
background:url(/images/template/editlisthover.gif) no-repeat;
}


li#sharelist {
background:url(/images/template/sharelist.gif) no-repeat;
margin:0 0 8px 0;
height:27px;
width:182px;
text-indent:-9999px;
border:none;
}

li#sharelist a:hover {
background:url(/images/template/sharelisthover.gif) no-repeat;
}


#amazon {
width:164px;
border:solid 1px #c4e1ee;
padding:4px 8px;
line-height:140%;
font-size:11px;
margin:0 0 18px 0;
}


div.button {
color:#585858;
font-size:18px;
margin:0 0 18px 0;
}

div.button span {
background:#c4e1ee;
padding:5px 10px;
}

div.button a {
color:#458ba9;
text-decoration:none;
}


/* -------------  HOME PAGE ------------- */

#homefeature {
width:731px;
height:278px;
margin:0 0 30px 0;
}

#homeleft {
width:491px;
margin:0 30px 0 0;
float:left;
display:inline;
}

#homeright {
width:210px;
float:left;
}

#homeleftcontent {
width:453px;
border:solid 1px #c4e1ee;
background:#cbe7f8;
margin:0 0 18px 0;
padding:18px 18px 9px 18px;
line-height:140%;
}

#homeleftcontent p {
margin:0 0 9px 0;
}

h2.oneclick {
width:491px;
height:38px;
background:url(/images/home/oneclick.gif) no-repeat;
text-indent: -9999px;
}

h2.recentwishes {
width:491px;
height:38px;
background:url(/images/home/recentwishes.gif) no-repeat;
text-indent: -9999px;
}

h2.findclearwish {
width:210px;
height:21px;
background:url(/images/home/findclearwish.gif) no-repeat;
text-indent: -9999px;
}

h2.tweets {
width:210px;
height:16px;
background:url(/images/home/tweets.gif) no-repeat;
text-indent: -9999px;
margin:18px 0 4px 0;
}

#arrowlist ul {
list-style-type:none;
margin:0 0 9px 0;
}

#arrowlist li {
list-style-type:none;
padding: 0 0 0 16px;
background-image: url(/images/home/arrow.gif);
background-repeat:no-repeat;
background-position:2px 3px;
color:#0094ca;
font-size:14px;
font-weight:bold;
}


#homeleft table {
border-top:1px solid #c4e1ee;
border-right:1px solid #c4e1ee;
margin:0 1px 18px 1px;
border-collapse:collapse;
font-size:11px;
}
	
#homeleft td {
border-bottom:1px solid #c4e1ee;
border-left:1px solid #c4e1ee;
padding:3px 8px;
text-align:left;
}	

#homeleft th {
font-weight:bold;
color:#0e789e;
background:#cde8f5;
text-align:left;
font-size:12px;
border-bottom: 1px solid #c4e1ee;
border-left:1px solid #c4e1ee;
padding:3px 8px;
}

#buttonrow {
margin:6px 0 0 0;
}

.button {
margin: 6px 2px;
display:inline;
}

#twitter_update_list {
width:192px;
border:solid 1px #c4e1ee;
padding:4px 8px;
line-height:140%;
font-size:11px;
}

#twitter_update_list {
margin: 0 !important;
list-style-type: none;
}
#twitter_update_list li {
border-bottom:1px solid #CDE8F5;
padding:5px 0;
}


/* -------------  FOOTER ------------- */

#footer {
height: 50px;
width:841px;
background:url(/images/template/footerbg.gif) no-repeat;
line-height:150%;
font-size:11px;
color:#50a4cd;
}

#footer p {
padding:8px 0 0 0;
text-align:center;
}

#footer a {
color:#016f97;
text-decoration:none;
}

#footer a:hover {
color:#016f97;
text-decoration:underline;
}


/* ------------- Non-Template-------- */


div.wrapper
{
	padding: 5px;
}

.small_caption
{
	font-size: smaller;
	font-style: italic;
}

#msg_success,#msg_error,#msg_info
{
	font-style: italic;
	font-weight: bold;
}

#msg_success { color: #0a0; font-weight: bold; }

#msg_error { color: #a00; font-weight: bold; }

#msg_info { color: #666; font-weight: bold; }

#msg_ext_ie,#msg_ext_ff
{
	display: none;
	font-size: smaller;
	background-color: #c4e1ee;
	border: 1px solid #999;
	width: 70%;
	margin: 15px auto;
}

.editable
{
	background-color: #FFA;
	cursor: pointer;
	cursor: hand;
}

div.center
{
	text-align: center;
}

div.center > table, div.center > img, div.center > div
{
	margin: 0 auto;
}

.right {	float: right; }
.left { float: left; }
.clear { clear: both; }
.smaller { font-size: smaller; }
.subtle { color: #999; }

img.smallw
{
	position: relative;
	top: 3px;
}

input.button
{
	border: 1px solid #45a7c7;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#06c;
	background-color: #cef;
	padding: 1px 3px;
	cursor: hand;
	cursor: pointer;
}

.warning { color: $C00; font-weight: bold; }
.wish_granted { background-color: #999; }



/* ------------- Simple Modal ------- */


#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  position: fixed;
  top:20px;
  bottom: 20px;
  width:600px;
  left:50%;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
  overflow-y: auto;
}

#modalContainer a.modalCloseImg {
  background:url(/images/icons/close.gif) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:10px;
  right:0px;
  cursor:pointer;
}



#tblJoin {
  text-align: left;
  width: 60%;
}
#tblJoin .required {
  color: #c00;
}