html, body {
height:100%;
}

body {
margin:0;
font-family:Arial;
font-size:10pt;
color:#666;
background:#3a3a3a url(../media/tpl/bg-shadow.gif) no-repeat top center;
}

img, table {
border:0;
}

table {
border-collapse:collapse;
empty-cells: show;
}


p {
margin:0 0 15px 0;
padding:0;
}

ul {
margin:0;
padding:0;
}

a {
color:#1893c8;
text-decoration:none;
}

/*********************************/

#container {
width:980px;
margin: auto auto;
}

#header {
height:144px;
padding:1px 0 0 0;
background:url(../media/tpl/bg-header.jpg) repeat-x top left;
}

.header-print {
height:100px;
background:#1dc3fd url(../media/tpl/print-logo.jpg) no-repeat top left;
}

#menu-sml {
width: 920px;
margin:10px 15px 0 0;
color:#fff;
height: 20px;
}

#menu-sml a {
color:#fff;
text-decoration:none;
}

#menu {
color:#fff;
margin:80px 0 0 30px;
width:920px;
/* height: 30px; */
}

#content {
background:#fff url(../media/tpl/bg-top.gif) repeat-x top left;
padding:30px;
}

#contentprt {
background:#fff;
padding:30px;
}

#banner {
width:640px;
height:108px; /* 100 */
padding:22px 250px 0 30px;
margin-bottom:30px;
}

#banner h1, #banner h2, #banner-profile h1 {
padding:0px;
margin:0px;
color:#fff;
}

#banner h1, #banner-profile h1 {font-size: 18pt;margin-bottom: 11px;}
#banner h2, #banner-profile h2 {font-size: 10pt; font-weight: normal;}


#banner-profile {
width:890px;
height:265px;
padding:22px 0 0 30px;
margin-bottom:30px;
color:#fff;
background:url(../media/tpl/banners/banner-profile.jpg) no-repeat top left;
}

#banner-started {}
#banner-started h1, h2 {color:#666;}


#footer {
height: 30px;
padding:40px 10px 0 10px;
color:#5c5c5d;
background:url(../media/tpl/bg-footer.gif) no-repeat top left;
}

#footer a {color:#5c5c5d; text-decoration: none;}


.profile-cell {
font-weight: bold;
width: 220px; /*220px*/
height: 20px;
}

.profile-cell2 {
font-weight: bold;
width: 100px;
height: 20px;
}

.profile-row {
height:2px;
border-top:1px dotted #fff;
empty-cells:show;
border-collapse: collapse;
}

.profile-row2 {
height:2px;
border-bottom:1px dotted #fff;
empty-cells:show;
border-collapse: collapse;
}

.profile-table {
margin-top:5px;
float: left;
margin-right: 30px;
}

.profile-frame {
text-align:center;
float:right;
width:196px;
height:192px;
padding-top:27px;
background:url(../media/tpl/profile-frame.gif) no-repeat top left;
margin-right:10px;
}

.profile-frame a {
width:129px;
height:133px;
display:block;
margin:auto auto;
}

.profile-frame a img {
margin-left:-2px;
width:129px;
}

#scrollbox {
width:915px;
height:320px;
overflow-y:scroll;

/*
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
*/
    border-bottom:1px solid #cccccc;
}

#scrollbox table {
width: 100%;
}

#scrollbox table td {
text-align:center;
padding:1px 0 1px 0;
}

#scrollbox2 {
width:900px;
height:320px;
overflow-y:scroll;

margin-top: 30px;

/*
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
*/    
    border-bottom:1px solid #cccccc;    

}

#scrollbox3 {
width:500px;
height:80px;
overflow-y:scroll;

    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;

}

#scrollbox2 table td {
/*text-align:left;*/
padding:5px 5px 5px 5px;
border-bottom:1px dotted #d9d9d9;
}


.box {
text-align:left;
}


.table-row-header {
color:#fff;
font-weight: bold;
background:#999;
}

.giftlist-reactivate {
background:#ebebeb;
}

.giftlist-assigned {
background:#ffffcc;
}

#box-uniquegifts {
width:363px;
height:167px;
padding:1px;
background:url(../media/tpl/bg-uniquegifts.jpg) no-repeat top left;
}

