
/* ------------------ Reset Styles ------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    margin:1em 0;
    padding:0;
}

/* ----------- Markup free clearing ----------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/* ------------------ Fonts ------------------ */
body {
  font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
}
p {
	margin: 8px 0;
}
#content-wrapper.zwembadtechnieken .left-half a,
.full-page.zwembadtechnieken a{
	color:#81d1e8;
}
.full-page.zwembadtechnieken td {
	padding:5px;
}

/* ---------- Overall Specifications ---------- */
html,
body {
	height:100%;
}
#page {
	width:100%;
	height:100%;
}
#page.relax-en-badhuis,
#page.zwembadtechnieken {
	background: #504E4D;
}
#page.login-relax-en-badhuis {
	background: #8D8B00;
}
#page.login-zwembadtechnieken {
	background: #1181A2;
}
#page.start-pagina {
	background: #504E4D;
}
.content {
	width: 900px;
	margin: auto;
}
h1 {
	font-size:14px;
	margin-bottom:15px;
	padding-bottom:5px;
}
#page.relax-en-badhuis h1,
#page.login-relax-en-badhuis h1 {
	border-bottom:2px #d7df23 solid;
}
#page.zwembadtechnieken h1,
#page.login-zwembadtechnieken h1 {
	border-bottom:2px #17a1ca solid;
}
.block {
	margin:8px 0;	
	padding:5px;
}
#page.relax-en-badhuis .block {
	background: #A59F2D;
}
#page.relax-en-badhuis hr {
	 border-top:1px solid #d7df23;
}
#page.zwembadtechnieken .block {
	background: #1893b7;
}
.block h2 {
	padding: 2px 5px;
	margin-bottom:8px;
	font-size:12px;
}
#page.relax-en-badhuis .block h2 {
	background: #cac343;
	color:#2D3954;
}
#page.zwembadtechnieken .block h2 {
	background: #36aacc;
	color:#2D3954;
}
#content-contact{
	text-align:center;
	padding:5px 0;
}
#content-contact a{
	font-weight:bold;
}
#content-contact a:hover{
	text-decoration:none;
}
#content-contact.zwembadtechnieken {
	background: #1798be;
}
#content-contact.zwembadtechnieken,
#content-contact.zwembadtechnieken a {
	color: #68d3f2;
}
#content-contact.relax-en-badhuis {
	background: #a2a002;
}
#content-contact.relax-en-badhuis,
#content-contact.relax-en-badhuis a{
	color: #dad842;
}

/* ------------------- Login ------------------ */
#login-header {
	height: 100px;
}
#login-content{
	background:white;
	width:200px;
	margin: auto;
	padding:25px;	
}
#gebruikersnaam,
#wachtwoord {
	width:100%
}
#inloggen-element {
	text-align:right;
}
.login-form #email,
.login-form #paswoord,
.registreer-form #naam,
.registreer-form #voornaam,
.registreer-form #email,
.paswoord-form #email {
	width:250px;
}
.paswoord-wijzigen .label {
	width:130px;
}
.paswoord-wijzigen #email,
.paswoord-wijzigen #oud_paswoord,
.paswoord-wijzigen #nieuw_paswoord,
.paswoord-wijzigen #herhaal_paswoord {
	width:280px;
}
.paswoord-opvragen #email{
	width:330px;
}

/* ------------------ Header ------------------ */
#head-wrapper {
	height: 100px;
	background: #FFF;
	padding-top:20px;
}
#head-wrapper.start {
	background: #8D8B00;
}
#logo {
	float:left;
}
#logo a {
	display:inline-block;
}

/* ------------------ Footer ------------------ */
#footer {
	text-align: center;
	margin-top: 5px;
	color: #b0acaa;
	font-size: 10px;
}
.mares {
	font-size:9px;
}
.mares a{
	color: #b0acaa;
}

