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;
}

/******************** Login ********************/

DIV.login
{
}

DIV.login a
{
	color: #ff5400;
}

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

DIV.login h2
{
	padding-top: 10%;
	padding-bottom: 10px;
}

DIV.login table
{
	padding: 5px;
}

/******************** 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;
}

/******************** User pages structural ********************/
	/** template file related **/
DIV.topbar {
	
	position: absolute;
	top: 17px;
	width: 955px;
	height: 85px;
	z-index: 100;
}
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;
	top: 43px;
	width: 315px;
	
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
}

DIV.topbar IMG.topbar_step {
	margin-bottom: 15px;
}

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

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

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

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: #d26517;
}

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

H1 {
	width: 100%; /* may be overruled in style attribute in html */
	height: 25px;
	background-color: #d26517;
	overflow: hidden;
}

H2, H3 {
	color: #ff5400;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
}
H3
{
	font-size: 14px;
}

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


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;
}

/** .php files related **/
DIV.maindiv {
	height: 433px;
	position: absolute;
	top: 25px;
	width: 100%;
}

DIV.maindiv DIV.leftcolumn, DIV.maindiv DIV.rightcolumn {
	padding-top: 20px;
	width: 435px;
	height: 413px;
	float: left;
}
DIV.maindiv DIV.leftcolumn
{
	padding-left: 20px;
}
DIV.maindiv DIV.rightcolumn
{
	padding-left: 20px;
}

/******************** User pages styling ********************/


DIV.contentblock {
	background-color: #ff8907;
}

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

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

TABLE TD {
	font-weight: bold;
	padding-bottom: 5px;
}

DIV.rightcolumn .userAttractions {
	height: 70px;
	width: 370px;
}
DIV.userAttractions IMG.attractionImage {
	width: 100px;
	height: 70px;
	float: left;	
	padding-right: 5px;
}

DIV.userAttractions a
{
	color: #004899;
	font-weight: bold;
}

DIV.userAttractions H3 a
{
	color: #ff5400;
}

DIV.bigger
{
	width: 621px;
	height: 458px;
	float: left;
}
DIV.smaller
{
	width: 310px;
	height: 458px;
	float: left;
}

DIV.error {
  margin-top: 25px;
  top: 14px;
  left: 22px;
  width: 240px;  
  height: auto;
  padding: 5px;
  overflow: hidden;
  background-color: #C00;
  
  color: #fff;
  font-weight: bold;
}

/******************* ADDRESS BOOK SPECIFIC *******************/
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 55px;
	overflow-y:auto;
	overflow-x:hidden;
	height: 320px;
	width: 575px;
	clear: none;
}
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;
	padding-left: 3px;
	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.jpg");
}

DIV.addressbook_container .toptext
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}

DIV.addressbook_container DIV.addressbook_spacefiller
{
	float: right;
	height: 300px;
	width: 33px;
}
.address_light
{
	background-color: #effcff;
	
}
.address_dark
{
	background-color: #e0f8ff;
}
.address_light td, .address_dark td
{
	border-bottom: 2px solid #fff;
}

DIV.addressbook_container hr
{
	height: 1px;
	color: #71a100;
}

FORM.addressForm INPUT.text {
	width: 210px;
}