#box-uniquegifts ul {
margin: 35px 0 0 20px;
width:315px;
list-style-image:url(../media/tpl/bullet-uniquegifts.gif);
list-style-position:inside;
}

#box-uniquegifts li {
border-bottom:1px dotted #999;
padding:4px 0 4px 0;
}

#box-uniquegifts li span {
padding-left: 10px;
}

#box-newideas {
float:right;
width:542px;
height:165px;
padding:5px 3px 0 0;
background:url(../media/tpl/bg-newideas.jpg) no-repeat top left;
}

#box-newideas img {
margin:10px 10px 0 0;
width:100px;
height:70px;
}

.box-started {
margin-top: 20px;
width:304px;
border-right:1px dotted #999;
float:left;
}

.box-started span {
display:block;
width:260px;
margin-left:20px;
}

.container-friend {
width:100%;

float:left;
line-height:20px;
}

.box-friend {
width:105px;
height:105px;
padding:5px;
border:1px solid #999;
float:left;
margin-right:25px;
}

.box-friend img {
width:105px;
height:105px;
}

.box-gift {
text-align:center;
width:200px;
height:150px;
line-height:15em;
border:1px solid #999;
float:left;
margin-right:50px;
}

.box-gift img {
vertical-align:middle;
/*width:200px;
height:150px;*/
}

.container-retailer {
float:left;
/*margin-bottom:50px;*/
margin-top:30px;
width:100%;
text-align:left;
}

.box-retailer {
text-align:center;
width:200px;
height:150px;
border:1px solid #999;
float:left;
margin-right: 20px;
}

.box-retailer img {
/*width:200px;
height:150px;*/
}

.event-listing {
background:url(../media/tpl/bg-eventlisting.gif) repeat-y top left;
float:left;
width:100%;
height:100%;
}

.eventlist-row {
height:auto;
float:left;
}

.eventlist-number {
color:#fff;
text-align:center;
width:30px;
float:left;
}

.eventlist-item {
width:96%;
height:auto;
float:right;
padding:3px 0 3px 0;
border-bottom:1px dotted #d9d9d9;
}

#activityfeed {padding-right:150px;}
#activityfeed h1 {font-weight:normal;}
#activityfeed h2 {font-size:10pt;}

.activity-box {
border-bottom:1px dotted #666;
padding-bottom:10px;
width:780px;
}

.activity-box img {
margin: 10px 20px 0 0;
vertical-align:middle;
}

.colour-box {
float: left;
width:16px;
height:16px;
margin-right: 10px;
}


/********** calendar *************/
.cal {
width:917px;
border-right:1px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
}

.cal22 {
width:917px;
}

.cal-top {
background:#ec005e;
color:#fff;
font-weight:bold;
}

.cal-days-row {
background:#666;
border-left:1px solid #a3a3a3;
}

.cal-days {
border-left:1px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
width:131px;
}

.cal-wdays {
color:#ffffff;
width:131px;
border-bottom: 1px solid #666666;
border: 1px solid #666666;
}

.cal-days-row td{
border-bottom: 1px solid #cccccc;
padding:4px 0 4px 0;
text-align:center;
/*width:100px;*/
}

/*
.cal-days a{
float:left;
display:block;
padding:3px 0 1px 3px;
border-left:1px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
width:107px;
height:75px;
color:#555;
font-size:8pt;
background:#fff url(../media/tpl/bg-cal-day.gif) repeat-x top left;
}
*/

.cal-day-hilite span {
display:block;
margin-top:8px;
text-decoration:underline;
}

a.cal-day-empty {
background:#ececec;
}

a.cal-day-hilite {
background:#ffffcd url(../media/tpl/bg-cal-day.gif) repeat-x top left;
}

/******** end calendar ***********/


/*********************************/

.vline {
width:30px;
border-left:1px dotted #999;
}

.dottedline {
height:1px;
margin:20px 0 20px 0;
border-bottom:1px dotted #999;
}

.btn-submit, .btn-clear {
width:67px;
height:28px;
border:0;
}

.btn-submit {
background:url(../media/tpl/btn-submit.gif) no-repeat top left;
}

.btn-clear {
background:url(../media/tpl/btn-clear.gif) no-repeat top left;
}

