select.inputbox {
height: auto;
}
.wideinputbox, .inputbox, .bigtext select.inputbox, select, #name{
	padding:3px 5px;
}
.wideinputbox {
width: 75%;
}
input.input {
line-height:130%;
width: 190px;
height: 16px;
padding:3px 5px;
}
input.input:focus, select.input:focus {
border: 1px #2975A7 solid;
}
.text, .bigtext, .halftext, .smalltextarea, .mediumtextarea, .textarea-processed {
width:98%;
padding:3px 5px;
}
.smalltextarea{
height: 80px
}
.text, .mediumtextarea, .textarea-processed {
height: 180px;
}
.bigtext{
height: 280px;
}
.halftext{
height: 280px;
}
.resizable-textarea {
width: 100%;
}
.resizable-textarea .grippie {
height: 9px;
background: #EEEEEE url("/images/grippie.gif") no-repeat center 2px;
border: 1px solid #DDDDDD;
border-top-width: 0;
cursor: s-resize;
overflow: hidden;
}
.sidetextarea{
width: 100%;
margin-left: 5px;
height: 100px;
}
.shorttext{
width: 400px;
}
.fittext{
width: 90%;
}
.oneline{
display:inline;
}
.inlinebutton
{
width: 35px;
height: 26px;
}

.button {
	padding:3px 6px;
	margin-top:10px;
}
.wide{
width: 195px;
}

/*############ overview page*/

#overviewextra {
	background:url(/styles/images/overviewextra.png) 0 bottom no-repeat;
	width:500px;
	height:58px;
	position:absolute;
	top:60px;
	right:60px;
}

#h_websitedetails {
	width:250px;
	height:29px;
	background:url(/styles/images/h_websitedetails.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#websitedetails ul {
	overflow:auto;
	margin:0 0 0 25px;
}

#websitedetails li {
	float:left;
	margin-right:60px;
	list-style-type:none;
}

#websitedetails li strong {
	padding-left:20px;
	background:url(/styles/images/tick.png) 0 bottom no-repeat;
}

#h_latestnews {
	width:150px;
	height:29px;
	background:url(/styles/images/h_latestnews.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#overviewnews ul {
	margin:0;
}

#overviewnews li {
	width:48%;
	float:left;
	margin:1%;
	list-style-type:none;
	height:110px;
}

#overviewnews li h4 {
	padding-left:25px;
	background:url(/styles/images/news.png) 0 bottom no-repeat;
}

#overviewnews li .newsdate {
	font-size:0.8em;
	padding-left:25px;
	background:url(/styles/images/date.png) 13px 50% no-repeat;
}

#overviewnews li p {
	padding-left:25px;
}

#viewallp {
	clear:both;
	position:relative;
	height:24px;
}

#viewall {
	position:absolute;
	right:0;
	background:url(/styles/images/button1.png) 0 bottom no-repeat;
	display:block;
	width:101px;
	height:24px;
	text-align:center;
	line-height:24px;
	color:#fff;
}

#viewall:hover {

	background-position:0 0;
}

.newsimage {
	float: left;
	margin-bottom: 10px;
	margin-right: 30px;
}

/*############ site settings */