/* ----------------- Navigation ----------------- */
#navigation {
	margin-bottom: 10px;
	height:20px;
}
#navigation ul {
	list-style-type:none;
	list-style-position:inside;
}
#navigation .nav-btn {
	display: inline-block;
	float:left;
	position:relative;
	margin-left:1px;
}
#navigation .sub-nav {
	display: none;
	width: 179px;
	position:absolute;
	top:20px;
	left:0;
	z-index: 1000;
}
#navigation .nav-btn a,
#navigation .sub-nav a {
	line-height:20px;
	text-align:center;
	color: #b0acaa;
	text-decoration: none;
	display:block;
	background: #504E4D;
	font-size: 11px;
}
#navigation .items-5 a {
	width: 179px;
}
#navigation .items-6 a {
	width: 149px;
}
#navigation a.active {
	background: #3d3b3a;
}
#navigation a:hover {
	background: #767472;
	color: #FFF;
}
#navigation .sub-nav a {
	border-bottom:1px #666 solid;
}


/* ------------------ Content ------------------ */
#content-wrapper {
	width: 100%;
	min-height:550px;
}
#content-wrapper.relax-en-badhuis {
	background-color: #8D8B00;
}
#content-wrapper.zwembadtechnieken {
	background-color: #1181A2;
}
#content-wrapper.start {
	background-color: #fff;
}

#content {
	padding: 25px 0;
	color: #FFF;
	min-height:500px;
}
.content-half {
	width: 440px;
	position:relative;
	min-height:500px;
}
.header-half {
	width: 440px;
	position:relative;
}
.left-half {
	float: left;
}
.right-half {
	float: right;
}
p.center {
	text-align:center;
}

.arrangement .meer-info a,
.form-action a,
.admin-link,
.arrangement-info,
.site-link {
	color:#2D3954;
	text-decoration:none;
}
.arrangement .meer-info a:hover,
.form-action a:hover,
.admin-link:hover,
.arrangement-info,
.site-link:hover {
	color:#d7df23;
}
.opmerking{
	padding:5px;
	color:white;
	margin-bottom:15px;
}
.opmerking.opmerking-goed {
	background-color: green;
}
.opmerking.opmerking-fout {
	background-color: #c93232;
}
.opmerking ul,
.opmerking li {
	list-style-type: none;
}
.opmerking .opmerking-item {
	margin-bottom:3px;
	clear:both;
}
.opmerking-label {
	width:120px;
	display: block;
	float:left;
}
.opmerking-item-list {
	display:block;
	float:left;
}
.achtergrond-groen {
	background: #A59F2D;
}

/* ---------------------- PAGE :: start ---------------------- */
.start-logo {
	text-align:center;
	margin-bottom:15px;
}
.start-content {
	width:1260px;
	margin:auto;
	height:550px;
	color:#666;
}
.start-half {
	color:#666;
}
.start-images {
	width:180px;
	min-height:550px;
}
.start-images-left {
	float:left;
}
.start-images-right {
	float:right;
}
.start-images img {
	margin:0;
	float:left;
	margin-top:2px;
	margin-bottom:1px;
}
.start-divider {
	background:url(../images/divider.jpg) center center no-repeat;
	height:500px;
	float:left;
	width:6px;
	margin: 0 7px;
}
.start h1 {
	color:grey;
	border:0;
	text-align:center;
	font-weight:normal;
	font-size:16px;
}
.start-tekst {
	padding:15px 30px;
}
.start-navigation {
	position:absolute;
	bottom:0;
	width:100%;
}
.start-navigation .navigation {
	list-style-type:none;
	text-align:center;
}
.start-navigation li {
	display:inline-block;
}
.start-navigation a {
	color: #666;
	text-decoration:none;	
	text-align:center;
	display:inline-block;
	padding: 0 5px;
	line-height:10px;
}
.start-navigation a:not(:first-child) {
	border-left:1px green solid;
}
.start-navigation a:hover {
	text-decoration:underline;	
}
.start-navigation-relax-en-badhuis a:hover {
	color:#d7de38;
}
.start-navigation-zwembadtechnieken a:hover {
	color:#1a809d;
}

