/*************************************************

    Heal the Earth Ayrshire
    Screen CSS
    (c) Tripsis Web Design [www.tripsis.co.uk]

**************************************************
    Main Styles
*************************************************/
html,body {
	background: #050d03 url(../images/css/tiledgrass2.jpg);
}

body {
	font: 74%/1.5 Arial, Verdana, sans-serif;
	text-align: center;
}

textarea { font-family: Arial, Verdana, sans-serif; }

h1,h2 {
	clear: both;
}

h1 {
    background: #000 url(../images/css/whiteslash.png) no-repeat 22px 50%;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 12px;
    padding: 12px 24px;
    padding-left: 38px;
    text-transform: uppercase;
}

h1.dynamic {
    background-image: none !important;
    color: #fff !important;
    padding-left: 20px !important;
}

p {
    padding-bottom: 12px;
}

strong { font-weight: bold; }

a { text-decoration: none; color: #006e3a; }
a:hover { text-decoration: underline; }

.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }

.intro {
    background: #ede8c3;
    clear: both;
    margin-bottom: 12px;
    padding: 24px;    
    padding-bottom: 12px;
}

.content ul,
.content ol {
    margin-bottom: 12px;
}

.content ul {
    list-style-type: disc;
}

.content ol {
    list-style-type: decimal;
}

.content li {
    margin-left: 20px;
}

ol.alpha {
    list-style-type: lower-alpha;
    margin-bottom: 24px;
}

    ol.alpha li {
        margin-left: 20px;
        margin-bottom: 12px;
        padding-left: 12px;
    }


/*************************************************
    Layout
*************************************************/
#pageholder {
    background: #fff url(../images/css/navbg.png) repeat-y 12px 0;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
}

#main {
    background: #fff;
    float: left;
    padding: 0 12px;
    width: 768px;
}

p.homelink {
    background: #fff;
    padding: 22px;
    padding-top: 57px;
}

p.applynow a {
    background: url(../images/css/applybutton.png) no-repeat 0 0;
    height: 162px;
    overflow: hidden;
    position: absolute;    
    top: 0;
    right: 26px;
    text-indent: -6000px;
    width: 337px;
}

div.footer {
    background: #3f3f3f;
    border: 12px solid #fff;
    clear: both;
}

    div.footer p {
        color: #fff;
        font-weight: bold;
        line-height: 3em;
        padding: 0 12px;
        text-align: right;
    }
    
        div.footer p a {
            color: #77c54b;
        }


/*************************************************
    Home page
*************************************************/
body.home h1 {
    background: #3f3f3f;
    color: #6db33d;
    font-size: 3.6em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 12px;
    padding: 32px;
    text-transform: uppercase;
}

body.home h2 {
    clear: both;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 12px;
    padding: 0 14px;
    text-transform: uppercase;
}

body.home h2.gallery {
    background: url(../images/css/pinkslash.png) no-repeat 0 50%;
}

body.home h2.initiatives {
    background: url(../images/css/greenslash.png) no-repeat 0 50%;
}

    body.home div.initiatives {
        float: left;
        margin-bottom: 12px;
        width: 100%;
    }

    body.home div.initiatives p {
        float: left;
        margin-left: 12px;
        padding: 0;
    }
    
    body.home div.initiatives p.first {
        margin: 0;
    }
    
        body.home div.initiatives p a {
            border: solid 1px #6eb43f;
            display: block;
        }

body.home h2.community {
    background: url(../images/css/greenslash.png) no-repeat 0 50%;
}

body.home .gallerysummary {
    clear: left;
    position: relative;
}

    body.home .gallerysummary .gallerylink {
        font-size: 1.2em;
        font-weight: bold;
        line-height: 32px;
        position: absolute;
        right: 6px;
        text-transform: uppercase;
        top: 0;
    }
    
        body.home .gallerysummary .gallerylink a {
            background: url(../images/css/rightarrowgrey.png) 100% 50% no-repeat;
            color: #5e5e5e;
            padding-right: 18px;
        }
        
        body.home .gallerysummary .gallerylink a:hover {
            border-bottom: solid 2px #e30179;
            color: #000;
            text-decoration: none;
        }

