body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    color: #5b6e7d;
    background-color:#eb008a;
    text-align: center;
}
p {
    clear: both;
}
img {border:0;vertical-align:middle;}
hr{height:2px;color:#cbcdce;background-color:#cbcdce;width: 100%;}

h1{
    color: #5b6e7d;
    font-weight: bold;
    font-size: 18px;
}

h2 {
    color: #5b6e7d;
    font-size: 16px;
    font-weight: normal;
}

h3 {
    color: #5b6e7d;
    font-size: 14px;
    font-weight: normal;
}

a:link, a:visited, a:active {
    color: #ff0099;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

#page {
    left: 0;
    width: 1000px;
    margin: 0 auto;
    text-align:left;
    background-color: #eb008a;
}

label.error, span.error, label.info, span.info, div.info, div.error{
    background-color:#DBE3F2;
    display:block;
    margin:10px;
    padding:15px;
}

.error {
    color:#ff0000;
}

.info {
    color:#536582;
}

#header {
    position:relative;
    top: 20px;
    width:100%;
    background-color: #5b6e7d;
    background-image: url(/images/header_bg.gif);
}

#header .headerImage{
    position: relative;
    left: 50px;
}

#loginContainer {
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
}

#loginContainer img {
    margin-right: 3px;
}

#headerSubpage {
    position:relative;
	top: 10px;
	width:100%;
	background-color: #5b6e7d;
	background-image: url(/images/header_sub_bg.png);
	padding-bottom: 7px;
}

#headerSubpage .headerImage{
    position: relative;
    left: 75px;
}

#content-container {
	background-color: #ffffff;
	overflow: hidden;
	width: 100%;
	position:relative;
	padding-bottom: 20px;
}

#content-container .giftsPreview{
    float: right;
}

#content-copy {
	position:relative;
	background-color:#ffffff;	
	width:900px;
	left:50px;
	margin-left:15px;
}

#content-copy .homeIntroText {
    float:left;
}

#footer-container {
	clear: both;
    text-align: left;
    background-color: #d0d2d2;
    width:100%;
 }

#footer {
    position: relative;
    top: 10px;
    padding-top:20px;
    padding-bottom:15px;
    background-color:#f0f0f1; 
}

.footer_text {
	clear:left;
	color:#929396;
	font-size:9px;
}

#footer a {
	color: #929396;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}


.footerText {
    position:relative;
    left:115px;
}

.copyright_text {
	color:#929396;
	font-size:11px;
	font-weight:bold;
}

/* form styles */
input[type="text"], input[type="password"]{
    border: 1px solid #5b6e7d;
    width: 200px;
    font-family: Verdana, Arial, sans-serif;
    color: #5b6e7d;
    font-size:16px;
    margin: 5px 0 0 0;
}

input[type="radio"] {
    height:15px;
    margin:0 3px 0 0;
    padding:0;
    width:15px;
}

select {
    font-family: Verdana, Arial, sans-serif;
    color: #5b6e7d;
    font-size:16px;
    border: 1px solid #5b6e7d;
}

.formCentered {
    font-size: 16px;
}

.formCentered label.label {
    display:block;
    float:left;
    margin-left:20px;
    margin-right:30px;
    margin-top:7px;
    text-align:right;
    width:170px;
}

.formCentered label.error {
    display:block;
    float:none;
    margin:10px;
    text-align:left;
    width:100%;
}

.formCentered span.error, .formCentered label.error {
	color:#eb008a;
	font-size:12px;
}

#locationForm label {
    float: none;
    display: inline;
    margin-right:5px;
}
#locationForm input {
    width: 100px;
}
#locationForm {
    padding-left:133px;
}
#locationForm a {
    padding-left: 20px;
}

#goSubmit {
    background: transparent url(/images/btn_go.png) no-repeat left top;
    cursor: pointer;
    width:38px;
    height:30px;
    border: 1px #fff;
}

.formShift{
    position:relative;
    left: 220px;
}
.signupSubmit {
    color:#fff;
    font-size:0;
    position: relative;
    left: 385px;
}