/* ------------------ PAGE :: home ------------------ */
#start-animatie {
	display:none;
}
#animatie-foto-1,
#animatie-foto-2 {
	position:absolute;
	top:0;
}


/* ------------------ PAGE :: arrangementen ------------------ */
.arrangement {
	background: #A59F2D;
	padding:3px;
	margin-bottom:8px;
	min-height:90px;
	position:relative;
}
.arrangement h2 {
	margin-bottom:5px;
}
.arrangement h2 a {
	color:#2D3954;
	font-size:13px;	
	text-decoration:none;
}
.arrangement .image {
	float:left;
	width:90px;
	height:90px;
	margin-right:5px;
	background-color:#b6af30;
}
.arrangement .image a{
	display:inline-block;
}
.arrangement-opties {
	position:absolute;
	bottom:3px;
	right:3px;
	left:0px;
}
.arrangement-optie {
	float:right;
	background-color:#2D3954;
	color:white;
	text-decoration:none;
	padding:2px 5px;
	margin-left:2px;
}
.arrangement-optie:hover {
	background-color:#3e4f74;
}
.meer-info {
	margin-left:100px;
}
.arrangement-layover {
	padding:15px;
	background:url(../images/white-transparant.png);
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
}
.arrangement-groot {
	color:#333;
}

/* ADMIN */
.sortable-handle {
	cursor:move;
}

/* ------------------ PAGE :: kalender ------------------ */

.login-form,
.registreer-form,
.paswoord-form {
	margin:20px 40px;
}
.label {
	width:85px;
	display:inline-block;
	font-weight:bold;
	height:18px;
	line-height:16px;
	padding-top:2px;
	padding-left:5px;
}
.form-row {
	margin:2px 0;
}
.form-action {
	margin-top:10px;
	border-top: 1px #cac343 solid;
	padding-top:5px;
}
.form-action input {
	float:right;
}
#label-arrangement_id {
	display:none;
}
.kalender-form #email,
.kalender-form #paswoord,
.kalender-form #naam,
.kalender-form #voornaam,
.kalender-form #adres, 
.kalender-form #postcode,
.kalender-form #gemeente,
.kalender-form #telefoon,
.kalender-form #vraag,
.kalender-form #datum_pretty {
	background: #faffbd;
}
.kalender-form #naam,
.kalender-form #voornaam,
.kalender-form #postcode,
.kalender-form #gemeente {
	width:110px;
}
.kalender-form #adres,
.kalender-form #email,
.kalender-form #telefoon {
	width:250px;
}
.kalender-form #label-levering {
	display:none;
}
.kalender-form #vraag {
	width:424px;
	height:100px;
}
.kalender-datum-options{
	background:#A59F2D;
	text-align:center;
	padding:3px;
	font-size:12px;
	margin:0 6px 8px 40px;
	color:#2D3954;
}
.kalender-datum-option {
	display:inline-block;
	color:#2D3954;
	text-decoration:none;
	font-weight:bold;
	background:#cac343;
	padding: 0 3px;
}
.kalender-datum-option-left {
	float:left;
	margin-right:3px;
}
.kalender-datum-option-right {
	float:right;
	margin-left:3px;
}
#kalender {
	margin:8px 0;
}
#kalender ul,
#kalender li {
	list-style-type:none;
}
#kalender .dag {
	width:55px;
	float:left;
	margin-right:1px;
}
.day-header {
	text-align:center;
	height:14px;
	padding-bottom:2px;
}
.uur-header {
	width:40px;
	float:left;
	margin-right:1px;
}
.uur-header .uur {
	height:27px;
	margin-bottom:1px;
	text-align:right;
	font-size:10px;
	padding-right:2px;
	position:relative;
	top:-9px;
}
.dag .uur {
	
	height:13px;
}
.dag .aanvraag {
	background:red;
	border-bottom:1px red solid;
}
.dag .reservatie {
	background:green;
	border-bottom:1px green solid;
}
.dag .opkuis {
	background:grey;
	border-bottom:1px grey solid;
}
.dag .gesloten,
.dag .niet-vrij {
	background:#666;
	border-bottom:1px #666 solid;
}
.week .vrij{
	background:#ddd;
	border-bottom:1px #bbb solid;
}
.weekend .vrij{
	background:#c7c7c7;
	border-bottom:1px #aaa solid;
}
.week .hover,
.weekend .hover {
	background:yellow;
	border-bottom:1px yellow solid;
	cursor:pointer;
}
.gegevens-form #voornaam,
.gegevens-form #naam,
.gegevens-form #postcode,
.gegevens-form #gemeente {
	width:115px;
}
.gegevens-form #adres,
.gegevens-form #email,
.gegevens-form #telefoon {
	width:330px;	
}
.reservatie-bevestigen {
	background-color:green;
}
.reservatie-bevestigen a {
	color:white;
	display:block;
	text-decoration:none;
	text-align:center;
}
.small {
	font-size:9px;
	line-height:10px;
}
.kalender-volgende {
	text-align:center;
	padding:8px 0;
}

