/* CSS Document */
body {padding:0px; margin:0px; background:url(images/mainbg.jpg) 0 0 repeat-x #565656; color:#707070; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre {
margin: 0px;padding: 0px;}
:focus {outline:0;} 
a img {border: none; margin: 0px;padding: 0px;}
th, td, tr {vertical-align:top;}

/*----TOP PANEL----*/
#topPan {position:relative; width:760px; height:120px; margin:0px auto; padding:0px;}
#topPan img {position:absolute; width:290px; top:35px; left:0px;}

.mainnav {position:absolute; top:73px; left:290px; padding:0px; margin:0px 0px 0px 30px; height:35px; list-style: none;}
.mainnav li {float:left;}
.mainnav li a {float:left; display:block; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 0px 0px 15px; height:35px; line-height:40px; text-align:center; cursor:pointer; background:url(images/mainnav/nav-left.png) no-repeat top left;}
.mainnav li a b {float:left; display:block; padding:0px 18px 0px 0px; line-height:40px; background:url(images/mainnav/nav-right.png) no-repeat top right;}
.mainnav li a:hover {color:#333; line-height:40px; background:url(images/mainnav/nav-hover-left.png) no-repeat top left;}
.mainnav li a:hover b {color:#333; line-height:40px; background: url(images/mainnav/nav-hover-right.png) no-repeat right top;}
#current a {float:left; display:block; color:#FF6600; text-decoration:none; font-size:11px; height:35px; line-height:40px; padding:0px 0px 0px 18px; text-align:center; background: url(images/mainnav/nav-current-left.png) no-repeat top left; list-style: none;}
#current a b {float:left; display:block; color:#FF6600; text-decoration:none; font-size:11px; height:35px; line-height:40px; padding:0px 18px 0px 0px; text-align:center; background: url(images/mainnav/nav-current-right.png) no-repeat right top; list-style:none;}

/*
#topPan ul.dropdown {position:absolute; top:129px; left:180px; list-style-type:none; padding:0px; margin:0px;}
#topPan ul.dropdown li {float:left;}
#topPan ul.dropdown li a {display:block; height: 21px; padding:0px 5px 0px 5px; background:#f5f5f5; color:#666; font-size:11px; text-decoration:none; text-align:center; line-height:18px; margin:0px 1px 0px 0px; border:1px solid #ddd; border-bottom:0px;} 
#topPan ul.dropdown li a:hover {text-decoration:none; background:#ddd; color:#333; margin:0px 1px 0px 0px; border-bottom:2px solid #ddd;}
#topPan ul.dropdown li.current a {text-decoration:none; background:#ddd; color:#333; margin:0px 1px 0px 0px; border-bottom:2px solid #ddd;}
*/

.name {font-weight:bold; color:#444;}
.date {font-weight:bold; color:#555;}

#topPan p.company {position:absolute; top:30px; left:360px; width:300px; font-size:13px; line-height:15px; color:#fff; text-align:right;}
#topPan p.company a:link, #topPan p.company a:active, #topPan p.company a:visited {color:#fff;text-decoration:underline;}
#topPan p.company a:hover {color:#fff;text-decoration:none;}
#topPan p.welcome {position:absolute; top:116px; left:20px; font-size:12px; line-height:14px; color:#666;}
#topPan p.welcome a:link, #topPan p.welcome a:active, #topPan p.welcome a:visited {color:#0066CC;text-decoration:underline;}
#topPan p.welcome a:hover {color:#0066CC;text-decoration:none;}
#topPan div.search {position:absolute; top:76px; left:670px; width:205px;}
.searchinput {float:left; width:120px; height:16px; padding:2px 0px 1px 4px; margin:0px; font-size:11px;}
.searchbutton {float:left; width:60px; height:20px; padding:0px; margin:2px 0px 0px 5px;}
#topPan div.viewinfo {position:absolute; top:129px; left:370px;}
#topPan div.viewinfo p {float:left; font-size:12px; font-weight:bold; color:#999900; margin:1px 0px 0px 10px;}
#topPan div.viewinfo select {float:left; font-size:11px; color:#555; padding:1px; margin:0px 0px 0px 10px;}

#bodytopmainPan {width:100%; background:#fff; color:#8D8D8D; float:left; padding:20px 0 0; clear:both;}

#bodytopPan {width:747px; position:relative; background:#F4F4F4; color:#707070; margin:0 auto; padding:0px;}
#bodytopPan h2 {background:#F4F4F4; color:#6E6C00; font-size:24px; height:70px; line-height:70px;}
#bodytopPan p {padding:0 38px 11px 0;}
#bodytopPan p span {font-weight:bold;}
#bodytopPan p.more {margin:0 0 15px 618px; padding:0px;}
#bodytopPan p.more a {display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#bodytopPan p.more a:hover {background:url(images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}




/*----/BODY TOP PANEL----*/

/*----FOOTER PANEL----*/

#footermainPan {height:70px; background:url(images/footerbg.gif) 0 0 repeat-x #565656; color:#fff; clear:both;}
#footerPan {width:760px; position:relative; margin:0px auto;}
#footerPan ul {width:760px; position:absolute; top:40px; left:0px; list-style-type:none;}
#footerPan li {float:left; font:12px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a {padding:0 10px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover {text-decoration:underline;}

#contentblockgrey { padding-left:20px;font:12px Arial, Helvetica;position:relative;z-index:1; width:780px; top:00px;left:0px;margin:0px auto 0 auto;}
#contentblockgrey ul{list-style-type:none; font-size:12px; line-height:14px; margin:30px 0px 40px 30px; padding:0px; color:#ccc;}
#contentblockgrey li{clear:both; margin:0px 0px 10px 0px; padding:0px;}
#contentblockgrey  a{font-decoration:underline; color:#999; }
#contentblockgrey  a:hover{font-decoration:none; color:#ccc; }

/* CALENDAR PANEL STYLES */
.calendar {float:left; width:125px; margin:0px; padding:15px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.calendar td {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; border-bottom:1px solid #fff; vertical-align:middle;}
.year {font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-align:center; line-height:18px; color:#999900; font-weight:bold;}

/* NOTICEBOARD PANEL STYLES */
.noticeboard {float:left; width:125px; margin:20px 0px 0px 0px; padding:15px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.noticeboard h2 {font-size:16px; line-height: 16px; font-style:bold; font-weight:bold; text-align:left; color:#999900; margin:0px; padding:0px;}
.noticeboard p {font-size:11px; line-height: 13px; font-style:normal; font-weight:normal; text-align:left; color:#666; margin:10px 0px 15px 0px; padding:0px;}

/* NOTICEBOARD PANEL STYLES */
.helper {float:left; width:135px; margin:0px; padding:10px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.helper h2 {font-size:14px; line-height: 16px; font-style:bold; font-weight:bold; text-align:left; color:#999900; margin:0px; padding:0px;}
.helper p {font-size:11px; line-height: 13px; font-style:normal; font-weight:normal; text-align:left; color:#666; margin:10px 0px 15px 0px; padding:0px;}

.cc {padding:10px 0px 0px 0px; margin:0px 0px -10px 0px; clear:both;}

/* Styles for table with 12 months */
td.inactivemonth {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; color:#999; padding:0px; margin:0px; background:#ddd; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td.activemonth {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; color:#666; background:#eee; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td.currentmonth {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; padding:0px; margin:0px; color:#111;	text-decoration:none; background:#FFCC00; border-right:1px solid #fff; border-bottom:1px solid #fff;}

/* Table with todays date */
.todaysdate {width:125px; height:34px; font-family:Tahoma; font-size:10px; font-style:normal; font-weight:bold; text-align:center; color:#666;}

/* Styles for calendar of chosen month */
td.dayname {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:bold; text-align:center; height:16px; width:17px; background:#999900; color:#fff; padding:0px; margin:0px; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
d.inactiveday {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:16px; width:17px; color:#999; padding:0px; margin:0px; background:#ddd; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td.activeday {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:16px; width:17px; color:#333;	padding:0px; margin:0px; background:#eee; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td.bookingday {font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:17px; padding:0px; margin:0px; color:#111; text-decoration:none; background:#FFCC00; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td.today {background:#555; color:#fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	



.reportdate {float:left; margin:1px; padding:1px; font-size:11px; font-style:normal; font-weight:normal;}
span.tableexplanation {clear:both;font-size:10px;color:#CCCC33;}
	
/* Internal pages */	

.contentholder {font-family:"Trebuchet MS", Tahoma; float:left; position:relative; width:530px; background:#fff; padding:20px; margin:0px 0px 20px 0px;}
.contentholder table {width:530px; margin:0px 0px 20px 0px; background:#f5f5f5;}
.contentholder th {font-size:12px; font-style:normal; font-weight:bold; text-align:left; height:14px; padding:2px; margin:0px; color:#ffffff; background:#5B5B00; text-decoration:none; width:100px;}
.contentholder td {font-size:12px; font-style:normal; font-weight:normal; text-align:left; height:14px; padding:2px; margin:0px; color:#111; text-decoration:none;}
.contentholder h1 {font-family:Tahoma; font-size:24px; font-style:normal; font-weight:normal; color:#5B5B00; text-align:left; padding:0px 0px 10px 0px;}
.contentholder h2 {font-family:Tahoma; font-size:20px; font-style:normal; font-weight:normal; color:#5B5B00; text-align:left; padding:15px 0px 10px 0px;}
.contentholder p {font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#333; text-align:left;}	

ul.invoices {list-style-position: inside; list-style-type: disc; margin-left:5px; padding-left:5px;}
ul.invoices li {clear:both; margin:0px; padding-left:10px;}
ul.invoices a:link, ul.invoices a:active, ul.invoices a:visited {font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#333; text-align:left;}
ul.invoices a:hover {font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#476BC3; text-align:left;}

/* Image styles */

.panelheader {padding-bottom:8px;}
.calendaricon {padding:2px 0px 0px 3px; float:left;}
img.addroom {margin:0px; padding:1px 2px 1px 0px;}
		
/* Links */

.whitelink a:link, .whitelink a:active, .whitelink a:visited {color:#fff; text-decoration:underline;}
.whitelink a:hover {color:#fff; text-decoration:none;}

/* HOME PAGE */
.contentblock {position:relative; width:800px; background:#fff; margin:0px auto; clear:both;}
.yellowhead {width:760px; text-align:center; font-family:Arial; font-size:18px; color:#ff9900; line-height:18px; text-weight:bold; clear:both; padding:10px 20px 5px 20px;}
.orangehead {width:800px; text-align:center; font-family:Arial; font-size:18px; color:#cc6600; line-height:18px; text-weight:bold; clear:both; padding:10px 0px 5px 0px; border-bottom:2px solid #ccc;}
.greyhead {width:760px; text-align:center; font-family:Arial; font-size:16px; color:#666; line-height:18px; text-weight:bold; clear:both; padding:10px 20px 5px 20px;}
.greyp {width:760px; text-align:center; font-family:Arial; font-size:14px; color:#666; line-height:16px; clear:both; padding:0px 20px 20px 20px;}
.topleftcolumn {width:340px; background:#fff; float:left;}
.topleftcolumn h1 {position:relative; width:320px; height:184px; text-indent:-800%; background:url(images/home/book-meeting-room-header.png) no-repeat top left; margin:0px 0px 0px 20px;}
.topleftcolumn h2 {position:relative; width:320px; width:320px; margin:10px 0px 0px 20px; font-family:Arial; font-weight:normal; font-size:50px; line-height:52px; letter-spacing:-4px; color:#333;}
.getstarted {position:relative; width:340px; height:328px; background:url(images/home/bck-getstarted.png) no-repeat top left;}
.getstarted h3 {font-family:Arial; font-size:18px; color:#333; padding:130px 0px 10px 50px; margin:0px;}
.getstarted p {font-family:Arial; font-size:12px; line-height:14px; color:#333; margin:0px 50px 0px 50px;}
.getstarted a:link, .getstarted a:active, .getstarted a:visited {display:block; width:165px; height:10px; font-family:Arial; font-size:15px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#990000; text-decoration:none; margin:18px 0px 30px 58px; padding:20px 0px 20px 60px;}
.getstarted a:hover {display:block; width:160px; height:10px; font-family:Arial; font-size:15px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#FF0000; text-decoration:underline; margin:18px 0px 30px 58px; padding:20px 0px 20px 60px;}

.toprightcolumn {width:460px; margin:0px; padding:0px; background:#fff; float:left;}
.toprightcolumn ul {clear:both; list-style-type:none; margin:0px 0px 15px 10px; padding:0px;}
.toprightcolumn li {clear:both; background:url(images/home/bullet.gif) no-repeat top left; color:#555; font-family:Arial; font-size:14px; line-height:16px; padding:0px 0px 0px 25px; margin:0px 0px 7px 0px;}
.toprightcolumn p {clear:both; color:#666; font-family:Arial; font-size:14px; line-height:16px; font-weight:bold; padding:10px 0px 0px 5px; margin:0px 90px 7px 0px;}

.bottompanel {float:left; position:relative; margin:0px; padding:20px 0px 0px 0px;}
.bottompanel h2 {clear:both; width:200px; height:50px; text-indent:-800%; margin:0px 0px 0px 30px;}
.bottompanel p {font-family:Arial; font-size:12px; color:#666; line-height:14px; margin:0px 10px 0px 30px;}
.bottompanel a:link, .bottompanel a:active, .bottompanel a:visited {font-family:Arial; font-size:12px; font-decoration:underline; text-align:right; color:#FF9900; line-height:12px; float:right; margin:5px 15px 20px 0px;}
.bottompanel a:hover {font-family:Arial; font-size:12px; font-decoration:underline; color:#993300; line-height:12px; float:right; margin:5px 15px 20px 0px;}
#one{width:290px; margin:0px 30px 0px 0px;}
#two{width:220px; margin:0px 10px 0px 0px;}
#three{width:220px; margin:0px 0px 0px 10px;}
#headliketosee {background:url(images/home/head-like-to-see-inside.png) no-repeat top left;}
#headcheckwhat {background:url(images/home/head-check-what-our-customers-say.png) no-repeat top left;}
#headfaq {background:url(images/home/head-faq.png) no-repeat top left;}
#four{text-align:right; width:220px; margin:0px 0px 15px 0px;}


/* Content Pages*/

.articles{position:relative; width:500px; background:#fff; float:left; font-family:Arial, Helvetica;}
.articles h1{font-size:44px; letter-spacing:-2px; font-weight:normal; line-height:52px; margin:10px 0px 20px 0px; padding:0px; color:#333;}
h1#articlehead{font-size:32px; line-height:32px; letter-spacing:-1px; font-weight:normal; margin:10px 0px 20px 0px; padding:0px; color:#333;}
.articles h2{font-size:16px; font-weight:bold; line-height:21px; margin:10px 0px 20px 0px; padding:0px; color:#444;}
.articles h3{font-size:14px; font-weight:bold; line-height:18px; margin:10px 0px 20px 0px; padding:0px; color:#555;}
.articles p{font-size:12px; font-weight:normal; line-height:14px; margin:10px 0px 20px 0px; padding:0px; color:#666;}
.articles ul{list-style-type:none; font-size:12px; line-height:14px; margin:10px 0px 20px 0px; padding:0px 0px 0px 20px; color:#666;}
.articles li{margin:0px 0px 10px 0px; padding:0px;}

.leftholder {float:left; width:145px; margin:0px 30px 0px 10px;}
.leftholder ul{list-style-type:none; font-size:11px; line-height:15px; margin:10px 0px 10px 0px; padding:0px; color:#666;}
.leftholder li{margin:0px 0px 10px 0px; padding:0px;}
.leftholder li a{font-decoration:underline; color:#666;}
.leftholder li a:hover{font-decoration:none; color:#6F9D00;}

#faqlist {}
#faqlist ul{list-style-type:square; font-size:12px; line-height:14px; margin:30px 0px 40px 0px; padding:0px; color:#666;}
#faqlist li{margin:0px 0px 10px 15px; padding:0px 0px 0px 5px;}
#faqlist li a{font-decoration:underline; color:#999900; font-weight:bold;}
#faqlist li a:hover{font-decoration:none; color:#555; font-weight:bold;}

/* SIGNUP PAGE */

.planspanel {position:relative; width:305px; height:432px; background:url(images/bck-plan-signup.png) no-repeat top left; float:left; padding:20px 35px 0px 25px; margin:0px 0px 0px 0px;}
.planspanel h2 {position:relative; font-family:Arial; font-weight:normal; font-size:36px; line-height:36px; letter-spacing:-2px; color:#fff; margin:10px 5px 0px 0px; padding:0px 0px 0px 10px; float:left;}
.planspanel h3 {position:relative; font-family:Arial; font-weight:normal; font-size:36px; line-height:36px; letter-spacing:-2px; color:#fff; margin:10px 3px 0px 3px; padding:0px; float:right;}
.planspanel span {position:relative; font-family:Arial; font-weight:bold; font-size:16px; line-height:36px; letter-spacing:-1px; color:#fff; margin:10px 3px 0px 0px; padding:6px 0px 0px 0px; float:right;}
.planspanel h4 {clear:both; position:relative; font-family:Arial; font-weight:bold; font-size:14px; line-height:14px; letter-spacing:-1px; color:#954802; margin:0px; padding:0px 0px 10px 15px;}
.rooms {position:absolute; top:80px; left:35px; width:300px;}
.users {position:absolute; top:172px; left:35px; width:300px;}
.reporting {position:absolute; top:232px; left:35px; width:300px;}
.price {position:absolute; top:300px; left:35px; width:300px;}

#basic{position:relative; width:305px; height:432px; background:url(images/bck-plan-signup-basic.png) no-repeat top left; float:left; padding:20px 35px 0px 30px; margin:0px 0px 0px 50px;}

.planspanel form {clear:both; margin:0px; padding:0px;} 
.planspanel fieldset {clear:both; margin:0px; padding:0px; border:none;}
.planspanel label {float:left; position:relative; display:block; width:200px; height:30px; font-family:Arial; font-weight:bold; font-size:14px; line-height:27px; letter-spacing:-1px; color:#333; margin:0px; padding:0px 0px 0px 15px;}
.digitfield {float:left; width:26px; height:22px; border:1px solid #D18F39; background:#fff; font-family:Arial; font-weight:bold; font-size:16px; line-height:16px; color:#333; padding:4px 5px 0px 5px; margin:0px;}
.planspanel h5 {float:left; position:relative; display:block; width:200px; height:30px; font-family:Arial; font-weight:bold; font-size:14px; line-height:27px; letter-spacing:-1px; color:#333; margin:0px; padding:10px 0px 0px 15px;}
.planspanel h6 {float:right; display:block; width:250px; height:20px; position:relative; font-family:Arial; font-weight:bold; font-size:12px; line-height:14px; letter-spacing:0px; color:#8B5B1B; margin:0px; padding:0px;}

/* SAVINGS CALCULATOR */

.calculator label {vertical-align:middle;float:left;display:block;height:30px;vertical-align:middle; font-family:Arial; font-weight:bold; font-size:14px;  letter-spacing:-1px; color:#333;  padding-top:7px;margin:0px 0px 0px 10px;}
.calculator label.left {float:left; margin:0px 10px 0px 0px;}
.calculator label.twoline {padding-top:0px}
.calculator input {vertical-align:middle;float:left;width:60px;height:22px; border:1px solid #D18F39; background:#fff; font-family:Arial; font-weight:bold; font-size:16px; line-height:16px; color:#333; padding:4px 5px 0px 5px; margin:0px ;}
.calculator p {clear:both;line-height:15px}

	
.arrows {position:relative; float:left; width:19px; height:26px;}
.sign {position:absolute; top:0px; left:210px; width:55px; height:55px; padding:0px 5px 0px 5px; margin:0px;}
.eurosign {position:relative; float:left; width:15px; height:26px; margin:0px; padding:0px; font-family:Arial; font-weight:bold; font-size:14px; line-height:27px; letter-spacing:-1px; color:#333;}
.permonth {position:relative; float:left; width:50px; height:26px;}
.permonth p {position:relative; font-family:Arial; font-weight:bold; font-size:12px; line-height:28px; letter-spacing:0px; color:#8B5B1B; margin:0px; padding:0px 0px 0px 5px;}

.signupnow {position:absolute; top:347px; left:82px;}
.signupnow a:link, .signupnow a:active, .signupnow a:visited {display:block; width:150px; height:10px; font-family:Arial; font-size:15px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#990000; text-decoration:none; margin:0px; padding:20px 0px 20px 80px;}
.signupnow a:hover {display:block; width:150px; height:10px; font-family:Arial; font-size:15px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#ff0000; text-decoration:underline; margin:0px; padding:20px 0px 20px 80px;}
label.pricelabel {float:left; position:relative; display:block; width:150px; height:30px; font-family:Arial; font-weight:bold; font-size:14px; line-height:27px; letter-spacing:-1px; color:#333; margin:0px; padding:0px 0px 0px 15px;}

/* REGISTER PAGE */

.formpanel {position:relative; width:305px; float:left; padding:20px 35px 0px 25px; margin:0px 0px 0px 0px;}
.formpanel h2 {position:relative; font-family:Arial; font-weight:normal; font-size:22px; line-height:24px; letter-spacing:-1px; color:#cc6600; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both;}
.formpanel h2.edit {font-size:18px !important;line-height:20px !important;color:#CC6600} 
.formpanel h3 {position:relative; font-family:Arial; font-weight:bold; font-size:14px; line-height:16px; letter-spacing:-1px; color:#777; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both;}
.formpanel p {position:relative; font-family:Arial; font-weight:bold; font-size:12px; line-height:14px; letter-spacing:0px; color:#777; margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both;}
.formpanel fieldset {position:relative; width:305px; float:left; padding:10px 0px 10px 0px; margin:0px; border:0px; border-bottom:1px solid #ddd;}
.formpanel label {position:relative; width:120px; font-family:Arial; font-weight:bold; font-size:13px; line-height:12px; letter-spacing:0px; color:#555; margin:0px 0px 5px 0px; padding:6px 0px 0px 0px; float:left;}
.regularfield {float:left; width:165px; height:18px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:3px 3px 1px 3px; margin:0px 0px 5px 0px;}
.regularselect {float:left; width:175px; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:0px; margin:0px 0px 5px 0px;}
.domainspan {float:left; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:0px; margin:5px 0px 5px 0px;}
.domainfield {float:left; width:100px !important; height:18px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:3px 3px 1px 3px; margin:0px 4px 5px 4px;}
.ccselect {float:left; width:120px !important; height:18px; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:0px; margin:0px 0px 5px 0px;}
.expdselect {float:left !important; width:55px !important; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:0px !important; margin:0px 9px 5px 0px !important;}
.cvvfield {float:left; width:60px !important; height:18px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-family:Arial; font-weight:normal; font-size:13px; line-height:13px; color:#333; padding:0px; margin:0px 0px 5px 0px;}
.orangy {color:#fff; font-weight:bold;}
.checkboxy {float:left; width:16px; height:16px; padding:1px; margin:0px 10px 5px 0px;}
.buttonstyle {position:relative; width:270px; font-family:Arial; font-weight:normal; font-size:18px; line-height:18px; letter-spacing:-1px; color:#fff; background:#cc6600; margin:5px 0px 0px 0px; padding:3px; clear:both; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-right:1px solid #333; border-bottom:1px solid #333;}
#formpanelright {position:absolute; top:-80px; right:0px; width:305px; padding:20px 35px 0px 25px; margin:0px 0px 0px 0px;}
#formpanelrightedit {position:absolute; top:40px; right:0px; width:305px; padding:20px 35px 0px 25px; margin:0px 0px 0px 0px;}

#confirmfieldset {position:relative; width:270px; float:left; padding:15px; margin:10px 0px 10px 0px; border:0px; border:0px; background:#FF9900;}
#confirmfieldset h2 {position:relative; font-family:Arial; font-weight:normal; font-size:22px; line-height:24px; letter-spacing:-1px; color:#fff; margin:0px 0px 10px 0px; padding:0px; clear:both;}
#confirmfieldset h3 {position:relative; font-family:Arial; font-weight:bold; font-size:14px; line-height:16px; letter-spacing:-1px; color:#793900; margin:0px 0px 10px 0px; padding:0px; clear:both;}
#confirmfieldset p {position:relative; font-family:Arial; font-weight:bold; font-size:12px; line-height:14px; letter-spacing:0px; color:#993300; margin:5px 0px 10px 0px; padding:0px; clear:both;}


/* GENERIC FORMS */

.dataform fieldset{position:relative; width:305px; float:left; padding:10px 0px 10px 0px; margin:0px; border:0px; border-bottom:1px solid #ddd;}
.dataform label {position:relative; width:120px; font-family:Arial; font-weight:bold; font-size:13px; line-height:12px; letter-spacing:0px; color:#555; margin:0px 0px 5px 0px; padding:6px 0px 0px 0px; float:left;}
.dataform input,.dataform select,.dataform textarea {float:left; width:165px; height:18px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; font-family:Arial; font-weight:bold; font-size:13px; line-height:13px; color:#333; padding:3px 3px 1px 3px; margin:0px 0px 5px 0px;}
.dataform textarea {height:70px}
.dataform select {height:22px;width:173px}
.dataform .checkboxes {margin-left:120px;margin-top:-15px;float:left;}
.dataform .checkboxes input {width:auto;border:0;}
.dataform .checkboxes label {clear:both;font-weight:normal;width:200px}

.dataform input.submitbtt {position:relative; width:300px; height:32px; font-family:Arial; font-weight:normal; font-size:18px; line-height:18px; letter-spacing:-1px; color:#fff; background:#cc6600; margin:5px 0px 0px 0px; padding:3px; clear:both; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-right:1px solid #333; border-bottom:1px solid #333;}
.dataform button.exitbtt {position:relative; width:150px; height:32px; font-family:Arial; font-weight:normal; font-size:18px; line-height:18px; letter-spacing:-1px; color:#fff; background:#666666; margin:5px 0px 0px 0px; padding:3px; clear:both; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-right:1px solid #333; border-bottom:1px solid #333;}

p.formerror {font-weight:normal;color:#ff0000 !important;font-size:10px !important;}
p.ajaxload {font-weight:normal;font-size:10px}
input.error,select.error,textarea.error {border:1px solid red;background:#fcc}
span.domainline p.formerror {margin-top:2px;z-index:2}
fieldset#confirmfieldset  p.formerror {color:#f00;position:absolute;margin-top:25px;font-weight:normal}


/* LOGIN PAGE */

#logincontent {text-align:center;width:300px; margin:0px auto 00px auto;}
div#logo{text-align:center;margin-bottom:00px}


input#iCC_cvn,input#ivat_number {width:150px}