/* __include */
/* #BASIC RESET                                                                                     */

* 					{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
caption, th, td 	{ text-align: left; }
:focus				{ outline: 0; }
table 				{ border-collapse: collapse; border-spacing: 0; }
ul					{ list-style-image: none; list-style-type: none; }

/* #GLOBAL LAYOUT CLASSES                                                                           */
            		
.clear 				{ clear: both; font-size:0px; line-height:0px; height:0px; }
.clearLeft			{ clear: left; font-size:0px; line-height:0px; height:0px; }
.clearRight		    { clear: right; font-size:0px; line-height:0px; height:0px; }
.nobreak 			{ white-space: nowrap; }
.alignCenter 		{ text-align: center; }
.alignRight	 	    { text-align: right; }
.alignLeft		 	{ text-align: left; }
.alignTop			{ vertical-align: top; }
.alignMiddle		{ vertical-align: middle; }
.alignBottom		{ vertical-align: bottom; }
.floatLeft			{ float: left; }
.floatRight		    { float: right; }


/* #GRID (very poorly implemented)                                                                  */
	

.indent1			{ margin-left: 10px; }
.indent2			{ margin-left: 20px; }
.indent3			{ margin-left: 30px; }
.indent4			{ margin-left: 40px; }
.indent10			{ margin-left: 100px; }
.indent20			{ margin-left: 200px; }
.indent30			{ margin-left: 300px; }
.indent34			{ margin-left: 400px; }

.marginTop0         { margin-top: 0px; }
.marginTop1         { margin-top: 10px; }
.marginTop2         { margin-top: 20px; }
.marginTop3         { margin-top: 30px; }
.marginTop4         { margin-top: 40px; }
.marginTop5         { margin-top: 50px; }
.marginTop6         { margin-top: 60px; }
.marginTop7         { margin-top: 70px; }
.marginTop10        { margin-top: 100px; }
.marginTop20        { margin-top: 200px; }
.marginTop30        { margin-top: 300px; }
.marginTop40        { margin-top: 400px; }

/* #FONTS, COLORS, TEXT-DECORATION, MARGINS ETC.                                                    */

*					{ font-family: Helvetica, Arial, sans-serif; }

address, input, label, li, option, p, pre, select, td, textarea, th, caption
				    { font-size: 14px; line-height: 21px; margin-bottom: 21px; }

pre					{ margin-bottom: 5px; font-family: "Courier New", monospace; font-size: 11px; }

.small				{ font-size: 0.8em; }

h1                  { font-size: 28px; line-height: 42px; margin-bottom: 21px; }
h2                  { font-size: 21px; line-height: 21px; }
h3                  { font-size: 14px; line-height: 21px; margin-bottom: 21px; }
                	
hr					{ height: 1px; border-bottom: 1px solid #cdcdcd; width: 100%; margin: 10px 0;}
                	
em					{ color: #ec6b22; }
strong, b			{ font-weight: bold;}

a:link	 			{ text-decoration: underline; color: inherit;}
a:visited			{ text-decoration: inherit; color: inherit; }
a:hover, a:active	{ text-decoration: none; }

ul 					{ margin: 0 0 1em 1em; list-style-type: circle; list-style-position: outside; }
ul li               { margin-bottom: 0; }

ol 					{ margin: 0 0 1em 1em; list-style-type: decimal; list-style-position: inside; padding: 2px 0; }
ol li				{ margin: 0 0 0 10px; }

ul.semantic         { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; }
ul.semantic li      { margin: 0; padding: 0; }

/* NAVIGATION GENERAL                                                                               */

.nav 					{ list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.nav li 				{ float: left; margin: 0; background-color: transparent; background-repeat: no-repeat; margin: 0; padding: 0; }
.nav li a 				{ display: block; background-color: transparent; background-repeat: no-repeat; }
.nav li a span 			{ display: block; text-indent: -9999px; }

/* #LAYOUT BOXES                                                                                    */


.boxHalfLeft					{ width: 47.5%; float: left; }
.boxHalfRight					{ width: 47.5%; float: right; }
.boxThreeForths					{ width: 75%; }
.boxHalf						{ width: 50%; }
.boxOneThird					{ width: 30%; }
.boxTwoThirds					{ width: 60%; }

/* #TABLES                                                                                          */

table 											{ width: 100%; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; margin: 10px auto; }
caption											{ margin-top: 10px; caption-side:top; font-weight: bold; }
td 												{ border-left: 1px solid #cdcdcd; padding: .3em 1em; }
th 												{ border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; padding: .3em 1em; }
th.column1              						{ background-color: #eee; border-bottom: 1px solid #fff; text-align: center; }
thead th										{ text-align: center; color: #004a7f; font-size: 13px; border-bottom-width: 2px; padding-top: 5px; padding-bottom: 5px;}
tfoot th 										{ text-align:center; font-size: 12px; color: #004a7f; padding-top: 12px; padding-bottom: 12px; }	
tfoot th                						{ border-top: 1px solid #cdcdcd; }
tfoot td                						{ border-bottom: 1px solid #cdcdcd; }

table.light										{ margin: 10px 0; }
table.light th.column1, table.light td			{ border-bottom: 1px solid #cdcdcd; }
                                            	
table.semantic									{ margin: 0 0 10px 0; width: auto; border: none; }
table.semantic th, table.semantic td			{ padding: 0; background: none; border: none; border: none; padding: 0; }

/* #FORMS ---------------------------------------------------------------------------------------------------------------------------------------- */

input.image										{ border: none; background-color: #412d1f; }

a.button, span.button							{ border: 1px solid #dbdbdb; background-color: #dbdbdb; background-color: #fff; color: #707173; padding: 2px 5px; text-decoration: none; font-size: 10px; }
span.button										{ color: #dbdbdb; } 		/* simulate disabled button for preview of offer */
a.button.float_right, span.button.float_right	{ margin-left: 5px; }
a.button.float_left, span.button.float_left		{ margin-right: 5px; }

textarea										{ border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-bottom: 10px; width: 400px; height: 100px; }
span.mceEditor									{ margin-bottom: 10px; display: block; }

input											{ border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background-color: #fff; color: #707173; padding: 3px 2px;
													margin-right: 2px; height: 11px; }
input.submit									{ background-color: #D8D8D8 ; border: 1px solid #6E6E6E; height: 20px; }
input.submit.large								{ width: 130px; }
input.submit[disabled]							{ color: #dbdbdb; }
input.file										{ height: auto; }
label.file										{ padding-top: 6px; }
p.file											{ padding-top: 6px; padding-left: 10px; }

                                            	
input.submit.float_right						{ margin-left: 5px; }	/* this is to prevent that multiple floated buttons get squished */
                    							
select											{ border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background-color: #fff; color: #707173; padding: 1px 2px;
													margin-right: 2px; }
                                				
label											{ display: block; }
input											{ margin: 5px 0 10px 0; }
select											{ margin: 5px 0 10px 0; }
input.nl										{ display: block; }
input[disabled]									{ background-color: #cdcdcd; }
select											{ margin-bottom: 10px; }
select.nl										{ display: block; }
                                				
input.checkboxVertical							{ margin: 0; float: left; clear: both; border: none; }
label.checkboxVertical							{ line-height: 15px; margin: 0 0 0 20px; padding-bottom: 5px;}
input.checkbox_horizontal						{ margin: 0; float: left; border: none; }
label.checkbox_horizontal						{ margin: 0 15px 0 5px; float: left;}

input.checkbox									{ margin: 0; padding: 0; height: auto; }

input.radioVertical							    { margin: 0; float: left; clear: both; border: none; }
label.radioVertical							    { line-height: 15px; margin-left: 20px; padding-bottom: 10px; }
input.radioHorizontal							{ margin: 0; float: left; border: none; }
label.radioHorizontal							{ margin: 0 15px 0 5px; float: left; }
                                				
label.error, input.error, textarea.error		{ color: #ff0000; }
input.error, textarea.error						{ margin-bottom: 0px; border-top-color: #ff0000; border-left-color: #ff0000; border-right-color: #ff0000; border-bottom-color: #ff0000; }
label.error										{ margin-bottom: 5px; }
select.error									{ margin-bottom: 0px; }
                                				
label.left										{ float: left; width: 85px; padding: 3px 15px 0 0; line-height: 15px; }
label.long										{ width: 150px; }

/* DIMENSIONS */

input.extra_short								{ width: 50px; }
input.short										{ width: 100px; }
input.short_medium								{ width: 150px; }
input.medium									{ width: 200px; }
input.long										{ width: 300px; }
input.extra_long								{ width: 400px; }

select.extra_short								{ width: 57px; }
select.short									{ width: 107px; }
select.medium									{ width: 207px; }
select.long										{ width: 307px; }
select.extra_long								{ width: 407px; }

textarea.full									{ width: 99%; }
textarea.heigh									{ height: 500px; }
textarea.mediumHeigh							{ height: 250px; }


/* COMBINED INPUT FIELDS */

.combLeft										{ margin-right: 5px; }

input.combMediumShorter							{ width: 65px; }
input.combMediumLonger							{ width: 123px; }
input.combLongShorter							{ width: 80px; }
input.combLongLonger							{ width: 208px; }
input.combExtraLongShorter						{ width: 100px; }
input.combExtraLongLonger						{ width: 288px; }

select.combShortShorter							{ width: 44px; }
select.combShortLonger							{ width: 60px; }
select.combMediumShorter						{ width: 72px; }
select.combMediumLonger							{ width: 130px; }


/* #ERROR AND NOTICES                                                                               */

#noscript								{ margin-top: 5px; padding: 10px; background-color: red; }
                                        
#errorMessage							{ margin-top: 5px; padding: 10px; margin-right: 15px; }
#errorMessage.error						{ background-color: #a4ca1d; }
#errorMessage.notice					{ background-color: #eeeeee; }
#errorMessage h1						{ margin: 0 0 10px 0; text-transform: none; }
#errorMessage p							{ font-size: 12px; margin-bottom: 5px; }

.messageHeadlineOnly h2					{ margin: 0; text-transform: none; }

p.error, em.error						{ color: #a4ca1d; font-size: 12px; }
p.error									{ margin: 5px 0; }