.kalender-datum-options.admin{
	margin:0;
}
.kalender-form.admin #label-arrangement_id {
	display:inline;
}
#opmerking {
	width:420px;
	height:100px;
}
.tooltip_data th{
	text-align:left;
	padding-right:5px;
	font-weight:normal;
}
.tooltip_data td {
	font-weight:bold;
}
/* ------------------ PAGE :: cadeaubon ------------------ */
.cadeaubon-form #voornaam,
.cadeaubon-form #naam,
.cadeaubon-form #postcode,
.cadeaubon-form #gemeente {
	width:115px;
}
.cadeaubon-form #levering_voornaam,
.cadeaubon-form #levering_naam,
.cadeaubon-form #levering_postcode,
.cadeaubon-form #levering_gemeente {
	width:110px;
}
.cadeaubon-form #levering_adres {
	width:322px;
}
.cadeaubon-form #adres,
.cadeaubon-form #email,
.cadeaubon-form #telefoon {
	width:330px;	
}
#block-levering_naam.hide {
	display:none;
}
.cadeaubon-form .hint {
	font-weight:bold;
	padding-left:130px;
	margin: 2px 0;
}
.overzicht-gegevens th {
	text-align:left;
	width:90px;
	font-weight: normal;
}
.overzicht-gegevens td{
	font-weight:bold;
}
/*  Admin */
.cadeaubon-form #bon_code{
	width:50px;
}
.cadeaubon-form #datum_van,
.cadeaubon-form #datum_tot,
.cadeaubon-form #postcode {
	width:60px;
}

/* ------------------ PAGE :: sfeerbeelden/realisaties ------------------ */
.foto-list {
	list-style-type:none;
	text-align:center;
}
.foto-list li {
	display:inline-block;
}
.foto-list li a {
	width:90px;
	height:90px;
	display:inline-block;
	margin:5px;
}
#page.relax-en-badhuis .foto-list li a {
	border:3px solid #A59F2D;
}
#page.relax-en-badhuis .foto-list li a:hover {
	border:3px solid #d7df23;
}
#page.zwembadtechnieken .foto-list li a {
	border:3px solid #1798be;
}
#page.zwembadtechnieken .foto-list li a:hover {
	border:3px solid #68d3f2;
}
.foto-layover {
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	padding:15px;
	background:url(../images/white-transparant.png)
}
/*  Admin */
.foto-wrapper {
	position: relative;
	width: 90px;
	height: 90px;
	float: left;
	margin:5px;
	border:3px solid red;
}
.actieve-foto {
	border:3px solid #d7df23;
}
.foto-opties {
	background:url(../images/white-transparant.png)
}
.foto-optie {
	float:left;
}
/* ------------------ PAGE :: contact ------------------ */
.contact-form #voornaam,
.contact-form #naam,
.contact-form #telefoon,
.contact-form #email {
	width:330px;
}
.contact-form #label-lengte,
.contact-form #label-breedte,
.contact-form #label-diepte {
	width:12px;	
}
.contact-form #lengte,
.contact-form #breedte,
.contact-form #diepte {
	width:20px;	
	text-align:center;
}
.contact-form #vraag {
	width:424px;
	height:100px;
}
#map {
	border:4px #cac343 solid;
	height:400px;
}