.highlighted {background: #f00;
color: #000;}

.tags {
	color: #ec3d00;	
}

/* Home Page specific stuff */
.btnStart {padding:10px 0 0 5px;}
.miniGiftIcon {position:relative;top:5px;left:235px;}
.fbConnectTop {background-color:#ffffff;padding:5px 32px 50px;}
.fbConnectSub {background-color:#ffffff;padding:5px;}

/* breadcrumbies */
.breadcrumb-container{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}

a.darkbread, a.lightbread{
    padding: 5px;
    padding-right: 20px;
    display: block;
    text-align: left;
    float: left;
    text-decoration:none;
    margin:0;
}

a.darkbread {
    color:#ffffff;
}

a.lightbread {
    color:#5b6e7d;
}

a.lightbread:hover, a.darkbread:hover {
    text-decoration:underline;
}


.bread-solo {
    background: #91bc31 url(/images/breadcrumbies.png) no-repeat 100% 100%;
}

.bread-mid {
    background: #91bc31 url(/images/breadcrumbies.png) no-repeat scroll 100% -26px;
}

.bread-almostlast {
    background: #91bc31 url(/images/breadcrumbies.png) no-repeat scroll 100% -52px;
}

.bread-last {
    background: #cdfc68 url(/images/breadcrumbies.png) no-repeat 100% -78px;
}

#left {
    float: left;
}

#right {
    float: right;
}

.events {
   border: 1px solid #cbcdce; 
   empty-cells: show;
   border-collapse: collapse;
}

.events td{
    border: 1px solid #cbcdce;
    font-size:14px;
    font-weight: bold;
    color:#5b6e7d;
}

.events a, a:hover {
    color:#5b6e7d;
    text-decoration:none;
}

.events td.status {
    width:50px;
    text-align:center;
}

.events td.status a {
    display: block; 
    width: 100%; 
    height: 100%; 
    text-align: center;
}
.events td.status a.add img {
    filter:alpha(opacity=10);
    -moz-opacity:.10;
    opacity:.10
}
.events td.status a.add:hover img {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
.events td.text {
    width:300px;
    padding-left:20px;
}

.events td.icon {
    width:30px;
    text-align:center;
}

.recipients {
   border: 1px solid #cbcdce; 
   empty-cells: show;
   border-collapse: collapse;
   margin-top: 20px;
}

.recipients td{
    border: 1px solid #cbcdce;
    font-size:14px;
    font-weight: bold;
    color:#5b6e7d;
}

.recipients a {
    color:#5b6e7d;
    text-decoration:none;
}

.recipients a:hover {
    color:#FF0099;
}

.recipients td.name {
    width:300px;
    font-size:12px;
    font-weight: normal;
    padding-left: 5px;
}

.recipients .noPic {
    padding-left: 35px;
}

.recipients td.icon {
    width:30px;
    text-align:center;
    padding: 7px;
}

.recipients td.pic {
    text-align: center;
    width: 40px;
}

.recipients td.icon a {
    display: block; 
    width: 100%; 
    height: 100%; 
    text-align: center;
}
.recipients td.icon a.add img {
    filter:alpha(opacity=10);
    -moz-opacity:.10;
    opacity:.10
}
.recipients td.icon a.add:hover img {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

.recipients tr.odd {
    background-color: #f2f4f6;
}

.recipients tr.even {
    background-color: #ffffff;
}

/* Facebook Connect */
#fbImport {
    padding: 15px;
}

#fbImport .submit {
    clear:both;
    padding: 15px;
}

.fbImportSelect {
    border-bottom:1px solid #DBE3F2;
    clear:none;
    float:left;
    height:100px;
    width:400px;
    padding: 5px;
    margin: 5px;
}

.fbImportSelect .checkmark {
    padding: 25px;
    float: left;

    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    opacity:0.1;
}

.fbImportSelect .profilePic {
    float: left;
    padding: 5px;
}

.fbImportSelect .profile {
    float: left;
    padding: 5px;
}
.fbImportSelect .profile h2 {
    margin:0px;
}

.fbImportSelect.selected .checkmark, 
.fbImportSelect.selected .profilePic, 
.fbImportSelect:hover .profilePic {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