body.home .communitysummary {
    clear: both;
    min-height: 191px;
    position: relative;
}

    body.home .communitysummary .item {
        background: #cfcaaa;
        min-height: 106px;
        padding: 16px;
        padding-right: 280px;
    }
    
        body.home .communitysummary .item h3 {
            font-size: 1.1em;
            font-weight: bold;
            text-transform: uppercase;
        }

    body.home .communitysummary .joinlink {
        overflow: hidden;
        position: absolute;
        text-indent: -6000px;
        top: 18px;
        right: 24px;
    }
    
        body.home .communitysummary .joinlink a {
            background: url(../images/css/greenswipe.png) no-repeat 100% 0;
            display: block;
            height: 173px;
            width: 220px;
        }
        

.related div {
    float: left;
    width: 376px;
}

    .related p,
    .related ul {
        font-size: 1.2em;
        line-height: 1.2;
        margin: 0 14px;
        padding: 0;
    }
    
    .related ul {
        list-style-type: square;
    }
    
        .related ul li {
            margin-left: 1em;
        }
    
    .related p.title {
        text-transform: uppercase;
    }

    .related p.readmore {
        font-size: 1.2em;
        font-weight: bold;
        margin-right: 6px;
        text-align: right;
        text-transform: uppercase;
    }

        .related p.readmore a {            
            background: url(../images/css/rightarrowgrey.png) 100% 50% no-repeat;
            color: #5e5e5e;
            padding-right: 18px;
        }
        
        .related p.readmore a:hover {
            border-bottom-style: solid;
            border-bottom-width: 2px;
            color: #000;
            text-decoration: none;
        }
        
        .related div.news p.readmore a:hover {
            border-color: #5a1f82;
        }
        
        .related div.events p.readmore a:hover {
            border-color: #0094be;
        }
        
.related div.news h2 {
    background: url(../images/css/purplehalfline.png) no-repeat 0 100%;
    color: #5a1f82; 
}

.related div.events {
    margin-left: 16px;
}
        
.related div.events h2 {
    background: url(../images/css/bluehalfline.png) no-repeat 0 100%;
    color: #0094be; 
}


/*************************************************
    Initiatives
*************************************************/
body.initiatives h2 {
    clear: both;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 12px;
    padding: 0 14px;
    text-transform: uppercase;
}

body.initiatives p.parentheader {
    background: #6db43f url(../images/css/whiteslash.png) no-repeat 22px 50%;
    color: #6db43f;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 12px;
    padding: 12px 24px;
    padding-left: 38px;
    text-transform: uppercase;
}

body.initiatives h1 {
	background: #6db43f;
	color: #fff;	
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 32px;
	padding-bottom: 10px;
	text-transform: none;
}

body.initiatives .splash {
    margin-bottom: 12px;
}

body.initiatives .splash p {
    background: #6db43f;
    color: #fff;
    font-size: 3.6em;
    font-weight: normal;
    line-height: 1;
    padding: 32px;
    padding-top: 0;
    text-transform: uppercase;
}

body.initiatives .content {
    background-color: #3f3f3f;
    background-repeat: no-repeat;
    color: #fff;
    margin-bottom: 6px;
    padding: 32px;
    padding-left: 280px;
}
    
    body.initiatives .content a {
        color: #77c54b;
    }

body.initiatives p.contact {
    background: url(../images/css/greenslash.png) no-repeat 100% 0;
    clear: both;
    float: right;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 31px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-transform: uppercase;
    width: 288px;
}

body.initiatives p.contact a {
    color: #fff;
    display: block;
    padding-left: 12px;
}


/*************************************************
    Initiatives - Garden
*************************************************/
body.garden .splash {
    background: url(../images/css/communitygardenslapsh.jpg) no-repeat 0 100%;
    padding-bottom: 153px;
}

body.garden .content {
    background-image: url(../images/css/branch.png);
    background-position: 48px 100%;
}