#page.zwembadtechnieken #voornaam,
#page.zwembadtechnieken #naam,
#page.zwembadtechnieken #telefoon,
#page.zwembadtechnieken #email,
#page.zwembadtechnieken #vraag,
#page.zwembadtechnieken #lengte,
#page.zwembadtechnieken #breedte,
#page.zwembadtechnieken #diepte,
#page.zwembadtechnieken #title,
#page.zwembadtechnieken #subtitel,
#page.zwembadtechnieken #description,
#page.zwembadtechnieken #keywords {
	background: #81d1e8;
	border:1px #14809f solid;
	font-size:12px;
}

#page.relax-en-badhuis #voornaam,
#page.relax-en-badhuis #naam,
#page.relax-en-badhuis #telefoon,
#page.relax-en-badhuis #email,
#page.relax-en-badhuis #vraag,
#page.relax-en-badhuis #postcode,
#page.relax-en-badhuis #adres,
#page.relax-en-badhuis #gemeente,
#page.relax-en-badhuis #levering_voornaam,
#page.relax-en-badhuis #levering_naam,
#page.relax-en-badhuis #levering_adres,
#page.relax-en-badhuis #levering_gemeente,
#page.relax-en-badhuis #levering_postcode,
#page.relax-en-badhuis #bon_code,
#page.relax-en-badhuis #datum_van,
#page.relax-en-badhuis #datum_tot,
#page.relax-en-badhuis #paswoord,
#page.relax-en-badhuis #title,
#page.relax-en-badhuis #subtitel,
#page.relax-en-badhuis #description,
#page.relax-en-badhuis #keywords,
.arrangement-form #prijs,
.arrangement-form #extraUur,
.arrangement-form #prijsPersoon,
.arrangement-form #prijsKinderen,
.arrangement-form #subtitel,
#cadeauNr_1, 
#cadeauNr_2,
.paswoord-wijzigen #email,
.paswoord-wijzigen #oud_paswoord,
.paswoord-wijzigen #nieuw_paswoord,
.paswoord-wijzigen #herhaal_paswoord,
.betaald_op,
.geleverd_op,
.gebruikt_op,
.restbedrag, 
.datum,
.bon_nr {
	background: #faffbd;
	border:1px #958f25 solid;
	font-size:12px;
}