.btn-save, .btn-sendinvite {
width:103px;
height:28px;
border:0;
}

.btn-save {
background:url(../media/tpl/btn-save.gif) no-repeat top left;
}

.btn-sendinvite {
background:url(../media/tpl/btn-sendinvite.gif) no-repeat top left;
}

.b {font-weight:bold;}
.red {color:#ff0000;}
.txtfield {width: 176px;}
.bday {width: 58px;}

.floatleft {
float:left;
}
.floatright {
float:right;
}

.cb {clear:both;}

.tabs td {
text-align:center;
height:24px;
font-weight:bold;
border-right:1px solid #fff;
}

.tabs td a {
display:block;
padding-top:4px;
height:20px;
/*background:url(../media/tpl/tab-bg-hover.gif) repeat-x top left;*/
}

.tabs td a:hover {
/*color:#245f9b;*/
color:#15589b;
padding-top:2px;
background:url(../media/tpl/tab-bg.gif) repeat-x top left;
}



.tab_focus{
	text-align:center;
	height:24px;
	font-weight:bold;
	border-right:1px solid #fff;
	background:url(../media/tpl/tab-bg.gif) repeat-x top left;
}
.tab_blur{
	text-align:center;
	height:24px;
	font-weight:bold;
	border-right:1px solid #fff;
	background:url(../media/tpl/tab-bg-hover.gif) repeat-x top left;
}

.three-buttons {
margin-top:20px;
height:133px;
}

.three-buttons p {
padding-top:15px;
}

/************add by alex for gifts****************/


/*gifts cell Header css*/
div#GHeader {
    padding: 3px;
    background-color: #ffffff;
    height: 26px;
}
div#GHCell200 {
    float: left;
    width: 200px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell275 {
    float: left;
    width: 275px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell200-2 {
    float: left;
    width: 200px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell500 {
    float: left;
    width: 500px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}


div#GHCell160 {
    float: left;
    width: 160px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell160w {
    float: left;
    width: 160px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell90 {
    float: left;
    width: 90px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell150 {
    float: left;
    width: 150px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

div#GHCell65 {
    float: left;
    width: 65px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}


div#GHCell70 {
    float: left;
    width: 70px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}
div#GHCell45 {
    float: left;
    width: 45px;
    text-align: center;
    height: 25px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    color: white;
    font-weight: bold;
    background-color: #999999;
}

/*gifts cell Content css*/

div#GContent {
    padding: 3px;
    background-color: #ffffff;
    height: 50px;
}

div#GCCell200 {
    float: left;
    width: 200px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell275 {
    float: left;
    width: 275px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell200-2 {
    float: left;
    width: 200px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    overflow:auto;
}    

div#GCCell500 {
    float: left;
    width: 500px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}    
    
div#GCCell160 {
    float: left;
    width: 160px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    overflow:auto;
}

div#GCCell160w {
    float: left;
    width: 160px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell90 {
    float: left;
    width: 90px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell150 {
    float: left;
    width: 150px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    overflow:auto;
}

div#GCCell70 {
    float: left;
    width: 70px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell45 {
    float: left;
    width: 45px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}


div#GCCell65 {
    float: left;
    width: 65px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:0px;
    overflow:auto;
}

div#GCCell880 {
    float: left;
    width: 889px;
    text-align: center;
    height: 50px;
    font-size: 10pt;
    padding-top: 5px;
    border-top:0px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    overflow:auto;
}

div#GCCell880-2 {
    float: left;
    width: 889px;
    height: 45px;
    padding-top: 5px;
    border-top:0px;
    border-right:0px;
    border-bottom:0px;
    border-left:0px;

}

/*
#scrollbox_desc {
width:197px;
height:47px;
overflow-y:auto;
overflow-x:hidden;
}


#scrollbox_evdesc {
width:497px;
height:47px;
overflow-y:auto;
overflow-x:hidden;
}
*/

.classPrtCal {
width:780px;
text-align:left;
}



#cal_scrollbox {
width:130px;
height:74px;
overflow:auto;

}

.formbox {
padding:10px;
border:1px solid #dddddd;
background: #f7f7f7;
}