/*************************************************
    Initiatives - Plastic Bag Free Town
*************************************************/
body.plasticbag .content {
    background-image: url(../images/css/fern.png);
    background-position: 34px 100%;
}


/*************************************************
    About Us
*************************************************/
body.about h1 {
    background-color: #6db43f;
    color: #6db43f;
}

    body.about p.splash {
        background: #6db43f;
        color: #fff;
        font-size: 2.6em;
        font-weight: normal;
        line-height: 1;
        margin-bottom: 12px;
        padding: 24px;
        text-transform: uppercase;
    }
    
    body.about .content {
        background: #3f3f3f url(../images/css/treebg.png) no-repeat 0 100%;
        color: #fff;
        margin-bottom: 6px;
        padding: 32px;
        padding-left: 280px;
    }
    
    body.about .content a {
        color: #77c54b;
    }


/*************************************************
    News
*************************************************/
body.news h1 {
    background-color: #652e8a;
    color: #652e8a;
}


/*************************************************
    Events
*************************************************/
body.events h1 {
    background-color: #009fc5;
    color: #009fc5;
}


/*************************************************
    Links
*************************************************/
body.links h1 {
    background-color: #f08c18;
    color: #f08c18;
}


/*************************************************
    Group
*************************************************/
body.group h1 {
    background-color: #4d8726;
    color: #4d8726;
}


/*************************************************
    Nav
*************************************************/
ul.nav {
    float: left;
    font-weight: bold;
    padding-top: 22px;
    text-transform: uppercase;
    width: 168px;
}

    ul.nav li {
        margin-bottom: 4px;
        padding: 0;
        margin-left: 12px;
    }
    
        ul.nav li a {
            color: #666;
            display: block;
            padding: 10px 20px;
            text-decoration: none;
        }
        
        ul.nav li a.selected {
            background: #d6d2b0;
            color: #006e3a;
        }
        
        ul.nav li a:hover {
            color: #000;
            background: #6eb43f;
            text-decoration: none;
        }
        
        ul.nav li ul {
        }
        
            ul.nav li ul li {
                text-transform: lowercase;
                margin-left: 0;
            }

/*************************************************
    Paging Nav
*************************************************/
ul.paging {
    clear: both;
	float: right;
}

	ul.paging li {
		float: left;
		margin-left: 12px;
	}
	
	ul.paging li a[disabled='disabled'] {
	    color: #aaa;
	    text-decoration: none;
	}

/*************************************************
    Main
*************************************************/
.highlighttext {
    background: #3f3f3f;
    color: #fff;
    margin-bottom: 12px;
    padding: 30px;
}
    
    .highlighttext a {
        color: #77c54b;
    }

    .multicol {
        -moz-column-count: 2;
	    -moz-column-gap: 30px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 30px;
	    column-count: 2;
	    column-gap: 30px;
    }

	.highlighttext ul,
	.highlighttext ol {
		margin-bottom: 12px;
	}

	.highlighttext ul {
		list-style-type: disc;
	}

	.highlighttext ol {
		list-style-type: decimal;
	}

	.highlighttext li {
		margin-left: 20px;
	}

