HTML,BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #FFF;
}

/******************** General Structural elements ********************/
DIV.positioner,DIV.popuppositioner {
	/* anchor point to position content */
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	width: 1px;
	overflow: visible;
}

DIV.container {
	position: absolute;
	top: 0px;
	left: -477px; /* half of width */
	width: 955px;
}

/******************** General styling ********************/
BODY,TH,TD,INPUT,SELECT,TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #004899;
}

H1,H2,H3,H4,H5,H6,P {
	padding: 0;
	margin: 0;
}

DIV.error DIV.text {
	padding: 1em;
	color: #FFF;
	font-weight: bold;
}

FORM {
	margin: 0;
	padding: 0;
}

.boldBlue
{
	color: #0095c0;
}

/******************** Logout ********************/

DIV.logout
{
	width: 955px;
	text-align: right;
	font-size: 11px;
	font-family: verdana, sans-serif;
	padding-right: 5px;
}

DIV.logout a
{
	color: #c0c0c0;
}

DIV.logout a:hover
{
	color: #00d;
}

/******************** Card pages structural ********************/
DIV.topbar {
	position: absolute;
	top: 17px;
	width: 955px;
	height: 85px;
	z-index: 100;
}

DIV.topbar IMG {
	position: absolute;
	top: 0px;
	left: 0px;
}

DIV.topbar IMG.logo {
	left: 25px;
	top: 0px;
	width: 177px;
	height: 71px;
	border: 0;
	position: absolute;
}
DIV.topbar DIV.overlayLocation {
	position: absolute;
	right: 0px;
	top: 9px;
	width: 315px;
	
	color: #fff;
	font-size: 18pt;
	font-weight: bold;
}
DIV.topbar DIV.overlayText {
	position: absolute;
	right: 0px;
	margin-top: 40px;
	width: 315px;
	
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}

DIV.contentblock {
	position: absolute;
	top: 91px;
	left: 0px;
	width: 955px;
	height: 481px;
}

DIV.contentblock IMG.top,DIV.contentblock IMG.bottom {
	position: absolute;
	left: 0px;
	width: 955px;
	height: 10px;
}

DIV.contentblock IMG.top {
	top: 0px;
}

DIV.contentblock IMG.bottom {
	top: 471px; /* should be bottom: 0; but IE6 gets confused */
}

DIV.contentborder {
	position: absolute;
	width: 933px;
	height: 460px;
	top: 11px;
	left: 11px;
	background-color: #007db7;
}

DIV.content {
	position: absolute;
	width: 931px;
	height: 458px;
	top: 1px;
	left: 1px;
	background-color: #FFF;
}

H1 {
	position: absolute;
	width: 100%; /* may be overruled in style attribute in html */
	height: 25px;
	top: 0px; /* may be overruled in style attribute in html */
	left: 0px;
	background-color: #E0FAA4;
	overflow: hidden;
}

DIV.bottombar {
	position: absolute;
	top: 577px;
	width: 955px;
	height: 30px;
	line-height: 25px;
}