/* ------------------ Admin ------------------ */
.admin-data {
	width:100%;
	background:#A59F2D;
	border:1px #555 solid;
}
.admin-data th {
	background: #3e4f74;
}
.admin-data td {
	border-top:1px #555 solid;
	padding:3px;
}
.admin-data-extra {
	display:none;
}
.admin-data-extra td {
	border-top:0;
}
.has-extra {
	cursor:pointer;
}
.no-border ,
.no-border td{
	border:0;
}
.admin-link {
	
}
.pagina-form #naam,
.pagina-form #title,
.pagina-form #description,
.pagina-form #keywords,
.pagina-form #subtitel{
	width:330px;
}
.arrangement-form #prijs,
.arrangement-form #extraUur,
.arrangement-form #prijsPersoon,
.arrangement-form #prijsKinderen,
.arrangement-form #subtitel,
#cadeauNr_1, 
#cadeauNr_2 {
	width:60px;
	text-align:right;
}
.betaald_op,
.geleverd_op,
.gebruikt_op,
.restbedrag,
.datum {
	width:70px;
	text-align:center;
}
.bon_nr {
	width:30px;
	text-align:right;
}
#preview-image img{
	width:90px;
	height:90px;
}
.page-images-list {
	list-style-type:none;
}
#label-cadeauDag,
#label-cadeauNr_1 {
	width:100px;
}
#form-row-datum_pretty_eind {
	border-bottom:1px #d7df23 solid;
	margin-bottom:10px;
	padding-bottom:10px;
}
#label-maandag_startuur,
#label-dinsdag_startuur,
#label-woensdag_startuur,
#label-donderdag_startuur,
#label-vrijdag_startuur,
#label-zaterdag_startuur,
#label-zondag_startuur {
	width:100px;
}
#label-maandag_einduur,
#label-dinsdag_einduur,
#label-woensdag_einduur,
#label-donderdag_einduur,
#label-vrijdag_einduur,
#label-zaterdag_einduur,
#label-zondag_einduur {
	width:40px;
}
.reservatie-row {
	cursor:pointer;
}
.reservatie-row.aanvraag {
	background-color:red;
}
.reservatie-row.reservatie {
	background-color:green;
}
#volgorde-pages {
	list-style-type:none;
}
#volgorde-pages li {
	background-color: #81d1e8;
	padding: 1px 5px;
	margin-bottom:1px;
}
#volgorde-pages span {
	display:block;
}
.admin-half #label-arrangement_id {
	display:inline-block;
}
#form-row-type {
	display:inline-block;
}
#god-mode {
	color:red;
	font-size:20px;
	line-height:80px;
	vertical-align:middle;
	float:right;
}

/* ------------------ Scrolling ------------------ */
.scroll { width: 100%; clear: both; margin: 0 0 10px;height:500px; }
.scroll .viewport { width: 420px; height: 500px; overflow: hidden; position: relative; }
.scroll .overview { list-style: none; position: absolute; left: 0; top: 0; width:420px; }
.scroll .thumb .end,
.scroll .thumb { background-color: #A59F2D; }
.scroll .scrollbar { position: relative; float: right; width: 10px; }
.scroll .track { background-color: #b6af30; height: 100%; width:10px; position: relative; padding: 0 1px; }
.scroll .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scroll .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* ------------------ Peeling ------------------ */
#turn {
	width:150px;
	height:150px;
}
#turn.relax-en-badhuis {
	background:url(../images/turn_relax-en-badhuis.jpg);
}
#turn.zwembadtechnieken {
	background:url(../images/turn_zwembadtechnieken.jpg);
}
#turn_wrapper {
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor:pointer;
}
.turn-link {
	float:right;
	margin-right:80px;
	margin-top:10px;
	text-indent: -1000em;
	height:11px;
	display:inline-block;
}
.turn-link.relax-en-badhuis {
	background:url(../images/turn-link_relax-en-badhuis.jpg);
	width:247px;
}
.turn-link.zwembadtechnieken {
	background:url(../images/turn-link_zwembadtechnieken.jpg);
	width:201px;
}
#turn_hideme {
	width: 85%;
	height: 85%;
	overflow: hidden;
	display: block;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	z-index: 1;
}

#turn_object{
	position: relative;
}

#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
	float: right !important;
}

#turn_wrapper.right #turn_hideme {
	float: right !important;
	right: 0 !important;
	left: auto;
}
#turn_wrapper.right #turn_object {
	right: 0 !important;
	left: auto !important;
}

#turn_wrapper.right {
	position: absolute;
	top: 0;
	
	right: 0 !important;
}

#turn_wrapper.right #turn_object * {
	position: absolute;
	right: 0 !important;
}

#turn_wrapper #turn_object img#turn_fold {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1000;
	right: 0;
	position: absolute;
}

/* the jQuery CSS Framework */
#turn_wrapper .ui-resizable { position: relative;}
#turn_wrapper .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; }
#turn_wrapper .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; }


#turn_wrapper .ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999; 
	display: block;
  border: none !important;
  border-width: 0 !important;
	/* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
  background: url(#none) !important; 
  width: 100% !important;
  height: 100% !important;
}