.tree {
    background-image: url(../images/css/treebg.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-left: 278px;
}


/*************************************************
    Section Colours
*************************************************/
h2.gallerybg {
    background: red;
}

.communitybg {
    background: #6db33d;
}

/*************************************************
    Event List
*************************************************/
div.eventlist h2 {
    background: #3f3f3f;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 12px 0;
    text-transform: uppercase;
}

    body.news div.eventlist h2 {
        background: #652e8a;
    }

    body.events div.eventlist h2 {
        background: #009fc5;
    }

    div.eventlist h2 span {
        padding: 0 24px;
    }

    div.eventlist h2 span.date {
    	background-repeat: no-repeat;
    	background-position: 8px 100%;
        display: block;
        margin-bottom: 8px;
        padding-bottom: 12px;
    }
    
    div.eventlist h2 span.date {
        background-image:  url(../images/css/whiteline.png);
    }

div.eventitem {
    background: #ede8c3 url(../images/css/butterflybg.png) no-repeat 100% 100%;
    color: #000;
    margin-bottom: 12px;
    padding: 12px 24px;
    padding-bottom: 12px;
}

div.eventlist div.footernav {
    background: #006e3a;
    float: left;
    font-weight: bold;
    line-height: 2.6em;
    width: 100%;
}

body.news div.footernav {
        background: #652e8a;
    }

body.events div.footernav {
    background: #009fc5;
}

div.eventlist div.footernav p {
        margin: 0;
        padding: 0;
    }

    div.eventlist div.footernav a {
        color: #fff;
    }
        
    div.eventlist div.footernav a[disabled='disabled'] {
	    color: #ccc;
	    font-weight: normal;
	}
    
        div.eventlist div.footernav a[disabled='disabled']:hover {
            text-decoration: none;
        }
    
    div.eventlist div.footernav p,
    div.eventlist div.footernav ul {
        margin: 0 24px;
    }


/*************************************************
    Gallery
*************************************************/
body.gallery h1 {
    background-color: #e30279;
    color: #e30279;
}

body.gallery h2 {
    background: #3f3f3f;
    color: #fff;
    font-weight: bold;
    padding: 12px 24px;
}

ul.gallery {
	width: 780px;
}

	ul.gallery li {
		float: left;
		line-height: 1;
		margin: 12px;
		margin-top: 0;
		margin-left: 0;
	}
	
body.gallery div.gallerynav {
    background: #e30279;
    float: left;
    font-weight: bold;
    line-height: 2.6em;
    width: 100%;
}

body.gallery  .gallerynav p {
        margin: 0;
        padding: 0;
    }

    body.gallery  .gallerynav a {
        color: #fff;
    }
        
    body.gallery  .gallerynav a[disabled='disabled'] {
	    color: #ccc;
	    font-weight: normal;
	}
    
        body.gallery  .gallerynav a[disabled='disabled']:hover {
            text-decoration: none;
        }
    
    body.gallery  .gallerynav p,
    body.gallery  .gallerynav ul {
        margin: 0 18px;
    }


/*************************************************
    Community
*************************************************/
body.community #pageholder {
	background: #fff;
}

body.community h1 {
	background: #006e3a;
	color: #fff;
	padding-left: 18px;
}

