html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family:arial,sans-serif;
	font-size: 0.8em;
	color:#666;
}

img {
    border: none;
}

header,
footer,
nav,
section {
    display: block;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
    padding: 0px;
}

div#content {
	padding: 0px;
}

div#footer 
{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{    
    font-weight: bold;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.language-switcher{
    color: #222222
}

.language-switcher:visited{
    color: #222222
}

.preview-layout-right{
    display: block;
}

.preview-layout-off .preview-layout-list {
    height: 100%;
    width: 100%;
}

.preview-layout-off .preview-layout-preview {
    display: none;
}

.preview-layout-on.preview-layout-bottom .preview-layout-list {
    height: 50%;
    width: 100%;
}

.preview-layout-on.preview-layout-bottom .preview-layout-preview {
    height: 50%;
    width: 100%;
    margin-top: 10px;
}

.preview-layout-on.preview-layout-right .preview-layout-list {
    height: 100%;
    width: 60%;
    float: left;
}

.preview-layout-on.preview-layout-right .preview-layout-preview {
    height: 100%;
    width: 39%;
    padding-left: 1%;
    float: right;
}

.preview-layout-on.preview-layout-top .preview-layout-list {
    height: 50%;
    width: 100%;
    position: relative;
    top: 50%;
    margin-top: 10px;
}

.preview-layout-on.preview-layout-top .preview-layout-preview {
    height: 50%;
    width: 100%;
    position: relative;
    top: -50%;
    margin-top: -10px;
}