#h_sitesettings {
	width:175px;
	height:29px;
	background:url(/styles/images/h_sitesettings.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/*############ pages */

#h_websitepages {
	width:250px;
	height:29px;
	background:url(/styles/images/h_websitepages.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

.list {
	margin-top:30px;
}

.pageicon{
float:left;
margin-top:8px;
}
.pagetitle{
font-weight:bold;
margin-left: 50px;
margin-bottom: 0px;
}
.subpagelist{
margin-top: 20px;
}
.pageobject{
list-style:none;
clear:both;
width: 500px;
margin-bottom: 15px;
}

.pagefuctions {
	margin-left: 50px;
}

.addpageaction {
	margin-left:10px;
	padding:2px 0 2px 21px;
	background:url(/styles/images/addpage.png) 0 0 no-repeat;
}

/*add page*/

#h_addpage {
	width:250px;
	height:29px;
	background:url(/styles/images/h_addpage.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_createdepartment {
	width:250px;
	height:29px;
	background:url(/styles/images/h_createdepartment.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

.pagetemplateimage {
	float:left;
	width:190px;
	margin:20px;
	height:100px;
}

/*################################################## css page*/

#h_csslist {
	width:250px;
	height:29px;
	background:url(/styles/images/h_csslist.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/* tasks*/

#h_tasks {
	width:250px;
	height:29px;
	background:url(/styles/images/h_tasks.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/*################################################### statistics */

#h_websitestats {
	width:250px;
	height:29px;
	background:url(/styles/images/h_websitestats.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_month {
	width:250px;
	height:29px;
	background:url(/styles/images/h_month.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_websiteengagement {
	width:250px;
	height:29px;
	background:url(/styles/images/h_websiteengagement.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_daytrends {
	width:250px;
	height:29px;
	background:url(/styles/images/h_daytrends.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_trafficorigin {
	width:250px;
	height:29px;
	background:url(/styles/images/h_trafficorigin.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

.statslink {
    float:left;
    width:45%;
    margin:1% 2%;
    height:120px;
}

.statslink h3 {
	padding-left:40px;
	margin:0;
	height:30px;
}

.statslink p {
    margin-left:40px;
}


#h_monthly { background:url(/styles/images/hmonthly.png) 0 50% no-repeat; }
#h_day { background:url(/styles/images/hday.png) 0 50% no-repeat; }
#h_traffic { background:url(/styles/images/htraffic.png) 0 50% no-repeat; }
#h_engagement { background:url(/styles/images/hengagement.png) 0 50% no-repeat; }

/*manage website*/

#h_managewebsite {
	width:250px;
	height:29px;
	background:url(/styles/images/h_managewebsite.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/*manage website h3 icons*/
#h_contentchanges { background:url(/styles/images/hcontentchanges.png) 0 50% no-repeat; }
#h_settings { background:url(/styles/images/hsettings.png) 0 50% no-repeat; }
#h_performance { background:url(/styles/images/hperformance.png) 0 50% no-repeat; }
#h_help { background:url(/styles/images/hhelp.png) 0 50% no-repeat; }

/*############################################################newsletter*/

#h_newsletter {
	width:250px;
	height:29px;
	background:url(/styles/images/h_newsletter.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_sendnewsletter {
	width:250px;
	height:29px;
	background:url(/styles/images/h_sendnewsletter.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

.newsletterul {
	margin:0 0 10px 20px;
}

/*########################################################### webshop manager*/

#h_webshop {
	width:250px;
	height:29px;
	background:url(/styles/images/h_webshop.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_webshopdelivery {
	width:250px;
	height:29px;
	background:url(/styles/images/h_webshopdelivery.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_webshopadmin {
	width:250px;
	height:29px;
	background:url(/styles/images/h_webshopadmin.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_webshopsettings {
	width:250px;
	height:29px;
	background:url(/styles/images/h_webshopsettings.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/* delivery options */

.countryoption {
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 290px;
}

/*item thumbs*/

.itemmainimage {
	padding:15px;
	border:2px solid #eee;
}


.itemsubimages label {
	margin-top:10px;
}

.propertythumb {
	border: 2px solid #eee;
	float: left;
	height: 115px;
	margin: 8px;
	width: 110px;
	padding:10px;
}

.thumbbox {
	min-height:55px;
	text-align:center;
}

.rotateicon, .removeicon, .primaryicon {
	padding-left:15px;
	padding-bottom:2px;
	font-size:11px;
}

.rotateicon { background:url(/styles/images/rotateicon.png) 0 50% no-repeat; }
.removeicon { background:url(/styles/images/removeicon.png) 0 50% no-repeat; }
.primaryicon { background:url(/styles/images/primaryicon.png) 0 50% no-repeat; }

/*item description*/
.itemsidebox {
	float:left;
	width:590px;
}

.itemdetailsview, .itemdetailsedit, .itemoptionssview {
	padding:15px;
	border:2px solid #eee;
	margin-bottom:15px;
}

.itemdetailsview p, .itemdetailsedit p {
	width:250px;
	float:left;
	height:40px;
}

.itemdetailsview .itemname, .itemdetailsedit .itemname, .itemdetailsedit .itemname input {
	width:530px;
}

.itemdetailsview .itemdescription, .itemdetailsedit .itemdescription, .itemdetailsedit .producteditbuttons {
	width:540px;
	float:none;
	height:auto;
	clear:left;
	padding:0;
}

.itemdescription a, .itemoptionssview a {
	font-size:9px;
}

.itemoptionssview input {
	margin-left:5px;
}

.itemoptionssview .optiontitle {
	margin-left:18px;
}

/*section controls below headers*/
.sectioncontrols {
	height:20px;
}

.sectioncontrol {
	float:left;
	margin-right:40px;
}

.sectioncontrol a {
	padding-left:20px;
}

/* sub sub nav below header icons*/
/*backcontrol*/
#backcontrol { background:url(/styles/images/hwebshop.png) 0 50% no-repeat; }
/*webshop*/
#hshopsettings { background:url(/styles/images/hshopsettings.png) 0 50% no-repeat; }
#hdelivery { background:url(/styles/images/hdelivery.png) 0 50% no-repeat; }
#hadminsettings { background:url(/styles/images/hadminsettings.png) 0 50% no-repeat; }
/*news*/
#addnewarticlecontrol { background:url(/styles/images/haddnewarticle.png) 0 50% no-repeat; }
/*send newsletter*/
#sendnewslettercontrol { background:url(/styles/images/sendnewslettercontrol.png) 0 50% no-repeat; }
/*webshop item control*/
.addimagecontrol { background:url(/styles/images/addimage.png) 0 50% no-repeat; }
.edititemcontrol { background:url(/styles/images/edititem.png) 0 50% no-repeat; }
.removecontrol { background:url(/styles/images/removelisting.png) 0 50% no-repeat; }
/*settings*/
#settingscontrol { background:url(/styles/images/settings.png) 0 50% no-repeat; }
/*add item*/
#additemcontrol { background:url(/styles/images/additem.png) 0 50% no-repeat; }

/* account details */

#accountsidedetails {
	clear:both;
}

#h_accountdetails {
	width:250px;
	height:29px;
	background:url(/styles/images/h_accountdetails.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#address1, #address2 {
	margin-bottom:15px;
}

/* invoices payments*/

#h_invoicesandpayments {
	width:250px;
	height:29px;
	background:url(/styles/images/h_invoicesandpayments.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/* change password */

#h_changepassword {
	width:250px;
	height:29px;
	background:url(/styles/images/h_changepassword.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

.passwordleft {
	float:left;
	margin-right:40px;
}

#passwordchangebutton {
	margin-top:22px;
}

/* support centre */

#h_support {
	width:250px;
	height:29px;
	background:url(/styles/images/h_support.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

#h_createticket {
	width:250px;
	height:29px;
	background:url(/styles/images/h_createticket.png) 0 bottom no-repeat;
	text-indent:-9999px;
}

/* page editor */

#h_pageeditor {
	width:128px;
	height:29px;
	background:url(/styles/images/h_pageeditor.png) 0 bottom no-repeat;
	text-indent:-9999px;
	display:inline-block;
}

#h_pageeditorname { 
	display:inline-block;
	height:8px;
	line-height:30px;
	font-weight:normal;
}

/*gallery images */

#galleryimages {
	position:relative;
	margin:0;
}

.galleryimages li {
	border: 1px solid #CCC;
	float: left;
	list-style: none;
	margin: 5px 20px;
	padding-bottom: 10px;
}

.galleryimage {
	.float: left;
	height: 245px;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
	width: 190px;
	font-size:11px;
}

.galleryimage strong {
	font-size:11px;
}

.galleryimg {
	float: left;
	height: 180px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 190px;
}

/*banner*/
#bannerimages {
	position:relative;
	margin:0;
}

.bannerimages li {
	border: 1px solid #CCC;
	float: left;
	list-style: none;
	margin: 5px 0;
}

.bannerimage {
	.float: left;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
	width: 940px;
	font-size:11px;
}

.bannerimage p {
	margin:0;
}

.bannerimage strong {
	font-size:11px;
}

.bannerimg {
	float: left;
	height: 180px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 940px;
}

/* Ecom lister */
.itemimages{
width:300px;
float:left;
margin-right:15px;
}
.itemdescription{
width:400px;
float:left;
padding:10px;	
}
.itemactions li{
display:inline;
float:left;
margin-right:10px;
}

/* Links Page */

.linkbox{
	border: 2px solid #ccc;
	float:left;
	padding: 5px;
	margin:10px;
	width:140px;
	height:195px;
	text-align:center;
	
}

.linkitem{
	ext-align:center;
}
.linkimg{
		
		width:140px;
		height:100px;
		margin: 0 auto;
		overflow:hidden;
}

.linktext{
		
}

/*form generator*/
.controlframeform {
	width: 100%;
}

#formelementlist {
	margin:0;
}

#formelementlist li {
	list-style-type:none;
}

.formelement {
	padding:20px;
	border:1px solid #ddd;
	margin-bottom:10px;
	position:relative;
}

.formelement span {
	width:250px;
	display:inline-block;
}

.formelement .formelementactions {
	position:absolute;
	top:20px;
	right:20px
}

.formelement .removeformelement, .formelement .editformelement {
	width:16px;
	height:16px;
	text-indent:-9999px;
	display:inline-block;
}

.formelement .removeformelement { background:url(/styles/images/formremove.png) 0 0 no-repeat; }
.formelement .editformelement { background:url(/styles/images/formedit.png) 0 0 no-repeat; }

#addformelement {
	padding:20px;
	border:1px solid #ddd;
	margin-bottom:10px;
	position:relative;
}

#addformelement .formeditname, #addformelement .formedittype {
	float:left;
	width:250px;
}

#addformelement .formeditname label, #addformelement .formedittype label {
	display:inline-block;
	margin-right:5px;
}

#formelementlist .formelementoptions ul li {
	list-style-type:square;
}

#addformelement .formedituserguidance, #addformelement .formeditrequired {
	clear:left;
}

#addformelement .formeditoptions, #addformelement .formedituserguidance {
	float:left;
	width:48%;
	margin-right:3%;
}

#addformelement .formeditoptions {
	margin-right:0;
}

.formtextarea {
	width:100%;
	height:200px;
}

#addformelement .button {
	clear:both;
}
	

/* General Divs */
.pageeditelement{
margin-top: 20px;
margin-bottom:20px;
border: 1px solid #CCCCCC;
padding:15px;
clear:both;
}

.pageeditelementadd{
margin-top: 20px;
margin-bottom:20px;
border: 1px solid #903;
padding:0 15px 30px 15px;
clear:both;	
}
.controlside{
	width:210px;
	float:left;
}

.controlmain{
	width:610px;
	float:left;
	clear:left;
}

dl#csschart, dl#csschart dt, dl#csschart dd{
margin:0;
padding:0;
}
dl#csschart{
border: 1px solid #CCCCCC;
background:url(/styles/images/bg_chart3.gif) 0 0;
min-width:400px;
height:360px;
padding-left:11px;
float:left;
padding-right:10px;
}
#monthdetail dl#csschart{
width:100%;
}
dl#csschart dt{
display:none;
}
dl#csschart dd{
position:relative;
float:left;
display:inline;
width:33px;
height:330px;
margin-top:22px;
}
#monthdetail dl#csschart dd{
width:27px;
}
dl#csschart span{
position:absolute;
display:block;
width:33px;
bottom:0;
left:0;
z-index:1;
color:#555;
text-decoration:none;
}
#monthdetail dl#csschart span{
width:27px;
}
dl#csschart span b{
display:block;
font-weight:bold;
font-style:normal;
float:left;
line-height:200%;
color: #fff;
position:absolute;
top:0px;
left:3px;
font-size: 8px;
text-align:center;
width:23px;
}
#monthdetail dl#csschart span b{
width:27px;
left:0px;
}
/* Styling the Bars. */
dl#csschart span{
height:50%;
background:url(/styles/images/bar.png) repeat-y;
}
dl#csschart .sub{
margin-left:-33px;
}
#monthdetail dl#csschart .sub{
margin-left:-27px;
}
dl#csschart .sub span{
background:url(/styles/images/subbar.png) repeat-y;
}
dl#csschart .p0 span{height:0%}
dl#csschart .p1 span{height:1%}
dl#csschart .p2 span{height:2%}
dl#csschart .p3 span{height:3%}
dl#csschart .p4 span{height:4%}
dl#csschart .p5 span{height:5%}
dl#csschart .p6 span{height:6%}
dl#csschart .p7 span{height:7%}
dl#csschart .p8 span{height:8%}
dl#csschart .p9 span{height:9%}
dl#csschart .p10 span{height:10%}
dl#csschart .p11 span{height:11%}
dl#csschart .p12 span{height:12%}
dl#csschart .p13 span{height:13%}
dl#csschart .p14 span{height:14%}
dl#csschart .p15 span{height:15%}
dl#csschart .p16 span{height:16%}
dl#csschart .p17 span{height:17%}
dl#csschart .p18 span{height:18%}
dl#csschart .p19 span{height:19%}
dl#csschart .p20 span{height:20%}
dl#csschart .p21 span{height:21%}
dl#csschart .p22 span{height:22%}
dl#csschart .p23 span{height:23%}
dl#csschart .p24 span{height:24%}
dl#csschart .p25 span{height:25%}
dl#csschart .p26 span{height:26%}
dl#csschart .p27 span{height:27%}
dl#csschart .p28 span{height:28%}
dl#csschart .p29 span{height:29%}
dl#csschart .p30 span{height:30%}
dl#csschart .p31 span{height:31%}
dl#csschart .p32 span{height:32%}
dl#csschart .p33 span{height:33%}
dl#csschart .p34 span{height:34%}
dl#csschart .p35 span{height:35%}
dl#csschart .p36 span{height:36%}
dl#csschart .p37 span{height:37%}
dl#csschart .p38 span{height:38%}
dl#csschart .p39 span{height:39%}
dl#csschart .p40 span{height:40%}
dl#csschart .p41 span{height:41%}
dl#csschart .p42 span{height:42%}
dl#csschart .p43 span{height:43%}
dl#csschart .p44 span{height:44%}
dl#csschart .p45 span{height:45%}
dl#csschart .p46 span{height:46%}
dl#csschart .p47 span{height:47%}
dl#csschart .p48 span{height:48%}
dl#csschart .p49 span{height:49%}
dl#csschart .p50 span{height:50%}
dl#csschart .p51 span{height:51%}
dl#csschart .p52 span{height:52%}
dl#csschart .p53 span{height:53%}
dl#csschart .p54 span{height:54%}
dl#csschart .p55 span{height:55%}
dl#csschart .p56 span{height:56%}
dl#csschart .p57 span{height:57%}
dl#csschart .p58 span{height:58%}
dl#csschart .p59 span{height:59%}
dl#csschart .p60 span{height:60%}
dl#csschart .p61 span{height:61%}
dl#csschart .p62 span{height:62%}
dl#csschart .p63 span{height:63%}
dl#csschart .p64 span{height:64%}
dl#csschart .p65 span{height:65%}
dl#csschart .p66 span{height:66%}
dl#csschart .p67 span{height:67%}
dl#csschart .p68 span{height:68%}
dl#csschart .p69 span{height:69%}
dl#csschart .p70 span{height:70%}
dl#csschart .p71 span{height:71%}
dl#csschart .p72 span{height:72%}
dl#csschart .p73 span{height:73%}
dl#csschart .p74 span{height:74%}
dl#csschart .p75 span{height:75%}
dl#csschart .p76 span{height:76%}
dl#csschart .p77 span{height:77%}
dl#csschart .p78 span{height:78%}
dl#csschart .p79 span{height:79%}
dl#csschart .p80 span{height:80%}
dl#csschart .p81 span{height:81%}
dl#csschart .p82 span{height:82%}
dl#csschart .p83 span{height:83%}
dl#csschart .p84 span{height:84%}
dl#csschart .p85 span{height:85%}
dl#csschart .p86 span{height:86%}
dl#csschart .p87 span{height:87%}
dl#csschart .p88 span{height:88%}
dl#csschart .p89 span{height:89%}
dl#csschart .p90 span{height:90%}
dl#csschart .p91 span{height:91%}
dl#csschart .p92 span{height:92%}
dl#csschart .p93 span{height:93%}
dl#csschart .p94 span{height:94%}
dl#csschart .p95 span{height:95%}
dl#csschart .p96 span{height:96%}
dl#csschart .p97 span{height:97%}
dl#csschart .p98 span{height:98%}
dl#csschart .p99 span{height:99%}
dl#csschart .p100 span{height:100%}
ul.xAxis{
margin:0 0 0 12px;
padding:0;
float:left;
clear:left;
display:inline;
width:100%;
}
ul.xAxis li{
float:left;
list-style:none;
width:33px;
text-align:center;
}
table.half{
padding: 0;
padding-top:0px;
float:left;
background-color: #fff;
background-repeat: repeat-y;
background-position: 0 0;
margin-right: 20px;
width: 400px;
background-color:transparent;
}
#monthdetail ul.xAxis li{
width:27px;
font-size: 8px;
}
table{
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #666;
border-collapse:collapse;
width:100%;
}

table .list {
	margin:0;
}
th,td{
padding: 0.1em 1em;
}
thead{
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
text-align:left;
}
thead tr{
background:url(/styles/images/tabletop.png) repeat-x 0 0;
color: white;
}
.odd{background: #eee;}
.even{background-color: #fff;}
.bar{
border: 1px solid;
margin-top:2px;
}

.controlframesmall{
width:95%;
height: 180px;	
}

.controlframelarge{
width:95%;
height: 320px;	
}


.error{
color:red;	
}

.itemdetailsedit p.quickselect{
width:95%;	
}