#communitymain {
	background: #fff;
	color: #454443;
	padding: 0 12px;
	position: relative;
}

	p.backtomain {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		text-transform: uppercase;
		top: 30px;
		right: 40px;
	}
		
		p.backtomain a {
			background: url(../images/css/greenrightarrow.png) no-repeat 100% 1px;
			color: #006e3a;			
			padding-right: 18px;
		}
		
		p.backtomain a:hover {
			border-bottom: solid 2px #006e3a;
			text-decoration: none;
		}

	#communitymain ul.communitynav {
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.2em;
		margin-right: 14px;
		padding: 1.2em 12px;
		position: absolute;
		text-transform: uppercase;
		top: 0;
		right: 0;
	}
	
		#communitymain ul.communitynav li {
			float: left;
			border-left: solid 2px #fff;
			margin-left: 10px;
			padding-left: 10px;
		}
		
		#communitymain ul.communitynav li.first {
			border: none;
			padding: 0;
		}
		
		#communitymain ul.communitynav a {
			color: #fff;
		}
		
		#communitymain ul.communitynav a:hover {
			border-bottom: 2px solid #fff;
			text-decoration: none;
		}

	.communityhead {
		background: #ede8c3;
		margin-bottom: 12px;
		padding: 14px;
	}
	
		.communityhead .welcome,
		.communityhead .loginform {
			float: left;
			width: 440px;
		}
	
		.communityhead .welcome {
			padding-right: 14px;
			width: 439px;
		}
		
		    .communityhead .welcome .register {
		        background: url(../images/css/pinkslash.png) no-repeat 0 50%;
		        color: #fff;
		        font-size: 1.2em;
		        font-weight: bold;
		        text-transform: uppercase;
		    }
		    
		        .communityhead .welcome .register a {
		            color: #fff;
		            line-height: 31px;
		            padding: 0 16px;
		        }
		
		.communityhead .loginform {
			border-left: solid 1px #006e3a;
			padding-left: 14px;
		}
		
		    .communityhead .loginform p {
		        padding: 8px;
		    }
	
		.communityhead h2 {
			color: #06713e;
			font-size: 1.4em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.communityhead p {
			padding: 0;
		}
		
		.communityhead form {
			background: #cfcaaa;
		}		
	
				
	
	#communitymain table td.title {
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1;
		width: 25%;
		text-transform: uppercase;
	}	
	
	#communitymain table td.author {
	    font-size: 1.2em;
	    font-weight: bold;	    
		width:26%;
	}
	
		#communitymain table td.author .authorsummary {
			font-size: 0.8em;
			font-weight: normal;
		}
	
	#communitymain table p.postsummary {
	    font-weight: bold;
	    margin: 0;
	    padding: 0;
	}
	
	#communitymain table p.posterdetail {
	    font-style: italic;
	    padding-bottom: 0;
	}
	
	#communitymain table p.postdate {
	    color: #666;
	    font-size: 0.9em;
	    font-style: italic;
	    padding: 0;
	    margin: 0;
	    text-align: right;
	}
	
	    #communitymain table p.postdate span {
	        border-top: solid 1px #b9b492;
	    }
	
	#communitymain table td.postcount {
		text-align: center;
	}
	
	#communitymain table td.title a {
		color: #1a1a15;
	}
	
	#communitymain table a {
		color: #006e3a;
	}
	
	#communitymain table tr.reply {
	}
	
	    #communitymain table form ul {
	        padding: 0;
	    }
	
	    #communitymain table tr.reply label {
	    }
	
	    #communitymain table tr.reply span.field,
	    #communitymain table tr.reply span.submit,
	    #communitymain table tr.reply span.value {
	        display: block;
	        float: none;
	        margin: 0;
	        padding:0;
	    }
	    
	        #communitymain table tr.reply span textarea {
	            font-size: 1em;
	            width: 480px;
	            height: 220px;
	        }
	
#communitymain .forumnav {
    background: #6eb43f;
    float: left;
    font-weight: bold;
    line-height: 2.6em;
    width: 100%;
}

    #communitymain .forumnav p {
        margin: 0;
        padding: 0;
    }

    #communitymain .forumnav a {
        color: #fff;
    }
        
    #communitymain .forumnav a[disabled='disabled'] {
	    color: #ccc;
	    font-weight: normal;
	}
    
        #communitymain .forumnav a[disabled='disabled']:hover {
            text-decoration: none;
        }
    
    #communitymain .forumnav p,
    #communitymain .forumnav ul {
        margin: 0 18px;
    }
    