/******************* ACCOUNT PAGE STYLING *******************/
TABLE.account_order_overviewTable {
	width: 769px;
	height: 356px;
	border: 1px solid #004899;
	margin-top: 26px;
}
TABLE.account_order_overviewTable th {
	background-color: #d4f77f;
	border-bottom: 1px solid #004899;
	color: #004899;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	height: 28px;
}
TABLE.account_order_overviewTable td
{
	font-size: 8pt;
	padding-left: 3px;
}
TABLE.account_order_overviewTable .light
{
	background-color: #fff;
}
TABLE.account_order_overviewTable .dark
{
	background-color: #EFFBFF;
}
TABLE.account_order_overviewTable a
{
	color: #004899;
}
/******************* FORM ELEMENTS *******************/
FORM
{
	padding: 0px;
	margin: 0px;
}
/** 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: #1e5ea5;
	font-weight: bold;
	white-space: nowrap;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	cursor: pointer;
}
DIV.skinnedRadiobutton .skinnedRadioLabel a {
	text-decoration: underline;
	color: #1e5ea5;
	font-weight: bold;
}

FORM.registerForm INPUT.text {
	width: 260px;
}

INPUT.text {
	border: 1px solid #1e5ea5;
}
FORM.registerForm SELECT {
	color: #1e5ea5;
	text-align: right;
	width: 260px;
}
SELECT OPTION {
	text-align: left;
}
/****		 HOVER BUTTONS 		****/
DIV.hoverbutton_common {
	font-weight: bold;
	text-align: center;
	position: absolute;
	height: 23px;
}

/** 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");
}

/** GREEN **/
DIV.hoverbutton_green DIV.label
{
	position: static;
}
DIV.hoverbutton_green a {
	display: block;
	height: 23px;
	width: 120px;
	background-image: url("../img/card_btn_green.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #1e5ea5;
	text-decoration: none;
}
DIV.hoverbutton_green a:hover {
	background-image: url("../img/card_btn_green_c.gif");
}
DIV.hoverbutton_green_260 a {
	display: block;
	height: 23px;
	width: 260px;
	background-image: url("../img/card_btn_green_260.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #1e5ea5;
	text-decoration: none;
}
DIV.hoverbutton_green_260 a:hover {
	background-image: url("../img/card_btn_green_260_c.gif");
}
DIV.hoverbutton_large_green a {
	display: block;
	height: 23px;
	width: 175px;
	background-image: url("../img/card_btn_green_large.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #1e5ea5;
	text-decoration: none;
}
DIV.hoverbutton_large_green a:hover {
	background-image: url("../img/card_btn_green_large_c.gif");
}

DIV.hoverbutton_event_red a {
	display: block;
	height: 23px;
	width: 429px;
	background-image: url("../img/event_button_red.jpg");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #fff;
	text-decoration: none;
}

/**** 		LINK, ANCHORS ETC. 		****/
LABEL a
{
	text-decoration: underline;
}
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A
{
	color: #ff5400;
	font-weight: bold;
	text-decoration: underline;
}
.orange
{
	color: #ff8907;
}
A.arrowLink
{
	padding-left: 17px;
	background: url("../img/pijl_rond.jpg") center left no-repeat;
	color:#004899;
	text-decoration: none;
}


/***** CALENDAR *****/
DIV.calendar
{
	float: left;
	background-image: url("../img/calendar_bg.jpg");
	background-position: top left;
	background-repeat: no-repeat; 
	width: 548px;
	height: 412px;
	
	margin: 14px 0px 0px 5px;
	padding-top: 25px;
	padding-left: 10px;
}
DIV.calendar DIV.green_bar
{
	background-color: #d4f77f;
	color: #004899;
	font-weight: bold;
	width: 515px;
	line-height: 28px;
}
DIV.calendar DIV.reminder_overview
{
	width: 230px;
	height: 230px;
	border: 1px solid #004899;
	overflow-y: auto;
	overflow-x: hidden;
	
	margin-left: 20px;
	margin-top : 8px;
	
	float: left;
}

DIV.calendar DIV.reminder_overview DIV.reminderEntry
{
	margin-left: 5px;
	color: #000000;
	cursor: pointer;
	
	height:auto;
	width: 100%;
	overflow:hidden;
}

DIV.calendar_moments
{
	border-left: 1px solid #ff8907;
	height: 415px;
	width: 350px;
	
	float: left;
	
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
}
DIV.userlist
{
	border: 1px solid #ff8907;
	width: 337px;
	height: 110px;
	
	margin-top: 20px;
	overflow-y: auto;
	overflow-x: hidden;

	float: left;
}