/******************** Card pages styling ********************/
DIV.bottombar {
	text-align: center;
	color: #ACACAC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

DIV.bottombar A {
	margin: 0 10px;
}

DIV.bottombar A:link,DIV.bottombar A:visited {
	color: #ACACAC;
}

DIV.bottombar A:active,DIV.bottombar A:hover {
	color: #00C;
}

DIV.contentblock {
	background-color: #00ccff;
}

H1 {
	background-image: url('../img/ecard_copperbar.gif');
	background-repeat: repeat-x;
	font-size: 9pt;
}

H1 DIV.pad {
	padding: 5px 7px 0 7px;
}

DIV.rightpane {
	background-color: #F4F4F4;
}

/******************** Card picker page styles ********************/
DIV.cardpickerpage DIV.leftpane,DIV.cardpickerpage DIV.rightpane {
	position: absolute;
	height: 458px;
	top: 0px;
}

DIV.cardpickerpage DIV.leftpane {
	width: 674px;
	left: 0px;
}

DIV.cardpickerpage DIV.rightpane {
	width: 253px;
	right: 0px;
}

DIV.boldBlue a
{
	color: #ff5400;
	text-decoration: underline;
}

DIV.pickerarea {
	position: absolute;
	top: 28px;
	left: 0px;
	height: 430px;
	width: 674px;
	overflow: auto;
}

DIV.buttonarea {
	position: absolute;
	top: 28px;
	left: 0px;
	height: 356px;
	width: 253px;
	overflow: auto;
}

INPUT.search {
	position: absolute;
	top: 4px;
	left: 44px;
	border: 1px solid #AEB5B5;
	height: 15px;
	width: 140px;
	font-size: 8pt;
	padding: 0;
}

INPUT.searchbutton {
	position: absolute;
	top: 4px;
	left: 188px;
	width: 29px;
	height: 15px;
	border: 0;
	cursor: pointer;
}

DIV.ownphoto {
	text-align: center;
	position: absolute;
	padding-top: 6px;
	bottom: 0px;
	left: 0px;
	width: 253px;
	height: 74px;
	background-image: url('../img/ecard_sendbymail_back.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}

DIV.ownphoto DIV.pad {
	padding: 11px 8px;
}

DIV.pickerimage {
	position: absolute;
	background-color: #ffffff;
	width: 125px;
	cursor: pointer;
}

DIV.pickerimage SPAN.imgtype {
	position: absolute;
}

DIV.pickerimage DIV.imgData {
	padding-top: 97px;
	text-align: center;
}

DIV.pickerimage IMG.thumb_l {
	position: absolute;
	border: 1px solid #48a2cc;
}

IMG.icon {
	position: absolute;
	width: 15px;
	height: 16px;
	border: 0;
}

IMG.small_icon {
	position: absolute;
	width: 12px;
	height: 12px;
	border: 0;
}

DIV.rollover {
	position: absolute;
	width: 367px;
	height: 328px;
	z-index: 200;
	background-color: #abeeff;
	visibility: hidden;
	top: -1000px; /* to accomodate IE6/7 */
}

DIV.rollover IMG {
	position: absolute;
}

DIV.rollover DIV.preview {
	position: absolute;
	width: 350px;
	height: 254px;
	top: 8px;
	left: 8px;
	border: 1px solid #007db7;
	background-color: #FFF;
	text-align: center; /* for 'loading...' text */
	color: #AAA;
	line-height: 10em;
}

DIV.rollover DIV.preview IMG.back {
	z-index: 5;
	width: 216px;
	height: 216px;
	top: 20px;
	left: 101px;
}

DIV.rollover DIV.preview IMG.photo_l {
	z-index: 10;
	width: 197px;
	height: 142px;
	top: 77px;
	left: 17px;
}

DIV.rollover DIV.preview IMG.photo_p {
	z-index: 10;
	width: 142px;
	height: 197px;
	top: 37px;
	left: 31px;
}

DIV.rollover DIV.text {
	position: absolute;
	width: 315px; /* likely overruled by html code */
	height: 57px;
	top: 267px;
	left: 14px;
	overflow: hidden;
	color: #000;
	font-weight: bold;
	line-height: 19px;
}

/******************** Address page styles ********************/
DIV.addresspage DIV.leftpane,DIV.addresspage DIV.rightpane {
	position: absolute;
	height: 433px;
	top: 25px;
}

DIV.addresspage DIV.leftpane {
	width: 607px;
	left: 0px;
}

DIV.addresspage DIV.rightpane {
	width: 320px;
	right: 0px;
}

DIV.thumbnail {
	position: absolute;
	top: 15px;
	left: 22px;
	width: 170px;
	height: 165px;
}

DIV.thumbnail IMG {
	position: absolute;
}

DIV.addresspage DIV.buttonlarge,DIV.addresspage DIV.buttonsmall {
	position: absolute;
	width: 275px;
	height: 64px;
	left: 21px;
	cursor: pointer;
}

DIV.addresspage DIV.buttonlarge IMG.back,DIV.addresspage DIV.buttonsmall IMG.back
	{
	position: absolute;
	width: 275px;
	height: 64px;
}

DIV.addresspage DIV.buttonsmall,DIV.addresspage DIV.buttonsmall IMG.back
	{
	height: 25px;
}

DIV.addresspage DIV.buttonlarge DIV.label,DIV.addresspage DIV.buttonsmall DIV.label
	{
	position: absolute;
	width: 244px;
	height: 57px;
	top: 5px;
	left: 24px;
	overflow: hidden;
	font-size: 7.5pt;
	font-weight: bold;
	color: #000;
}

DIV.addresspage DIV.buttonsmall DIV.label {
	height: 18px;
}

DIV.addresspage DIV.buttonlarge H4,DIV.addresspage DIV.buttonsmall H4 {
	font-size: 9pt;
	color: #004899;
	margin: 0 0 3px 0;
}

DIV.addresspage H3 {
	position: absolute;
	top: 34px;
	height: 30px;
	text-align: center;
	color: #FF5500;
}

DIV.addresspage DIV.rightpane H3 {
	width: 275px;
	left: 21px;
}

DIV.addresspage DIV.leftpane H3 {
	width: 390px;
	left: 206px;
}

DIV.infopane {
	position: absolute;
	width: 275px;
	height: 220px;
	top: 57px;
	left: 21px;
	background-color: #007db7;
}

DIV.infopane H4 {
	position: absolute;
	width: 275px;
	height: 21px;
	background-color: #FE5F10;
	overflow: hidden;
}

DIV.infopane H4 DIV.pad {
	padding-top: 2px;
	color: #FFF;
	text-align: center;
}

DIV.infopane DIV.textarea {
	position: absolute;
	width: 273px;
	height: 198px;
	top: 21px;
	left: 1px;
	background-color: #FFF;
	font-weight: bold;
	overflow: auto;
}

DIV.infopane DIV.textarea DIV.pad {
	padding: .5em 1em;
}

DIV.envelope,DIV.envelope IMG.back {
	position: absolute;
	width: 390px;
	height: 290px;
}

DIV.envelope {
	top: 68px;
	left: 206px;
	overflow: hidden;
}

DIV.envelope DIV.error {
	position: absolute;
	top: 14px;
	left: 22px;
	width: 240px;
	height: 54px;
	overflow: hidden;
	background-color: #C00;
}

DIV.envelope_content {
	position: absolute;
	top: 90px;
	left: 22px;
	width: 340px;
	height: 160px;
	overflow: hidden;
}

DIV.envelope_content DIV.label {
	position: absolute;
	width: 730px;
	height: 20px;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
}

DIV.envelope_content IMG.formback {
	position: absolute;
	width: 265px;
	height: 18px;
	left: 75px;
	z-index: 10;
}

DIV.envelope_content INPUT,DIV.envelope_content SELECT {
	position: absolute;
	width: 255px;
	height: 17px;
	left: 80px;
	z-index: 20;
	border: 0;
}

DIV.envelope_content SELECT {
	width: 260px;
}

DIV.envelope_addrecipient {
	position: absolute;
	top: 256px;
	left: 102px;
	width: 200px;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
}

DIV.envelope_addrecipient IMG.icon {
	position: absolute;
	width: 14px;
	height: 13px;
	top: 1px;
}

DIV.envelope_addrecipient DIV.label {
	position: absolute;
	top: 0px;
	left: 19px;
	font-weight: bold;
}

/** Skinned radio AND check box **/
/** (checkbox uses same style) **/
DIV.skinnedRadiobutton {
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
}

DIV.skinnedRadiobutton .radio {
	width: 19px;
	height: 20px;
	margin-left: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	float: left;
	cursor: pointer;
}

DIV.skinnedRadiobutton .skinnedRadioLabel {
	color: #0095c0;
	font-weight: bold;
	white-space: nowrap;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	cursor: pointer;
}

.addressbookImage
{
	margin-top: 40%;
	margin-left: 10px;
	width: 249px;
	height: 236px;
}

/******************** Addressbook ********************/
DIV.addressbook_container
{
	background-image: url("../img/addressbook_background.jpg");
	background-repeat: no-repeat;
	width: 753px;
	height: 400px;
	
	margin-top: 22px;
	float: left;
}
DIV.addressbook_container DIV.addressbook_textholder
{
	margin:2px 33px 0px 75px;
	overflow-y:auto;
	height: 378px;
	width: 550px;
}
DIV.addressbook_container DIV.addressbook_tabs
{
	overflow: hidden;
	float: right;
	height: 378px;
	right: 32px;
	width: 67px;
	border-left: 1px solid #ccc;
	margin-top: 2px;
}
DIV.addressbook_tabs .tab
{
	cursor: pointer;
	font-weight: bold;
	font-size: 11pt;
	width: 67px;
	height: 38px;
	background-image: url("../img/address_book_tab.jpg");
	background-repeat: no-repeat;
}
DIV.addressbook_tabs .tab_active
{
	background-image: url("../img/address_book_tab_active_b.jpg");
}
DIV.addressbook_container DIV.addressbook_spacefiller
{
	float: right;
	height: 300px;
	width: 32px;
}

/******************** Datepicker page styles ********************/
	/* also utilizes address page styles */
DIV.calendar {
	position: static;
	width: 241px;
	height: 175px;
	margin-top: 32px;
	left: 0x;
	background-color: #A1A1A1;
}

DIV.dateshow {
	top: 271px;
	height: 51px;
}

DIV.calendar IMG.back,DIV.dateshow IMG.back,DIV.calendar_content,DIV.dateshow_content
	{
	position: absolute;
	width: 239px;
	height: 173px;
	padding-top: 1px;
	left: 1px;
}

DIV.dateshow IMG.back,DIV.dateshow_content {
	height: 49px;
}

DIV.calendar_content DIV.line,DIV.dateshow_content DIV.line {
	position: absolute;
	width: 226px;
	height: 1px;
	overflow: hidden;
	top: 49px;
	left: 6px;
	background-color: #FF7F40;
}

DIV.dateshow_content DIV.line {
	top: 25px;
	background-color: #CCC;
}

DIV.dateshow_content DIV.send,DIV.dateshow_content DIV.receive {
	position: absolute;
	left: 10px;
	width: 210px;
	top: 6px;
	font-weight: bold;
}

DIV.dateshow_content DIV.receive {
	top: 30px;
	color: #FE5F10;
}

DIV.dateshow_content DIV.date {
	position: absolute;
	top: 0px;
	right: 0px;
}

DIV.calbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 239px;
	height: 22px;
	background-image: url('../img/calendar_bar_blue.gif');
	background-repeat: repeat-x;
}

DIV.calbar IMG.icon {
	position: absolute;
	top: 0px;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

DIV.calbar DIV.label {
	position: absolute;
	top: 3px;
	left: 22px;
	overflow: hidden;
	width: 195px;
	height: 17px;
	font-weight: bold;
	text-align: center;
}

DIV.calendar_content DIV.day_letter,DIV.calendar_content DIV.day,DIV.calendar_content DIV.day_grey,DIV.calendar_content DIV.day_curr
	{
	position: absolute;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
}

DIV.calendar_content DIV.day_letter {
	top: 30px;
	color: #497EAE;
}

DIV.calendar_content DIV.day {
	cursor: pointer;
	color: #000;
}

DIV.calendar_content DIV.day_grey {
	color: #B2B2B2;
}

DIV.calendar_content DIV.day_curr {
	color: #FFF;
	background-color: #FE5F10;
}

DIV.ecard_calendarnav
{
	position: absolute;
	left: -350px;
	top: 350px;
}

/******************** Payment summary page styles ********************/
DIV.paysummary DIV.leftpane,DIV.paysummary DIV.rightpane {
	position: absolute;
	height: 433px;
	top: 25px;
}

DIV.paysummary DIV.leftpane {
	width: 607px;
	left: 0px;
}

DIV.paysummary DIV.rightpane {
	width: 320px;
	right: 0px;
}

DIV.paysummary DIV.grid,DIV.paysummary DIV.grid IMG.back {
	position: absolute;
	width: 414px;
	height: 292px;
}

DIV.paysummary DIV.grid {
	left: 38px;
	top: 63px;
}

DIV.paysummary DIV.blok1,DIV.paysummary DIV.blok2,DIV.paysummary DIV.blok3
	{
	position: absolute;
	left: 12px;
	width: 400px;
	height: 77px;
	overflow: auto;
}

DIV.grid {
	font-weight: bold;
}

DIV.paysummary DIV.blok1 {
	top: 8px;
}

DIV.paysummary DIV.blok2 {
	top: 99px;
}

DIV.paysummary DIV.blok3 {
	top: 186px;
}

DIV.grid H3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 285px;
	height: 18px;
	color: #FF5500;
	font-size: 11pt;
}

DIV.grid DIV.info,DIV.grid DIV.price {
	position: absolute;
	top: 18px;
	left: 0px;
	width: 285px;
	line-height: 22px;
}

DIV.grid DIV.price {
	width: 75px;
	left: 303px;
	text-align: right;
	font-size: 11pt;
}

DIV.grid DIV.footer {
	position: absolute;
	top: 271px;
	left: 12px;
	width: 390px;
	height: 27px;
}

DIV.grid DIV.footer H3,DIV.grid DIV.footer DIV.price {
	top: 0px;
	line-height: 1em;
	color: #FFF;
}

DIV.paysummary DIV.error {
	position: absolute;
	top: 14px;
	left: 38px;
	width: 414px;
	height: 40px;
	overflow: hidden;
	background-color: #C00;
}

/******************** Incasso page styles ********************/
DIV.incasso,DIV.incasso TD {
	font-weight: bold;
}

DIV.incasso DIV.left {
	position: absolute;
	top: 60px;
	left: 38px;
	width: 325px;
	height: 380px;
	overflow: auto;
}

DIV.incasso DIV.right {
	position: absolute;
	top: 60px;
	left: 465px;
	width: 400px;
	height: 350px;
}

DIV.incasso H3 {
	font-size: 11pt;
	color: #FF5400;
	margin: 0 0 .6em 0;
}

DIV.incasso H4 {
	font-size: 11pt;
	margin: 0 0 .6em 0;
}

DIV.incasso B {
	color: #FF5400;
}

DIV.incasso INPUT.text,DIV.incasso SELECT {
	width: 205px;
}

TD.pad {
	padding-right: .5em;
}

DIV.incasso DIV.error {
	background-color: #C00;
}

/******************** Thanks page styles ********************/
DIV.thankpage {
	cursor: pointer;
}

DIV.thankpage IMG.back {
	position: absolute;
	left: 400px;
	bottom: 0;
	width: 340px;
	height: 433px;
}

DIV.thankpage H3 {
	position: absolute;
	left: 50px;
	top: 153px;
	width: 350px;
	height: 100px;
	font-size: 18pt;
	color: #FF5400;
	line-height: 36px;
	text-align: center;
}

DIV.thankpage H4 {
	position: absolute;
	left: 75px;
	top: 420px;
	width: 500px;
	height: 30px;
	font-size: 11pt;
}

DIV.recipientSentList
{
	height: 80px;
	overflow-x: hidden;
	pverflow--y: auto;
	width: 300px;
}

/******************** Buttons ********************/
DIV.button,DIV.buttongrey,DIV.buttonblue,DIV.buttonbluesub {
	position: absolute;
	width: 120px; /* will often be overruled in html */
	height: 23px;
	cursor: pointer;
	overflow: hidden;
}

DIV.button {
	background-image: url('../img/ecard_button_border_c.gif');
	background-repeat: repeat-x;
}

DIV.buttongrey {
	background-image: url('../img/ecard_button_border_grey_c.gif');
	background-repeat: repeat-x;
}

DIV.buttonblue,DIV.buttonbluesub {
	background-color: #abeeff;
}

DIV.buttonbluesub {
	width: 130px;
	z-index: 40;
}

DIV.button IMG,DIV.buttongrey IMG,DIV.buttonblue IMG,DIV.buttonbluesub IMG
	{
	position: absolute;
	border: 0;
}

DIV.button IMG.left,DIV.buttongrey IMG.left,DIV.buttonblue IMG.left,DIV.buttonbluesub IMG.left,DIV.button IMG.right,DIV.buttongrey IMG.right,DIV.buttonblue IMG.right
	{
	width: 5px;
	height: 23px;
}

DIV.button IMG.left,DIV.buttongrey IMG.left,DIV.buttonblue IMG.left,DIV.buttonbluesub IMG.left
	{
	left: 0;
}

DIV.button IMG.right,DIV.buttongrey IMG.right,DIV.buttonblue IMG.right {
	right: 0;
}

DIV.button IMG.icon,DIV.buttongrey IMG.icon,DIV.buttonblue IMG.icon,DIV.buttonbluesub IMG.icon
	{
	top: 4px;
	left: 99px;
}

DIV.button DIV.label,DIV.buttongrey DIV.label,DIV.buttonblue DIV.label,DIV.buttonbluesub DIV.label
	{
	padding: 4px 10px 0 10px;
	white-space: nowrap;
	font-weight: bold;
}

DIV.buttonarea DIV.button,DIV.buttonarea DIV.buttongrey,DIV.buttonarea DIV.buttonblue,DIV.buttonarea DIV.buttonbluesub
	{
	left: 6px;
}

DIV.cardsubmenu {
	position: absolute;
	top: 3px; /* overruled in html */
	left: 131px;
	width: 115px;
	height: 50px; /* overruled in html */
	background-color: #abeeff;
	z-index: 20;
}

DIV.cardsubmenu IMG.top,DIV.cardsubmenu IMG.bottom {
	position: absolute;
	width: 115px;
	height: 5px;
	border: 0;
}

DIV.cardsubmenu IMG.top {
	top: 0;
}

DIV.cardsubmenu IMG.bottom {
	/* bottom position will be set by a calculated top value in html, for IE6 compatibility */
	
}

DIV.cardsubmenu DIV.submenuitem,DIV.cardsubmenu DIV.submenuitem_active {
	position: absolute;
	left: 10px;
	top: 5px; /* will be overruled in html */
	width: 95px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	cursor: pointer;
}

DIV.submenuitem_active {
	color: #00F;
	text-decoration: underline;
}

DIV.pageNav .label {
	text-align: center;
}

/**** HOVER BUTTONS ****/
DIV.hoverbutton_common {
	font-weight: bold;
	text-align: center;
	position: absolute;
	height: 23px;
}
DIV.hoverbutton_common IMG.arrow {
	border-width: 0px;
}
DIV.hoverbutton {
	width: 120px;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

DIV.hoverbutton_large {
	height: 23px;
	width: 175px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/** BLUE **/
DIV.hoverbutton_blue a {
	display: block;
	height: 23px;
	width: 120px;
	background-image: url("../img/ecard_btn_blue.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #004899;
	text-decoration: none;
}
DIV.hoverbutton_blue a:hover {
	background-image: url("../img/ecard_btn_blue_c.gif");
}
DIV.hoverbutton_large_blue a {
	display: block;
	height: 23px;
	width: 175px;
	background-image: url("../img/ecard_btn_blue_large.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #004899;
	text-decoration: none;
}
DIV.hoverbutton_large_blue a:hover {
	background-image: url("../img/ecard_btn_blue_large_c.gif");
}

DIV.hoverbutton_blue_260 a {
	display: block;
	height: 23px;
	width: 260px;
	background-image: url("../img/ecard_btn_blue_260.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #1e5ea5;
	text-decoration: none;
}
DIV.hoverbutton_blue_260 a:hover {
	background-image: url("../img/ecard_btn_blue_260_c.gif");
}

/** RED **/
DIV.hoverbutton_red DIV.label
{
	
}
DIV.hoverbutton_red a {
	display: block;
	height: 23px;
	width: 120px;
	background-image: url("../img/ecard_btn_red.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #ffffff;
	text-decoration: none;
}
DIV.hoverbutton_red a:hover {
	background-image: url("../img/ecard_btn_red.gif");
}
DIV.hoverbutton_large_red a {
	display: block;
	height: 23px;
	width: 175px;
	background-image: url("../img/ecard_btn_red_large.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #ffffff;
	text-decoration: none;
}
DIV.hoverbutton_large_red a:hover {
	background-image: url("../img/ecard_btn_red_large.gif");
}

/******************** Popup ********************/
DIV.popupset {
	display: none;
}

DIV.darken {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background-color: #000;
	z-index: 350;
}

DIV.popup {
	position: absolute;
	width: 515px;
	height: 299px;
	top: 81px;
	left: 221px;
	background-color: #007db7;
}

DIV.popuppositioner {
	z-index: 400;
}

DIV.popupcontent {
	position: absolute;
	width: 513px;
	height: 297px;
	top: 1;
	left: 1;
	background-color: #FFF;
}

IMG.popup_close {
	position: absolute;
	top: 2px;
	right: 3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

IFRAME.uploadframe {
	position: absolute;
	width: 481px;
	height: 230px;
	top: 55px;
	left: 16px;
	background-color: #FFF;
}

DIV.fileupload {
	text-align: center;
	font-weight: bold;
}

DIV.fileupload B {
	color: #FF5400;
}

DIV.fileupload DIV.info {
	position: absolute;
	width: 380px;
	height: 95px;
	left: 50px;
	font-size: 10pt;
}

DIV.fileupload DIV.qual {
	position: absolute;
	width: 380px;
	height: 25px;
	left: 50px;
	top: 92px;
	font-size: 12pt;
}

DIV.fileupload DIV.error {
	color: #FF5400;
	padding: 70px 30px;
	font-weight: bold;
}

DIV.fileupload DIV.slider {
	position: absolute;
	width: 234px;
	height: 44px;
	left: 124px;
	top: 124px;
}

DIV.fileupload IMG.slide {
	position: absolute;
	width: 234px;
	height: 24px;
	top: 0;
	left: 0;
}

DIV.fileupload IMG.slider {
	position: absolute;
	width: 2px;
	height: 14px;
	top: 5px;
}

DIV.fileupload DIV.slider DIV.label {
	position: absolute;
	top: 27px;
	left: 5px;
	width: 221px;
	color: #000;
	font-weight: normal;
}

DIV.ecardeditheader {
	padding-top: 40px;
	padding-bottom: 30px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	color: #ff5400;
}

DIV.ecardheader {
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	color: #ff5400;
}

DIV.ecardtext {
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	color: #0095c0;
}

DIV.ecardeditcardpos {
	margin-left: 170px;
}

DIV.ecardeditcardpos img{
	border: 1px solid #48a2cc;
}

DIV.ecardeditcardpos .flashBorderedit{
	text-align: center;
	border: 1px solid #48a2cc;
	width: 350px;
}

DIV.cardInfo {
	text-align: center;
	font-size: 12px;
	padding-bottom: 30px;
}

DIV.cardInfo a {
	color: #004899;
}

DIV.bannertext {
	text-align: center;
	color: #00aacc;
	font-size: 25px;
	padding-top: 120px;
	font-weight: bold;
	line-height: 45px;
}

.ecardtextleftpane {
	position: absolute;
	height: 408px;
	width: 344px;
	top: 0;
	left: 0;
}

.ecardtextrightpane {
	position: absolute;
	height: 408px;
	top: 0;
	width: 593px;
	right: 0;
}

DIV.ecardtextcardpos {
	padding-top: 60px;
	text-align: right;
	margin-right: 30px;
}

DIV.ecardtextcardpos IMG{
	border: 1px solid #48a2cc;
}

DIV.ecard_textsuggestion_holder
{
	position: absolute;
	text-align: center;

	top: 229px;
	left: 87px;
	
	height: 70px;
	width: 225px;
	
	border: 1px solid black;
}
DIV.ecard_textsuggestion_holder a
{
	color: #004899;
	text-decoration: none;
}
DIV.ecard_textsuggestion_holder a:hover
{
	text-decoration: underline;
}

DIV.suggestion_header
{
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right:20px
}
DIV.suggestion_header a
{
	color: #fe2b00;
	text-decoration: underline;
}
DIV.suggestion_header a:hover
{
	color: #fe2b00;
	text-decoration: none;
}
DIV.suggestion_holder
{
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 5px;
}
DIV.suggestion_holder a.suggestion_label
{
	width: 90%;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #1b2584;
	background: url("../img/pijl_suggestie.jpg") no-repeat center left;
	padding-left: 15px;
}
DIV.suggestion_holder SPAN
{
	padding-top: 5px;
	padding-left: 20px;
}
DIV.suggestion_holder a.suggestion_add
{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #1b2584;
	background: url("../img/suggestie_plus.jpg") no-repeat center left;
	padding-left: 15px;
	border-bottom: 1px solid #82b800;
}
DIV.suggestion_holder a.suggestion_add:hover
{
	text-decoration: none;
	border-bottom-width: 0px;
}

DIV.ecard_textmusic_holder
{
	position: absolute;
	text-align: center;

	top: 305px;
	left: 87px;
	
	height: 70px;
	width: 225px;
	
	border: 1px solid black;
}
DIV.ecard_textmusic_holder a
{
	color: #004899;
	text-decoration: none;
}
DIV.ecard_textmusic_holder a:hover
{
	text-decoration: underline;
}
#textmusic DIV.musicEntry
{
	height: 72px;
	width: 100%;
	cursor: pointer;
	padding-top: 7px;
}

#textmusic DIV.musicEntry DIV
{
	float: left;
}
#textmusic DIV.musicEntry DIV.image
{
	height: 59px;
	width: 71px;
	margin-left: 7px;
	border: 1px solid #84a607;
}
#textmusic DIV.musicEntry DIV.text
{
	margin-left: 10px;
}

DIV.ecardtextnav {
	position: absolute;
	bottom: 0px;
	height: 50px;
}

DIV.ecardfckbox {
	text-align: center;
	padding-top: 60px;
	padding-right: 30px;
}

.ecardpreviewleftpane {
	position: absolute;
	height: 408px;
	width: 465px;
	top: 0;
	left: 0;
}

.ecardpreviewrightpane {
	text-align: center;
	padding-top: 44px;
	position: absolute;
	height: 408px;
	top: 0;
	width: 466px;
	right: 0;
}

DIV.ecardpreviewcardpos {
	padding-top: 44px;
	padding-left: 20px;
	text-align: center;
}

DIV.ecardpreviewcardpos IMG{
	border: 1px solid #48a2cc;
}

DIV.ecardpreviewcardpos .flashBorder{
	border: 1px solid #48a2cc;
	margin: 0px;
	padding: 0px;
	width: 428px;
}

DIV.ecard_preview_border {
	border: 1px solid #4ea4c8;
	top: 0;
	left: 0;
	float: right;
	visibility: hidden;
}

DIV.ecardpreviewnav {
	position: absolute;
	bottom: 0px;
	height: 50px;
}

DIV.ecardpreviewtext {
	text-align: left;
	width: 430px;
	height: 311px;
	border: 1px solid #4ea4c8;
	overflow: auto;
}

DIV.ecardpreviewtextinner{
	margin: 5px;
}

.ecard_input {
	border: 1px solid #1e5ea5;
}

A.addContact {
	background-image: url('../img/address_add_contact.gif');
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 202px;
	height: 23px;
	text-align: center;
	padding-top: 4px;
	color: #004899;
	font-weight: bold;
	text-decoration: none;
	font-family: arial, sans-serif;
}

/** E-CARD ECARD ecard_send.php **/
.ecard_send_leftpane {
	position: absolute;
	height: 408px;
	width: 265px;
	top: 0;
	left: 0;
	margin-top: 25px;
	margin-left: 40px
}

.ecard_send_middlepane {
	margin-top: 48px;
	text-align: left;
	position: absolute;
	height: 408px;
	top: 0;
	width: 266px;
	left: 365px;
}

.ecard_send_type
{
	padding-top: 10px;
}

.ecard_confirmationbox {
	margin-top: 0px;
	text-align: left;
	float: none;
	position: absolute;
	height: 408px;
	top: 270px;
	width: 366px;
	left: -115px;
}

.ecardAddressContainer {
	margin-top: 10px;
	width: 234px;
	height: 173px;
	border: 1px solid #1e5ea5;
	overflow: auto;
	max-height: 405px;
}

.ecard_address_contact {
	float: none;
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.ecard_address_icon {
	float: left;
	height: 20px;
	cursor: pointer;
}

.ecard_address_user_name {
	font-size: 11pt;
	color: #000;
}

.ecard_address_user_mail {
	font-size: 9pt;
	color: #000;
	font-weight: bold;
}

/******************* XTRA'S *******************/
.xtra_header
{
	margin: auto;
	padding: auto;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	color: #ff5400;
	border-bottom: #007db7 1px solid;
	width: 97%;
}
.xtra_orange
{
	color: #ff5400;
}
.xtra_blueheader
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	color: #004899;
}
.xtra_links
{
	margin: auto;
	padding: auto;
	
	margin-top: 10px;
	height: 30px;
	width: 350px;
}
.xtra_links A
{
	color: #004899;
	text-decoration: underline;
	display: inline;
}
.xtra_links div
{
	float: left;
	width: 33%;
}