p.newthread {
    float: left;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

    p.newthread a {
        background: #6eb43f;
        border: solid 4px #6eb43f;
        color: #fff;
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        padding: 8px 14px;
        text-transform: uppercase;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    p.newthread a:hover {
        border-color: #006e3a;
        text-decoration: none;
    }
    
div.newthread .value input,
div.newthread .value textarea {
    width: 480px;
}
div.newthread .value textarea {
    height: 270px;
}


/*************************************************
    Forms
*************************************************/
form ul {
    padding: 12px;
}

form fieldset {
    background: #cfcaaa;
    margin-bottom: 12px;
}

form legend,
form li {
    clear: both;
}

form label {
	clear: both;
    float: left;
    margin-bottom: 0.5em;
}

form li span.field,
form li span.value,
form li span.error,
form li span.helper {
    display: block;
    float: left;
}

    form li span.field {
        padding-top: 0.7em;
        width: 10em;
    }

    form li span.value input,
    form li span.value textarea {
        border: solid 2px #cfcaaa;
        font-weight: bold;
        padding: 0.5em;
        width: 18em;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    form li span.value textarea {
    	height: 10em;
    }
    
    form li span.value .form-rb input,
    form li span.value .form-cb input {
    	width: auto;
    }
    
		form li span.value .form-rb label,
		form li span.value .form-cb label {
			float: none;
		}
    
    form li span.value input:focus {
        border-color: #71706b;
        background: #ffc;
    }
    
    form li span.error {
    	background: #ffbfbf url(../images/css/error_icon.png) no-repeat 4px 50%;
    	border: solid 2px #c80b10;
    	line-height: 2.1em;
    	font-weight: bold;
    	margin-top: 2px;
    	margin-left: 8px;
    	padding: 0 8px;
    	padding-left: 26px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    form li span.helper {
    	background: url(../images/css/smallleftarrow.png) no-repeat 0 50%;
    	line-height: 2.6em;
    	font-weight: bold;
    	margin: 0 4px;
    	margin-left: 16px;
    	padding: 0 8px;
    	padding-left: 24px;
    }

    form li span.submit {
        margin-left: 10em;
    }

    form li span.submit input {
        font-size: 1.1em;
        padding: 0.5em 1em;
    }
    
form .form-validationsummary {
	background: #ffbfbf;
	border: solid 2px #c80b10;
	font-weight: bold;
	margin-bottom: 12px;
	padding: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

	body.join form .form-validationsummary ul {
		padding: 0;
		margin: 0;
	}

	body.join form .form-validationsummary li {		
    	background: #ffbfbf url(../images/css/error_icon.png) no-repeat 4px 50%;
    	line-height: 1;
		margin: 0;
		padding: 1em 0;
    	padding-left: 32px;
	}


/*************************************************
    Join Form
*************************************************/
body.join h1 {
    background-color: #ff7f00;
    color: #ff7f00;
}

body.join h2 {
    background: url(../images/css/orangeslash.png) no-repeat 0 0;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 6px;
    padding: 0 24px;
    text-transform: uppercase;
}

body.join h3 {
    border-bottom: solid 1px #ff7f00;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 6px;
    text-transform: uppercase;
}

body.join .intro {
    background: #ede8c3;
}

body.join fieldset legend {
    background: #ff7f00;
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 3.2em;
    text-indent: 24px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;    
    float: left;
}

    body.join fieldset legend span {
        display: block;
        width: 768px;
    }

body.join .constitution {
    background: #ede8c3;
    padding: 24px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}


/*************************************************
    Helper Form
*************************************************/
div.helperform form ul {
	padding: 12px;
}

	div.helperform form ul li {
		margin-bottom: 12px;
	}

div.helperform fieldset {
    margin-bottom: 12px;
}

div.helperform label {
    background: #cfcaaa;
    margin: 0;
	padding: 0.5em 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.helperform label.focus {
    background-color: #b3ad88;
}

div.helperform span.submit {
	padding-left: 12px;
}

form fieldset.questionnaire ul {
	padding: 12px 24px;
}
    
form fieldset.questionnaire label,
form fieldset.questionnaire li     {
	float: none;
}
    
form fieldset.questionnaire li span.field,
form fieldset.questionnaire li span.value {
	float: none;
	width: auto;
}

form fieldset.questionnaire li span.submit {
	margin: 0;
}

table {
	background: #ede8c3;
	clear: both;
	margin-bottom: 12px;
	width: 100%;
}

     table tr.alt {
        background: #cfcaaa;
    }

	 table td,
	 table th {
		padding: 12px 18px;
	}
	
	     .mceEditor table td,
	     .mceEditor table th,
	      table.cke_editor td,
	      table.cke_editor th {
		    padding: 0;
	    }
	    	
	 table th {
		background: #6eb43f;
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	     table tr.alt th {
	        background: #4d8726;
	    }
	
	 table td {
		vertical-align: middle;
	}		
	
	 table a {
		color: #006e3a;
	}
	        
.mceEditor table,
 table.cke_editor {
    width: auto;
}

table.cke_editor {
    width: 100% !important;
}

span.value table.cke_editor {
    width: 460px !important;
}